/*
* theme: RestApp Inc
* url: restapp.com
* author: Engin PINAR, Celal Akyuz
* date: December 5, 2017, 2:16:36 PM GMT+3
* version : 3.5.6
*/

/* ---- 0. GLOBAL CSS ---- */
html{ height: 100%; }
body { height: 100%; font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; letter-spacing: initial; line-height: initial; -webkit-touch-callout: none;/* -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none; -o-user-select:none;  */}
a, a:active, a:focus, a:hover, button, button:hover, button:focus, button:active{ text-decoration: none!important; outline: none!important; }
.form-control.no-resize{ resize: none; }
/* loading css */
.loading-div{ display: none; justify-content:center; align-items: center;  position: fixed; z-index: 9999; background: #fff; top:0; left:0; width: 100%; height: 100%; }
.loading-div .wait-icon{ width: 200px; height: 150px; display: block; position: relative; }
.loading-div .wait-icon img{ width: 200px; height: 150px; opacity: 1 }
body.loading .loading-div{ display: flex;}
select,button,input,textarea{ -webkit-appearance: none!important; -moz-appearance:none!important;}
textarea.resize-no{ resize: none!important; }
label{ font-weight: 600;}
label.block-label{ display: block; width: 100%;}
.block-button-group .btn-add-n-complete,
.block-button-group .btn-add-n-go{ height: 44px; display: inline-block;}
.block-button-group.mar-right .btn-add-n-complete,
.block-button-group.mar-right .btn-add-n-go{ margin-left: 0; margin-right: 5px;}
/* checkbox/radio global styling */
.checkbox label:after,
.radio label:after { content: ''; display: table; clear: both;}
.checkbox .cr,
.radio .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: .25em; width: 1.3em; height: 1.3em; float: left;  margin-right: .5em;}
.radio .cr { border-radius: 50%;}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon { position: absolute; font-size: .8em; line-height: 0;  top: 50%;  left: 20%;}
.radio .cr .cr-icon { margin-left: 0.04em;}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] { display: none;}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg);  opacity: 0;  /*transition: all .3s ease-in;*/}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg);  opacity: 1;}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr { opacity: .5;}
.slideout-menu { position: fixed; top: 0; bottom: 0; width: 256px; min-height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0); z-index: 0; display: none;}
.slideout-menu-left { left: 0;}
.slideout-menu-right { right: 0;}
.slideout-panel { position: relative; z-index: 1; will-change: transform; background-color: #FFF; /* A background-color is required */ min-height: 100vh;}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel { overflow: hidden; }
.slideout-open .slideout-menu { display: block; }
.panel:before { content: ''; display: block; background-color: rgba(0,0,0,0); transition: background-color 0.5s ease-in-out; }
.panel-open:before {content:''; position: absolute; top: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 9999;}
/*reset select-2*/
.select2-dropdown{ border-color: #E5EAED; }
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 43px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 43px;}
.select2-container--default .select2-selection--single{ border-color: #E5EAED; height: 44px; }
.left-select .select2-container--default .select2-selection--single{ border-left: 0;}
/* body overlay */
.overlay-body{ width: 100%; height: 100%; position: fixed; top:0; left:0; display: none; transition: .3s ease; background: rgba(0,0,0,.45); z-index: 3;}
.overlay-bg-menu{ width: 100%; height: 100%; position: fixed; top:0; left:0; display: none; transition: .3s ease; background: rgba(0,0,0,.45); z-index: 2;}
.overlay-body.opened{ display: block; }
.p-l-50{ padding-left: 50px;} .p-l-30{ padding-left: 30px;} .p-l-10{ padding-left: 10px;} .p-r-50{ padding-right: 50px;} .p-r-30{ padding-right: 30px;} .p-r-10{ padding-right: 10px;}
.p-t-50{ padding-top: 50px;} .p-t-30{ padding-top: 30px;} .p-t-10{ padding-top: 10px;} .p-b-50{ padding-bottom: 50px;} .p-b-30{ padding-bottom: 30px;} .p-b-10{ padding-bottom: 10px;}
.m-l-50{ margin-left: 50px;} .m-l-30{ margin-left: 30px;} .m-l-10{ margin-left: 10px;} .m-r-50{ margin-right: 50px;} .m-r-30{ margin-right: 30px;} .m-r-10{ margin-right: 10px;}
.m-t-50{ margin-top: 50px;} .m-t-30{ margin-top: 30px;} .m-t-10{ margin-top: 10px;} .m-b-50{ margin-bottom: 50px;} .m-b-30{ margin-bottom: 30px;} .m-b-10{ margin-bottom: 10px;}
/* The switch - the box around the slider */
.switch { position: relative; display: inline-block; width: 60px; height: 34px;}
/* Hide default HTML checkbox */
.switch input {display:none;}
/* The slider */
.switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.switch .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider { background-color: #34c85a;}
input:focus + .slider { box-shadow: 0 0 1px #34c85a;}
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
/* Rounded sliders */
.switch .slider.round { border-radius: 34px;}
.switch .slider.round:before { border-radius: 50%;}

/*.container.rewidth{ max-width: 1200px; margin: 0 auto; width: 100%; }*/
.container.rewidth{ max-width: 100%; margin: 0 auto; width: 100%; }
.container.fwidth{ margin: 0 auto; width: 100%; }
.intl-tel-input .country-list{ z-index: 4; }

/* ---- 1. TOP MENU CSS ---- */
.top-menu{width: 100%; height: 50px; position: fixed; background: #293740; display: block; top:0; left:0; z-index: 3;}
.top-menu .logo-side{ width: 200px; height: 50px; display: block; float: left; position: relative; padding: 0 0 0 10px; overflow: hidden;}
.top-menu .logo-side a{ display: inline-block; position: relative; padding-top: 11px;}
.top-menu .logo-side a img{ max-height: 50px; position: relative; max-width: 96px; }
.top-menu .right-menu{ position: relative; width: 100%; height: 50px; display: block; text-align: right; float: none;}
.top-menu .right-menu ul{ display: inline-block; padding:6px; margin: 0; }
.top-menu .right-menu ul li { display: inline-block; list-style: none; position: relative; }
.top-menu .right-menu ul li a{transition: .3s ease; color: #1d282f; margin: 4px 2px; padding: 6px 15px; display: block; font-weight: 600; z-index: 90;  background-color: #fff; border-color: #bcbec0; border-radius: 3px;}
/*.top-menu .right-menu ul li.expend-li a{transition: .3s ease; color: #b4bcc1; padding: 0 25px; display: block; font-weight: bold; font-size: 30px;  background: #1f272d; height: 50px;}*/
.top-menu .right-menu ul li.announce-bell a:hover,
.top-menu .right-menu ul li.announce-bell a:active,
.top-menu .right-menu ul li.announce-bell a:focus,
.top-menu .right-menu ul li.announce-bell a{ padding: 6px 8px; position: relative; }
.top-menu .right-menu ul li.announce-bell a i{ font-size: 18px; margin-right: 0 }
.top-menu .right-menu ul li.announce-bell .text-announce{ display: none;}
.top-menu .right-menu ul li.announce-bell a .announcekit-widget{ position: absolute!important; top: 0; left: 0; width: 100%; height: 100%; }
.top-menu .right-menu ul li.announce-bell a .announcekit-widget .announcekit-widget-badge{ top: -3px; right: 2px; opacity: 0; }
.top-menu .right-menu ul li.announce-bell a .announcekit-widget .announcekit-widget-badge.unread-post{ opacity: 1; }
.top-menu .right-menu ul li.announce-bell{ display: none; }
.top-menu .right-menu ul li.expend-li a{transition: .3s ease; color: #b4bcc1;padding: 0px; display: block; font-weight: bold; font-size: 25px; height: 42px; width: 50px; background: none; box-shadow: none; position: relative;}
.top-menu .right-menu ul li.expend-li a i{ position: relative; top: 6px; left: -12px; transform: translate(-50%,-50%);}
.top-menu .right-menu ul li.expend-li a .fa-compress{display: none;}
.top-menu .right-menu ul li a i { font-size: 13px; margin-right: 3px;}
.top-menu .right-menu ul li a i.shake-it { color: #eb4545;}
.shake-it {  -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;}
.top-menu .right-menu ul li a:hover{ background: #f2f2f2;}
.top-menu .right-menu ul li.expend-li a:hover{ background: none; box-shadow: none; color: #fff;}
.top-menu .right-menu .sub-menu {display: none; opacity: 0; transition: .3s ease; position: absolute; top:70px;  right: 20px; width: 320px; min-height: 300px; border-radius: 10px; background: #293740;
    /* border: 1px solid rgba(162,162,162,0.15) ; */ border-top: 0;}
.top-menu .right-menu .sub-menu .sub-header{ height: 70px; border-radius: 10px 10px 0 0; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; /* background: url('images/notification_bg.jpg') center no-repeat; background-size: cover; */ background: #3a4953; }
.top-menu .right-menu .sub-menu.view-website{ min-height: 130px; right: 0; left:auto; width: 300px;}
.top-menu .right-menu .sub-menu.quick-settings{ min-height: 130px; right: auto; left:20px;}
.top-menu .right-menu .sub-menu.selected_language{ max-width: 80px; padding: 5px 5px 0; right: 0; left: auto; min-height: auto; }
.top-menu .right-menu li.hovered .sub-menu{ display: block; opacity: 1; }
/*.top-menu .right-menu .sub-menu .sub-header:before { z-index: 1; content: ""; display: block; width: 100%; height: 100%; position: absolute; top:0; left:0; background: rgba(188, 36, 58,0); }*/
.top-menu .right-menu .sub-menu .sub-header:before { z-index: -1; content: ""; display: block; width: 50px; height: 50px; transform: rotate(-45deg); position: absolute; top:-5px; left:auto; right: 15px; background:#3a4953; border-top: 1px solid rgba(79, 79, 79, 0.15); border-right: 1px solid rgba(79, 79, 79, 0.15); }
.top-menu .right-menu .sub-menu.view-website .sub-header:before{ left:20px; right: auto; }
.top-menu .right-menu .sub-menu.view-website:before { z-index: -1; content: ""; display: block; width: 50px; height: 50px; transform: rotate(-45deg); position: absolute; top:-5px; right:40px; left: auto; background:#293740; }
.top-menu .right-menu .sub-menu.quick-settings:before { z-index: -1; content: ""; display: block; width: 50px; height: 50px; transform: rotate(-45deg); position: absolute; top:-5px; right:auto; left: 10px; background:#293740; }
.top-menu .right-menu .sub-menu .sub-header .inner{ z-index: 2; position: relative; text-align: center; color:#fff;}
.top-menu .right-menu .sub-menu .sub-header .inner h4{ font-weight: 600; font-size: 20px; margin-top:0; margin-bottom: 0;}
.top-menu .right-menu .btn-mobile-menu{ display: none;}
.top-menu .right-menu .sub-menu .account-div{ width: 100%; height: 230px; position: relative; display: block; padding: 5px;}
.top-menu .right-menu .sub-menu.quick-settings .account-div{ min-height: auto; height: auto; padding: 12px; }
.top-menu .right-menu .sub-menu.selected_branch .account-div{ padding: 12px 12px 6px; }
.top-menu .right-menu .sub-menu.selected_language .account-div{ padding: 5px; }
.top-menu .right-menu .sub-menu.view-website .account-div{ height: 130px;}
.top-menu .right-menu .sub-menu .account-item-div{ width: 50%; height: 50%; float: left; display: block; position: relative; padding: 2%;}
.top-menu .right-menu .sub-menu.view-website .account-item-div{  height: 100%; width: 50%;}
.top-menu .right-menu .sub-menu .account-item-div .flex-inner{ width: 100%; height: 100%; border-radius: 5px; background: #fff; display: flex; align-items: center; justify-content: center; }
.top-menu .right-menu .sub-menu .account-item-div .inner{ text-align: center; position: relative; color:#3a4953;}
.top-menu .right-menu .sub-menu .account-item-div a{ position: absolute; width: 100%; height: 100%; top:0; left:0; background: none; box-shadow: none;}
.top-menu .right-menu .sub-menu .account-item-div .inner span{ display: block; width: 100%; font-size: 14px;}
.top-menu .right-menu .sub-menu .account-item-div .inner span i{ font-size: 34px; margin-bottom: 7px; color: #293740;}
.sub-menu.quick-settings.selected_language .wSwitch{ padding: 5px;}
.sub-menu.quick-settings.selected_language .wSwitch img{ position: relative; top: -2px;}
/* ---- 1. TOP MENU CSS END ---- */

/* ---- 2. HIDDEN MENU CSS ---- */
.hidden-menu{ opacity: 0; transition: .3s ease; height: 100vh; top: 0; right: -420px; position: fixed; width: 420px; background: #e8e8e8; z-index: 99;}
.hidden-menu.opened{ right: 0; opacity: 1; }
.hidden-menu .menu-header{ height: 50px; background: #3A4953; display: flex; align-items: center; width: 100%;}
.hidden-menu .menu-header .head-inner{ width: 100%; padding: 0 120px 0 15px; position: relative;}
.hidden-menu .menu-header .head-inner .btns{ position: absolute; right: 5px; top: 3px;}
.hidden-menu .menu-header .head-inner .btns .btn-default{ background: #546875; color: #fff; border: 0; }
.hidden-menu .menu-header h4{ color:#fff; font-weight: 600; }
.hidden-menu .menu-content{ -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0); width: 100%; height: calc(100% - 104px); overflow-y: auto; position: relative; display: block; padding: 15px 15px 15px 30px;}
.hidden-menu .menu-content .notify-item{position: relative; border: 1px solid rgba(162,162,162,0.15); webkit-box-shadow: 0px 1px 5px 0px rgba(162,162,162,0.45); -moz-box-shadow: 0px 1px 5px 0px rgba(162,162,162,0.45); box-shadow: 0px 1px 5px 0px rgba(162,162,162,0.45); border-radius: 4px; width: 100%; height: auto; padding: 44px 15px 20px 55px; background: #fff; margin-bottom: 20px;}
.hidden-menu .menu-content .notify-item.non-read{ /*border: 1px solid rgba(46, 109, 164, 0.32); webkit-box-shadow: 0px 1px 5px 0px rgba(46, 109, 164, 0.61); -moz-box-shadow: 0px 1px 5px 0px rgba(46, 109, 164, 0.61); box-shadow: 0px 1px 5px 0px rgba(46, 109, 164, 0.61);*/}
.hidden-menu .menu-content .notify-item:before{position: absolute; content: ""; width: 10px; height: 10px; border-radius: 50%; background: #b6b6b6; left: -22px; top:calc(50% + 3px);}
.hidden-menu .menu-content .notify-item.non-read:before{ background: #2e6da4; }
.hidden-menu .menu-content .nt-orders .notify-item.non-read:before{ background: #00bf07; }
.hidden-menu .menu-content .notify-item .notify-date{ position: absolute; top:-1px; width: calc(100% + 2px); left: -1px; text-align: right; padding: 3px 5px; color: #fff; background: #3a4953; border-radius: 4px 4px 0 0;  font-size: 12px;}
.hidden-menu .menu-content .notify-item .notify-text{ font-weight: 600; color: #8d8d8d;}
.hidden-menu .menu-content .notify-item.non-read .notify-text{ color: #222; }
.hidden-menu .menu-content .notify-item .notify-text span{width: 100%; font-weight: normal; display: block; color: #a7a7a7; font-size: 12px;}
.hidden-menu .menu-content .notify-item a.full-select{ z-index: 1; position: absolute; width: 100%; height: 100%; display: block; top:0; left:0;}
.hidden-menu .menu-content .notify-item i.big-icon{ width: 30px; height: 30px; position: absolute; top:calc(50% - 4px); left:15px; font-size: 18px; display: flex; justify-content: center; align-items: center; background: #b8b8b8; color: #fff; border-radius: 4px;}
.hidden-menu .menu-content .notify-item i.big-icon.fa-qrcode{ padding-top: 3px; }
.hidden-menu .menu-content .notify-item .notify-date i{ width: auto; font-size: 16px; background: transparent; position: relative; top:0; display: inline;}
.hidden-menu .menu-content .notify-item .notify-date a{color: #fff; z-index: 2; position: relative; margin-left: 7px; top:1px;}
.hidden-menu .menu-content .notify-item.non-read i.big-icon{ background: #2e6da4; }
.hidden-menu .menu-content .notify-item.delivery i.big-icon,
.hidden-menu .menu-content .notify-item.non-read.delivery i.big-icon{ background: #449d44; }
.hidden-menu .menu-content .notify-item.delivery-time i.big-icon,
.hidden-menu .menu-content .notify-item.non-read.delivery-time i.big-icon{ background: #7393a8; }
.hidden-menu .menu-content .notify-item.takeout i.big-icon,
.hidden-menu .menu-content .notify-item.non-read.takeout i.big-icon{ background: #f93e59; }
.hidden-menu .nt-cat-btns{ width: 100%; height: auto; text-align: center; margin-bottom: 0;}
.hidden-menu .nt-cat-btns .nt-cat{ padding: 17px 15px; display: block; width: 50%; float: left; font-weight: 600; color: #fff; background: #546875; }
.hidden-menu .nt-cat-btns .nt-cat.active{ color: #fff; background: #283239; }
.hidden-menu .menu-content .nt-cats{ display: none; height: 100%}
.hidden-menu .menu-content .nt-cats.not-reserv-module{ display: block; height: 100%}
.hidden-menu .menu-content .empty-nt-div{ position: relative; height: 100%; display: flex; justify-content: center; align-items: center; width: 100%; }
.hidden-menu .menu-content .empty-nt-div .empty-nt-inner{text-align: center; color: #bdbdbd;}
.hidden-menu .menu-content .empty-nt-div .empty-nt-inner i{ font-size: 36px; margin-bottom: 7px; animation: none;}
.hidden-menu .menu-content .empty-nt-div .empty-nt-inner h4{ font-size: 20px; font-weight: 600; }
/* ---- 2. HIDDEN MENU CSS END ---- */

/* ---- . PAGE CONTAINER CSS ---- */
.page-container{ width: 100%; display: block; min-height: 100vh; background: #f9f9f9; padding-top: 50px; position: relative; overflow-x: hidden; z-index: 1; }
.page-container.opened:before{ content: ""; position: fixed; width: 100%; height: 100%; top:0; left:0; display: block; background: rgba(0,0,0,0.22);}
.row{position: relative;}
/* main-menu */
.site-layout{width: calc(100% - 275px); float: left; display: block; height: 100vh; overflow-y: auto; background: #0a6ebd;}
.main-menu{ overflow-x: hidden; left: 0; top: 0; height: 100vh; display: flex; position: relative; float: left; width: 275px; background: #1d282f; box-shadow: 1px 0 0 0 #E5EAED;}
.main-menu .left-side{ -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0); position: relative; z-index: 4; width: 100%; height: calc(100vh - 110px); overflow: hidden; display: block; float: left; background: #1d282f;}
.main-menu .left-side .left-logo-side{ width: 100%; height: 95px; display: flex; justify-content: center; align-items: center; position: relative;}
.main-menu .left-side .left-logo-side img{ width: 100%; max-width: 120px; height: auto;}
.main-menu .left-side .left-logo-side a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block;}
.main-menu .left-side .left-logo-side .opened-img{display: none;}
.main-menu .left-side .left-logo-side .closed-img{display: block;}
.main-menu .left-side .new-inner{ height: calc(100% - 95px); overflow-y: auto; width: 100%; }
.main-menu .left-side ul{ padding:0; margin: 0 auto; width: 100%; display: block; text-align: center;}
.main-menu .left-side ul li{ list-style: none; width: 100%; height: auto; position: relative; display: block; padding: 0 13px 8px; }
.main-menu .left-side ul li a{border:0; border-radius: 5px; transition: .3s ease; position: relative; width: 100%; height: auto; display: block; color:#fff; }
.main-menu .left-side ul li a:active,
.main-menu .left-side ul li a.focus,
.main-menu .left-side ul li a.actived{background: #bc243a;}
.main-menu .left-side ul li a.actived:after{ display: none;}
.main-menu .left-side ul li a.active,
.main-menu .left-side ul li a:hover{ background: #324450;}
.main-menu .left-side ul li a.actived{background: #bc243a;}
.main-menu .left-side ul li a .inner { display: block; width: 100%;}
.main-menu .left-side ul li a i { display: block; font-size: 16px; color: #fff;}
.main-menu .left-side ul li a .nm-icon-side{ width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; float:left;}
.main-menu .left-side ul li a .nm-text-side{ width: calc(100% - 48px); margin-left: 8px; height: 40px; display: flex; align-items: center; float:left; text-align: left;}
.main-menu .left-side ul li a.has-menu:after{ color: #495257; content: '\f0da'; font-family: FontAwesome; font-size: 14px; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; padding-top: 2px;}
/*.main-menu .left-side ul li:nth-child(1) a i {color: #ffeb3b;}*/
/*.main-menu .left-side ul li:nth-child(2) a i {color: #b2ff59;}*/
/*.main-menu .left-side ul li:nth-child(3) a i {color: #ffc107;}*/
/*.main-menu .left-side ul li:nth-child(4) a i {color: #ff5722;}*/
/*.main-menu .left-side ul li:nth-child(5) a i {color: #ce93d8;}*/
/*.main-menu .left-side ul li:nth-child(6) a i {color: #81d4fa;}*/
/*.main-menu .left-side ul li:nth-child(7) a i {color: #90a4ae;}*/
/*.main-menu .left-side ul li:nth-child(8) a i {color: #a2a8b1;}*/
/*.main-menu .left-side ul li:nth-child(9) a i {color: #d491e8;}*/
/*.main-menu .left-side ul li:nth-child(10) a i {color: #44B773;}*/
/*.main-menu .left-side ul li:nth-child(11) a i {color: #56BAD6;}*/
/*.main-menu .left-side ul li:nth-child(12) a i {color: #F3C276;}*/
/*.main-menu .left-side ul li:nth-child(13) a i {color: #F5765F;}*/
/*.main-menu .left-side ul li:nth-child(14) a i {color: #d491e8;}*/
/*.main-menu .left-side ul li:nth-child(15) a i {color: #44B773;}*/
/*.main-menu .left-side ul li:nth-child(16) a i {color: #a2a8b1;}*/
.main-menu .left-side ul li a span { display: block; float: none; width: 100%; font-size: 14px; font-weight: 600; letter-spacing:0.2px;}
.main-menu .right-side{transition: .3s ease; z-index: 5; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0); position: absolute; top:0; right: -230px; height: calc(100vh - 110px); overflow-y: auto; width: 230px; background: #293740; display: block; /* border-right: 1px solid #e8e8e8; */ }
.main-menu .right-side.opened{ right: 0;}
.main-menu .right-side .menu-inside{ width: 100%; height: auto; /*display: block;*/ position: relative; display: none;}
.main-menu .right-side .menu-title{ width: 100%; margin-bottom: 0; position: relative; display: flex; height: 95px; align-items: center; padding: 10px 20px; }
.main-menu .right-side .menu-title h4{ font-weight: 600; margin: 0; color: #f1f1f1; text-transform: uppercase;letter-spacing: 0.4px; font-size:18px;}
.main-menu .right-side .item-title{ width: 100%; display: block; position: relative; padding: 0 10px; margin-bottom: 8px; }
.main-menu .right-side .item-title a{ color: #fff; transition: .3s ease; border-radius: 3px; padding: 10px; font-size: 14px; font-weight: 600; display: flex; height: 40px; align-items: center; }
.main-menu .right-side .item-title a:hover{background: #3f4c6b; color: #fff;}
.main-menu .right-side .item-title a:focus,
.main-menu .right-side .item-title a:active,
.main-menu .right-side .item-title a.active{ color: #fff; background: #bc243a; }
.main-menu .right-side .item-title .child-div{ display: none; }
.main-menu .right-side .item-title .child-div a{ padding: 5px 15px; }
.main-menu .right-side .item-title .child-div a:before{ content: "-"; display: inline-block; position: relative; margin-right: 5px; }
.main-menu .item-title strong {color: #fff; margin-right: 3px; display: none;}
.main-menu.opened{}
.main-menu.opened .left-side .left-logo-side{ justify-content: flex-start; padding-left: 8px; }
.main-menu.opened .left-side .left-logo-side .opened-img{display: block; width: 30px; height: 30px;}
.main-menu.opened .left-side .left-logo-side .closed-img{display: none;}
.main-menu.opened .left-side ul{ max-width: 100%;}
.main-menu.opened .left-side ul li { padding: 0 0 8px;}
.main-menu.opened .left-side ul li a{ border-radius: 0;}
.main-menu-mobile{ display: none; }

#ingeridentCategoryAdd{font-size:16px;border-radius:5px;padding:11px 15px 9px;min-width: 140px; margin-left:0; text-align:center;font-weight:bold;background:#2196F3;border-color:#2196F3;color: #fff;}

@-moz-document url-prefix() {
    #ingeridentSave{ margin-left: 5px; }
}

.nm-bottom-menu{ background: #152027; height: 110px; width: 100%; position: absolute; bottom: 0; left:0; display: block; z-index: 11;}
.nm-bottom-menu .top-side{ border-top: 1px solid #0d171d; height: 60px; width: 100%; display: block; padding: 0 35px;}
.nm-bottom-menu .top-side .in-container{ width: 100%; color: #fff;}
.nm-bottom-menu .top-side .in-container .icon-side{ font-size: 18px; float: left; height: 60px; width: 34px; display: flex; justify-content: flex-start; align-items: center;}
.nm-bottom-menu .top-side .in-container .text-side{padding-left: 5px; line-height: 14px; float: right; align-items: center; width: calc(100% - 34px); display: flex; height: 60px; }
.nm-bottom-menu .top-side .in-container .text-side span{ font-size: 11px; font-weight: 600; line-height: 14px; display: block;}
.nm-bottom-menu .top-side .in-container .text-side span.res-mail{ color: rgba(255,255,255,.7);  display: block;}
.nm-bottom-menu .bottom-side{ width: 100%; height: 50px; display: block; border-top: 1px solid #0d171d; }
.nm-bottom-menu .bottom-side a:active,
.nm-bottom-menu .bottom-side a:focus,
.nm-bottom-menu .bottom-side a{ position:relative; width: 33.333333%; color: #fff; font-size: 16px; display: flex; justify-content: center; align-items: center; height: 49px; float: left; }
.nm-bottom-menu .bottom-side a:nth-child(2){ border-left: 1px solid #0d171d; border-right: 1px solid #0d171d;}
.nm-bottom-menu .bottom-side a:hover{background: #1a2730;}
.nm-bottom-menu .bottom-side a sub{ position: absolute; padding: 7px 5px 5px; border-radius: 50%; background: #ed5153; top: calc(50% - 13px); left: calc(50% + 2px); height: 16px; width: auto; font-weight: bold; }
/* footer */
.footer{position: absolute; bottom:0; padding-left: 0; transition: .3s ease; overflow: hidden;z-index: 99997; width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; float: left; background: #1d282f; color:#ffffff !important;}
.footer a {color:#ffffff !important; font-weight:600;}

/* main-layout */
.main-layout{  position: relative; padding-left: 0; transition: .3s ease; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0); overflow-x: hidden; overflow-y: scroll;  z-index: -1; left: 0; width: 100%; height: calc(100vh - 50px); display: block; float: left; background: #f2f2f2; }
.main-layout.opened{ padding-left: 200px; }
.main-layout-container{ width: 100%; height: auto; display: block; position: relative; min-height: calc(100vh - 50px); padding-bottom: 40px; }
/* main layout - header-div */
.main-layout-container .header-div{ width: 100%; height: 89px; display: flex; align-items: center;}
.main-layout-container .header-div h2{ font-size: 26px; font-weight: 600; }

/* ---- MAIN LAYOUT - QUICK ACTION DIV ---- */
.main-layout-container .quick-action-div{ min-height: 70px; width: 100%; display: flex; align-items: center; background:#f9f9f9;  }
.main-layout-container .quick-action-div .inner{ width: 100%; position: relative; display: block;}
.main-layout-container .quick-action-div .inner p{ margin-bottom: 0; color: #4e4e4e; font-size: 15px; }
.main-layout-container .quick-action-div .inner p.important-desc{ color: #e84118; font-weight: 600; }
.main-layout-container .quick-action-div .inner .text-side{ min-height: 40px; display: flex; align-items: center;}
.main-layout-container .quick-action-div .inner .btn-side{ position: absolute; right: 0; top: 0; height: 100%; display: flex; align-items: center;}
.main-layout-container .quick-action-div .inner .btn-side .btns-container{ width: 100%;}
.main-layout-container .quick-action-div .inner .btn-side .btn-default{padding: 9px 20px; font-weight: 600; border-color: #293740; color:#fff; background: #293740; }
.main-layout-container .quick-action-div .inner .btn-side .btn-default.manage_branch_menu{padding: 9px 20px; font-weight: 600; border-color: #2196f3; color:#fff; background: #2196f3; }
.main-layout-container .quick-action-div .inner .btn-side .manage_menu_button.btn-danger{padding: 9px 20px; font-weight: 600; border-color: #d43f3a; color:#fff; }
.main-layout-container .quick-action-div .inner .btn-side .manage_menu_button { min-width: 180px;}
.main-layout-container .quick-action-div .inner .btn-side .copy-menu-btn .dropdown-menu { background: #1b1c24; border: 0; min-width: 180px; margin-top: 6px; z-index: 1; padding: 8px 0 11px;}
.main-layout-container .quick-action-div .inner .btn-side .copy-menu-btn .dropdown-menu>li>a:active,
.main-layout-container .quick-action-div .inner .btn-side .copy-menu-btn .dropdown-menu>li>a:focus,
.main-layout-container .quick-action-div .inner .btn-side .copy-menu-btn .dropdown-menu>li>a { color: #a9a9a9;}
.main-layout-container .quick-action-div .inner .btn-side .copy-menu-btn .dropdown-menu>li>a i{ margin-right: 5px; }
.main-layout-container .quick-action-div .inner .btn-side .copy-menu-btn .dropdown-menu>li>a:hover { color: #f3f3f3; background: #373948;}
.main-layout-container .quick-action-div .inner .btn-side .copy-menu-btn .dropdown-menu:before{ content: "\f0d8"; font-family: FontAwesome; top:-14px; display: block; position: absolute; font-size: 20px; color: #1b1c24; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.main-layout-container .quick-action-div .inner .btn-side .btn-default+.btn-default{ background: #00bcd4; border-color: #00bcd4; }
.main-layout-container .quick-action-div .inner .btn-side .btn-default.btn-item-update{ background: #2196F3; border-color: #2196F3;}
#restaurant_settings_form .btn-default:not(.dropdown-toggle, .btn-all, .btn-close){background: #2196F3; border-color: #2196F3; color:#fff; padding: 9px 20px; font-weight: 600; min-width:100px;}

/* ---- MAIN LAYOUT - FILTER DIV ---- */
.main-layout-container .filter-div{ width: 100%; height: auto; background: #fff;}
.sub-menu.quick-settings .wSwitch,
.quick-modal .wSwitch,
.main-layout-container .form-div .wSwitch{ background: #fff; padding: 10px 13px 7px; border-radius: 4px; }
.main-layout-container .form-div .wSwitch.product-menu-switch{ border:0; padding: 0; background: none; width: 250px; display: inline-block; }
.main-layout-container .form-div .wSwitch.product-menu-switch label{ width: 100%; margin-bottom: -7px; }
.main-layout-container .form-div .wSwitch.product-menu-switch .statu{ width: 115px; left: auto; right: 45px; }
.main-layout-container .form-div .wSwitch.product-menu-switch .slider.round{ left: auto; width: 35px; }
.main-layout-container .product-info-circle{ position: relative; top: -4px; margin-bottom: -7px; font-size: 20px; text-align: right; width: 20px; display: inline-block; float: right; color: #1f89de; cursor: help;}
.newNav-style.nav-tabs>li.collapse-all-btn a{ background: #f9f9f9; color: #333;}
.newNav-style.nav-tabs>li.collapse-all-btn { min-width: 132px; text-align: center; }
.sub-menu.quick-settings .wSwitch{ text-align: left; background: #ffff; margin-bottom: 7px;}
.sub-menu.quick-settings .wSwitch.nomargin,
.sub-menu.quick-settings .wSwitch:last-child{ margin-bottom: 0;}
.main-layout-container .form-div label{ font-size: 14px;}
.quick-modal .form-div label .description,
.main-layout-container .form-div label .description{ font-size: 11px; color: #969696; margin-left: 5px; font-weight: 300;}
.quick-modal .form-div label .description.required-label,
.main-layout-container .form-div label .description.required-label{font-size: 13px; color: #2196f3; font-weight: bold;}
.main-layout-container .form-div .form-control{ box-shadow: none; height: 44px; border-color: #E5EAED;}
.main-layout-container .form-div .global_product_match_table .form-control{ border: 1px solid #E5EAED!important;}
.main-layout-container .form-div .global_product_match_table{ margin-bottom: 15px!important;}
.main-layout-container .form-div .postcode-service .form-control{ text-transform: uppercase; box-shadow: none; height: 44px; border-color: #E5EAED;}
.main-layout-container .form-div textarea.form-control{ height: auto;}
.main-layout-container .form-div textarea.form-control.productDesc{ min-height: 102px; resize: none; }
.main-layout-container .form-div textarea.form-control.productDesc2{ min-height: 128px; resize: none; }
.main-layout-container .form-div textarea.form-control.categoryDesc{ min-height: 105px; resize: none; }
.main-layout-container .form-div .input-group-addon{ border-color: #E5EAED; background: #fff;}
.main-layout-container .form-div .input-group-addon.search-post-code{ cursor: pointer; background: #0c89ec; color: #fff; font-weight: 600; border-radius: 0 4px 4px 0; border: 0; padding: 7px 24px;}
.main-layout-container .form-div .input-group-addon.proDescIcon{ vertical-align: top; padding-top: 7px; }
.main-layout-container .form-div .fill-it .select2-container--default .select2-selection--single,
.main-layout-container .form-div .fill-it .input-group-addon,
.option-modal .fill-it .form-control,
.option-modal .fill-it .input-group-addon,
.extra-modal .fill-it .form-control,
.extra-modal .fill-it .input-group-addon,
.fill-it .select2-container--default .select2-selection--single,
.form-div .fill-it .images-preview,
.main-layout-container .form-div .fill-it .form-control{ border-color: #f76a5e;}
.main-layout-container .form-div .input-group{ width: 100%; }
.main-layout-container .form-div .two-input .form-group:nth-child(1){ padding-right: 5px; }
.main-layout-container .form-div .two-input .form-group:nth-child(2){ padding-left: 5px; }
.main-layout-container .form-div .three-input .form-group:nth-child(1){ padding-right: 5px; }
.main-layout-container .form-div .three-input .form-group:nth-child(2){ padding-left: 5px;  padding-right: 5px;}
.main-layout-container .form-div .three-input .form-group:nth-child(3){ padding-left: 5px; }
.main-layout-container .form-div .four-input .form-group:nth-child(1){ padding-right: 5px; }
.main-layout-container .form-div .four-input .form-group:nth-child(2){ padding-left: 5px;  padding-right: 5px;}
.main-layout-container .form-div .four-input .form-group:nth-child(3){ padding-left: 5px;  padding-right: 5px;}
.main-layout-container .form-div .four-input .form-group:nth-child(4){ padding-left: 5px; }
.eposmanagementmaindiv .form-group.disabled,
.eposmanagementmaindiv .form-group.disabled *{opacity: 0.8;cursor: no-drop;}

.main-layout-container .form-div .two-group .group-div:nth-child(1),
.main-layout-container .form-div .two-group .lang-col-rp{ padding-right: 5px; }
.main-layout-container .form-div .two-group .group-div:nth-child(2){ padding-left: 5px; }
.main-layout-container .form-div .three-group .group-div:nth-child(1){ padding-right: 5px; }
.main-layout-container .form-div .three-group .group-div:nth-child(2){ padding-left: 5px;  padding-right: 5px;}
.main-layout-container .form-div .three-group .group-div:nth-child(3){ padding-left: 5px; }
.main-layout-container .form-div .four-group .group-div:nth-child(1){ padding-right: 5px; }
.main-layout-container .form-div .four-group .group-div:nth-child(2){ padding-left: 5px;  padding-right: 5px;}
.main-layout-container .form-div .four-group .group-div:nth-child(3){ padding-left: 5px;  padding-right: 5px;}
.main-layout-container .form-div .four-group .group-div:nth-child(4){ padding-left: 5px; }

.input-group .form-control:last-child{ border-left: 0; padding-left: 0;}
.input-group .form-control:first-child{ border-right: 0; padding-right: 0; }
.input-group .form-control:not(:first-child):not(:last-child){ border-right: 0; border-left: 0; padding-left: 0; padding-right: 0;}
.main-layout-container .filter-div .inner{ width: 100%;  position: relative; display: block;}
.main-layout-container .filter-div .hidden-group{ display: none;}
.main-layout-container .filter-div .btn-side{ position: absolute; right: 0; top: 0; height: 100%; display: flex; align-items: flex-end; padding-bottom: 15px;}
.main-layout-container .filter-div .btn-side .btns-container{ width: 100%;}
.main-layout-container .filter-div .btn-side .other-filters{ padding: 9px 20px; display: inline-block; }
.main-layout-container .filter-div .btn-side .btn-default{padding: 9px 20px; font-weight: 600; background: #A059B5; color:#fff; border-color: #A059B5;}
.main-layout-container .filter-div .btn-side .btn-default+.btn-default{ background: #449d44; border-color: #449d44;}

.main-layout-container .form-div .product_color_select { position: relative; }
.main-layout-container .form-div .product_color_select .form-control[readonly]{ background: #fff; cursor: pointer; }
.main-layout-container .form-div .product_color_select .color_palette_picker{display: none; text-align: center; padding: 5px; z-index: 99999; position: absolute; top: 100%; width: 100%; height: auto; background: #fff; border: 1px solid #E5EAED; border-top: 0; border-radius: 0 0 4px 4px; }
.main-layout-container .form-div .product_color_select .color_palette_picker .btn-default:hover,
.main-layout-container .form-div .product_color_select .color_palette_picker .btn-default:active,
.main-layout-container .form-div .product_color_select .color_palette_picker .btn-default:focus,
.main-layout-container .form-div .product_color_select .color_palette_picker .btn-default{ background: #0a6ebd; font-weight: 600; border:0; color: #fff; padding: 7px 15px; font-weight: 600; font-size: 16px; margin: 5px 0; width: calc(100% - 10px); }
.main-layout-container .form-div .product_color_select.opened .form-control{ border-radius: 4px 0 0 0; }
.main-layout-container .form-div .product_color_select.opened .input-group-addon{ border-radius: 0 4px 0 0;  }
.main-layout-container .form-div .product_color_select .input-group-addon{ cursor: pointer; }
.main-layout-container .form-div .product_color_select .input-group-addon span{ width: 16px; height: 16px; background: #ddd; display: inline-block;  }
.main-layout-container .form-div .product_color_select .color_palette_picker .color-item{ float:left; padding: 5px; width: 10%; height:10%; position: relative; }
.main-layout-container .form-div .product_color_select .color_palette_picker .color-item span{ cursor: pointer; width: 100%; height: 100%; display: block; background: #ddd; border-radius: 2px; display: flex; justify-content: center; align-items: center; color: #c12700; font-size: 2rem; }


/* ---- MAIN LAYOUT - DATATABLES */
.data-table-container{ width: 100%; height: auto; display: block; margin-bottom:60px;}
.restaurant-welcome-div .data-table-container{ margin-bottom: 0;}
.data-table-container .dataTables_filter,
.data-table-container .dataTables_length{ /* display: none; */ }
.data-table-container .count-filter select.form-control{ margin-right: 5px; width: 50px; display: inline-block; text-align: center; height: 30px; }
.data-table-container table{ background: #fff;}
.data-table-container table .label-deleted-user{ padding: 6px 16px 5px; background: #9a9a9a; }
.data-table-container select.input-sm{ line-height: inherit;}
.data-table-container .switch{ height: 24px; width: 35px; margin-bottom: 0; }
.data-table-container .switch.center-switch{ height: 24px; width: 35px; margin:0 auto 0 35px; }
.data-table-container .switch .slider:before{ height: 16px; width: 16px; }
.data-table-container input:checked + .slider:before{ -webkit-transform: translateX(11px);  -ms-transform: translateX(11px);  transform: translateX(11px); }
.data-table-container td .btn-xs{ position: relative; top:0; padding: 4px 8px; margin-left:5px; font-size: 17px; min-width: 35px;}
.data-table-container td .btn-xs.btn-option-count{ font-size: 14px; font-weight: 600; min-width: 42px;}
.data-table-container td .btn-edit{ background: #293740; border-color:#293740; color: #fff;}
.data-table-container td .btn-edit:hover,
.data-table-container td .btn-edit:focus,
.data-table-container td .btn-edit:active{ background: #19232a; border-color:#19232a; color: #fff;}
.data-table-container td .btn-delete{ background: #f44336; border-color: #f44336; color: #fff;}
.data-table-container td .btn-delete:hover,
.data-table-container td .btn-delete:focus,
.data-table-container td .btn-delete:active{ background: #f13022; border-color:#f13022; color: #fff;}

.modifier-modals .data-table-container td .btn-delete{ background: #ccc; border-color: #ccc; color: #fff;}
.modifier-modals .data-table-container td .btn-delete:hover,
.modifier-modals .data-table-container td .btn-delete:focus,
.modifier-modals .data-table-container td .btn-delete:active{ background: #bdbdbd; border-color:#bdbdbd; color: #fff;}

.data-table-container td .btn-copy{ background: #2196F3; border-color:#2196F3; color: #fff;}
.data-table-container td .btn-copy:hover,
.data-table-container td .btn-copy:focus,
.data-table-container td .btn-copy:active{ background: #2196F3; border-color:#2196F3; color: #fff;}
.data-table-container td .btn-recommended{ background: #449d44; border-color:#449d44; color: #fff;}
.data-table-container td .btn-recommended:hover,
.data-table-container td .btn-recommended:focus,
.data-table-container td .btn-recommended:active{ background: #449d44; border-color: #449d44; color: #fff;}
.data-table-container td .btn-login{ background: #009688; border-color:#009688; color: #fff;}
.data-table-container td .btn-login:hover,
.data-table-container td .btn-login:focus,
.data-table-container td .btn-login:active{ background: #008d7f; border-color:#008d7f; color: #fff;}
.table_branchs_status td .btn-login{ background: #2e6da4; border-color:#2e6da4; color: #fff; font-size: 17px; }
.table_branchs_status td .btn-login:hover,
.table_branchs_status td .btn-login:focus,
.table_branchs_status td .btn-login:active{ background: #2e6da4; border-color:#2e6da4; color: #fff;}
.data-table-container td .btn-user-owner{ background: #607D8B; border-color:#607D8B; color: #fff;}
.data-table-container td .btn-user-owner:hover,
.data-table-container td .btn-user-owner:focus,
.data-table-container td .btn-user-owner:active{ background: #607D8B; border-color:#607D8B; color: #fff;}
.data-table-container.new_menu_table td .btn-xs{ width: 36px; height: 36px; padding: 0; display: flex; justify-content: center; align-items: center; }
.table-mb0{margin-bottom: 0 !important;}
.data-table-container .btns-container{ display: flex; justify-content: flex-end; width: 100%; align-items: flex-start; }
.data-table-container .btns-container.text-right{  justify-content: flex-end;}
.dataTables_wrapper .form-control{ box-shadow: none; border-color: #e8e8e8;}
.mce-panel{ border-color: #e8e8e8!important; background: #fdfdfd!important;}
.mce-branding-powered-by{ display: none; }
.mce-btn{ background-color: transparent!important; }
.mce-top-part::before{ box-shadow: none!important;}
.mce-tinymce{ border-radius: 5px; overflow: hidden; box-shadow: none!important;}
.mce-notification-warning{ display: none!important;}
.data-table-container .thumbnail-th{ width: 10%;}
.data-table-container .thumbnail-td{ vertical-align: middle; }
.data-table-container .thumbnail-td a { position: relative; display: block;}
.data-table-container .thumbnail-div{ position: relative; display: table-cell; width: 60px; height: 45px; background: #ccc; }
.data-table-container.ver-center div.dataTables_scrollBody table tbody tr td{ vertical-align: middle; }

td.dataTables_empty {
    height: 100px;
}


/* ---- MAIN LAYOUT - PRODUCT VIEW ---- */
.prodcut-view{}
.title-steps{ margin-bottom: 30px;}
.title-steps a{ padding: 5px 15px;margin-right: 10px; color: #333; position: relative; background: #E5EAED; border-radius: 3px;}
.title-steps a:after{content: ''; display: block; position: absolute; right: -5px; top: 7px; background: #E5EAED; height: 20px; width: 20px; transform: rotate(45deg);}
.title-steps a.active:after,
.title-steps a.active{ background: #fff; }
.title-steps a:last-child:after{ display: none;}
textarea.editor{ width: 100%;}
.form-div.filter-div{ display: block;}
.switch{ height: 24px; width: 35px; margin-bottom: 0; }
.switch .slider:before{ height: 16px; width: 16px; }
input:checked + .slider:before{ -webkit-transform: translateX(11px);  -ms-transform: translateX(11px);  transform: translateX(11px); }
.switch .statu{ position: absolute; left: -65px; width: 60px; text-align: right; color:#969696; font-weight: 300;}
.switch .statu span:nth-child(1){ display: none;}
.switch .statu span:nth-child(2){ display: block;}
.switch.active .statu span:nth-child(1){ display: block;}
.switch.active .statu span:nth-child(2){ display: none;}
.form-div .images-preview{ width: 100%; height: auto; background: #fff; border-radius: 5px; padding: 10px 5px; display: flex; justify-content: center; align-items: center; }
.form-div .images-preview .inner{ width: 100%; height: 140px; display: block; position: relative; text-align: left; }
.form-div .images-preview .thumb-item{ width: calc(25% - 10px); margin-right: 7px; height: 140px; margin-bottom: 0; display: inline-block; position: relative; background: #f7f7f7; cursor: pointer; border-radius: 5px;}
.form-div .images-preview.full-preview .thumb-item{ width: calc(50% - 10px); margin-right: 7px; height: 140px; margin-bottom: 0; display: inline-block; position: relative; background: #f7f7f7; cursor: pointer; border-radius: 5px;}
.form-div .images-preview.category-thumb .thumb-item{ width: calc(50% - 10px); max-width: 160px; float: left; }
.form-div .images-preview .thumb-item.file-upload-div{ margin-right: 0; cursor: pointer; background: transparent; overflow: hidden; width: 100%;}
.form-div .images-preview.full-preview .thumb-item.file-upload-div{ width: calc(50% - 10px); }
.form-div .images-preview.full-preview.no-file .thumb-item.file-upload-div{ width: 100%; }
.form-div .images-preview .thumb-item.file-upload-div.smaller{ width: calc(25% - 10px);}
.form-div .images-preview.full-preview .thumb-item.file-upload-div.smaller{ width: calc(50% - 10px);}
.form-div .images-preview.category-thumb .thumb-item.file-upload-div,
.form-div .images-preview.category-thumb .thumb-item.file-upload-div.smaller{ width: calc(50% - 10px);}
.form-div .images-preview .thumb-item.file-upload-div .insider{ position: absolute; top:0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.form-div .images-preview .thumb-item.file-upload-div .hiddenfile{ width: 0; height: 0; overflow: hidden; }
.form-div .images-preview .thumb-item.file-upload-div .insider .upload-text{ text-align: center;}
.form-div .images-preview .thumb-item.file-upload-div .insider .upload-text.uploaded{ display: none;}
.form-div .images-preview .thumb-item.file-upload-div .insider .img-uploaded-preview{ width: 180px; height: 140px; margin-top: 5px; border-radius: 5px; display: inline-block;}
.form-div .images-preview .thumb-item.file-upload-div .insider .upload-text i {font-size: 26px; color: #969696;}
.form-div .images-preview .thumb-item.file-upload-div .insider .upload-text h5 {font-size: 16px; color: #969696; margin-bottom: 0; }
.form-div .images-preview .thumb-item.file-upload-div .insider .upload-text.uploaded i,
.form-div .images-preview .thumb-item.file-upload-div .insider .upload-text.uploaded h5{ color:#449d44; }

.form-div .images-preview .thumb-item.file-upload-div2{ margin-right: 0; cursor: pointer; background: transparent; overflow: hidden; width: 100%;}
.form-div .images-preview .thumb-item.file-upload-div2.smaller{ width: calc(25% - 10px);}
.form-div .images-preview .thumb-item.file-upload-div2 .insider{ position: absolute; top:0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.form-div .images-preview .thumb-item.file-upload-div2 .hiddenfile{ width: 0; height: 0; overflow: hidden; }
.form-div .images-preview .thumb-item.file-upload-div2 .insider .upload-text{ text-align: center;}
.form-div .images-preview .thumb-item.file-upload-div2 .insider .upload-text.uploaded{ display: none;}
.form-div .images-preview .thumb-item.file-upload-div2 .insider .img-uploaded-preview{ width: 180px; height: 140px; margin-top: 5px; border-radius: 5px; display: inline-block;}
.form-div .images-preview .thumb-item.file-upload-div2 .insider .upload-text i {font-size: 26px; color: #969696;}
.form-div .images-preview .thumb-item.file-upload-div2 .insider .upload-text h5 {font-size: 16px; color: #969696; margin-bottom: 0; }
.form-div .images-preview .thumb-item.file-upload-div2 .insider .upload-text.uploaded i,
.form-div .images-preview .thumb-item.file-upload-div2 .insider .upload-text.uploaded h5{ color:#449d44; }

.form-div .images-preview .thumb-item.file-upload-div3{ margin-right: 0; cursor: pointer; background: transparent; overflow: hidden; width: 100%;}
.form-div .images-preview .thumb-item.file-upload-div3.smaller{ width: calc(25% - 10px);}
.form-div .images-preview .thumb-item.file-upload-div3 .insider{ position: absolute; top:0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.form-div .images-preview .thumb-item.file-upload-div3 .hiddenfile{ width: 0; height: 0; overflow: hidden; }
.form-div .images-preview .thumb-item.file-upload-div3 .insider .upload-text{ text-align: center;}
.form-div .images-preview .thumb-item.file-upload-div3 .insider .upload-text.uploaded{ display: none;}
.form-div .images-preview .thumb-item.file-upload-div3 .insider .img-uploaded-preview{ width: 180px; height: 140px; margin-top: 5px; border-radius: 5px; display: inline-block;}
.form-div .images-preview .thumb-item.file-upload-div3 .insider .upload-text i {font-size: 26px; color: #969696;}
.form-div .images-preview .thumb-item.file-upload-div3 .insider .upload-text h5 {font-size: 16px; color: #969696; margin-bottom: 0; }
.form-div .images-preview .thumb-item.file-upload-div3 .insider .upload-text.uploaded i,
.form-div .images-preview .thumb-item.file-upload-div3 .insider .upload-text.uploaded h5{ color:#449d44; }

.form-div .images-preview .thumb-item.file-upload-div-cat{ margin-right: 0; cursor: pointer; background: transparent; overflow: hidden; width: 100%;}
.form-div .images-preview .thumb-item.file-upload-div-cat.smaller{ width: calc(25% - 10px);}
.form-div .images-preview .thumb-item.file-upload-div-cat .insider{ position: absolute; top:0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.form-div .images-preview .thumb-item.file-upload-div-cat .hiddenfile{ width: 0; height: 0; overflow: hidden; }
.form-div .images-preview .thumb-item.file-upload-div-cat .insider .upload-text{ text-align: center;}
.form-div .images-preview .thumb-item.file-upload-div-cat .insider .upload-text.uploaded{ display: none;}
.form-div .images-preview .thumb-item.file-upload-div-cat .insider .img-uploaded-preview{ width: 180px; height: 140px; margin-top: 5px; border-radius: 5px; display: inline-block;}
.form-div .images-preview .thumb-item.file-upload-div-cat .insider .upload-text i {font-size: 26px; color: #969696;}
.form-div .images-preview .thumb-item.file-upload-div-cat .insider .upload-text h5 {font-size: 16px; color: #969696; margin-bottom: 0; }
.form-div .images-preview .thumb-item.file-upload-div-cat .insider .upload-text.uploaded i,
.form-div .images-preview .thumb-item.file-upload-div-cat .insider .upload-text.uploaded h5{ color:#449d44; }

.form-div .images-preview .thumb-item.hide-this{ display: none; }
.form-div .images-preview .thumb-item .check-icon{ opacity: 0; position: absolute; right: 5px; top:5px; width: 25px; height: 25px; background: #f8f8f8; display: flex; justify-content: center; align-items: center; color:#999; border-radius: 50%; }
.form-div .images-preview.edit-page-thumb .thumb-item .check-icon{ opacity: 1; }
.form-div .images-preview.edit .thumb-item .check-icon.delete-img,
.form-div .images-preview.edit .thumb-item .check-icon.delete-category-img,
.form-div .images-preview.edit .thumb-item .check-icon.delete-product-img{ opacity: 1; }
.form-div .images-preview.full-preview .thumb-item .check-icon.delete-menu-img{ opacity: 1; }
.form-div .images-preview .thumb-item .check-icon.animated{ animation-duration: .3s; }
.select2-container--default .select2-selection--multiple{ border-color: #e8e8e8; min-height: 105px; width: 100%;}
.slider-select2 .select2-container--default .select2-selection--multiple{ border-color: #e8e8e8; min-height: 44px; width: 100%;}
#add_menu_form .select2-container--default .select2-selection--multiple{ border-color: #e8e8e8; min-height: 44px; width: 100%;}
.resizeSelect .select2-container--default .select2-selection--multiple{ min-height: 44px;}
.resizeSelect2 .select2-container--default .select2-selection--multiple{ min-height: 72px;}
.resizeSelect3 .select2-container--default .select2-selection--multiple{ min-height: 104px;}
.resizeSelect2.new-pr-menu-related .select2-container--default .select2-selection--multiple{ max-height: 72px; overflow: auto;}
.resizeSelect.editPage .select2-container--default .select2-selection--multiple{ min-height: 104px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ color:#fff;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{ background: #2196F3; border-color: #2196F3; color:#fff;}
.select2-container--default.select2-container--focus .select2-selection--multiple{ border-color: #d3d3d3;}
.select2{ width: 100%!important; }
.product_menu_form .hide-selected-item .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice{ display: none;}
.checkbox-container{ position: relative; width: 100%; height: auto; padding: 5px; border: 1px solid #e8e8e8; background: #fff;}
.checkbox-item{ position: relative; width: 50%; display: block; padding: 3px; float: left; }
.checkbox-item .checkbox-div{ width: 0; height: 0; overflow: hidden;}
.checkbox-item .checkbox-div input[type=checkbox]{ display: block;}
.checkbox-item label{transition: .3s ease; cursor: pointer; width: 100%; position: relative; margin-bottom: 0; background: #e8e8e8; color:#777; border-radius: 3px; padding: 8px 10px 7px 30px;}
.checkbox-item label:before{ content: "\f096"; font-family: FontAwesome; display: block; position: absolute; left:10px; top:10px;}
.checkbox-item.selected label:before{ content: "\f14a"; }
.checkbox-item label span.price{ float: right; }
.checkbox-item.selected label{ background: #2196f3; color:#fff;}
.form-with-btn .form-control{ width: calc(100% - 40px); display: block; float: left;border-radius: 5px 0 0 5px; }
.form-with-btn .btn{ border-radius: 0 5px 5px 0; padding:11px 12px; background: #2196F3; border-color: #2196F3; }
.added-menu-products-div{ padding: 5px 5px 10px; width: 100%; display: block; background: #fff; height: 280px; border-radius: 4px; border: 1px solid #E5EAED; overflow: auto; }
.modal .added-menu-products-div{ padding: 0; max-height: 70vh; height: auto;}
.modal.addProductMenu .modal-body{ position: relative; padding: 0 0 50px 0; }
.modal.addProductMenu .modal-body .btn-container{ position: absolute; bottom:0; left:0; width: 100%; height: 50px; }
.modal.addProductMenu .modal-body .btn-container a{ display: flex; background: #2196F3; font-size: 24px; font-weight: 600; justify-content: center; align-items: center; height: 50px; width: 100%; color: #fff; }
.added-menu-products-div .product-item{ padding: 10px 10px 0; }
.added-menu-products-div .pr-container-div{ position: relative; height: 120px; padding: 10px; display: flex; justify-content: center; align-items: center; text-align: center;}
.added-menu-products-div .pr-container-div a.delete-btn { position: absolute; top: -5px; right: -5px; display: flex; justify-content: center; align-items: center; background: #ff4f3b; color: #fff; width: 26px; height: 26px; border-radius: 50%; z-index: 3; }
.added-menu-products-div .pr-container-div a.group-name-btn { position: absolute; bottom: 3px; padding: 3px 10px; justify-content: center; align-items: center; background: #41525d; color: #fff; border-radius: 3px; z-index: 3; }
.added-menu-products-div .single-item .pr-container-div{ background: #2196f3; color: #fff; border-radius: 4px;}
.added-menu-products-div .menu-category-item .pr-container-div{ background: #1770b7; color: #fff; border-radius: 4px;}
.added-menu-products-div .pr-container-div .inner-div{ text-align: center; width: 100%; color: #fff;}
.added-menu-products-div .pr-container-div .inner-div h4{ font-size: 14px; margin-top: 0; }
.added-menu-products-div .pr-container-div .inner-div .price{ font-size: 13px; }
.added-menu-products-div .pr-container-div .inner-div a{ z-index: 2; position: absolute; top:0; left:0; width: 100%; height: 100%; }
.added-menu-products-div .row{ margin: 0; padding: 15px;}
.added-menu-products-div .row:nth-child(odd){ background: #f9f9f9; }
.added-menu-products-div .row .npr-name{ width: calc(100% - 400px); float: left;}
.added-menu-products-div .row .npr-group{ width: 100px; float: left;}
.added-menu-products-div .row .npr-extra-price{ width: 120px; float: left;}
.added-menu-products-div .row .npr-extra-price + .npr-group { width: 136px; }
.added-menu-products-div .row .npr-extra-price + .npr-group .group-div{ padding-left: 50px; }
.added-menu-products-div .row .npr-extra-price + .npr-group .group-div .switch{ float: none!important; }
.added-menu-products-div .row .npr-btn{ width: 44px; float: left; padding-top: 24px;}
.added-menu-products-div .row .npr-name .form-control[readonly]{ background: #fff; border-color: #E5EAED; border-radius: 4px 0 0 4px; border-right: 0; }
.added-menu-products-div .row .npr-group .form-control{ border-radius: 0; border-right: 0; }
.added-menu-products-div .row .npr-group .default-product{ padding-top: 9px; padding-right: 11px; background-color: white; height: 44px; border: 1px solid #E5EAED; }
.added-menu-products-div .row .npr-extra-price .form-control{ border-radius: 0; border-right: 0;}
.added-menu-products-div .row .npr-btn .btn-default{background: #ddd; border:0; display: flex; height: 44px; width: 44px; float: left; justify-content: center; align-items: center; padding: 3px;}
.added-menu-products-div .row .npr-btn .btn-default.btn-remove:active,
.added-menu-products-div .row .npr-btn .btn-default.btn-remove:focus,
.added-menu-products-div .row .npr-btn .btn-default.btn-remove{ border-radius: 0 4px 4px 0; background: #e65d4d; color: #fff;}
.added-menu-products-div .row .npr-btn .btn-default.btn-remove:hover{ background: #E65044; color: #fff;}
.added-menu-products-div .row .npr-btn .btn-default.btn-check:active,
.added-menu-products-div .row .npr-btn .btn-default.btn-check:focus,
.added-menu-products-div .row .npr-btn .btn-default.btn-check{ border-radius: 0 4px 4px 0; background: #3f5f74; color: #fff;}
.added-menu-products-div .row .npr-btn .btn-default.btn-check:hover{ border-radius: 0 4px 4px 0; background: #39576b; color: #fff;}
.add-extra { position: relative; }
.add-extra .hide-this{ display: none; }
.add-extra .toggle-div{ margin: 0 0 10px;}
.options-row label{ width: 100%;}
.options-row label .btn{ background: #449d44; border-color: #449d44; color: #fff; }
.options-row label .btn:hover,
.options-row label .btn:active,
.options-row label .btn:focus{background: #3a923a; border-color: #3a923a; color:#fff;}
.btn.show-options{ background: #2e6da4; border-color: #2e6da4; color:#fff;}
.btn.show-options:focus,
.btn.show-options:active,
.btn.show-options:hover{ background: #1b6d85; border-color: #1b6d85; color:#fff; }
.form-div{ display: none;}
.form-div.step-1{ display: block;}
.form-div .btn-complete,
.btn-add-n-complete,
.btn-add-n-go,
.rest_settings_update button.dropdown{ padding: 9px 20px; font-weight: 600; background: #2196F3!important; color: #fff;  border-color: #2196F3!important;}
.rest_settings_update button.dropdown,
.rest_settings_update .btn-add-n-go{min-width:180px; border-radius: 4px!important;}
.rest_settings_update button.dropdown{ min-width: 120px;}
.rest_settings_update .dropdown-menu{ background: #1b1c24; border: 0; min-width: 180px; margin-top: 10px; z-index: 1; padding: 8px 0 11px; margin-bottom: 10px; }
.rest_settings_update .dropdown-menu:before{content: "\f0d7"; font-family: FontAwesome; top: -18px; display: block; position: absolute; font-size: 20px; color: #1b1c24; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.rest_settings_update.dropup .dropdown-menu:before{ bottom: -13px; top: auto; }
.rest_settings_update .dropdown-menu a{ color: #a9a9a9; }
.rest_settings_update .dropdown-menu a:hover{ color: #f3f3f3; background: #373948; }
.btn-add-n-go.block-btn{ display: block; width: 100%; font-size: 16px;}
.btn-default.btn-add-n-complete:active,
.btn-default.btn-add-n-complete:focus,
.btn-default.btn-add-n-complete{ background: #449d44; border-color: #449d44; color:#fff; margin: 0 0 0 4px; }
.n-top-buttons .btn-add-n-complete:active,
.n-top-buttons .btn-add-n-complete:focus,
.n-top-buttons .btn-add-n-complete{ margin: 0; }
.form-div .btn-complete:hover,
.btn-default.btn-add-n-go:hover,
.btn-default.btn-add-n-go:hover,
.form-div .btn-complete:active,
.btn-default.btn-add-n-go:active,
.form-div .btn-complete:focus,
.btn-default.btn-add-n-go:focus{ background: #0c89ec; border-color: #0c89ec; color:#fff;}
.btn-add-n-complete:hover,
.btn-add-n-complete:active,
.btn-add-n-complete:focus{ background: #398c39; border-color: #398c39; color: #fff;}

.btn-default.btn-equal{ padding: 9px 20px; font-weight: 600; background: #449d44; border-color: #449d44; color:#fff; margin: 0 4px 0 0; }
.btn-default.btn-equal.active,
.btn-default.btn-equal:hover,
.btn-default.btn-equal:active,
.btn-default.btn-equal:focus{ background: #398c39; border-color: #398c39; color: #fff;}


.btn-default.btn-prdListDays:active,
.btn-default.btn-prdListDays:focus,
.btn-default.btn-prdListDays{ font-size: 16px; background: #41525d; color: #fff; border: 0; height: 42px; font-weight: 600; width: 100%; display: flex; justify-content: center; align-items: center;  }

.form-control.append-div, .form-control.append-div-2{ min-height: 103px; overflow-y: scroll; overflow-x: hidden; }
.append-div label, .append-div-2 label{ padding: 2px 7px; color:#fff; cursor: pointer; background: #2196F3; border-radius: 3px; margin-right: 5px;}
.append-div label:after, .append-div-2 label:after{ content:'\f057'; font-family: FontAwesome; position: relative; margin-left: 5px; float: right;}
.append-input .enter-keyword, .append-input-2 .enter-keyword{ cursor: pointer; background: #2e6da4!important;  border-color: #2e6da4!important; color: #fff;}

.container.rewidth.options-buttons {
    margin-top: 20px;
}
.dtsecondbold td:nth-child(2) {
    font-weight: 600;
}

.excelbuttons {text-align:right;}

/* ---- . PAGE CONTAINER CSS END ---- */

/* ---- Restaurant Management Page ---- */
.hide-infos.hide-this{ display: none;}
.input-group-addon.show-pass{ cursor: pointer;}
.form-div .images-preview.edit .thumb-item{ width: calc(50% - 10px);}
.form-div .images-preview.edit .thumb-item.for-preview{ display: none;}
.form-div .images-preview.edit .thumb-item.file-upload-div,
.form-div .images-preview.edit .thumb-item.file-upload-div2{ width: calc(50% - 10px);}
.icon-picker{ position: relative;}
.icon-picker .fip-grey.icons-selector{ position: static!important;}
.icon-picker .icons-selector .selector{ height: 42px;}
.icon-picker .icons-selector .selected-icon i,
.icon-picker .icons-selector .selector-button i{ line-height: 42px;}
.icon-picker .icons-selector .fip-box{ font-size: 26px;}
.icon-picker .icon-div,
.icon-picker .input-div{ float: left;}
.icon-picker .input-div{ width: calc(100% - 102px); }
.icon-picker .input-div .form-control{ border-radius: 0 5px 5px 0; border-left: 0; white-space: nowrap }
.icon-picker .icons-selector .selector-popup{ width: auto;}
.icon-picker .fip-grey.icons-selector .fip-icons-container{ border: 0; padding: 0;}
.icon-picker .icons-selector .fip-box{ width: 56px; }
table.table-bordered > tbody > tr > td { vertical-align: middle;}
table > tbody > tr > td > i{ font-size: 18px;}
.lang-btn-div .btn-default{ width: 100%; background: #2196F3; font-size: 14px; border: 0; height: 43px; font-weight: 600; color:#fff; box-shadow: none; }
.lang-btn-div .btn-default:hover,
.lang-btn-div .btn-default:focus,
.lang-btn-div .btn-default:active{ background: #0c89ec; color: #fff;}
.lang-btn-div .btn-default i{ font-size: 14px;}
.lang-btn-div .btn-default.red{ background: #f93e59; }
.lang-btn-div .btn-default.red:hover,
.lang-btn-div .btn-default.red:focus,
.lang-btn-div .btn-default.red:active{ background: #f93e59; color: #fff;}
.lang-btn-div .btn-default.red i{ font-size: 14px;}
.row.lang-row{ margin-left: 0; margin-right: 0;}
.lang-wrapper.restaurant-lang .lang-row:first-child .lang-btn-div .btn-add-lang { display:block; }
.lang-wrapper.restaurant-lang .lang-row:first-child .lang-btn-div .red { display:none; }
.lang-wrapper.restaurant-lang .lang-row .lang-btn-div .btn-add-lang { display:none; }
.lang-wrapper.restaurant-lang .lang-row .lang-btn-div .red { display:block; }
.form-btn-group .info-label{ width: 100%; display: block;}
.form-btn-group .form-group{ width: calc(100% - 110px); float: left; }
.form-btn-group .form-inline-btn:active,
.form-btn-group .form-inline-btn:focus,
.form-btn-group .form-inline-btn{ background: #2196F3; margin-bottom:10px; border-color: #2196F3; float: right; color: #fff; width: 100px; padding: 11px 20px; font-weight: 600;}
.form-btn-group .form-inline-btn:hover{ background: #1c89e0; border-color: #1c89e0; color: #fff; }
.seperator-title h2{ font-size: 24px; font-weight: 600;}
.extra-modal .modal-dialog{ max-width: 380px;}
.option-modal .modal-footer,
.extra-modal .modal-header,
.extra-modal .modal-footer{ display: none; }
.option-modal .modal-content,
.extra-modal .modal-content{ border-radius: 5px 0 5px 5px;}
.new-box-list .form-control,
.modal-body .form-control{ height: 44px; box-shadow: none; border-color: #E5EAED;}
.modal-body .input-group-addon{ background: #fff; border-color: #e5eaed;}
.modal-body .btn-add{ background: #2196F3; border-color: #2196F3; color: #fff; font-weight: 600; width: 100%; display: block; padding: 11px 20px;}
.option-modal .dismiss-btn,
.extra-modal .dismiss-btn{ position: absolute; right: -35px; top:0; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 0 5px 5px 0; background: #fd5a57; color: #fff;}
.btn.resetstbt {background: #ccc !important; border-color: #ccc !important;}

#ingredientListModal .modal-body,
#optionListModal .modal-body,
#extraListModal .modal-body{ max-height: 60vh;overflow-y: auto; }
#ingredientListModal .modal-body ul,
#optionListModal .modal-body ul,
#extraListModal .modal-body ul {padding-left: 0;}
#ingredientListModal .modal-body ul li,
#optionListModal .modal-body ul li,
#extraListModal .modal-body ul li {background: #f3f3f3; font-size: 16px; padding: 7px 15px; border: 1px solid #eaeaea; font-weight: 600; list-style: none; margin-bottom: 10px;}

/*.daterangepicker.dropdown-menu{ left: 20px !important; }*/
/* ---- WELCOME PAGE ---- */
.welcome-page{ width: 100%; height: auto; display: block; position: relative;}
.welcome-page .total-restaurant-div{}
.welcome-page .wp-res-div .inner,
.welcome-page .total-restaurant-div .inner{margin-bottom: 20px; display: flex; background-color: #ffffff; border: 1px solid #E5EAED; border-radius: 5px; min-height: 150px; padding: 10px;}
#total-restaurant{ height: 300px; float: left; width: 300px;}
#total-restaurant text{ font-weight: 600!important;}
.welcome-page .inner .chart-text{padding-left: 35px; width: calc(100% - 300px); height: 300px; display: flex; align-items: center; }
.welcome-page .inner .chart-text label{ width: 100%; display: block; font-size: 22px; line-height: 44px;}
.welcome-page .inner .chart-text label:nth-child(1){ color: #69d4f3;}
.welcome-page .inner .chart-text label:nth-child(2){ color: #67C69D;}
.welcome-page .inner .chart-text label:nth-child(3){ color: #c1c1c1;}
.welcome-page .inner .chart-text label i { margin-right: 5px;}
.welcome-page .wp-res-div{ padding-left: 0; padding-right: 0;}
.welcome-page .wp-res-div .inner{ position: relative; height: 151px; margin-bottom:  20px; display: flex; align-items: center; justify-content: center;}
.welcome-page .wp-res-div .inner h4{ font-size: 30px; font-weight: 600; margin-top: 0;}
.welcome-page .wp-res-div .inner a{ position: absolute; top:0; left:0; width: 100%; height: 100%;}
.welcome-page .wp-res-div .inner h4 i { font-size: 40px; margin-right: 7px; position: relative; top: 5px;}
.welcome-page .wp-res-div:nth-child(2) .inner{ background: #42a5f5; color: #fff;}
.welcome-page .wp-res-div:nth-child(1) .inner{ background: #67c69d; color: #fff;}

/* ---- LOGIN PAGE ---- */
.login-container{ position: relative; width: 100vw; height: calc(100vh - 40px); background: rgba(0,0,0, 0.85) none repeat scroll 0 0; display: flex; align-items: center; justify-content: center;  }
.login-container .login-div { width: 100%; height: auto; min-height: 260px; display: block; position: relative;}
.login-container .login-div .login-text{ display: flex; align-items: center;  position: absolute; height: 100%;}
.login-container .login-div .login-text .text-inner{ max-width: 510px;}
.login-container .login-div .login-text .logo-container{ width: 100%; height: auto; position: relative; display: block; }
.login-container .login-div .login-text .logo-container img{  width: 100%; max-width: 250px; height: auto; position: relative; display: block; }
.login-container .login-div .login-text .sub-text{ color: #fff; font-weight: bold; font-size: 24px; margin-top: 10px; }
.login-container .login-div .login-text p{ color: #fff; font-size: 18px; }
.login-container .login-div .form-div { display: block; position: relative; background: #fff; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02); min-height: 150px; padding: 20px 30px 50px; border-radius: 6px;}
.login-container .login-div .form-div .form-group option{ color: #3e4448; font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 3px 5px;}
.login-container .login-div .form-div .form-group{ margin-bottom: 25px;}
.login-container .login-div .form-div .form-group.noborder{border: 0; margin-bottom: 30px; margin-top: 0;}
.login-container .login-div .form-div .form-group.nomargin{ margin: 0;}
.login-container .login-div .form-div .form-group .forgot-password{ font-size: 14px; color: #222; font-weight: 600;}
.login-container .login-div .form-div .form-control{ font-weight: 600; height: 44px; box-shadow: none; background: transparent; color: #222; }
.login-container .login-div .form-div .input-group-addon { color: #222; height: 44px; box-shadow: none;  background: transparent; }
.login-container .login-div .form-div .input-group-addon.focused{ border-color: #66afe9;}
.login-container .login-div .form-div .btn-default{ font-size: 18px; padding: 8px 15px; width: 100%; display: block; background: #f44336; font-weight: bold; border-color: #f44336; }
.login-container .login-div .logo-div{ padding: 20px 15px; position: relative; top:0; left:0; width: 100%; text-align: center; border-radius: 5px 5px 0 0;}
.login-container .login-div .logo-div h4{ color:#222; font-weight: 600; font-size: 28px;}
.login-container .login-div .form-div .form-group .checkbox label{ color: #222; font-weight: 600; padding-left: 0;}
.login-container .login-div .form-div .form-group .checkbox .cr{ margin-right: 10px; border: 1px solid #ccc; top: 0; border-radius: 3px;}
.login-container .login-div .form-div .form-group .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon{ color: #fff; top: 8px; left: 3px; }
.login-container .login-div .form-div .form-group .checkbox label input[type="checkbox"]:checked + .cr { background: #f44336; border-color: #f44336; }
.login-container .login-div .form-div .row.center-row .form-group{ min-height: 50px; width: 100%; display: flex; float: left; align-items: center; }
.login-container .login-div .form-div .row.center-row .form-group.text-right{ justify-content: flex-end; }
.login-container .login-div .div-not-a-member{ position: absolute; width: 100%; height: 50px; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; background: #dcdcdc; border-radius: 0 0 6px 6px;}
.login-container .login-div .div-not-a-member a { color: #222; font-weight: 600;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
    color: #fff;
}
select.form-control{ -moz-appearance:none;}
select::-ms-expand {
    display: none;
}

/* Safari saved password reset epcom */
#login_form input:-webkit-autofill,
#login_form input:-webkit-autofill:hover,
#login_form input:-webkit-autofill:focus,
#login_form input:-webkit-autofill:active {
    color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}

#login_form input[name=email]{text-transform: lowercase;}

@keyframes autofill {
    100% {
        background: transparent;
        color: #fff;
    }
}

@-webkit-keyframes autofill {
    100% {
        background: transparent;
        color: #fff;
    }
}


.login-bar{ position: relative; width: 100%; height: 40px; background: rgba(153, 15, 5, 0.95); display: block;}
.login-bar p{color: #fff !important;margin-top: 10px;}
.login-bar p a { color: #fff;}

/* ---- REPORTS PAGE ---- */
.reports-container{ width: 100%; display: block; height: auto; position: relative;}
.reports-container .chart-inner{ padding:15px 30px; position: relative; width: 100%; background: #fff; margin-bottom: 20px; border: 1px solid #e5eaed; border-radius: 5px;}
.reports-container .chart-inner #morris-bar-stacked{ max-height: 350px; position: relative;}

.reports-container .chart-inner .labels-container{ display: block; width: 100%; text-align: center; height: auto; position: relative;}
.reports-container .chart-inner .labels-container .labels{ display: inline-block; position: relative; padding: 7px 10px; }
.reports-container .chart-inner .labels-container .labels label{ width: 20px; height: 6px; position: relative; top:3px; margin-right: 5px; }

.reports-container .row.reports-row{ margin-left: -10px; margin-right: -10px;}
.report-item{ padding-left: 10px; padding-right: 10px;}
.report-item{ margin-bottom: 20px; }
.report-item .item-inner{ background: #fff; border: 1px solid #e5eaed; width: 100%; height: auto; min-height: 150px; border-radius: 5px;}
.report-item .item-inner .title-div,
.report-item .item-inner .content-div{ width: 100%; height: auto; display: block; position: relative; overflow: hidden;}
.report-item .item-inner .title-div h4{ margin: 20px 0; font-size: 15px; color: #afafaf; text-align: center; text-transform: uppercase; font-weight: 600; }
.report-item .item-inner .content-div .icon-div{ font-size:54px; height:100%; color: #a0e1ff;  position: absolute; width: 40%; float: left; display: flex; justify-content: center; align-items: center; }
.report-item .item-inner .content-div .text-div{color: #667884; line-height: 38px; padding-left: 5px; height: auto; position: relative; width: 60%; float: right; font-size: 19px; font-weight: 600;}
.report-item .item-inner .content-div .text-div span{ display: block; width: 100%; margin-bottom: 10px;}
.report-item .item-inner .content-div .text-div span label{ font-size: 50px; font-weight: bold; margin-right: 5px;}

.report-item.two-col .item-inner .content-div .icon-div{ width: 20%; }
.report-item.two-col .item-inner .content-div .text-div{ width: 80%; }

canvas {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.chart-inner2 {position: relative; padding: 15px 30px; border-radius: 5px; height: 400px;width: 100%; background: #fff; margin-bottom: 20px; border:1px solid #e5eaed;}
.chart-container2{ padding-left: 10px; padding-right: 10px;}

/* Language Selection Nav CSS */
.nav-tabs.lang-nav{ margin-bottom: 15px; border-color: #e5eaed;}
.nav-tabs.lang-nav>li>a>img{ position: relative; top:-2px; margin-right: 0;}
.nav-tabs.lang-nav>li>a>span:not(.not-hide){ display: none;}
.nav-tabs.lang-nav li>a{ background: #e6e6e6; padding: 6px 10px 4px; }
.nav-tabs.lang-nav>li.active>a, .nav-tabs.lang-nav>li.active>a:focus{ background: #f9f9f9; border: 0px !important; }
.nav-tabs.lang-nav>li.description-li span{ padding-top: 10px; color: #797979; font-size: 12px; display: block;}


/* RESTAURANT WELCOME PAGE */
.restaurant-welcome-container{}
.restaurant-welcome-container .restaurant-welcome-div{}
.restaurant-welcome-div .info-item{ margin-bottom: 14px;}
.restaurant-welcome-div .info-item .info-inner{ border-radius: 5px; background: #FFFFFF; padding: 15px; }
.restaurant-welcome-div .info-item.sparks-item .info-inner .left-side,
.restaurant-welcome-div .info-item.sparks-item .info-inner .right-side{ min-height: 60px; }
.restaurant-welcome-div .info-item.sparks-item .info-inner .right-side{ padding-bottom: 10px;}
.restaurant-welcome-div .info-item .info-inner .left-side{ width: 70%; display: flex; height: auto; align-items: center; float: left;}
.restaurant-welcome-div .info-item .info-inner .left-side h4{ font-size: 14px;  margin: 0; font-weight: 600; color: #797979; text-transform: uppercase;}
.restaurant-welcome-div .info-item .info-inner .left-side h2{color: #455a64; font-size: 26px; margin: 0 0 3px; font-weight: 600;}
.restaurant-welcome-div .info-item .info-inner .left-side h2 span{ font-size: 12px; position: relative; top:-5px; margin-left: 5px;}
.restaurant-welcome-div .info-item .info-inner .left-side h2 a{ color: #455a64;}
.restaurant-welcome-div .info-item .info-inner .left-side h2 a:nth-child(1){ padding-right: 3px;}
.restaurant-welcome-div .info-item .info-inner .left-side h2 a:nth-child(3){ padding-left: 3px;}
.restaurant-welcome-div .info-item .info-inner .left-side h2 p{ display: inline-block; margin-bottom: 0;}
.restaurant-welcome-div .info-item .info-inner .left-side h2 span i{ display: none;}
.restaurant-welcome-div .info-item .info-inner .left-side h2 span.plus i.fa-caret-up{ display: inline-block; color: #3a923a; }
.restaurant-welcome-div .info-item .info-inner .left-side h2 span.minus i.fa-caret-down{ display: inline-block; color: #f30; }
.restaurant-welcome-div .info-item .info-inner .right-side{ width: 30%; display: flex; height: 46px; align-items: flex-end; justify-content: flex-end; float: left; }
.restaurant-welcome-div .info-item h4.title{ margin: 0; font-weight: 600; color: #a9a9a9; }
.restaurant-welcome-div .info-item .data-table-container .btns-container{ justify-content: flex-end; }
.restaurant-welcome-div .info-item.table-item .info-inner{ min-height:315px; }
.restaurant-welcome-div.reservations-own-page .info-item.table-item .info-inner{ min-height:515px; }
.restaurant-welcome-div .info-item .data-table-container table label{ min-width: 84px; margin: 0; display: inline-block; padding: 5px; text-align: center;}
.restaurant-welcome-div .info-item .data-table-container table label.res-label{ width: 34px; min-width: 34px; height: 35px; display: flex; margin: 0 auto; justify-content: center; align-items: center; font-size: 18px;}


.restaurant-welcome-div .info-item.top-btns{ margin-bottom: 25px;}
.restaurant-welcome-div .info-item.top-btns .info-inner{ padding: 30px; text-align: center;  min-height: 288px; }
.restaurant-welcome-div .info-item.top-btns .img-div{ position: relative; width: 100%; height: auto; text-align: center;}
.restaurant-welcome-div .info-item.top-btns .img-div img{ position: relative; width: 100%; max-width: 143px;}
.restaurant-welcome-div .info-item.top-btns .title-div { text-align: center;}
.restaurant-welcome-div .info-item.top-btns .title-div h4 { font-size: 16px; font-weight: 600; margin: 18px 0;}
.restaurant-welcome-div .info-item.top-btns .btn-default.btn-edit:active,
.restaurant-welcome-div .info-item.top-btns .btn-default.btn-edit:focus,
.restaurant-welcome-div .info-item.top-btns .btn-default.btn-edit{width: 162px; left:calc(50% - 81px); position: absolute; bottom: 30px; background: #00bcd4;  border-color: #00bcd4; color: #fff; font-weight: 600; padding: 7px 15px;}
.restaurant-welcome-div .info-item.top-btns .btn-default.btn-edit:hover{ background: #00b0c7; border-color: #00b0c7; color: #fff;}
.restaurant-welcome-div .title-container h4{ font-weight: 600; margin-bottom: 5px;}
.restaurant-welcome-div .title-container p{ color: #797979;}
.restaurant-welcome-div .table-item .desc-div{ width: calc(100% - 170px); display: block; float: left;}
.restaurant-welcome-div .table-item .btn-div{ width: 170px; display: block; float: left; }
.restaurant-welcome-div .table-item .btn-group>.btn{ color: #696969; float: right; border-color: #e4e4e4; background: #f9f9f9; width: 170px; font-weight: 600; margin-top: 20px;}
.restaurant-welcome-div .table-item .btn-group>.btn i{ font-size: 10px; top: -1px; margin-left: 3px; position: relative;}
.restaurant-welcome-div .table-item .btn-div .dropdown-menu{ border-radius: 3px; border-color: #dedede; padding: 0; }
.restaurant-welcome-div .table-item .btn-div .dropdown-menu>li>a{ border-bottom: 1px solid #e8e8e8; padding: 7px 13px; font-weight: 600; color: #3a3a3a;}
.restaurant-welcome-div .table-item .btn-div .dropdown-menu>li:last-child>a{ border-bottom: 0;}
.detail-table{ margin-bottom: 0;}
.restaurant-welcome-div .table>tbody>tr>td, .restaurant-welcome-div .table>tbody>tr>th, .restaurant-welcome-div .table>tfoot>tr>td, .restaurant-welcome-div .table>tfoot>tr>th, .restaurant-welcome-div .table>thead>tr>td, .restaurant-welcome-div .table>thead>tr>th{ vertical-align: middle;}
.detail-table.table-bordered>tbody>tr>td { padding: 13px;}
.detail-table.table-bordered>tbody>tr>td span{ font-weight: 500; }
.detail-modal .table-responsive{ max-height: 70vh; overflow-y: auto;}
.detail-modal .form-status{ padding-top: 10px;}
/*.detail-modal .form-status .input-group-addon.setPadding{ padding-right: 5px; }*/
.detail-modal .form-status .form-control{ padding: 0 20px 0 7px; font-weight:600;}
.detail-modal .btn-status:active,
.detail-modal .btn-status:focus,
.detail-modal .btn-status{margin-left: -4px; font-size: 14px; font-weight: 600; background: #2e6da4; border-color: #2e6da4; color: #fff; border-radius: 4px!important; padding: 11px 13px;}
.detail-modal .btn-status.btn-invoice-retry{padding: 5px 10px;}
.detail-modal .btn-status.btn-delete-order:active,
.detail-modal .btn-status.btn-delete-order:focus,
.detail-modal .btn-status.btn-delete-order{ margin-left: 5px; background: #da2626; border-color: #da2626; }
.detail-modal .btn-status.btn-refund-cancel-order:active,
.detail-modal .btn-status.btn-refund-cancel-order:focus,
.detail-modal .btn-status.btn-refund-cancel-order{ margin-left: 5px; background: #da2626; border-color: #da2626; }
.detail-modal .btn-status.btn-refund-return-order:active,
.detail-modal .btn-status.btn-refund-return-order:focus,
.detail-modal .btn-status.btn-refund-return-order{ margin-left: 5px; background: #da2626; border-color: #da2626; }
.jqstooltip {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}



/* EDIT PAGE OPTIONS DIV */
.options-buttons .row{ margin-left: -7px; margin-right: -7px; }
.options-item{ padding-right: 7px; padding-left: 7px; }
.options-item .item-inner{transition: .3s ease; position: relative; background: #fff; border-radius: 5px; width: 100%; min-height: 5vw; border:1px solid #e5eaed; }
.options-item .item-inner .icon-div{transition: .3s ease; display: flex; width: 30%; float: left; min-height: 5vw; justify-content: center; align-items: center; font-size: 1.6vw; color: #fff; }
.options-item .item-inner .text-div{ display: flex; width: 70%; float: left; min-height: 5vw; align-items: center; }
.options-item .item-inner .text-div h4{transition: .3s ease;font-size: 14px; color: #fff; font-weight: bold; }
.options-item .item-inner a{ position: absolute; width: 100%; height: 100%; top:0; left:0;}
.options-item:nth-child(1) .item-inner{ border-color: #9dce9d; }
/*.options-item:nth-child(1) .item-inner .icon-div{ color: #72d672; }*/
.options-item:nth-child(2) .item-inner{ border-color: #3fc3ff; }
/*.options-item:nth-child(2) .item-inner .icon-div{ color: #5eaeef; }*/
.options-item:nth-child(3) .item-inner{ border-color: #f18b4c; }
/*.options-item:nth-child(3) .item-inner .icon-div{ color: #f18b4c; }*/
.options-item:nth-child(4) .item-inner{ border-color: #b359ce; }
/*.options-item:nth-child(4) .item-inner .icon-div{ color: #b359ce; }*/
.options-item:nth-child(5) .item-inner{ border-color: #ff4545; }
/*.options-item:nth-child(5) .item-inner .icon-div{ color: #ff4545; }*/
.options-item:nth-child(6) .item-inner{ border-color: #41525d; }
/*.options-item:nth-child(6) .item-inner .icon-div{ color: #c3a3a3; }*/
.options-item .item-inner:hover .icon-div{ color: #fff;}
.options-item .item-inner:hover .text-div h4{ color: #fff;}
.options-item:nth-child(1) .item-inner{ background: #9dce9d;}
.options-item:nth-child(1) .item-inner:hover{ background: #87b687;}
.options-item:nth-child(2) .item-inner{ background: #3fc3ff;}
.options-item:nth-child(2) .item-inner:hover{ background: #2b9dd1;}
.options-item:nth-child(3) .item-inner{ background: #f18b4c;}
.options-item:nth-child(3) .item-inner:hover{ background: #dd8045;}
.options-item:nth-child(4) .item-inner{ background: #b359ce;}
.options-item:nth-child(4) .item-inner:hover{ background: #9d4eb4;}
.options-item:nth-child(5) .item-inner{ background: #ff4545;}
.options-item:nth-child(5) .item-inner:hover{ background: #c93939;}
.options-item:nth-child(6) .item-inner{ background: #41525d;}
.options-item:nth-child(6) .item-inner:hover{ background: #313d45;}
.option-modal .checkbox-container{ display: none; border-radius: 3px;}
.option-modal .checkbox-container p{ color: #797979; padding: 5px 0 0 5px; margin-bottom: 5px; }
.option-modal .checkbox-container:nth-child(1){ display: block;}
.option-modal .btn-default.select-all:active,
.option-modal .btn-default.select-all:focus,
.option-modal .btn-default.select-all{  padding: 11px 15px 9px; font-size: 15px; background: #50bf50; border-color: #50bf50; font-weight: bold; color: #fff; }
.option-modal .btn-default.select-all:hover{ background: #3a923a; border-color: #3a923a; font-weight: bold; color: #fff; }
.option-modal .btn-default.accept-btn:active,
.option-modal .btn-default.accept-btn:focus,
.option-modal .btn-default.accept-btn{  padding: 11px 15px 9px; font-size: 15px; background: #2196F3; border-color: #2196F3; font-weight: bold; color: #fff; }
.option-modal .btn-default.accept-btn:hover{ background: #2e6da4; border-color: #2e6da4; font-weight: bold; color: #fff; }
.option-modal .btn-default.accept-btn.btn-green:active,
.option-modal .btn-default.accept-btn.btn-green:focus,
.option-modal .btn-default.accept-btn.btn-green{  padding: 11px 15px 9px; font-size: 15px; background: #449d44; border-color: #449d44; font-weight: bold; color: #fff; }
.option-modal .btn-default.accept-btn.btn-green:hover{ background: #347334; border-color: #347334; font-weight: bold; color: #fff; }

.option-modal textarea.form-control{ resize: none; min-height: 70px;}
.option-modal .options-row .wSwitch{ border: 1px solid #e5eaed; border-radius: 5px; padding: 10px 10px 7px;}
.option-modal .options-row .wSwitch label{ width: auto;}
.option-modal .options-row .wSwitch label.switch{ width: 35px;}
.option-modal .row .nomargin{ margin-left: 0; margin-right: 0;}
.option-modal .row .select-w-btn .input-group{ width: calc(100% - 110px); float: left; }
.option-modal .row .select-w-btn .input-group-addon{ border-radius: 0;}
.option-modal .row .select-w-btn .btn-default.btn-select-add{ float: left; font-size: 16px; border-radius: 0 5px 5px 0; padding: 11px 15px 9px; min-width: 110px; text-align: center; font-weight: bold; background: #2196F3; border-color: #2196F3; color: #fff; }
.option-modal .row .select-w-btn .btn-default.btn-select-remove{ float: left; font-size: 16px; border-radius: 0 5px 5px 0; padding: 11px 15px 9px; min-width: 110px; text-align: center; font-weight: bold; background: #f74600; border-color: #f74600; color: #fff; }
.option-modal .modal-header{ background: #1d282f; color: #fff; font-weight: bold; }
.option-modal .modal-header button{ color: #fff; margin-top: 2px;}
.option-modal .modal-header h4{ font-weight: bold;}
.option-modal .select2-container--default .select2-selection--multiple{ height: 44px; min-height: 44px; border-radius: 4px 0 0 4px;}
/* adres seçimi modal */
.select-address-modal .modal-body{ padding: 0; }
.select-address-modal .info-element-div{ border: 1px solid #E5EAED; max-height: 60vh; overflow: auto; }
.select-address-modal .info-element-div .radio label{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

#fancybox-content, #fancybox-wrap{ box-sizing: content-box;}

.promo-row .btn-remove-promo-row{ display: block; }
.promo-row .btn-add-promo-row{ display: none; }
.promo-row:first-child .btn-remove-promo-row{ display: none; }
.promo-row:first-child .btn-add-promo-row{ display: block; }
.promo-row .btn-default.red { background: #f93e59 !important; border-color: #f93e59 !important; }

.btn-default.btn-add-option-row:active,
.btn-default.btn-modal-title:active,
.btn-default.btn-modal-title:focus,
.btn-default.btn-add-option-row:focus,
.btn-default.btn-add-option-row,
.btn-default.btn-modal-title{ min-width: 100px; background: #2196f3; border: 0; color: #fff; top: -3px; margin-bottom: -5px; position: relative; float: right; font-size: 16px; font-weight: 600; padding: 5px 15px; margin-right: 15px; }
.option-row .btn-default.red { background: #f93e59 !important; border-color: #f93e59 !important; }
.btn-option-delete-all { background: #f93e59 !important; border-color: #f93e59 !important; color:#fff; font-weight:bold;font-size:15px;padding: 11px 15px 9px; }
.btn-option-delete-all:hover { background: #dc2d46 !important; border-color: #dc2d46 !important; color:#fff; font-weight:bold;font-size:15px;padding: 11px 15px 9px; }

.menu-lang-row .btn-remove-menu-lang-row{ display: block; }
.menu-lang-row .btn-add-menu-lang-row{ display: none; }
.menu-lang-row:first-child .btn-remove-menu-lang-row{ display: none; }
.menu-lang-row:first-child .btn-add-menu-lang-row{ display: block; }
.menu-lang-row .btn-default.red { background: #f93e59 !important; border-color: #f93e59 !important; }

.form-control.selectedIconHere{ padding-top: 12px; }

/* Kullanıcı Gruplarına Göre Yetki Düzenleme Sayfası */
.auth-description{ padding-top: 13px; display: inline-block; color: #797979;}
.auth-panels .panel-heading .title-side{ width: calc(100% - 180px); position: relative; display: block; float:left;}
.auth-panels .product-menu-panel .panel-heading .title-side{ width: calc(100% - 250px); position: relative; display: block; float:left;}
.auth-panels .panel-heading .title-side h4{ font-weight: 600;}
.auth-panels .panel-heading .checkbox-side{ width: 180px; position: relative; display: block; float:left;}
.auth-panels .product-menu-panel .panel-heading .checkbox-side{ width: 250px; position: relative; display: block; float:left;}
.auth-panels .product-menu-panel .form-control[disabled],
.auth-panels .product-menu-panel .form-control[readonly],
.auth-panels .product-menu-panel fieldset[disabled] .form-control{ background: #fff; }
.auth-panels .product-menu-panel .collapse-disabled .table-responsive{ opacity: .4; cursor: not-allowed; }
.auth-panels .panel-heading .checkbox-side .checkbox{ margin: 0; text-align: right; color: #797979;}
.auth-panels .panel-heading .checkbox-side .checkbox label input[type="checkbox"]:checked + .cr { background: #2196F3; border-color: #2196F3;}
.auth-panels .panel-heading .checkbox-side .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon{ display: none;}
.auth-panels .panel-heading .checkbox-side .checkbox label{ height: 14px;}
.auth-panels .panel-heading .checkbox-side .checkbox .cr { width: 24px; height: 24px; float: right; margin-right: 0; margin-left: 10px; top: -2px; border-color: #d4d4d4; background: #fff;}
.auth-panels .panel-default>.panel-heading+.panel-collapse>.panel-body,
.auth-panels .panel-default{ border-color: #E5EAED; box-shadow: none;}
.auth-panels .panel-default>.panel-heading{ background: #fcfcfc; box-shadow: none; border-color: #E5EAED; }
.auth-panels .panel-body{ padding: 0;}
.auth-panels .panel-body .table{ margin-bottom: 0;}
.auth-panels .panel-body .table>tbody>tr>td, .auth-panels .panel-body .table>tbody>tr>th, .auth-panels .panel-body .table>tfoot>tr>td,
.auth-panels .panel-body .table>tfoot>tr>th, .auth-panels .panel-body .table>thead>tr>td, .auth-panels .panel-body .table>thead>tr>th{ padding: 10px 15px; border-color: #f5f5f5;}
.auth-panels .panel-body .table>tbody>tr>td .checkbox{ margin: 0;}
.auth-panels .panel-body .table>tbody>tr>td .checkbox .cr{ margin-left:0; margin-right: 0; border-color: #dedede; background: #fff;}
.auth-panels .panel-body .table>tbody>tr>td .checkbox label input[type="checkbox"]:checked + .cr { background: #2196F3; border-color: #2196F3;}
.auth-panels .panel-body .table>tbody>tr>td .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon{ display: none;}
.auth-panels .panel-body .table>tbody>tr>td .checkbox label{ padding-left: 0; padding-right: 0; }
.auth-panels .panel-body .table>tbody>tr>th,
.auth-panels .panel-body .table>tbody>tr>td{text-align: center;}
.auth-panels .panel-body .table>tbody>tr>th:first-child,
.auth-panels .panel-body .table>tbody>tr>td:first-child{text-align: left;}
#menu_add_product_modal .auth-panels .panel-heading .title-side{ width: calc(100% - 150px); position: relative; display: block; float:left;}
#menu_add_product_modal .auth-panels .panel-heading .checkbox-side{ width: 150px; position: relative; display: block; float:left;}
.auth-panels .panel-body .table>tbody>tr>td.tLeft_important{ text-align: left!important; }
.auth-panels .panel-body .discount_container{ padding: 0; }

/* Branch Menu Options - Şube Menü Yönetimi */
.auth-panels.branch-menu-options .panel-heading .checkbox-side{ width: 250px; }
.auth-panels.branch-menu-options .panel-heading .title-side{ width: calc(100% - 250px); }
.branch-menu-options .panel-body .table .form-group{ margin-bottom: 0;}
.branch-menu-options .panel-body .table .form-control{ height: 30px; text-align: center;}
.branch-menu-options .panel-body .table .input-group-addon{ padding: 6px;}
.branch-menu-options .panel-body .table .wSwitch{ border: 0; padding: 0;}
.auth-panels.branch-menu-options .panel-body .table>tbody>tr>th.text-right,
.auth-panels.branch-menu-options .panel-body .table>tbody>tr>td.text-right{ text-align: right;}
.auth-panels.branch-menu-options .panel-body .table>tbody>tr>td{ vertical-align: middle;}
.auth-panels.branch-menu-options .panel-default>.panel-heading{ background: #efefef; border-color: #E5EAED; color: #3a4953;}
.auth-panels.branch-menu-options .panel-heading .checkbox-side .checkbox label{ color: #3a4953;}

/* nem menu table */
.auth-panels.branch-menu-options .panel-body .table{ min-width: 1000px;}
.auth-panels.branch-menu-options .panel-body .table.nm-menu-table>tbody>tr>td,
.auth-panels.branch-menu-options .panel-body .table.nm-menu-table>tbody>tr>th{ border-color: #e8e8e8;}
.auth-panels.branch-menu-options .panel-body .table.nm-menu-table>tbody>tr>td.inputTd{ width: 270px; }
.auth-panels.branch-menu-options .panel-body .table.nm-menu-table>tbody>tr>td.slideTd{ width: 124px; }
.auth-panels.branch-menu-options .panel-body .table.nm-menu-table>tbody>tr>td .input-group-addon{text-align: left; width: 110px; font-weight: 600; background: #f3f3f3;}
.auth-panels.branch-menu-options .panel-body .table.nm-menu-table>tbody>tr>td .discount_container .input-group-addon{ width: 40px; text-align: center; }
.auth-panels.branch-menu-options .panel-body .table.nm-menu-table>tbody>tr.tr-bg{background: #f9f9f9;}
.auth-panels.branch-menu-options .panel-body .table.nm-menu-table>tbody>tr>td .form-control{ height: 35px; }
.auth-panels.branch-menu-options .panel-body .table.nm-menu-table>tbody>tr>td .input-group .form-control:last-child{ padding-left: 10px;}
.auth-panels.branch-menu-options .panel-body .table.nm-menu-table>tbody>tr>td .wSwitch{ min-height: auto; background: none; }

.auth-panels.branch-menu-options .panel-body .table.nm-menu-table>tbody>tr>td .discount_container .wSwitch{ background: #fff; padding: 6px 13px 3px; border-radius: 4px; border: 1px solid #E5EAED;}
.auth-panels.branch-menu-options .panel-body .table.nm-menu-table>tbody>tr>td .discount_container .form-control[readonly]{ background: #fff; }

.manage-branch-buttons-div .btn-default.red:active,
.manage-branch-buttons-div .btn-default.red:focus,
.manage-branch-buttons-div .btn-default.red { background: #f93e59; border-color: #f93e59; margin-right: 10px; padding: 9px 20px;}
.btn-menu-branch-delete:active,
.btn-menu-branch-delete:focus,
.btn-menu-branch-delete { background: #f93e59; border-color: #f93e59; color:#fff; font-weight:bold;font-size:14px; }
.btn-menu-branch-delete:hover { background: #dc2d46; border-color: #dc2d46; color:#fff; font-weight:bold;font-size:14px; }

/* Ürün ve Kategori Sıralama*/
.panel-sort ol { list-style-type:none; }

.delivery-btn-div .btn-default{ width: 100%; background: #2196F3; font-size: 16px; border:0; height: 43px; font-weight: bold; color:#fff; box-shadow: none; }
.delivery-btn-div .btn-default:hover,
.delivery-btn-div .btn-default:focus,
.delivery-btn-div .btn-default:active{ background: #0c89ec; color: #fff;}
.delivery-btn-div .btn-default i{ font-size: 14px;}
.delivery-btn-div .btn-default.red{ background: #f93e59; }
.delivery-btn-div .btn-default.red:hover,
.delivery-btn-div .btn-default.red:focus,
.delivery-btn-div .btn-default.red:active{ background: #f93e59; color: #fff;}
.delivery-btn-div .btn-default.red i{ font-size: 14px;}

.delivery-row { margin-left:0; margin-right:0; }
/*.delivery-row:first-child .col-md-12 .row:first-child .col-md-8 .delivery-btn-div .btn-add-delivery {display:block;}
.delivery-row:first-child .col-md-12 .row:first-child .col-md-8 .delivery-btn-div .btn-remove-delivery {display:none;}
.delivery-row .col-md-12 .row .col-md-8 .delivery-btn-div .btn-add-delivery {display:none;}
.delivery-row .col-md-12 .row .col-md-8 .delivery-btn-div .btn-remove-delivery {display:block;}
.delivery-row:first-child .col-md-12 .row:first-child .col-md-7 .delivery-btn-div .btn-add-delivery {display:block;}
.delivery-row:first-child .col-md-12 .row:first-child .col-md-7 .delivery-btn-div .btn-remove-delivery {display:none;}
.delivery-row .col-md-12 .row .col-md-7 .delivery-btn-div .btn-add-delivery {display:none;}
.delivery-row .col-md-12 .row .col-md-7 .delivery-btn-div .btn-remove-delivery {display:block;}*/
/* Restoran KDV Ayarları*/
.kdv-btn-div .btn-default{ width: 100%; background: #2196F3; font-size: 16px; border:0; height: 43px; font-weight: bold; color:#fff; box-shadow: none; }
.kdv-btn-div .btn-default:hover,
.kdv-btn-div .btn-default:focus,
.kdv-btn-div .btn-default:active{ background: #0c89ec; color: #fff;}
.kdv-btn-div .btn-default i{ font-size: 14px;}
.kdv-btn-div .btn-default.red{ background: #f93e59; }
.kdv-btn-div .btn-default.red:hover,
.kdv-btn-div .btn-default.red:focus,
.kdv-btn-div .btn-default.red:active{ background: #f93e59; color: #fff;}
.kdv-btn-div .btn-default.red i{ font-size: 14px;}

/* Restoran Rezervasyon Ayarları*/
.rez-btn-div .btn-default{ width: 100%; background: #2196F3; font-size: 16px; border:0; height: 43px; font-weight: bold; color:#fff; box-shadow: none; }
.rez-btn-div .btn-default:hover,
.rez-btn-div .btn-default:focus,
.rez-btn-div .btn-default:active{ background: #0c89ec; color: #fff;}
.rez-btn-div .btn-default i{ font-size: 14px;}
.rez-btn-div .btn-default.red{ background: #f93e59!important; border-color: #f93e59!important; }
.rez-btn-div .btn-default.red:hover,
.rez-btn-div .btn-default.red:focus,
.rez-btn-div .btn-default.red:active{ background: #f93e59; color: #fff;}
.rez-btn-div .btn-default.red i{ font-size: 14px;}
.rez-wrapper .rez-row:first-child .rez-btn-div .btn-add-rez { display:block; }
.rez-wrapper .rez-row:first-child .rez-btn-div .red { display:none; }
.rez-wrapper .rez-row .rez-btn-div .btn-add-rez { display:none; }
.rez-wrapper .rez-row .rez-btn-div .red { display:block; }

/* Restoran Sipariş Ayarları*/
.order-btn-div .btn-default{ width: 100%; background: #2196F3; font-size: 16px; border:0; height: 43px; font-weight: bold; color:#fff; box-shadow: none; }
.order-btn-div .btn-default:hover,
.order-btn-div .btn-default:focus,
.order-btn-div .btn-default:active{ background: #0c89ec; color: #fff;}
.order-btn-div .btn-default i{ font-size: 14px;}
.order-btn-div .btn-default.red{ background: #f93e59!important; }
.order-btn-div .btn-default.red:hover,
.order-btn-div .btn-default.red:focus,
.order-btn-div .btn-default.red:active{ background: #f93e59; color: #fff;}
.order-btn-div .btn-default.red i{ font-size: 14px;}
.order-wrapper .order-row:first-child .order-btn-div .btn-add-order { display:block; }
.order-wrapper .order-row:first-child .order-btn-div .red { display:none; }
.order-wrapper .order-row .order-btn-div .btn-add-order { display:none; }
.order-wrapper .order-row .order-btn-div .red { display:block; }

/* Working Hours Page */
.working-hours label{ display: none;}
.working-hours .checkbox-item {width: 100%;}
.working-hours .closedDayItem{ padding: 0; min-width: 100px;}
.working-hours .work-btn-div{  min-width: 180px;}
.working-hours .checkbox-item label{ display: flex; height: 44px; top:-2px; align-items: center;}
.working-hours .checkbox-item label:before{ top: 16px;}
.day-label{ width: 100%; border-radius: 3px; background: #e0e4e6; color: #3a4953; height: 44px; display: flex; padding: 0 15px; align-items: center; margin-top: 0; font-weight: bold; font-size: 15px;}
.day-label.title{ background: #41525d; color: #fff;}
.form-control.closed_controls { display: flex; align-items: center; }
.form-control.closed_controls .title_closed{ font-weight: 600; font-size: 14px; }
.form-control.closed_controls .days_closed{ font-size: 13px; padding-left: 5px;}
.working-hours .checkbox-item.disabled label{ opacity: .8; cursor: not-allowed;}
.working-hours .checkbox-item.disabled.selected label{ background: #e8e8e8; color: #777; }
.working-hours .checkbox-item.disabled.selected label:before{ content: "\f096";}


.work-btn-div .btn-default{ width: 100%; background: #2196F3; font-size: 15px; border:0; height: 44px; font-weight: bold; color:#fff; box-shadow: none;}
.work-btn-div .btn-default:hover,
.work-btn-div .btn-default:focus,
.work-btn-div .btn-default:active{ background: #0c89ec; color: #fff;}
.work-btn-div .btn-default i{ font-size: 13px;}
/*.working-hours .work-btn-div{ display: none;}*/

/* Hide File Input Exapmle */
.hide-input{ width: 1px; height: 1px; overflow: hidden;}
.replace-input{ display: flex; align-items: center; cursor: pointer;}
.replace-input i{ margin-right: 7px; }

.portion-row .btn-remove-portion-row{ display: block; }
.portion-row .btn-add-portion-row{ display: none; }
.portion-row .btn-default.red { background: #f93e59 !important; border-color: #f93e59 !important; }
.btn-default.btn-portion-delete-all:active,
.btn-default.btn-portion-delete-all:focus,
.btn-default.btn-portion-delete-all { background: #f93e59 !important; border-color: #f93e59 !important; color:#fff; font-weight:bold;font-size:15px;padding: 11px 15px 9px; }
.btn-default.btn-portion-delete-all:hover { background: #dc2d46 !important; border-color: #dc2d46 !important; color:#fff; font-weight:bold;font-size:15px;padding: 11px 15px 9px; }
.option-modal .row .select-w-btn .input-group.custom { width:100%; }
.quick-modal .input-group.full-w{ width: 100%; }

/* Gösterim Günleri */
.day-wrapper-row{ margin-left: -7px; margin-right: -7px;}
.day-btn-wrapper,
.day-wrapper{ padding-left: 7px; padding-right: 7px;}
.day-inner{}
.day-inner .panel-body { min-height: 160px; max-height: 160px; overflow-y: auto; display: flex; align-items: center; position: relative;}
.day-inner .panel-body .closed-day-overlay{ display: none; align-items: center; justify-content: center; position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,.95); color: #707070; font-weight: 600; padding: 0; top:0; left:0; z-index: 3;}
.day-inner .panel-body .closed-day-overlay.closed{ display: flex;}
.day-inner .panel-body .closed-day-overlay .close-inner{padding: 15px; text-align: center;}
.day-inner .panel-body .closed-day-overlay .close-inner a{ position: absolute; top:0; left:0; width: 100%; height: 100%;}
.day-inner .panel-body p {color: #797979;  font-size: 14px;}
.day-inner .panel-body p span{background: #2e6da4; color: #fff; padding: 0 5px; border-radius: 3px; display: inline-block;}
.clock-row{ margin-left: -7px; margin-right: -7px; padding-right: 30px; position: relative;}
.clock-row .form-group{ padding-right: 7px; padding-left: 7px;}
.clock-row .form-group .input-group-addon{ padding: 0 7px;}
.clock-row .form-group .form-control{height: 30px; text-align: center;}
.panel-heading{ position: relative;}
.panel-title .btn-new-clock{ width: 35px; position: absolute; right: 3px; top: 3px; background: #2e6da4; color: #fff; border-color: #2e6da4; font-weight: 600; text-align: center;}
.panel-title .btn-open-day{display: none; width: 35px; position: absolute; right: 3px; top: 3px; background: #4CAF50; color: #fff; border-color: #4CAF50; font-weight: 600; text-align: center;}
.panel-title .btn-close-day{ width: 35px; position: absolute; right: 42px; top: 3px; background: #e65d4d; color: #fff; border-color: #e65d4d; font-weight: 600; text-align: center;}
.panel-title .day-pos-status{ position: absolute; top: 7px; right: 81px; }
.panel-title .day-pos-status.closed{ right: 42px;}
.clock-row .delete-clock{position: absolute; display: flex; justify-content: center; align-items: center; right: 0; top:0; width: 30px; height: 30px; padding: 0; background: #ff4a47; color: #fff; border-color: #ff4a47; font-weight: 600; text-align: center;}
.clock-row .btn-new-clock{position: absolute; display: flex; justify-content: center; align-items: center; right: 0; top:0; width: 30px; height: 30px; padding: 0; background: #2e6da4; color: #fff; border-color: #2e6da4; font-weight: 600; text-align: center;}
.day-btn-wrapper .btn-default.btn-close-all-day:active,
.day-btn-wrapper .btn-default.btn-close-all-day:focus,
.day-btn-wrapper .btn-default.btn-close-all-day{ padding: 11px 15px 9px; font-size: 15px; background: #e65d4d; border-color: #e65d4d; font-weight: bold; color: #fff;}
.day-btn-wrapper .btn-default.btn-close-all-day:hover{ background: #E63940; border-color: #E63940; }
.day-btn-wrapper .btn-default.btn-open-all-day:active,
.day-btn-wrapper .btn-default.btn-open-all-day:focus,
.day-btn-wrapper .btn-default.btn-open-all-day{ padding: 11px 15px 9px; font-size: 15px; background: #4CAF50; border-color: #4CAF50; font-weight: bold; color: #fff;}
.day-btn-wrapper .btn-default.btn-open-all-day:hover{ background: #39AF39; border-color: #39AF39; }
.day-btn-wrapper .btn-default.btn-close-all-day.hiding,
.day-btn-wrapper .btn-default.btn-open-all-day.hiding{ display: none;}


/* MOBILE APP EDIT PAGE */
.mobile-app-edit{ width: 100%; height: auto; display: block; position: relative; }
.mobile-app-edit .nav-tabs{ border-bottom: 0; }
.mobile-app-edit .nav-tabs>li>a{ background: #eaeaea; color: #545454; border: 0px; font-weight: 600; }
.mobile-app-edit .nav-tabs:not(.newLT)>li.active>a{ background: #f9f9f9; border:0px; color: #545454; }
.mobile-app-edit .tab-content{position: relative; padding: 10px; background: #f9f9f9; border-radius: 0 5px 5px 5px; border: 0px; }
.mobile-app-edit .tab-content .form-side{ width: calc(100% - 270px); float: left; display: block; }
.mobile-app-edit .tab-content .form-side.fullWForm{ width: 100%; float: none; display: block; }
.mobile-app-edit .tab-content .preview-side{ width: 270px; float: left; display: block;  height: 100%; padding: 0 0 0 20px; }
.mobile-app-edit .tab-content .form-side .rest-logo-input{ width: 100%; height: auto; display: block;}
.mobile-app-edit .tab-content .form-side .rest-logo-input.logoSelect{ display:none; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .block-label{ width: 100%; display: block;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .images-preview{ width: 200px; float: left;  display: block; border-radius: 5px 0 0 5px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select{ padding: 10px; width: 200px; height: 162px; border: 1px solid #e8e8e8; float: left;  display: flex; justify-content: center; align-items: center; border-radius: 5px 0 0 5px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .menu-select{ padding: 10px; width: 200px; height: 162px; overflow-y: auto; border: 1px solid #e8e8e8; float: left;  display: block; border-radius: 5px 0 0 5px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .panel-select{ padding: 10px; width: 200px; height: 162px; overflow-y: auto; border: 1px solid #e8e8e8; float: left;  display: block; border-radius: 5px 0 0 5px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .category-type-select{ padding: 10px; width: 200px; height: 162px; overflow-y: auto; border: 1px solid #e8e8e8; float: left;  display: block; border-radius: 5px 0 0 5px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .main-page-select{ padding: 10px; width: 200px; height: 162px; overflow-y: auto; border: 1px solid #e8e8e8; float: left;  display: block; border-radius: 5px 0 0 5px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .product-listing-type-select,
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .menu-listing-type-select{ padding: 10px; width: 120px; height: 110px; overflow-y: auto; border: 1px solid #e8e8e8; float: left;  display: flex; justify-content: center; align-items: center; border-radius: 5px 0 0 5px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .description-div{ width: calc(100% - 200px); float: left; display: flex; justify-content: flex-start; padding: 30px; align-items: center; height: 162px; background: #f3f3f3; border-radius: 0 5px 5px 0; border: 1px solid #e8e8e8; border-left: 0; }
.mobile-app-edit .tab-content .form-side.product-list-form .rest-logo-input .description-div,
.mobile-app-edit .tab-content .form-side.menu-list-form .rest-logo-input .description-div{ position: relative; width: calc(100% - 120px); float: left; display: flex; justify-content: flex-start; padding: 15px 30px; align-items: center; height: 110px; background: #f3f3f3; border-radius: 0 5px 5px 0; border: 1px solid #e8e8e8; border-left: 0; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .description-div h4{ margin-top: 0; font-size: 16px; font-weight: 700; color: #545454;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .description-div h4 label{ color: #2ab446; font-size: 16px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .description-div h4 label i.fa-times-circle{ display: none;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .description-div h4 label.no-selected { color: #f30; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .description-div h4 label.no-selected i.fa-check-circle{ display: none;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .description-div h4 label.no-selected i.fa-times-circle{ display: inline-block;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .description-div h4 span{ margin-right: 5px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .description-div p{ color: #797979; margin-bottom: 0;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select .radio{ border: 1px solid #e8e8e8; background: #f3f3f3; margin: 5px; border-radius: 5px; width: 48px; height: 43px; padding: 5px; float: left;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select .radio label{ text-align: center; color: #545454; padding: 5px; width: 100%;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select .radio .cr{ margin-right: 0; float: none; height: 22px; width: 22px; border-radius: 5px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: none;}

.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select.wThemeNames{padding: 10px; display: block; overflow: auto;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select.wThemeNames .radio{ height: 34px; border-radius: 3px; width: 100%; padding: 7px 5px; margin: 4px 0;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select.wThemeNames .radio .cr{ margin-right: 7px; float: left; top:3px; font-size: 10px; height: 13px; width: 13px; border-radius: 3px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select.wThemeNames .radio label{ padding: 0; text-align: left; font-weight: 600; color: #777;}
/*.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select.wThemeNames .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: block; top:5px; left:1px;}*/
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select.wThemeNames .radio.selected{ background: #2196f3; border-color: #2196f3; color: #fff; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select.wThemeNames .radio.selected label{ color:#fff;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select.wThemeNames .radio.selected .cr{ border-color: #fff; background: #fff; color: #2196f3;}



.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .panel-select .radio{ border: 1px solid #e8e8e8; background: #f3f3f3; margin: 5px; border-radius: 5px; width: 48px; height: 43px; padding: 5px; float: left;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .panel-select .radio label{ text-align: center; color: #545454; padding: 5px; width: 100%;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .panel-select .radio .cr{ margin-right: 0; float: none; height: 22px; width: 22px; border-radius: 5px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .panel-select .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: none;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .panel-select{padding: 10px; display: block; overflow: auto;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .panel-select .radio{ height: 34px; border-radius: 3px; width: 100%; padding: 7px 5px; margin: 4px 0;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .panel-select .radio .cr{ margin-right: 7px; float: left; top:3px; font-size: 10px; height: 13px; width: 13px; border-radius: 3px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .panel-select .radio label{ padding: 0; text-align: left; font-weight: 600; color: #777;}
/*.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .panel-select .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: block; top:5px; left:1px;}*/
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .panel-select .radio.selected{ background: #2196f3; border-color: #2196f3; color: #fff; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .panel-select .radio.selected label{ color:#fff;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .panel-select .radio.selected .cr{ border-color: #fff; background: #fff; color: #2196f3;}

.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .main-page-select .radio{ border: 1px solid #e8e8e8; background: #f3f3f3; margin: 5px; border-radius: 5px; width: 48px; height: 43px; padding: 5px; float: left;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .main-page-select .radio label{ text-align: center; color: #545454; padding: 5px; width: 100%;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .main-page-select .radio .cr{ margin-right: 0; float: none; height: 22px; width: 22px; border-radius: 5px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .main-page-select .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: none;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .main-page-select{padding: 10px; display: block; overflow: auto;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .main-page-select .radio{ height: 34px; border-radius: 3px; width: 100%; padding: 7px 5px; margin: 4px 0;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .main-page-select .radio .cr{ margin-right: 7px; float: left; top:3px; font-size: 10px; height: 13px; width: 13px; border-radius: 3px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .main-page-select .radio label{ padding: 0; text-align: left; font-weight: 600; color: #777;}
/*.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .main-page-select .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: block; top:5px; left:1px;}*/
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .main-page-select .radio.selected{ background: #2196f3; border-color: #2196f3; color: #fff; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .main-page-select .radio.selected label{ color:#fff;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .main-page-select .radio.selected .cr{ border-color: #fff; background: #fff; color: #2196f3;}

.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .category-type-select .radio{ border: 1px solid #e8e8e8; background: #f3f3f3; margin: 5px; border-radius: 5px; width: 48px; height: 43px; padding: 5px; float: left;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .category-type-select .radio label{ text-align: center; color: #545454; padding: 5px; width: 100%;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .category-type-select .radio .cr{ margin-right: 0; float: none; height: 22px; width: 22px; border-radius: 5px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .category-type-select .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: none;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .category-type-select{padding: 10px; display: block; overflow: auto;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .category-type-select .radio{ height: 34px; border-radius: 3px; width: 100%; padding: 7px 5px; margin: 4px 0;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .category-type-select .radio .cr{ margin-right: 7px; float: left; top:3px; font-size: 10px; height: 13px; width: 13px; border-radius: 3px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .category-type-select .radio label{ padding: 0; text-align: left; font-weight: 600; color: #777;}
/*.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .category-type-select .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: block; top:5px; left:1px;}*/
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .category-type-select .radio.selected{ background: #2196f3; border-color: #2196f3; color: #fff; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .category-type-select .radio.selected label{ color:#fff;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .category-type-select .radio.selected .cr{ border-color: #fff; background: #fff; color: #2196f3;}


.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select .radio.black .cr{ background: #000; border-color: #000; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select .radio.black.selected{ background: #494949; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select .radio.red .cr{ background: #e52e00; border-color: #e52e00; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select .radio.red.selected{ background: #ffc0b1; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select .radio.darkblue .cr{ background: #0009d0; border-color: #0009d0; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select .radio.darkblue.selected{ background: #5f66ff; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select .radio.lightblue .cr{ background: #5f66ff; border-color: #5f66ff; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select .radio.lightblue.selected{ background: #b8bbff; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select .radio.green .cr{ background: #2ab446; border-color: #2ab446; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select .radio.green.selected{ background: #83ef99; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select .radio.grey .cr{ background: #6e6e6e; border-color: #6e6e6e; }
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select .radio.grey.selected{ background: #cecece; }
.mobile-app-edit .tab-content .preview-side .btn-container{ width: 100%; text-align: center; margin-top: 15px;}
.mobile-app-edit .tab-content .preview-side .btn-container .btn-goon{ background: #4e75b4; border-color: #4e75b4; color: #fff; font-weight: 700; }

.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .menu-listing-type-select .radio{ border: 1px solid #e8e8e8; background: #f3f3f3; margin: 5px; border-radius: 5px; width: 48px; height: 43px; padding: 5px; float: left;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .menu-listing-type-select .radio label{ text-align: center; color: #545454; padding: 5px; width: 100%;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .menu-listing-type-select .radio .cr{ margin-right: 0; float: none; height: 22px; width: 22px; border-radius: 5px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .menu-listing-type-select .radio.selected .cr{ background: #4e75b4; border-color: #4e75b4;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .menu-listing-type-select .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: none;}

.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .product-listing-type-select .radio{ border: 1px solid #e8e8e8; background: #f3f3f3; margin: 5px; border-radius: 5px; width: 48px; height: 43px; padding: 5px; float: left;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .product-listing-type-select .radio label{ text-align: center; color: #545454; padding: 5px; width: 100%;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .product-listing-type-select .radio .cr{ margin-right: 0; float: none; height: 22px; width: 22px; border-radius: 5px;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .product-listing-type-select .radio.selected .cr{ background: #4e75b4; border-color: #4e75b4;}
.mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .product-listing-type-select .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: none;}



.mobile-app-edit .menu-select .checkbox-item{ width: 100%;}
.mobile-app-edit .panel-select .checkbox-item{ width: 100%;}
.mobile-app-edit .tab-content .preview-side .frame-border{ width: 248px; height: 500px; }
.mobile-app-edit .tab-content .preview-side .frame-border .inner-frame{ overflow: hidden; top: 58px; left: 17px; width: 217px; height: 384px; display: block; position: relative; background: #090808; }
.preview-side .frame-border .inner-frame .warning-label{ position: absolute; height: 20px; top:-24px; transition: .3s ease; lefT:0; width: 100%; text-align: center; font-weight: 700; z-index: 2; background: #2196f3; color: #ffff; }
.preview-side .frame-border .inner-frame .warning-label.actived{ top:0;}
.preview-side .frame-border .inner-frame .top-side{ height: 45%; width: 100%; position: relative; background: #0f0f0f; display: flex; justify-content: center; align-items: center; }
.preview-side .frame-border .inner-frame .top-side .logo-div{ transition: .3s ease; /*background: #000;*/ width: 124px; height: 124px;}
.preview-side .frame-border .inner-frame .top-side .logo-div.actived{ background: #2196F3;}
.preview-side .frame-border .inner-frame .bottom-side{ height: 55%; width: 100%; display: block; background: #151515;}
.preview-side .frame-border .inner-frame .bottom-side.actived{ background: #2196F3;}
.preview-side .frame-border .inner-frame .bottom-side .btns-div{ width: 100%; height: 100%; display: block; position: relative; padding: 3%}
.preview-side .frame-border .inner-frame .bottom-side .btns-div .logo-item{ width: 50%; height: 50%; position: relative; float: left; display: block; padding: 3%; }
/*.preview-side .frame-border .inner-frame .bottom-side .btns-div .logo-item:after{ content: ""; z-index: 1; position: absolute; width: 85%; height: 85%; border-radius: 5px; background: rgba(0,0,0,.3); display: block; top:10%; left: 10%}*/
.preview-side .frame-border .inner-frame .bottom-side .btns-div .logo-item .inside { background: #000; border-radius: 10px; position: relative; width: 100%; height: 100%; display: flex;  justify-content: center; align-items: center;}
.preview-side .frame-border .inner-frame .bottom-side .btns-div .logo-item .inside .inner{ text-align: center; color:#fff;}
.preview-side .frame-border .inner-frame .bottom-side .btns-div .logo-item .inside i{ font-size: 26px; margin-bottom: 7px;}
.preview-side .frame-border .inner-frame .bottom-side .btns-div .logo-item .inside span{ width: 100%; font-weight: 700; display: block; float: none; text-align: center; font-size: 9px; }
.preview-side .frame-border .inner-frame .bottom-side .btns-div .logo-item .inside .inner a{ position: absolute; display: block; width: 100%; height: 100%;  top:0; left:0;}
.preview-side .frame-border .inner-frame .panel-mo{ position: absolute;  z-index: 99; top:0; width: 60%; height: 100%; display: none; background: #0a6ebd; }
.preview-side .frame-border .inner-frame .panel-mo.panel-left{ transition: .3s ease; left:-60%; display: block;}
.preview-side .frame-border .inner-frame .panel-mo.panel-right{ transition: .3s ease; right:-60%; display: block;}
.preview-side .frame-border .inner-frame .panel-mo.panel-left.active{ transition: .3s ease; left:0; display: block;}
.preview-side .frame-border .inner-frame .panel-mo.panel-right.active{ transition: .3s ease; right:0; display: block;}
.preview-side .frame-border .inner-frame .panel-mo .panel.panel-cover .page-content{background: #231f20;}
.preview-side .frame-border .inner-frame .panel-mo .block-title.ra-menu-title{ background: #000; color: #fff; text-align: center; font-weight: 600; margin: 0; padding: 7px; font-size: 12px; }
.preview-side .frame-border .inner-frame .panel-mo .block-title+.list{ margin: 0;}
.preview-side .frame-border .inner-frame .panel-mo{ background: #0c0b0b;}
.preview-side .frame-border .inner-frame .panel-mo .list ul {padding-left: 0; margin-bottom: 0; background: none; border: 0; padding-top: 5px;}
.preview-side .frame-border .inner-frame .panel-mo .list ul:before,
.preview-side .frame-border .inner-frame .panel-mo .list ul:after{ background: none;}
.preview-side .frame-border .inner-frame .panel-mo .list ul li { list-style: none; padding: 5px 10px;}
.preview-side .frame-border .inner-frame .panel-mo .list ul li a{ display: block; border-radius: 5px; padding: 3px; position: relative; height: auto; overflow: hidden; opacity: 1; background: #000000;}
.preview-side .frame-border .inner-frame .panel-mo .list ul li a:after{background: none}
.preview-side .frame-border .inner-frame .panel-mo .list div.menu-icons,
.preview-side .frame-border .inner-frame .panel-mo .list span.menu-icons{ float: left; max-width: 12px; padding:0; }
.preview-side .frame-border .inner-frame .panel-mo .list div.menu-icons .icon-div{ width: 12px; height: 20px; display: flex; justify-content: center; align-items: center; }
.preview-side .frame-border .inner-frame .panel-mo .list div.menu-icons .icon-div i {font-size: 10px; color: #d44837;}
.preview-side .frame-border .inner-frame .panel-mo .list div.text,
.preview-side .frame-border .inner-frame .panel-mo .list span.text{ font-size: 10px; position: relative; font-weight: 600; float: left; text-transform: uppercase; padding-top: 2px; padding-left: 10px; display: flex; align-items: center; color:#fff; height: 20px;}
.preview-side .frame-border .inner-frame .panel-mo .menu-icons{display: block; width: 100px;  height: auto; position: relative;  border-radius: 5px; padding: 30px;}
.preview-side .frame-border .inner-frame .panel-mo .menu-icons img{ width: 100%; position: relative;}
.preview-side .frame-border .inner-frame .panel-mo .menu-layout h4{ text-align: center; margin: 15px 0 0; font-weight: 600; color:#d44837;}
.preview-side .frame-border .inner-frame .panel-mo .block.no-space{ padding: 0; margin: 0;}
.preview-side .frame-border .inner-frame .panel-mo .list ul li a.active{ background: #960000; }
.preview-side .frame-border .inner-frame .panel-mo .list .active div.menu-icons .icon-div i {font-size: 10px; color: #fff;}


.mobile-app-edit .tab-content .form-side.btn-generator-tab{ width: calc(100% - 270px); float: left; display: block; }
.mobile-app-edit .tab-content .preview-side.btn-generator-tab{ width: 270px; float: left; display: block;  height: 100%; padding: 0 0 0 20px; }
.mobile-app-edit .tab-content .preview-side .frame-border .inner-frame.listing-frame{ background: #eee;}

.mobile-app-edit .tab-content .theme-slider .preview-side{ outline: none!important; padding: 0; opacity: .3 }
.mobile-app-edit .tab-content .theme-slider .preview-side.slick-current{ opacity: 1; z-index: 3; }
.mobile-app-edit .tab-content .theme-framer {position: relative; width: 100%; height: auto; overflow: hidden; /*display: none;*/}
.mobile-app-edit .tab-content .theme-framer .theme-slider{ padding: 50px 0; }
.mobile-app-edit .tab-content .theme-framer .framer{ width: 248px; z-index: 2; height: 500px; position: absolute; top: 50px; right: calc(50% - 114px); display: block; background: url('/assets/images/frame.png') center no-repeat; background-size: cover; }
.mobile-app-edit .tab-content .theme-framer.categories .framer{ position: relative; margin: 0 auto; top: 0; left: 0;}
.mobile-app-edit .tab-content .theme-framer.categories .framer .new-theme{ position: relative; display: flex; height: 100%; width: 100%; background: url('../images/theme_new.jpg') center center no-repeat; background-size: contain; }
.mobile-app-edit .tab-content .theme-framer .framer .framer-inner{ background: transparent; overflow: hidden; top: 56px; left: 15px; width: 219px; height: 387px; display: block; position: relative;}
.mobile-app-edit .tab-content .theme-framer .nav-btns{}
.mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider{ margin: 0 20px 30px 0; display: inline-block;}
.mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider:active,
.mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider:focus,
.mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider{font-weight: 500; min-width: 142px;  padding: 10px; color:#222; background: #ececec; border-color: #ececec;}
.mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider:nth-child(2) span{ margin-left: 5px;}
.mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider:nth-child(2):active,
.mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider:nth-child(2):focus,
.mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider:nth-child(2){ margin: 0 5px; background: #2196f3; border-color: #2196f3; color:#fff; min-width: 163px; }
/* Uygulama yönetimi tema önizlemeleri */
/* ---------------------------------------------------------------- */
/* --- Theme Name: White Buttons -----------------------------------*/
/* ---------------------------------------------------------------- */
.preview-side .frame-border .inner-frame.whitebuttons .bottom-side .btns-div .logo-item .inside { background: #fff !important;}
.preview-side .frame-border .inner-frame.whitebuttons .bottom-side .btns-div .logo-item .inside .inner {color: #000 !important;}
.preview-side .frame-border .inner-frame.whitebuttons .bottom-side .btns-div .logo-item .inside i { color: #000 !important;}


/* ---------------------------------------------------------------- */
/* --- Theme Name: Dark --------------------------------------------*/
/* ---------------------------------------------------------------- */
.preview-side .frame-border .inner-frame.darktheme .top-side { background: #000 !important;}
.preview-side .frame-border .inner-frame.darktheme .bottom-side .btns-div { background: #000 !important;}
.preview-side .frame-border .inner-frame.darktheme .panel-mo .page-content { background: #111 !important;}

/* ---------------------------------------------------------------- */
/* --- Theme Name: Dark & Red --------------------------------------*/
/* ---------------------------------------------------------------- */
.preview-side .frame-border .inner-frame.darkNred .bottom-side .btns-div { background: #ce321f !important;}
.preview-side .frame-border .inner-frame.darkNred .bottom-side .btns-div .logo-item .inside { background: #fff !important;}
.preview-side .frame-border .inner-frame.darkNred .bottom-side .btns-div .logo-item .inside .inner { color: #000 !important;}
.preview-side .frame-border .inner-frame.darkNred .bottom-side .btns-div .logo-item .inside i { color: #000 !important;}


/* ---------------------------------------------------------------- */
/* --- Theme Name: Light -------------------------------------------*/
/* ---------------------------------------------------------------- */
.preview-side .frame-border .inner-frame.lighttheme .top-side { background: #fff !important;}
.preview-side .frame-border .inner-frame.lighttheme .bottom-side .btns-div {background: #e7e7ec !important;}
.preview-side .frame-border .inner-frame.lighttheme .bottom-side .btns-div .logo-item .inside { background: #fff !important;}
.preview-side .frame-border .inner-frame.lighttheme .bottom-side .btns-div .logo-item .inside .inner { color: #000 !important;}
.preview-side .frame-border .inner-frame.lighttheme .bottom-side .btns-div .logo-item .inside i { color: #000 !important;}
.preview-side .frame-border .inner-frame.lighttheme .panel-mo {background: #e7e7ec !important;}
.preview-side .frame-border .inner-frame.lighttheme .panel-mo .list ul li a.active {background: #ce321f !important;}
.preview-side .frame-border .inner-frame.lighttheme .panel-mo .list ul li a {background: #fff !important;}
.preview-side .frame-border .inner-frame.lighttheme .panel-mo .list ul li a div {color: #fff !important;}
.preview-side .frame-border .inner-frame.lighttheme .panel-mo .list div.text,
.preview-side .frame-border .inner-frame.lighttheme .panel-mo .list span.text {color: #000 !important;}

/* ---------------------------------------------------------------- */
/* --- Theme Name: Light Red ---------------------------------------*/
/* ---------------------------------------------------------------- */
.preview-side .frame-border .inner-frame.lightNred .top-side  { background: #fff !important;}
.preview-side .frame-border .inner-frame.lightNred .bottom-side .btns-div { background: #ce321f !important;}
.preview-side .frame-border .inner-frame.lightNred .bottom-side .btns-div .logo-item .inside { background: #fff !important;}
.preview-side .frame-border .inner-frame.lightNred .bottom-side .btns-div .logo-item .inside .inner { color: #000 !important;}
.preview-side .frame-border .inner-frame.lightNred .bottom-side .btns-div .logo-item .inside i { color: #000 !important;}
.preview-side .frame-border .inner-frame.lightNred .panel-mo { background: #e7e7ec !important;}
.preview-side .frame-border .inner-frame.lightNred .panel-mo .list ul li a.active {background: #ce321f !important;}
.preview-side .frame-border .inner-frame.lightNred .panel-mo .list ul li a { background: #fff !important;}
.preview-side .frame-border .inner-frame.lightNred .panel-mo .list ul li a div { color: #fff !important;}
.preview-side .frame-border .inner-frame.lightNred .panel-mo .list div.text,
.preview-side .frame-border .inner-frame.lightNred .panel-mo .list span.text { color: #000 !important;}

/* ---------------------------------------------------------------- */
/* --- Theme Name: Light & Gray ------------------------------------*/
/* ---------------------------------------------------------------- */
.preview-side .frame-border .inner-frame.lightGray .top-side  { background: #fff !important;}
.preview-side .frame-border .inner-frame.lightGray .bottom-side .btns-div { background: #282829 !important;}
.preview-side .frame-border .inner-frame.lightGray .bottom-side .btns-div .logo-item .inside { background: #fff !important;}
.preview-side .frame-border .inner-frame.lightGray .bottom-side .btns-div .logo-item .inside .inner { color: #000 !important;}
.preview-side .frame-border .inner-frame.lightGray .bottom-side .btns-div .logo-item .inside i { color: #000 !important;}
.preview-side .frame-border .inner-frame.lightGray .panel-mo { background: #282829 !important;}
.preview-side .frame-border .inner-frame.lightGray .panel-mo .list ul li a.active { background: #ce321f !important;}
.preview-side .frame-border .inner-frame.lightGray .panel-mo .list ul li a { background: #fff !important;}
.preview-side .frame-border .inner-frame.lightGray .panel-mo .list ul li a div { color: #fff !important;}
.preview-side .frame-border .inner-frame.lightGray .panel-mo .list div.text,
.preview-side .frame-border .inner-frame.lightGray .panel-mo .list span.text { color: #000 !important;}

/* ---------------------------------------------------------------- */
/* --- Theme Name: Gray & Light ------------------------------------*/
/* ---------------------------------------------------------------- */
.preview-side .frame-border .inner-frame.graytheme .top-side  { background: #282829 !important;}
.preview-side .frame-border .inner-frame.graytheme .bottom-side .btns-div { background: #ffffff !important;}
.preview-side .frame-border .inner-frame.graytheme .bottom-side .btns-div .logo-item .inside { background: #e2e2e2 !important;}
.preview-side .frame-border .inner-frame.graytheme .bottom-side .btns-div .logo-item .inside .inner { color: #282829 !important;}
.preview-side .frame-border .inner-frame.graytheme .bottom-side .btns-div .logo-item .inside i { color: #282829 !important;}
.preview-side .frame-border .inner-frame.graytheme .panel-mo .list ul li a.active { background: #ce321f !important;}
.preview-side .frame-border .inner-frame.graytheme .panel-mo .list ul li a { background: #fff !important;}
.preview-side .frame-border .inner-frame.graytheme .panel-mo .list  ul li a div { color: #fff !important;}
.preview-side .frame-border .inner-frame.graytheme .panel-mo .list div.text,
.preview-side .frame-border .inner-frame.graytheme .panel-mo .list span.text {color: #000 !important;}




/* ---------------------------------------------------------------- */
/* --- Theme Name: Gold Theme --------------------------------------*/
/* ---------------------------------------------------------------- */
.preview-side .frame-border .inner-frame.gold-theme .top-side { background-color: rgba(51, 54, 64, 0.66);  background-image: linear-gradient(180deg, rgba(51, 54, 64, 0.7) 25%, rgba(13, 14, 25, 0.69) 100%);}
.preview-side .frame-border .inner-frame.gold-theme .bottom-side .btns-div {  background: #3e3c43!important;}
.preview-side .frame-border .inner-frame.gold-theme .bottom-side .btns-div .logo-item .inside { background: #211d25!important;}
.preview-side .frame-border .inner-frame.gold-theme .bottom-side .btns-div .logo-item .inside .inner { color: #b5862a!important;}
.preview-side .frame-border .inner-frame.gold-theme .bottom-side .btns-div .logo-item .inside i { color: #b5862a!important;}
.preview-side .frame-border .inner-frame.gold-theme .block-title.ra-menu-title{ background: #211d25;}
.preview-side .frame-border .inner-frame.gold-theme .panel-mo .list ul li a.active{ background: #b5862a; }
.preview-side .frame-border .inner-frame.gold-theme .panel-mo .page-content{ background: #32333a; }
.preview-side .frame-border .inner-frame.gold-theme .panel-mo .list ul li a{ background: #211d25; }
.preview-side .frame-border .inner-frame.gold-theme .panel-mo .list div.menu-icons .icon-div i{ color: #b5862a; }
.preview-side .frame-border .inner-frame.gold-theme .panel-mo{ background: #32333a; }




/* categories preview */
.inner-frame .category-container{ padding: 5px; width: 100%; height: auto; position: relative; overflow: hidden;}
.inner-frame .category-container .category-item{padding: 5px; /*background: #fff;*/ text-align: center; width: calc(50% - 3px); position: relative; border-radius: 5px; display: block; float: left; border: 1px solid rgba(162,162,162,0.15);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(162,162,162,0.2);
    -moz-box-shadow: 0px 2px 2px 0px rgba(162,162,162,0.2);
    box-shadow: 0px 2px 2px 0px rgba(162,162,162,0.2);
    margin-bottom: 6px;
}
.inner-frame .category-container.with-icon .category-item{ background: #fff;}
.inner-frame .category-container .category-item.catv2{padding: 0;}
.inner-frame .category-container .category-item:nth-child(even){ margin-left: 6px;}
.inner-frame .category-container .category-item .icon-div{ width: 100%; text-align: center; height: auto; position: relative; display: block; }
.inner-frame .category-container .category-item .icon-div i{ font-size: 66px; color: #d44837;}
.inner-frame .category-container .category-item h4{ font-size: 15px; font-weight: bold; text-transform: UPPERCASE; margin: 10px 0 0; display: flex; justify-content: center; align-items: center; height: 32px; }
.inner-frame .category-container .category-item span{ font-size: 11px; color:#b5b5b5; display: none;}
.inner-frame .category-container .category-item a{ position: absolute; width: 100%; height: 100%; display: block; top:0; lefT:0; border-radius: 10px; }
.inner-frame .category-container .category-item.catv2 .text-side{ padding: 15px; position: absolute; top:0; left:0; width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: flex-end; }
.inner-frame .category-container .category-item.catv2 .text-side h4{ color: #fff; text-align: left; display: block; justify-content: unset; align-items: unset; font-size: 15px; height: auto;}
.inner-frame .category-container .category-item.catv2 .cat-img{position: relative; border-radius:10px 10px;  height: 190px; width: 100%; display: block; background: #e8e8e8; }
.inner-frame .category-container .category-item.catv2 .cat-img:before{content: ""; position: absolute; border-radius: 10px; width: 100%; height: 100%; top:0; left:0; display: block;
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#a6000000', endColorstr='#00000000',GradientType=1 );}
.inner-frame .category-container.list-style .category-item{ width: 100%; text-align: left; padding: 0; overflow: hidden; border-bottom: 0;}
.inner-frame .category-container.list-style .category-item:after{ position: absolute; content: '\f0da'; display: block; right: 15px; font-family: FontAwesome; top: calc(50% - 13px); font-size: 20px; }
.inner-frame .category-container.list-style .category-item:nth-child(even){ margin-left: 0;}
.inner-frame .category-container.list-style .category-item h4{margin-top: 11px; justify-content: flex-start; font-size: 18px; height: 52px; }
.inner-frame .category-container.list-style .category-item .icon-div{ width: 80px; height: 70px; background: #d44837; padding: 15px; float: left; display: flex; align-items: center; }
.inner-frame .category-container.list-style .category-item .icon-div i{ font-size: 38px; color: #fff;}
.inner-frame .category-container.list-style .category-item .text-side{ width: calc(100% - 80px); padding-left: 20px; height: 54px; display: block; float: left; }
.inner-frame .category-container.list-style .category-item .text-side span:before{ content: "Fiyat Aralığı : "; display: block; float: left; position: relative; top:4px; margin-right: 5px; }
.inner-frame .category-container.list-style .category-item.catv2 .cat-img{ height: 120px; }
.inner-frame .category-container.list-style .category-item.catv2 .text-side h4{ font-size: 18px; }
.inner-frame .category-container.list-style .category-item.catv2 .text-side{ display: flex; width: 100%; height: 100%; justify-content: flex-start; align-items: flex-end; }
.page-layout{ position: relative; width: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0);  overflow-x: hidden; height: calc( 100vh - 85px); top: 35px; background: #f4f4f4;}
.ios .page-layout{ height: calc(100vh - 105px); top: 55px; }
.page-layout .category-container{ padding: 14px 14px 0; width: 100%; height: auto; position: relative; overflow: hidden;}
.page-layout .category-container .category-item{padding: 15px; /*background: #fff;*/ text-align: center; width: calc(50% - 3px); position: relative; border-radius: 10px; display: block; float: left; border: 1px solid rgba(162,162,162,0.15);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(162,162,162,0.2);
    -moz-box-shadow: 0px 2px 2px 0px rgba(162,162,162,0.2);
    box-shadow: 0px 2px 2px 0px rgba(162,162,162,0.2);
    margin-bottom: 6px;
}
.inner-frame .category-container .category-item.catv2{padding: 0;}
.inner-frame .category-container .category-item:nth-child(even){ margin-left: 6px;}
.inner-frame .category-container .category-item .icon-div{ width: 100%; text-align: center; height: auto; position: relative; display: block; }
.inner-frame .category-container .category-item .icon-div i{ font-size: 44px; color: #d44837;}
.inner-frame .category-container .category-item h4{ font-size: 11px; font-weight: bold; text-transform: UPPERCASE; margin: 0; display: flex; justify-content: center; align-items: center; height: 24px; }
.inner-frame .category-container .category-item span{ font-size: 11px; color:#b5b5b5; display: none;}
.inner-frame .category-container .category-item a{ position: absolute; width: 100%; height: 100%; display: block; top:0; lefT:0; border-radius: 10px; }
.inner-frame .category-container .category-item.catv2 .text-side{ padding: 5px; position: absolute; top:0; left:0; width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: flex-end; }
.inner-frame .category-container .category-item.catv2 .text-side h4{ color: #fff; text-align: left; display: block; justify-content: unset; align-items: unset; font-size: 10px; height: auto;}
.inner-frame .category-container .category-item.catv2 .cat-img{position: relative; border-radius:10px 10px;  height: 120px; width: 100%; display: block; background: #e8e8e8; }
.inner-frame .category-container .category-item.catv2 .cat-img:before{content: ""; position: absolute; border-radius: 10px; width: 100%; height: 100%; top:0; left:0; display: block;
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#a6000000', endColorstr='#00000000',GradientType=1 );}
.inner-frame .category-container.list-style .category-item{ width: 100%; text-align: left; padding: 0; overflow: hidden; border-bottom: 0;}
.inner-frame .category-container.list-style .category-item:after{ position: absolute; content: '\f0da'; display: block; right: 15px; font-family: FontAwesome; top: calc(50% - 13px); font-size: 20px; }
.inner-frame .category-container.list-style .category-item:nth-child(even){ margin-left: 0;}
.inner-frame .category-container.list-style .category-item h4{margin-top: 0; justify-content: flex-start; font-size: 12px; height: 42px; }
.inner-frame .category-container.list-style .category-item .icon-div{ width: 44px; height: 44px; background: #d44837; padding: 0px; float: left; display: flex; justify-content: center; align-items: center; }
.inner-frame .category-container.list-style .category-item .icon-div i{ font-size: 22px; color: #fff;}
.inner-frame .category-container.list-style .category-item .text-side{ width: calc(100% - 80px); padding-left: 10px; height: 42px; display: block; float: left; }
.inner-frame .category-container.list-style .category-item .text-side span:before{ content: "Fiyat Aralığı : "; display: block; float: left; position: relative; top:4px; margin-right: 5px; }
.inner-frame .category-container.list-style .category-item.catv2 .cat-img{ height: 85px; }
.inner-frame .category-container.list-style .category-item.catv2 .text-side h4{ font-size: 12px; }
.inner-frame .category-container.list-style .category-item.catv2 .text-side{ display: flex; width: 100%; height: 100%; justify-content: flex-start; align-items: flex-end; }

.inner-frame .product-slider .slider-item{padding: 5px; position: relative; display: block; width: 100%; height: 100%;}
.inner-frame .product-slider{background: #f4f4f4;  display: block; overflow-y: auto; justify-content: unset; align-items:unset;}
.inner-frame .product-slider .product-item{padding: 0; background: #fff; text-align: center; width: calc(50% - 3px); position: relative; border-radius: 6px; display: block; float: left; border: 1px solid rgba(162,162,162,0.15);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(162,162,162,0.2);
    -moz-box-shadow: 0px 2px 2px 0px rgba(162,162,162,0.2);
    box-shadow: 0px 2px 2px 0px rgba(162,162,162,0.2);
    margin-bottom: 10px;
    overflow: hidden;
}
.inner-frame .product-slider .product-item:nth-child(even){ margin-left: 6px;}
.inner-frame .product-slider .product-item .product-thumb{ width: 100%; position: relative; height: 90px; background-color: #fff;}
/*.inner-frame .product-slider .product-item .product-thumb.not-loaded{ background-color: #fff; background: url('images/loading.gif') center no-repeat; }*/
.inner-frame .product-slider .product-item .product-thumb .price-div{ position: absolute; bottom:0; right: 0; padding: 2px 7px; font-weight: bold; background: #d44837; color:#fff; font-size: 12px; }
.inner-frame .product-slider .product-item .product-thumb .price-div sup{ font-size: 10px; top: 0px; position: relative;}
.inner-frame .product-slider .product-item .text-side{ padding: 10px; height: 40px; display: flex; justify-content: center; align-items: center;}
.inner-frame .product-slider .product-item .text-side h4{ font-size: 12px; margin-top: 0; margin-bottom: 0; font-weight: 600; line-height: 13px;}
.inner-frame .product-slider .product-item a{ position: absolute; top:0; left: 0; width: 100%; height: 100%; border-radius: 10px;}
.inner-frame .navbar .title .demo-icon{ color:#fff; }


.inner-frame .product-slider.list-style .product-item{ width: 100%; }
.inner-frame .product-slider.list-style .product-item:nth-child(even){margin-left: 0;}
.inner-frame .product-slider.list-style .product-item .product-thumb{ width: 65px; height: 65px; float: left; }
.inner-frame .product-slider.list-style .product-item .text-side{ width: calc(100% - 65px); float: left; height: 65px; justify-content: flex-start;}
.inner-frame .product-slider.list-style .product-item .text-side h4{ font-size: 14px; text-align: left;}

.inner-frame .product-slider .product-item.no-image .product-thumb{ background: none!important;}

.inner-frame .product-slider .product-item.no-image .product-thumb .recommended-badge{ transform: none!important; left:0; top:0; width: 100%;}
.inner-frame .product-slider .product-item.no-image .product-thumb{ position: absolute; height: 100%;}
.inner-frame .product-slider .product-item.no-image{min-height: 105px;}
.inner-frame .product-slider .product-item.no-image .text-side{ position: absolute; height: 100%; width: 100%; padding-bottom: 25px;}
.inner-frame .product-slider .product-item.no-image .text-side .inFlex{ width: 100%; }
.inner-frame .product-slider .product-item.no-image .text-side h4{ white-space: normal!important; text-overflow: unset;}
.inner-frame .product-slider .product-item.no-image .product-thumb .price-div{ right: calc(50% - 22px); width: 44px; font-size: 10px; bottom: 7px; border-radius: 4px;}

.inner-frame .product-slider.list-style .product-item.no-image .product-thumb{ width: 100%; }
.inner-frame .product-slider.list-style .product-item.no-image .text-side{ padding-right: 70px; padding-bottom: 10px; }
.inner-frame .product-slider.list-style .product-item.no-image .product-thumb .price-div{ right: 10px; bottom: calc(50% - 9px); height: 18px;}
.inner-frame .product-slider.list-style .product-item.no-image .text-side h4{ font-size: 12px;}
.inner-frame .product-slider.list-style .product-item.no-image .product-thumb .recommended-badge span{ display: inline-block; }
.inner-frame .product-slider.list-style .product-item.no-image { min-height: 65px;}

.inner-frame .product-slider .new-list-view-container{ display: none; background: #efeff4; }
.inner-frame .product-slider .new-list-view-container ul{ padding: 0; }
.inner-frame .product-slider .new-list-view-container ul li { list-style: none; }
.inner-frame .product-slider .new-list-view-container{ width: 100%; height: auto; display: block; }
.inner-frame .product-slider .new-list-view-container .title-side{ margin-top: 0; background: #e1e1e1; color: #222; font-size: 10px; font-weight: 600; width: 100%; display: flex; min-height: 30px; align-items: center; padding: 5px 15px;  }
.inner-frame .product-slider .new-list-view-container .title-side.featured-title{ background: #e10021; color: #fff; }
.inner-frame .product-slider .new-list-view-container .cats-list{ margin: 0; background: #fff; }
.inner-frame .product-slider .new-list-view-container .cats-list li{ position: relative; border-bottom: 1px solid #ededed; }
.inner-frame .product-slider .new-list-view-container .cats-list li a.full-anchor{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: none; }
.inner-frame .product-slider .new-list-view-container .cats-list li a.full-anchor.product-stock-out-off-alert{ background: rgba(255,255,255,.9); display: flex; padding: 15px; justify-content: flex-end; align-items: center; }
.inner-frame .product-slider .new-list-view-container .cats-list li a.full-anchor.product-stock-out-off-alert p{ margin: 0; font-size: 14px; font-weight: 500; }
.inner-frame .product-slider .new-list-view-container .cats-list li .plus-btn{ color: #4CAF50; font-size: 14px; position: absolute; left: 3px; top: 0; display: flex; height: 100%; justify-content: center; align-items: center; width: 20px; float: left; }
.inner-frame .product-slider .new-list-view-container .cats-list li .plus-btn.direct-add-to-cart{ z-index: 2; }
.inner-frame .product-slider .new-list-view-container .cats-list li .plus-btn i{ padding-top: 2px; font-size: 6px; display: flex; justify-content: center; align-items: center; width: 14px; height: 14px; border: 1px solid #4CAF50; border-radius: 50%; }
.inner-frame .product-slider .new-list-view-container .cats-list li .price-side{ position: absolute; right: 0; top: 0; display: flex; height: 100%; justify-content: flex-end; padding: 5px; align-items: center; width: 50px; float: left; }
.inner-frame .product-slider .new-list-view-container .cats-list li .product-name{ min-height: 48px; position: relative; left: 20px; display: flex; height: 100%; justify-content: flex-end; padding: 10px; align-items: center; width: calc(100% - 70px); float: left; }
.inner-frame .product-slider .new-list-view-container .cats-list li .product-name .innerName{ width: 100%; }
.inner-frame .product-slider .new-list-view-container .cats-list li .product-name h4{ margin: 0 0 0; font-weight: 600; font-size: 10px; }
.inner-frame .product-slider .new-list-view-container .cats-list li .product-name p{ margin: 0; font-size: 8px; color: #797979; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.inner-frame .product-slider .new-list-view-container .cats-list li .price-side span { font-size: 10px; font-weight: 600; color: #46a14a; }
/* products-single */


/* Buton Generator Page */
.btn-generator-tab .no-padding{ padding: 0;}
.btn-generator-tab .radio{ width: 33.333333%; float: left; margin: 0; padding:5px;}
.btn-generator-tab .page-select{ height: auto!important; overflow: hidden;}
.btn-generator-tab .page-select .radio,
.btn-generator-tab .view-select .radio{ width: 50%;}
.btn-generator-tab .radio label{ color: #646464; background: #f3f3f3; border: 1px solid #eaeaea; width: 100%; border-radius: 4px; padding: 5px;}
.btn-generator-tab .radio .cr{ border-radius: 4px; top: 1px; border-color: #c9c9c9; }
.btn-generator-tab .radio label input[type="radio"]:checked + .cr { background: #fff; border-color: #2196F3; }
.btn-generator-tab .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: none; }
.btn-generator-tab .radio.selected label{ background: #2196F3; color: #fff; border-color: #2196F3; }
.btn-generator-tab input[type=number]::-webkit-inner-spin-button,
.btn-generator-tab input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
.btn-generator-tab input[type='number'] { -moz-appearance:textfield;}
.btn-generator-tab .input-group-addon{ background: #f3f3f3!important;}
.btn-generator-tab .white-addon .input-group-addon{ background: #fff!important;}
.mobile-app-edit .tab-content .preview-side.btn-generator-view{ min-height: 360px; display: flex; justify-content: center; align-items: center; }
.mobile-app-edit .tab-content .preview-side.btn-generator-view .btn-default.btn-iframe{ padding: 10px 25px; border:0; background: #4e75b4; border-color: #4e75b4; color: #fff; font-weight: 700; margin-top: 10px; margin-bottom: 10px; }
.mobile-app-edit .tab-content .preview-side.btn-generator-view a.get_code_btn{ display: block; width: 100%; text-align: center; margin-top: 5px;}
.mobile-app-edit .tab-content .preview-side.btn-generator-view h4{ margin-top: 0; margin-bottom: 5px; text-align: center; font-weight: 700; font-size: 16px;}
.mobile-app-edit .tab-content .preview-side.btn-generator-view .inner-container{ text-align: center;}
.well.preview-well{ display: none; position: relative; padding: 35px 20px; }
.well.preview-well a{ position: absolute; top:0; right: 5px; border-radius: 0 0 5px 5px; font-size: 12px; background: #4e75b4; color: #fff; font-weight: 700; padding: 7px 15px; display: inline-block; }
.btn-generator-tab .well.warning-well{ color: #f30; font-weight: 600; display: none;}
.btn-generator-tab .well.warning-well i{ margin-right: 5px;}
.btn-default.save-generated-btn:active,
.btn-default.save-generated-btn:focus,
.btn-default.save-generated-btn{ background: #2196F3; border-color: #2196F3; color: #fff; padding: 9px 20px; font-weight: 600; font-size: 14px;}


/* Bill Settings Page */
.bill-settings-div{}
.mobile-app-edit.bill-settings-div .no-padding{ padding: 0;}
/*.mobile-app-edit.bill-settings-div .tab-content .bill_generator_side{ width: calc(100% - 350px); display: block; float: left;}
.mobile-app-edit.bill-settings-div .tab-content .bill_preview_side{ width: 350px; display: block; float: left;}*/
.mobile-app-edit.bill-settings-div .radio{ margin: 0; float: left; padding: 5px;}
.mobile-app-edit.bill-settings-div .logo-text-select .radio,
.mobile-app-edit.bill-settings-div .main-align-select .radio{ width: 33.333333%;}
.mobile-app-edit.bill-settings-div .logo-text-select .radio{ width: 25%;}
.mobile-app-edit.bill-settings-div .radio label{ color: #646464; background: #f3f3f3; border: 1px solid #eaeaea; width: 100%; border-radius: 4px; padding: 5px;}
.mobile-app-edit.bill-settings-div .radio .cr{ border-radius: 4px; top: 1px; border-color: #c9c9c9; }
.mobile-app-edit.bill-settings-div .radio label input[type="radio"]:checked + .cr { background: #fff; border-color: #2196F3; }
.mobile-app-edit.bill-settings-div .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: none; }
.mobile-app-edit.bill-settings-div .radio.selected label{ background: #2196F3; color: #fff; border-color: #2196F3; }
.mobile-app-edit.bill-settings-div .if_msg_selected{ display: block; }
.mobile-app-edit.bill-settings-div .if_msg_selected textarea{ resize: none;}
.mobile-app-edit.bill-settings-div .bill_preview_side{ margin-bottom: 15px;}
.mobile-app-edit.bill-settings-div .bill_preview_side .inner-container{}
.mobile-app-edit.bill-settings-div .menu_select .radio, .menu_select .form-control .radio{width: 100%;}

.mobile-app-edit.bill-settings-div .checkbox{ margin: 0; float: left; padding: 5px;}
.mobile-app-edit.bill-settings-div .logo-text-select .checkbox,
.mobile-app-edit.bill-settings-div .main-align-select .checkbox{ width: 33.333333%;}
#all_branch_modal .checkbox{ width: 100%;}
#default_branch_select .checkbox{ width: 100%;}
.mobile-app-edit.bill-settings-div .checkbox label{ color: #646464; background: #f3f3f3; border: 1px solid #eaeaea; width: 100%; border-radius: 4px; padding: 5px;}
.mobile-app-edit.bill-settings-div .checkbox .cr{ border-radius: 4px; top: 1px; border-color: #c9c9c9; }
.mobile-app-edit.bill-settings-div .checkbox label input[type="checkbox"]:checked + .cr { background: #fff; border-color: #2196F3; }
.mobile-app-edit.bill-settings-div .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon{ display: none; }
.mobile-app-edit.bill-settings-div .checkbox.selected label{ background: #2196F3; color: #fff; border-color: #2196F3; }

.mobile-app-edit.bill-settings-div .checkbox.order-check label{ opacity: .5; color: #fff; background: #5cb85c; border-color: #5cb85c; }
.mobile-app-edit.bill-settings-div .checkbox.order-check .cr{ background: #fff; border-color: #5cb85c; }
.mobile-app-edit.bill-settings-div .checkbox.order-check.selected label{ opacity: 1; }
.mobile-app-edit.bill-settings-div .checkbox.order-check label input[type="checkbox"]:checked + .cr{ background: #fff; border-color: #5cb85c; }
.mobile-app-edit.bill-settings-div .checkbox.kitchen-check label{ opacity: .5; color: #fff; background: #2196F3; border-color: #2196F3; }
.mobile-app-edit.bill-settings-div .checkbox.kitchen-check .cr{ background: #fff; border-color: #2196F3; }
.mobile-app-edit.bill-settings-div .checkbox.kitchen-check.selected label{ opacity: 1; }
.mobile-app-edit.bill-settings-div .checkbox.kitchen-check label input[type="checkbox"]:checked + .cr{ background: #fff; border-color: #2196F3; }

.mobile-app-edit.bill-settings-div .checkbox.courier-check label{ opacity: .5; color: #fff; background: #A059B5; border-color: #A059B5; }
.mobile-app-edit.bill-settings-div .checkbox.courier-check .cr{ background: #fff; border-color: #A059B5; }
.mobile-app-edit.bill-settings-div .checkbox.courier-check.selected label{ opacity: 1; }
.mobile-app-edit.bill-settings-div .checkbox.courier-check label input[type="checkbox"]:checked + .cr{ background: #fff; border-color: #A059B5; }

.bill_preview_side .inner-container h4{ font-size: 16px; font-weight: 600; text-align: center; margin-top: 0;}
.bill_preview_side .inner-container .preview-table{ border: 1px solid #eaeaea; border-radius: 4px; padding: 10px; width: 100%; height: auto;}
.bill_preview_side .inner-container .preview-table .bs_align_td{ text-align: center; }
.bill_preview_side .inner-container .preview-table .ra_main_title{ display: none;}
.bill_preview_side .inner-container .preview-table .ra_main_title.logo_selected{ display: inline-block;}
.btn-default.save-bill-btn:active,
.btn-default.save-bill-btn:focus,
.btn-default.save-bill-btn{ background: #2196F3; border-color: #2196F3; color: #fff; padding: 9px 20px; font-weight: 600; font-size: 14px;}
.btn-default.print-bill-btn:active,
.btn-default.print-bill-btn:focus,
.btn-default.print-bill-btn{ background: #28a745; border-color: #28a745; color: #fff; padding: 9px 20px; font-weight: 600; font-size: 14px;}

.btn-default.addNewMenuBtn:active,
.btn-default.addNewMenuBtn:focus,
.btn-default.addNewMenuBtn{padding: 9px 20px; font-weight: 600; border-color: #449d44; color:#fff; background: #449d44; margin-right: 5px;}

.btn-default.defaultSettingBtn:active,
.btn-default.defaultSettingBtn:focus,
.btn-default.defaultSettingBtn{padding: 9px 20px; font-weight: 600; border-color: #449d44!important; color:#fff!important; background: #449d44!important; margin-right: 5px;}

/* Datatable Edit */
.dataTables_paginate a.paginate_disabled_previous,
.dataTables_paginate a.paginate_disabled_next,
.dataTables_paginate a.paginate_button,
.paginate_enabled_next,
.paginate_active,
.paginate_enabled_previous {
    padding: 10px 15px;
    font-size: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    text-decoration: none;
    background-color: #fff;
    color: #22262e;
    margin-left: 3px;
    cursor: pointer;
}
.dataTables_paginate .paginate_enabled_next:hover,
.dataTables_paginate a.paginate_button:hover,
.dataTables_paginate .paginate_enabled_previous:hover {
    background-color: #eee;
    color: #222;
}
.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current:hover {
    background:#eee;
    color: #222;
}
.dataTables_paginate a.paginate_disabled_previous,
.dataTables_paginate a.paginate_button_disabled,
.dataTables_paginate a.paginate_disabled_next {
    cursor: default;
    color: #ccc;
}
.dataTables_paginate a.paginate_button_disabled:hover {
    box-shadow: none;
    color: #ccc;
}

.data-table-container .dataTables_filter{ width: 240px; float: left; }
.data-table-container .dataTables_length{ width: calc(100% - 240px); float: left; margin-bottom:10px;}
.data-table-container .dataTables_filter label, .data-table-container .dataTables_length label{ width: 100%; }
.data-table-container .dataTables_filter label .form-control { max-width: 200px; display: inline; margin-left: 7px; }
.data-table-container .dataTables_filter label { text-align: right; }
.data-table-container .dataTables_length label .form-control{ max-width: 55px; text-align: center; display: inline;}
.data-table-container .dataTables_info{ margin-bottom: 5px; }
.data-table-container .dataTables_paginate.paging_simple_numbers{ margin-left: -3px;  float: right;}
.data-table-container .select-div{position: relative; width: 167px; float: left; margin-bottom: 10px; margin-right: 5px; }
.data-table-container .select-div.dt{position: relative; width: 167px; float: left; margin-bottom: 10px; margin-right: 5px; left: 5px; }
.data-table-container .select-div.cat{position: relative; width: 167px; float: left; margin-bottom: 10px; margin-right: 5px; left: 84px; }
.data-table-container .select-div.short-select{ width: 90px; }
.data-table-container .select-div.short-select.pagination-select{ width: 200px;}
.data-table-container .select-div.short-select.pagination-select .form-control{ width: 50px!important; display: inline; border-radius: 0;}
.data-table-container .select-div i{ background: #e5eaed;; color: #333; border-radius: 5px 0 0 5px; width: 34px; height: 34px; float: left; display: flex; justify-content: center; align-items: center; }
.data-table-container .select-div .form-control{ border-radius: 0 5px 5px 0; height: 34px; width: calc(100% - 34px)!important;}
.data-table-container .select-div.dtpckr { margin-right: 0; border-radius: 0; width: 230px;}
.data-table-container .select-div.dtpckr .form-control{ border-radius: 0;}
.data-table-container .form-control.unqiue-select{ border-radius: 0; border-left: 0; width: 95px;}
.data-table-container .btn-search-filter{ border-radius: 0 5px 5px 0; height: 34px; position: relative; top: -2px; background: #e5eaed; color: #333; border-color: #e5eaed;}
.data-table-container .daterangepicker.dropdown-menu{ left: auto;}
.data-table-container .thumbnail-div{ position: relative; border-radius: 2px; cursor: pointer; }
.data-table-container a.grouped_elements{ position: absolute; top: 0; left:0; width: 100%; height: 100%;}

.data-table-container .dataTable td:first-child {
    font-weight: 600;
}

.dataTable td span.hide-table-date{ display: none!important; }

/* panel sort */
.panel-sort{}
.panel-sort .menuDiv{ background: #f3f3f3; cursor: move; font-size: 16px; padding: 7px 15px; border: 1px solid #eaeaea; font-weight: 600; border-bottom: 0;}
.panel-sort li { margin-bottom: 15px; border-bottom: 1px solid #e8e8e8;}
.panel-sort li ol li{ margin-bottom: 0; border-bottom: 0; }
.panel-sort li ol{ padding-left: 0;}
.panel-sort ol.sortable {padding-left: 0; }
.panel-sort li ol .menuDiv{ background: #fff; font-weight: normal; font-size: 14px; border-top-color: #f0f0f0;}

label.reservation-status{ background: #3a4953; color: #fff; padding: 10px 25px; border-radius: 4px;}

@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }

    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }

    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
}

@keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }

    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
}

.restaurant-type .select2-container--default .select2-selection--multiple{ min-height: 44px;}

.fapulse {
    -webkit-animation: pulse 2s ease-in;
    -moz-animation: pulse 2s ease-in;
    animation: pulse 2s ease-in;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(1.35);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(1.7);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(2.05);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(2.4);
        opacity: 0.0;
    }
}

/* Delivery Areas */
.delivery-panel{ width: 100%; height: auto; display: block; margin-bottom: 15px;}
.delivery-panel-title{ background: #e8e8e8; border-radius: 4px;}
.opened .delivery-panel-title{border-radius: 4px 4px 0 0;}
.delivery-panel-title h4{cursor: pointer; margin: 0; font-weight: 600; font-size: 18px; padding: 10px 15px; border:1px solid #e3e3e3; border-radius: 4px; }
.delivery-panel-title h4 .selected-areas{ font-size: 12px; }
.delivery-panel-title { position: relative; }
.delivery-panel-title .edit-btn.btn-default:active,
.delivery-panel-title .edit-btn.btn-default:focus,
.delivery-panel-title .edit-btn.btn-default{ background: #2196f3; border-color: #2196f3; color:#fff; font-weight: 600; position: absolute;  right: 5px; top: 5px;}
.delivery-panel-content{transition: .3s ease; display: none; background: #fff; padding: 15px; border: 1px solid #e3e3e3; border-top: 0; border-radius: 0 0 4px 4px;}
.opened .delivery-panel-content{ display: block;}

/* Notify-modal */
.notify-modal{}
.notify-comes .modal-backdrop.in{ opacity: .1;}
.notify-modal .modal-dialog{ margin: 60px auto; width: 100%; max-width: 500px; }
.notify-modal .modal-content{background: none; border: 1px solid rgba(104, 104, 104, 0.18); -webkit-box-shadow: 0 5px 15px rgba(134, 134, 134, .5);  box-shadow: 0 5px 15px rgba(134, 134, 134, 0.5);}
.notify-modal .modal-header,
.notify-modal .modal-footer{ display: none;}
.notify-modal .modal-body{ padding: 0;}
.notify-modal .notify-inner{ background: none; padding-left: 80px; position: relative; border-radius: 6px; overflow: hidden;}
.notify-modal .notify-inner .bell-side{font-size: 24px; display: flex;  justify-content: center; align-items: center;  position: absolute; left:0; top:0; width: 80px; height: 100%; background: #2196F3; color: #fff; }
.notify-modal.reservation-nt .notify-inner .bell-side{ background: #34424b; border-color: #34424b; }
.notify-modal .notify-inner .text-side{background: #fff; width: 100%; min-height: 80px; display: flex; align-items: center; padding: 15px;}
.notify-modal .notify-inner .text-side .inner{ text-align: center; width: 100% }
.notify-modal .notify-inner .text-side .notify-text{ font-weight: 700; font-size: 20px; margin-bottom: 10px;}
.notify-modal .notify-inner .text-side .notify-buttons .btn-default{ font-weight: 600; font-size: 14px; padding: 7px 15px; }
.notify-modal .notify-inner .text-side .notify-buttons .btn-default.ok-btn{ background: #40c75f; color: #fff; border-color: #40c75f;}
.notify-modal.reservation-nt .notify-inner .text-side .notify-buttons .btn-default.ok-btn{ background: #32ab4e; color: #fff; border-color: #32ab4e;}
.notify-modal .notify-inner .text-side .notify-buttons .btn-default.view-notify{ background: #2196f3; color: #fff; border-color: #2196f3;}
.notify-modal.reservation-nt .notify-inner .text-side .notify-buttons .btn-default.view-notify{ background: #34424b; color: #fff; border-color: #34424b;}


/* DataTables Filter Buttons */
.new-select-div{ width: auto; display: block; float: left; margin-right: 7px; position: relative;}
.new-select-div:after{ content: '\f107'; font-family: FontAwesome; position: absolute; right: 7px; top: 10px; display: block;}
.new-select-div.nd-select:after{content: ""; display: none;}
.new-select-div.nd-select{margin-right: 0;}
.new-select-div.nd-select .form-control{ border-radius: 0; min-width: 190px;}
.new-select-div .icon-text{font-weight: 600; background: #f9f9f9; color: #333; float: left; height: 34px; display: flex; align-items: center; border-radius: 4px 0 0 4px; padding: 3px 7px;}
.new-select-div .icon-text i { margin-right: 3px;}
.new-select-div .pro_status{ min-width: 125px;}
.new-select-div .form-control{ width:auto; border-radius: 0 4px 4px 0;}
#DataTables_Table_0_filter label{font-weight: 600; position: relative; color: #333; z-index: 2; max-width: 240px;}
#DataTables_Table_0_filter label span{ width: 60px; text-align: center; display: inline-block; margin-right: -7px; }
#DataTables_Table_0_filter label:before{ content: ''; z-index: -1; border-radius: 4px 0 0 4px; display: block; position: absolute; left:0; top:0; height: 34px; width: 80px; background: #f9f9f9; color: #333;}
#DataTables_Table_0_filter label .form-control{ margin-left: 7px; border-radius: 0 4px 4px 0; width: 180px;}
.lbl-icon{font-size: 12px; margin-bottom:0; line-height: 2;width: 142px;height: 29px;display: inline-block;}
.label-smasa{ background: #5cb85c!important;}
.label-sgelal{ background: #297929!important;}
.label-spaketservis{ background: #5cb85c!important;}
.label-syenisiparis{background-color: #6fa1f2!important;}
.label-sodendi{background-color: #5cb85c!important;}
.label-sonaylandi{background-color: #4caf50!important;}
.label-sbeklemede{background-color: #388e3c!important;}
.label-shazirlaniyor{background-color: #00cd0f!important;}
.label-steslimatahazir{background-color: #9575cd!important;}
.label-steslimatta{background-color: #ba68c8!important;}
.label-steslimedildi{background-color: #9c27b0!important;}
.label-stamamlandi{background-color: #6a1b9a!important;}
.label-siptaledildi{background-color: #e57373!important;}
.label-sodenmedi{background-color: #ef5350!important;}
.label-siadeedildi{background-color: #ef5350!important;}
.label-ssilindi{background-color: #e53935!important;}

.label-shesap{ background: #5cb85c!important;}
.label-sgarson{ background: #6fa1f2!important;}
.label-sbakildi{background-color: #6a1b9a!important;}
.label-sbakilmadi{background-color: #ef5350!important; cursor: pointer;}


.restaurant-welcome-iv .info-item .data-table-container table label.res-label{ width: 34px; min-width: 34px; height: 35px; display: flex; margin: 0 auto; justify-content: center; align-items: center; font-size: 18px;}
.restaurant-welcome-div .info-item .data-table-container table tr.reserve-row-item{ cursor: pointer; }
.data-table-container td .btn-quick-view:active,
.data-table-container td .btn-quick-view:focus,
.data-table-container td .btn-quick-view{ background: #293740; color: #fff; border-color: #293740; }
.data-table-container td .btn-quick-view:hover{ background: #19232a; border-color: #19232a; color: #fff; }

/* Address Management Data Table Filter div*/
.address-management .dataTables_filter{float: right;}
.address-management .dataTables_filter label{font-weight: 600!important; position: relative; color: #333; z-index: 2; max-width: 240px;}
.address-management .dataTables_filter label span{ width: 60px; text-align: center; display: inline-block; margin-right: -7px; }
.address-management .dataTables_filter label:before{ content: ''; z-index: -1; border-radius: 4px 0 0 4px; display: block; position: absolute; left:0; top:0; height: 34px; width: 80px; background: #e5eaed; color: #333;}
.address-management .dataTables_filter label .form-control{ margin-left: 7px; border-radius: 0 4px 4px 0; width: 180px;}

/* Alert Mudahale */
.alert {font-weight:500;}

/* Payment Types Page */
.payment-types-row{  }
.payment-types-row .checkbox-container{ padding: 15px; background: none; border: none;}
.payment-types-row .panel-default .panel-heading{/* background: #4e75b4; color: #fff;  border-color: #4e75b4;*/ font-weight: bold;}
.payment-types-row .checkbox-item.selected label{ background: #93c993; }

.newNavTab-style { padding: 10px; background: #f9f9f9; border-radius: 4px; margin-bottom: 15px;}
.newNav-style.nav-tabs{ border-bottom: 0; margin-bottom: 0;}
.newNav-style.nav-tabs>li>a{ background: #eaeaea; color: #545454; border: 0px !important; font-weight: 600; }
.newNav-style.nav-tabs.lang-nav>li.active>a:focus,
.newNav-style.nav-tabs>li.active>a{ background: #f9f9f9; border: 0px !important;}

.newNavTab-style { padding: 10px; background: #f9f9f9; border-radius: 4px; margin-bottom: 15px;}
.nm-style.newNavTab-style { background: #f9f9f9; }
.newNav-style.nav-tabs{ border-bottom: 0; margin-bottom: 0;}
.newNav-style.nav-tabs>li>a{ background: #eaeaea; color: #545454; border: 0px !important; font-weight: 600; padding: 10px 15px;}
.newNav-style.nav-tabs.lang-nav>li.active>a:focus,
.newNav-style.nav-tabs>li.active>a{ background: #ffffff; border: 0px !important; }
.active-white.nav-tabs.lang-nav>li.active>a:focus,
.active-white.nav-tabs>li.active>a{ background: #fff; border: 0px !important; }
.newNav-style.nav-tabs>li.active>a.edited,
.newNav-style.nav-tabs>li>a.edited{ background: #f93e59!important; border: 0px !important; color: #fff; }

.nm-style-table .form-group{ margin-bottom: 0;}

.nm-style-table .table{ min-width: 900px;}
.nm-style-table .panel-body .table>tbody>tr>td.column1,
.nm-style-table .panel-body .table>tbody>tr>th.column1{ background: #eff8ff; text-align: center;}
.nm-style-table .panel-body .table>tbody>tr>td.column2,
.nm-style-table .panel-body .table>tbody>tr>th.column2{ background: #fff5f5; text-align: center;}
.nm-style-table .panel-body .table>tbody>tr>td.column3,
.nm-style-table .panel-body .table>tbody>tr>th.column3{ background: #fffff4; text-align: center;}

.nm-style-table .panel-body .table>tbody>tr>td.column1:nth-child(1),
.nm-style-table .panel-body .table>tbody>tr>th.column1:nth-child(1),
.nm-style-table .panel-body .table>tbody>tr>td.column2:nth-child(3),
.nm-style-table .panel-body .table>tbody>tr>th.column2:nth-child(3),
.nm-style-table .panel-body .table>tbody>tr>td.column3:nth-child(5),
.nm-style-table .panel-body .table>tbody>tr>th.column3:nth-child(5){ width: 160px; }

.desktop-tab-slider{ display: block;}
.mobile-tab-slider{ display: none;}

.newNav-style.nav-tabs.mobile-tab-slider{ padding: 0; margin-top: 25px; }
.mobile-tab-slider .slick-prev{ left:0; top:23px; display: none;}
.mobile-tab-slider .slick-next{ right:0; top:23px; display: none;}
.mobile-tab-slider .slick-prev:before,
.mobile-tab-slider .slick-next:before{ color: #7e7e7e;}
.mobile-tab-slider .nav-li{  outline: none;}
.mobile-tab-slider .nav-li a{outline: none; border-radius: 3px; margin: 0 5px 10px; background: #eaeaea; color: #545454; text-align: center; border: 1px solid #e8e8e8; font-weight: 600; display: block; padding: 10px 25px; font-size: 13px;}
.mobile-tab-slider .nav-li.active a{background: #293740; border-color: #293740; color: #fff;}
.mobile-tab-slider .slick-dots{ bottom: auto; top:-27px; left: 0; right: 0;}
.mobile-tab-slider .slick-dots li{ width: 12px; height: 15px; margin: 0 3px;}
.mobile-tab-slider .slick-dots li button{ width: 12px; height: 12px;}
.mobile-tab-slider .slick-dots li button:before{opacity: .7; transition: .3s ease; font-size: 14px; font-family: normal; content: ""; width: 10px; height: 10px; background: #7e7e7e; border-radius: 10px;}
.mobile-tab-slider .slick-dots li.slick-active button:before{opacity: 1; width: 24px; height: 10px;}
.mobile-tab-slider .slick-dots li.slick-active,
.mobile-tab-slider .slick-dots li.slick-active button{ width: 26px;}


.portion_group_wrapper .portion-row label{ display: block;}
.portion_group_wrapper .portion-row label .color-red{ color: #f30; margin-left: 3px;}

/* Customer View Page */
.customer-view-page{ width: 100%; height: auto; display: block; position: relative; }
.customer-view-page .nav-tabs{ border-bottom: 0; }
.customer-view-page .nav-tabs>li>a{ background: #eaeaea; color: #545454; border: 1px solid #e8e8e8; font-weight: 700; }
.customer-view-page .nav-tabs>li>a i{ margin-right: 7px;}
.customer-view-page .nav-tabs>li.active>a{ background: #4e75b4; border-color: #4e75b4; color: #fff; }
.customer-view-page .tab-content{position: relative; padding: 15px; background: #fff; border-radius: 0 5px 5px 5px; border: 1px solid #e8e8e8; }
.customer-view-page .tab-content .input-group-addon{ background: #ededed;}
.customer-view-page .tab-content .form-control[readonly]{background: #f9f9f9; padding-left: 7px;}
.main-layout-container .customer-view-page .wSwitch{ background: #f9f9f9; position: relative;  }
.main-layout-container .customer-view-page .wSwitch.nomargin{ margin-bottom: 0;}
.customer-view-page .wSwitch .btn-delete{ position: absolute; right: 8px; top: 6px; background: #f93e59; border: 0px; color: #fff; font-weight: 600; }
.customer-view-page .tab-content .cp-addresses .panel-default{ box-shadow: none; color: #5d5d5d; margin-bottom: 15px;}
.customer-view-page .tab-content .cp-addresses .panel-heading{ padding: 3px 7px; font-weight: 600; border-color: #E5EAED;}
.customer-view-page .tab-content .cp-addresses .panel-body{ padding: 7px; border-color: #E5EAED;}
.customer-view-page .tab-content .label.cp-label{ padding: 7px 7px; min-width: 100px; margin-bottom: 0; display: inline-block; font-size: 12px; color: #fff; font-weight: 600; }
.customer-view-page .tab-content .label.cp-nt-label{ padding: 7px 7px; min-width: 100px; margin-bottom: 0; display: inline-block; font-size: 12px; color: #fff; font-weight: 600; }
.customer-view-page .tab-content .label.cp-nt-label i { margin-right: 5px;}
.customer-view-page .tab-content .label-onaylandi{background: #28a745; }
.customer-view-page .tab-content .label-iptal{background: #FF3300; }
.customer-view-page .tab-content .label-tamamlandi{ background: #4e75b4; }
.customer-view-page .tab-content .label-mail{ background: #4e75b4; }
.customer-view-page .tab-content .label-sms{ background: #2196F3; }
.customer-view-page .tab-content .btn-detail:active,
.customer-view-page .tab-content .btn-detail:focus,
.customer-view-page .tab-content .btn-detail{ box-shadow: none; border-color: #293740; background: #293740; color: #fff; }
.customer-view-page .tab-content .btn-detail:hover{ background: #19232a; border-color: #19232a; color: #fff;}
.cp-customer-table table.table-bordered > tbody > tr > td { color: #454545;}
.cp-customer-table table.table-bordered > tbody > tr > td span{ font-weight: bold;}
.cp-customer-table table.table{ margin-bottom: 0;}
.customer-view-page .tab-content .well { margin-bottom: 0;}
.customer-view-page .tab-content .well p{ margin-bottom: 0;}
.customer-detail-side .tab-side .tab-content,
.customer-view-page .customer-address-side .tab-content,
.customer-detail-side .customer-infos-div .tab-content{ border-radius:  0;}
.customer-view-page{ width: 100%; height: auto; display: block; position: relative; }
.customer-view-page .nav-tabs.cp-nav-type{ width: 100%; background: #fff; border-bottom: 1px solid #e8e8e8; padding: 3px 5px 1px; }
.customer-view-page .nav-tabs.cp-nav-type.for-mobile{ display: none;}
.customer-view-page .nav-tabs.cp-nav-type.address-nav{ border: 1px solid #e8e8e8; border-bottom: 0;}
.customer-view-page .nav-tabs.cp-nav-type>li>a{ background: none; color: #bbb; border:0; border-bottom: 2px solid transparent; font-weight: 600; }
.customer-view-page .nav-tabs.cp-nav-type>li>a i{ margin-right: 7px;}
.customer-view-page .nav-tabs.cp-nav-type>li.active>a{ background: none; border-color: #6a6a6a; color: #6a6a6a; }
.customer-view-page .nav-tabs.cp-nav-type.address-nav>li.active>a{ border-color: transparent; }
.customer-view-page .nav-tabs.cp-nav-type.no-border>li.active>a{ border-color: transparent; }
.customer-view-page .tab-content{position: relative; padding: 15px; background: #fff; border-radius: 0 5px 5px 5px; border: 1px solid #e8e8e8; }
.customer-view-page .tab-content .input-group-addon{ background: #ededed; width: 46px;}
.customer-view-page .tab-content .intl-tel-input.allow-dropdown .selected-flag,
.customer-view-page .tab-content .intl-tel-input.allow-dropdown .intl-tel-input.separate-dial-code .selected-flag{ background: #ededed; outline: none!important; }
.customer-view-page .tab-content .form-control[readonly]{background: #f9f9f9; padding-left: 7px;}
.customer-detail-side{ padding-right: 0;}
.cw-container{position: relative; display: block; height: auto; width: 100%; overflow: hidden; background: #fff; border: 1px solid #e8e8e8;}
.customer-view-page .row.nomargin{margin-left: 0; margin-right: 0;}
.cw-container .input-group .form-control:last-child{padding-left: 5px;}
.customer-detail-side .tab-side,
.customer-detail-side .customer-infos-div{ padding: 0; }
.customer-view-page .customer-detail-side .tab-content{ border: 0;}
.customer-detail-side .customer-infos-div{ border-right: 1px solid #e8e8e8;}
.customer-view-page .customer-address-side .cw-add-address{ background: #4e75b4; border-color:#4e75b4; color: #fff; padding: 3px 7px; position: relative; font-weight: bold; }
.cw-adres-modal .input-group{ width: 100%; }
.cw-adres-modal .input-group-addon{background: #ededed; width: 40px;}
.cw-adres-modal .input-group-addon.search-post-code:active,
.cw-adres-modal .input-group-addon.search-post-code:focus,
.cw-adres-modal .input-group-addon.search-post-code{background: #4e75b4; border-color: #4e75b4; color: #fff; font-weight: bold; cursor: pointer;}
.cw-adres-modal .input-group-addon.search-post-code:hover{ background: #0a6ebd; border-color: #0a6ebd; }
.cw-adres-modal .form-control.no-padding{ padding: 0;}
.cw-adres-modal .input-group .form-control:last-child { padding-left: 10px; }
.cw-adres-modal .input-group .form-control.no-padding { padding:0; }
.cw-adres-modal .form-control .radio{ width: 33.333333%; float: left; margin: 0; padding: 6px 5px;}
.cw-adres-modal .form-control .radio label{ width: 100%; padding: 5px 15px; background: #f3f3f3; border-radius: 4px; }
.cw-adres-modal .form-control .radio.selected label{ background: #2196F3; color: #fff; }
.cw-adres-modal .form-control .radio .cr{ border-radius: 4px; border-color: #ddd; top: 1px; background: #fff; margin-right: 10px; }
.cw-adres-modal .form-control .radio .cr .cr-icon{ left: 2px; }
.cw-adres-modal .form-control .radio.selected .cr { border-color: #2196F3; }
.cw-adres-modal .form-control .radio.selected .cr .cr-icon{ left: 2px; color: #2196F3; }
.menu_select.form-control{margin-bottom: 15px;}
.menu_select.form-control .radio{width: 100%;}
.customer-view-page .btn-default.btn-point-limit:default,
.customer-view-page .btn-default.btn-point-limit:focus,
.customer-view-page .btn-default.btn-point-limit{ background: #2196F3; border-color: #2196F3; color: #fff; font-weight: bold; margin-bottom: 10px; margin-left: 10px; font-size: 12px; padding: 5px 20px; }
.customer-view-page .btn-default.btn-point-limit:hover{ background: #1d86da; border-color: #1d86da; }
.customer-view-page .btn-default.btn-point-delete:default,
.customer-view-page .btn-default.btn-point-delete:focus,
.customer-view-page .btn-default.btn-point-delete{ background: #e53935; border-color: #e53935; color: #fff; font-weight: bold; margin-bottom: 10px; margin-left: 10px; font-size: 12px; padding: 5px 20px; }
.customer-view-page .btn-default.btn-point-delete:hover{ background: #E52538; border-color: #E52538; color: #fff; }
.customer-view-page .btn-default.btn-point-delete:default,
.customer-view-page .btn-default.btn-point-add:focus,
.customer-view-page .btn-default.btn-point-add{ background: #4caf50; border-color: #4caf50; color: #fff; font-weight: bold; margin-bottom: 10px; margin-right: 0; font-size: 12px; padding: 5px 20px; }
.customer-view-page .btn-default.btn-point-add:hover{ background: #439b47; border-color: #439b47; color: #fff; }
.customer-view-page .tab-content .cp-addresses .empty-address-msg .panel-body{ padding: 15px; color: #b7b7b7; font-weight: 600; }
.pointAddRow{ margin-left: -5px; margin-right: -5px; }
.pointAddRow .left-side{ width: calc(100% - 123px); float: left; display: block;  padding: 0 5px; }
.pointAddRow .right-side{ width: 123px; float: left; display: block; padding: 0 5px; }
.option-modal .pointAddRow .right-side .checkbox-container .checkbox-item{ width: 100%; }

/* modal-header-switch */
.wSwitch.modal-header-switch{ width: 190px; position: absolute; top: 9px; right: 10px; text-align: left; background: #526877; padding: 5px 7px 5px 10px; border-radius: 4px; }
.wSwitch.modal-header-switch label.text-switch{ position: relative; margin-bottom: 0; top: 2px; }
.future-modal .data-table-container .table{ margin-bottom: 10px; }
.future-modal .data-table-container{ margin-bottom: 0;}
.future-modal .btn-go-future:active,
.future-modal .btn-go-future:focus,
.future-modal .btn-go-future{ background: #5cb85c; border-color: #5cb85c; color: #fff; font-weight: 700; }
.future-modal .btn-go-future:hover{ background: #53a553; border-color: #53a553; color: #fff; }
.future-modal .btn-dismiss:active,
.future-modal .btn-dismiss:focus,
.future-modal .btn-dismiss{ background: #2e6da4; border-color: #2e6da4; color: #fff; font-weight: 700; }
.future-modal .btn-dismiss:hover{ background: #4e75b4; border-color: #4e75b4; color: #fff; }

.media_radio, .media_radio2{ display:none; }
.media_label{ cursor:pointer; border:3px solid #fff; border-radius: 4px; background: #fff; }
.media_label span{ position: relative; width: 100%; height: 100%; display: block; }
.media_radio:checked ~ .media_label, .media_radio2:checked ~ .media_label{ border:3px solid #5b9dd9; }
.media_add_new .img-thumbnail{cursor:pointer; font-size:40px; color: #a7a7a7; background: #f9f9f9; width:92px; margin:0 auto; height: 92px; display: flex;justify-content: center;align-items:center;}
#product_media_modal .modal-body{ max-height: 80vh; height:auto; overflow-y:auto; background: #f2f2f2; }
#website_gallery_modal .modal-body{ max-height: 80vh; height:auto; overflow-y:auto; background: #f2f2f2; }
#product_media_modal .modal-footer .btn-default:active,
#product_media_modal .modal-footer .btn-default:focus,
#product_media_modal .modal-footer .btn-default{ font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 8px 25px; background: #565665; border: 0; color: #fff }
#product_media_modal .modal-footer .btn-default:hover{ background: #3e4448; }
#product_media_modal .modal-footer .btn-primary:active,
#product_media_modal .modal-footer .btn-primary:focus,
#product_media_modal .modal-footer .btn-primary{ font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 8px 25px; background: #4CAF50; border: 0; color: #fff }
#product_media_modal .modal-footer .btn-primary:hover{ background: #46a14a; }


/* Rezervasyon Takvimi */
.reservation-step{ position: relative; width: 100%; padding: 0; display: block; height: 100%;}
.reservation-step .inner-container{padding: 10px; background: #fff; border: 1px solid #e8e8e8; border-radius: 4px; width: 100%; height: auto; display: block; position: relative; }
.reservation-step .inner-container .well{margin-top: 15px; margin-bottom: 5px; padding: 10px; background: #e1eef5; box-shadow: none; border-color: #d7d7d7; }
.reservation-step .inner-container .well h4{ margin: 0; font-size: 16px; color: #454545;}
.reservation-step .inner-container .well h4 i{ color:#4e75b4; margin-right: 5px;}
.calendar-step .fc-day.selected{ background: #e1eef5; }
.calendar-step .fc-basic-view .fc-body .fc-row:nth-child(odd){ background: #f9f9f9; }
.calendar-step .fc-row.fc-widget-header{ background: #41525d; color: #fff; }
.calendar-step .fc-row.fc-widget-header * { border-color: #323f48;}
.calendar-step .fc-row.fc-widget-header .fc-day-header{ padding: 15px 0; font-size: 20px;}
.calendar-step table>tr:nth-child(even)>td{}
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover,
.fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead{ border-color: #e8e8e8; cursor: pointer; }
.calendar-step .fc-row.fc-widget-header .fc-day-header th{ cursor: default!important;}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: right; margin: 0 auto; width: 100%; text-align: center; font-size: 30px; color: #6a6a6a; font-weight: bold; padding-top: 24px; }
.calendar-step .fc-toolbar h2{ font-size: 20px; background: #41525d; color:#fff; border-radius: 4px; padding: 7px 20px}
.calendar-step .fc-state-default{ background: #41525d; text-transform: capitalize; text-shadow: none; color: #fff; font-size:16px; box-shadow: none; border-color: #41525d; }
.settings-res .fc-past{ background: #eaeaea; cursor: not-allowed; }
.fc-day-top.fc-other-month.fc-past{ opacity: .3; }
.fc-ltr .fc-basic-view .fc-day-top.fc-past .fc-day-number{ color: #9c9c9c;}
.calendar-step .select-hour{z-index: -1; position: absolute; top:0; left:0; height: 100%; width: 100%; display: none; background: rgba(54,54,54,.5); justify-content: center; align-items: center;}
.calendar-step .select-hour.showit{ z-index: 99!important; display: flex;}
.calendar-step .select-hour .clock-wrapper{ background: #fff; border: 1px solid #e8e8e8; width: 80%; height: auto; min-height: 70%; overflow-y: auto; }
.clock-header{ background: #e1eef5; border-bottom: 1px solid #ddd; }
.ch-item { padding: 0; }
.ch-item a{ font-size: 22px; padding: 15px; display: block; width: 100%; }
.ch-item + .ch-item a{ text-align: right;}
.ch-item h4{ margin: 0; padding: 15px; font-size: 28px; text-align: center; font-weight: 700; color: #6a6a6a;}
.cal-detail-wrapper{ position: relative; width: 100%; height: auto; }
.cal-detail-wrapper .clocks-container{ display: block; width: 100%; position: relative; /*display: block;*/ max-height: 600px; overflow-y: auto; padding: 10px 20px;}
.cal-detail-wrapper .res-form-container{ width: 100%; position: relative; display: none; padding: 10px 20px;}
.cal-detail-wrapper .clock-row2{ margin-right: -10px; margin-left: -10px; padding-right: 0;}
.cal-detail-wrapper .clock-item{ padding: 0 5px; margin-bottom: 10px; }
.cal-detail-wrapper .clock-item .checkbox,
.cal-detail-wrapper .clock-item .radio{ margin: 0; }
.cal-detail-wrapper .clock-item .checkbox label,
.cal-detail-wrapper .clock-item .radio label{text-align: center; color: #337ab7; border: 1px solid #d4e7f2; font-size: 26px; font-weight: bold; padding: 7px 15px; border-radius: 4px; background: #e1eef5; width: 100%; }
.cal-detail-wrapper .clock-item .checkbox.selected label,
.cal-detail-wrapper .clock-item .radio.selected label { background: #ccc; color: #454545; border-color: #ccc; }
.cal-detail-wrapper .clock-item .checkbox.disabled label,
.cal-detail-wrapper .clock-item .radio.disabled label{ background: #ccc; color: #454545; border-color: #ccc; }
.cal-detail-wrapper .clock-item .checkbox.past-hour label{ opacity: .6; color: #6397c4; cursor: not-allowed; }
.cal-detail-wrapper .clock-item .checkbox .cr .cr-icon,
.cal-detail-wrapper .clock-item .radio .cr .cr-icon{ top: 10px; left: 3px; font-size: 14px; }
.cal-detail-wrapper .clock-item .checkbox .cr,
.cal-detail-wrapper .clock-item .radio .cr{ display: none; width: 22px; height: 22px; border-radius: 5px; border-color: #d6e6ee; background: #fff; top: 4px; }
h2.clock-select-wrapper{ padding: 0 10px; font-size: 22px; font-weight: bold; text-align: center; margin-top: 5px;  margin-bottom: 0; }
h4.clock-select-wrapper{ padding: 0 10px; text-align: center; color: #999999; margin-top: 7px;  margin-bottom: 15px; }
.cal-detail-wrapper .btn-div{ padding-right: 10px; padding-left: 10px;}
.cal-detail-wrapper .btn-go-next-step:active,
.cal-detail-wrapper .btn-go-next-step:focus,
.cal-detail-wrapper .btn-go-next-step{  background: #28a745; width: 120px; display: block;float: left;  font-size: 20px; font-weight: bold; padding: 7px 26px; border-color: #28a745; margin-bottom: 0; color:#fff; }
.cal-detail-wrapper .btn-go-next-step:hover{ background: #1f8d38; border-color: #1f8d38; color: #fff; }
.cal-detail-wrapper .btn-go-next-step.disabled{ opacity: .4; cursor: not-allowed!important; pointer-events: unset; }
.cal-detail-wrapper .btn-reservation:active,
.cal-detail-wrapper .btn-reservation:focus,
.cal-detail-wrapper .btn-reservation{ width: 100%; background: #28a745; font-size: 20px; font-weight: bold; padding: 12px 22px; border-color: #28a745; margin-bottom: 15px; color:#fff; }
.cal-detail-wrapper .btn-reservation:hover{ background: #1f8d38; border-color: #1f8d38; color: #fff; }
.cal-detail-wrapper .btn-reservation.disabled{ opacity: .4; cursor: not-allowed!important; pointer-events: unset; }
.cal-detail-wrapper .res-form-container .form-control{ height: 42px; box-shadow: none; border-color: #e8e8e8;}
.cal-detail-wrapper .res-form-container textarea.form-control { height: auto; resize: none;}
.cal-detail-wrapper .res-form-container .input-group{ width: 100%; }
.cal-detail-wrapper .res-form-container .input-group-addon{ width: 42px; background: #337ab7; color: #fff; border: 0; }
.cal-detail-wrapper .res-form-container .form-group{ padding: 5px;}
/*.fc-toolbar .fc-right{ padding-top: 7px;}*/
.close-rsrv .form-control{ height: 44px; width: 100%}
.close-rsrv .form-group{ width: calc(100% - 120px); display: block; float: left; }
.calendar-step .btn-set-div{ padding: 0 5px 15px;}
.calendar-step .btn-set-div .form-control{ border-radius: 5px 0 0 5px; border-color: #e8e8e8; box-shadow: none;}
.calendar-step .cal-detail-wrapper .btn-set-div .btn-go-next-step{ border-radius: 0 5px 5px 0; }
.btn-clear-closed:active,
.btn-clear-closed:focus,
.btn-clear-closed{  background: #28a745; width: auto; display: inline-block; margin-bottom: 15px; font-size: 20px; font-weight: bold; padding: 7px 26px; border-color: #28a745; color:#fff; }
.btn-clear-closed:hover{ background: #1f8d38; border-color: #1f8d38; color: #fff; }
.calendar-step .description-container{ width: 100%; border-radius: 4px; height: auto; margin-bottom: 15px; padding: 20px 15px; background: #f3f3f3; border:1px solid #e8e8e8; }
.calendar-step .description-container h4{ margin: 0; color: #454545; font-weight: 600; font-size: 16px;}
.cs-info-item{ margin-top: 15px;}
.cs-info-item .cs-inner{ display: flex; border-radius: 4px; justify-content: center; align-items: center; width: 100%; height: 50px; background: #f9f9f9; border: 0px solid #e8e8e8; font-weight: 700; font-size: 17px; color: #41525d; }
.cs-info-item .cs-inner.past-day{ background: #eaeaea; }
.res-view .fc-past{ background: #2196F3; }
.cs-info-item .cs-inner.disabled-allday{ background: #ececec; }
.cs-info-item .cs-inner.disabled-byhour{ background: #e1f1ff; }
.cs-info-item .cs-inner.today{ background: #fcf8e3; }
.container .reservation-wrapper .calendar-step .table-responsive .table-striped.info-table tr {display: none;}
.container .reservation-wrapper .calendar-step .table-responsive .table-striped.info-table .has-event {display: flex !important;}

/* Rezervasyon View */
.reservationscalrow {margin-top:20px; margin-bottom:10px;}
.res_view .table>thead,
.res_view .table>tbody,
.res_view .table>thead>tr,
.res_view .table>tbody>tr,
.res_view .table{ margin: 0; padding: 0; border:0; }
.res_view h4{ text-align: center; font-weight: 700; font-size: 24px; margin-bottom: 15px;}
.res_view .table>thead>tr>th{vertical-align: middle;  padding: 0; border:3px solid #fff!important;}
.res_view .table>thead>tr>th:first-child{ border-left: 2px!important;}
.res_view .table>thead>tr>th:last-child{ border-right: 2px!important;}
.res_view .table>thead>tr>th> .th-inner{ background: #3a4953; color: #fff; text-align: center; font-size: 18px; font-weight:600; display: flex; justify-content: center; align-items: center; width: 100%; padding: 10px 0;  }
/*.res_view .table>tbody>tr>th:first-child,
.res_view .table>thead>tr>th:first-child{ border-left: 0!important;}
.res_view .table>tbody>tr>th:last-child,
.res_view .table>thead>tr>th:last-child{ border-right: 0!important;}*/
.res_view .table.info-table{ max-height: 400px; overflow-y: scroll;}
.res_view .table>tbody>tr>th { height: 100px; padding: 0; position: relative; font-weight: bold; vertical-align: middle; text-align: center; font-size: 16px;}
.res_view .table>tbody>tr>th .ce-clock{min-height: 100px; border: 2px solid #fff; position: absolute; width: 100%; height: 100%; top:0; left:0; display: flex; justify-content: center; align-items: center; background: #f3f3f3; font-weight:600; }
.res_view .table>tbody>tr>td{ position: relative; vertical-align: top; padding: 0; background: #fff; }
.res_view .table>tbody>tr>td .cal-event{cursor: pointer; background: #f3f3f3; border: 2px solid #fff; padding: 10px; width: 100%; height: 100px; display: flex; align-items: center; position: relative; z-index: 1 }
.res_view .table>tbody>tr>td .cal-event a{ position: absolute; top:0; left: 0; width: 100%; height: 100%; display: block;}
.res_view .table>tbody>tr>td .cal-event+.cal-event{  }
.res_view .table>tbody>tr>td .cal-event.onay-bekliyor-res{ background: #fbffd0; outline: 4px solid #f3f3f3; outline-offset: -6px; }
.res_view .table>tbody>tr>td .cal-event.onaylandi-res{ background: #d0f9ff; outline: 4px solid #f3f3f3; outline-offset: -6px; }
.res_view .table>tbody>tr>td .cal-event.iptal-edildi-res{ background: #ffd0d5; outline: 4px solid #f3f3f3; outline-offset: -6px; }
.res_view .table>tbody>tr>td .cal-event:hover{ background: #fff; outline: 4px solid #f3f3f3; outline-offset: -6px;}
.res_view .table>tbody>tr>td .cal-event.empty-event-td{ border: 2px solid #fff; position: absolute; height: 100%; min-height: 100px; width: 100%; top:0; left:0; }
.res_view .table>tbody>tr>td .cal-event.empty-event-td:hover{ background: #f3f3f3;}
.res_view .table>tbody>tr>td .cal-event.empty-event-td:after{ -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; background-size: 6px; background-color: rgba(255,255,255,.7); background-image: url('/assets/images/pattern.svg'); content: ''; background-repeat: repeat; opacity: .2; z-index: 2; }
.res_view .table-bordered>tbody>tr>td, .res_view .table-bordered>tbody>tr>th, .res_view .table-bordered>tfoot>tr>td, .res_view .table-bordered>tfoot>tr>th, .res_view .table-bordered>thead>tr>td, .res_view .table-bordered>thead>tr>th{ border: 5px solid #fff;}
.res_view .table>tbody>tr>td, .res_view .table>tbody>tr>th, .res_view .table>tfoot>tr>td, .res_view .table>tfoot>tr>th, .res_view .table>thead>tr>td, .res_view .table>thead>tr>th{ border: 0;}
.res_view .table>tbody>tr>td .cal-event .ce-inner{ width: 100%; }
.res_view .table>tbody>tr>td .cal-event .ce-inner .cal-event-item{ color: #454545; display: block; width: 100%; }
.res_view .table>tbody>tr>td .cal-event .ce-inner .cal-event-item.ce-name{ font-weight: bold;}
.res_view .table>tbody>tr>td .cal-event .ce-inner .cal-event-item.ce-phone,
.res_view .table>tbody>tr>td .cal-event .ce-inner .cal-event-item.ce-person{ margin-top: 3px; color: #797979; font-weight: normal;}
.res_view .cal-table-container.head-table{ width: calc(100% - 2px); position: relative; z-index: 9; padding-left: 2px;}
.res_view .cal-table-container.content-table{ z-index: 1; padding-top: 47px; margin-top: -47px; position: relative; width: 100%;}
.res_view .cal-table-container.content-table .no-reservation-div{ position: relative; display: block; left: 2px; width: calc(100% - 2px); height: auto; padding: 45px; background: #f3f3f3; border-radius: 0; border: 1px solid #e9e9e9;}
.res_view .cal-table-container.content-table .no-reservation-div h4{ text-align: center; margin: 0; color: #3a4953; font-size: 18px; font-weight: 600;}
.res_view .cal-next-week{ text-align: right;}
.res_view .cal-hide-empty { text-align: center; }
.res_view .cal-hide-empty .btn.btn-default,
.res_view .cal-hide-empty .btn.btn-default:active,
.res_view .cal-hide-empty .btn.btn-default:focus,
.res_view .cal-next-week .btn.btn-default,
.res_view .cal-next-week .btn.btn-default:active,
.res_view .cal-next-week .btn.btn-default:focus,
.res_view .cal-week .btn.btn-default,
.res_view .cal-week .btn.btn-default:active,
.res_view .cal-week .btn.btn-default:focus,
.res_view .cal-week .btn.btn-default,
.res_view .cal-week .cal-label{height: 36px; padding: 7px 15px; line-height: 20px; display: inline-block; background: #3a4953; border-color: #3a4953;  color: #fff; font-weight: 600; margin-left: 2px; border-radius: 4px; font-size: 16px; margin-bottom: 10px }
.res_view .cal-next-week .btn.btn-default:hover{ background: #3E4C53; border-color: #3E4C53; color: #fff; }
.res_view .cal-week .btn.btn-default:hover{ background: #3E4C53; border-color: #3E4C53; color: #fff; }
.res_view .cal-hide-empty .btn.btn-default span.showTr{ display: block; }
.res_view .cal-hide-empty .btn.btn-default span.hideTr{ display: none; }
.res_view .cal-hide-empty .btn.btn-default.showAll span.showTr{ display: none; }
.res_view .cal-hide-empty .btn.btn-default.showAll span.hideTr{ display: block; }
.res_view .cal-week .btn.btn-default,
.res_view .cal-week .btn.btn-default:active,
.res_view .cal-week .btn.btn-default:focus,
.res_view .cal-week .btn.btn-default{ margin-bottom: 2px;}
.res_view .res-info-item{ margin-bottom: 15px;}
.res_view .res-info-item .res-inner{ display: flex; border-radius: 4px; justify-content: center; align-items: center; width: 100%; height: 50px; background: #f9f9f9; font-weight: 700; font-size: 17px; color: #41525d; }
.res_view .res-info-item .res-inner.reject-res{ background: #ffd0d5; }
.res_view .res-info-item .res-inner.confirm-res{ background: #d0f9ff; }
.res_view .res-info-item .res-inner.wait-res{ background: #fbffd0; }
/* NEW ORDERS  TABLE VIEW */
.filter-row{margin-top: 15px;}
.filter-row .form-group{ margin-bottom: 5px;}
.ordersarama {margin-bottom:10px;}
.filter-row .form-control{  box-shadow: none; border-radius: 4px; border-color: #E1E1E1; height: 38px; }
.filter-row .search-side .form-control{ display:block; float: left; width: 400px; border-radius: 4px 0 0 4px; height:50px; border:0px !important; font-weight:500;}
.restaurant-welcome-div .filter-row .search-side .form-control{ display:block; float: left; width: calc(100% - 82px); border-radius: 4px 0 0 4px; height:50px; border:0px !important; font-weight:500;}
.filter-row .search-side .btn-clear-filter{ display: flex; width: 82px; border-radius: 0 4px 4px 0;  height: 38px; text-transform:uppercase; font-weight:500; background: #f7f7f7; border-color: #3a4953; border:0px !important; color: #3a4953; height:50px; justify-content: center; align-items: center;}
.filter-row .status-side .input-group-addon{ background: #f7f7f7;border: 0px !important;color: #3a4953; }
select#select_order_status { height: 50px; border: 0px !important; font-weight: 500; color: #999; }
.top-menu .right-menu li.hovered .sub-menu a.back-parent-btn,
.top-menu .right-menu li.hovered .sub-menu a.all_pnl.select_branch_item{transition: unset!important; color: #535353 !important;padding:0!important;font-weight: 600!important; background: none!important; box-shadow: none!important;}
.top-menu .right-menu li.hovered .sub-menu a.back-parent-btn:hover,
.top-menu .right-menu li.hovered .sub-menu a.all_pnl.select_branch_item:hover{color:#000!important;}
.branch_select_loader_body{width: 100%;height: 100%;float: none;position: fixed;z-index: 99999;background-color: rgba(0,0,0,0.5);display: none;}
.branch_select_loader_body.loading,
.branch_select_loader_body.loading2{ display: block;}
.branch_select_loader_body .flexDiv{ width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; }
.branch_select_loader { border: 12px solid #f3f3f3; border-radius: 50%; border-top: 12px solid #f66e6e; width: 80px; height: 80px; -webkit-animation: spin 1.5s linear infinite; /* Safari */ }
.sub-menu.quick-settings.selected_branch{left: 10px!important;min-height: 50px!important;width: 230px!important;}
.sub-menu.quick-settings.selected_branch::before{left: 10%!important;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

form#edit_menu_form .wSwitch{border: 1px solid #e4e3e3f9; padding: 10px; border-radius: 4px;}

input:-webkit-autofill {
    -webkit-text-fill-color: black !important;
}

.login-div input:-webkit-autofill {
    -webkit-text-fill-color: #222 !important;
}

.mobile-preview-css{}
.mobile-preview-css .tab-pane{ min-height: 67vh; position: relative;}
.mobile-preview-css .tab-pane .flex-div{ display: flex; position: absolute; width: 100%; height: 100%; justify-content: center; align-items: center; }
.mobile-preview-css .tab-pane .flex-div .ios-phone{ padding: 90px 25px 90px; position: relative; width: 450px; height: 905px; display: block; transform: scale(0.6);  background: url('/assets/images/frame.png') center no-repeat; background-size: cover; }
.mobile-preview-css .tab-pane .flex-div .ios-phone iframe{ border: 0; display: block; position: relative; width: 100%; height: 100%; background: #222;}

.mobile-preview-css .tab-pane .flex-div .md-phone{ padding: 78px 24px 117px; position: relative; width: 494px; height: 936px; display: block; transform: scale(0.6);  background: url('/assets/images/frame2.png') center no-repeat; background-size: cover; }
.mobile-preview-css .tab-pane .flex-div .md-phone iframe{ border: 0; display: block; position: relative; width: 100%; height: 100%; background: #222; border-radius: 10px;}

.mobile-preview-css .tab-pane .flex-div .md-tablet{ padding: 121px 60px 121px; position: relative; width: 1000px; height: 1404px; display: block; transform: scale(0.35);  background: url('/assets/images/frame3.png') center no-repeat; background-size: cover; }
.mobile-preview-css .tab-pane .flex-div .md-tablet iframe{ border: 0; display: block; position: relative; width: 100%; height: 100%; background: #222; border-radius: 2px;}

.mobile-preview-css .tab-pane .flex-div .ios-tablet{ padding: 115px 98px 114px; position: relative; width: 1000px; height: 1299px; display: block; transform: scale(0.38);  background: url('/assets/images/frame4.png') center no-repeat; background-size: cover; }
.mobile-preview-css .tab-pane .flex-div .ios-tablet iframe{ border: 0; display: block; position: relative; width: 100%; height: 100%; background: #222; border-radius: 2px;}

.mobile-app-edit .nav-tabs>li>a i{ margin-right: 5px; display: none;}
.mobile-app-edit .nav-tabs>li>a i.fa-expand{ display: inline-block;}
.mobile-app-edit .nav-tabs>li>a i.fa-mobile-phone{font-size: 20px; position: relative; top:1px;}
.mobile-app-edit .nav-tabs>li>a i.fa-tablet{font-size: 18px; position: relative; top:2px;}

.mobile-app-edit .nav-tabs>li>a.btn-default.btn-new-screen:active,
.mobile-app-edit .nav-tabs>li>a.btn-default.btn-new-screen:focus,
.mobile-app-edit .nav-tabs>li>a.btn-default.btn-new-screen{ background: #222; border-color: #222; color:#fff;}
.mobile-app-edit .nav-tabs>li>a.btn-default.btn-new-screen:hover{ background: #3a4953; border-color: #3a4953; color:#fff; }

body.mobile-preview-page{ padding: 0; margin: 0; width: 100%; height: auto; background: #f3f3f3; }

.mobile-preview-page .mpp-flex-container{ width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.mobile-preview-page .mpp-flex-container .mpp-inner{ max-height: 100%; }
.mobile-preview-page .mpp-flex-container .ios-phone{ padding: 90px 25px 93px; position: relative; width: 450px; height: 905px; display: block; transform: scale(0.8);  background: url('/assets/images/frame.png') center no-repeat; background-size: cover; }
.mobile-preview-page .mpp-flex-container .ios-phone iframe{ border: 0; display: block; position: relative; width: 100%; height: 100%; background: #222;}

.mobile-preview-page .mpp-flex-container .md-phone{ padding: 78px 24px 117px; position: relative; width: 494px; height: 936px; display: block; transform: scale(0.8);  background: url('/assets/images/frame2.png') center no-repeat; background-size: cover; }
.mobile-preview-page .mpp-flex-container .md-phone iframe{ border: 0; display: block; position: relative; width: 100%; height: 100%; background: #222; border-radius: 10px;}

.mobile-preview-page .mpp-flex-container .md-tablet{ padding: 121px 60px 121px; position: relative; width: 1000px; height: 1404px; display: block; transform: scale(0.5);  background: url('/assets/images/frame3.png') center no-repeat; background-size: contain; }
.mobile-preview-page .mpp-flex-container .md-tablet iframe{ border: 0; display: block; position: relative; width: 100%; height: 100%; background: #222; border-radius: 2px;}

.mobile-preview-page .mpp-flex-container .ios-tablet{ padding: 115px 98px 114px; position: relative; width: 1000px; height: 1299px; display: block; transform: scale(0.5);  background: url('/assets/images/frame4.png') center no-repeat; background-size: cover; }
.mobile-preview-page .mpp-flex-container .ios-tablet iframe{ border: 0; display: block; position: relative; width: 100%; height: 100%; background: #222; border-radius: 2px;}
.mobile-preview-page .close-preview-screen:active,
.mobile-preview-page .close-preview-screen:focus,
.mobile-preview-page .close-preview-screen{ display: block; margin: 0 auto; padding: 9px 25px; border-radius: 0 0 5px 5px; position: absolute; left:50%; transform: translateX(-50%); background: #4e75b4; border-color: #4e75b4; color: #fff; font-weight: bold; }
.mobile-preview-page .close-preview-screen:hover{ background: #2196f3; border-color: #2196f3; color: #fff;}


/* TO DO PANEL */
.to-do-panel-container{}
.to-do-panel-container .panel-default>.panel-heading{ background: #bc243a !important; padding: 12px 15px !important;}
.to-do-panel-container .panel{ box-shadow: none; margin-bottom: 0; border: 2px solid #bc243a;}
.to-do-panel-container .panel-title{ font-weight: 500; font-size: 15px; color: #fff; padding: 6px 3px;}
.to-do-panel-container .panel-body{ padding: 0; }
.to-do-panel-container .panel>.list-group .list-group-item{ padding: 0; border: 0;}
.to-do-panel-container .panel>.list-group .list-group-item:hover{ background: #f9f9f9;}
.to-do-panel-container .panel>.list-group .list-group-item a{ padding: 18px 220px 18px 50px; font-weight: 600; display: block; width: 100%; position: relative; color: #293740;}
.to-do-panel-container .panel>.list-group .list-group-item.completed-item a{ color: #5ace5e; text-decoration: line-through!important; }
.to-do-panel-container .panel>.list-group .list-group-item a span.btn-default:active,
.to-do-panel-container .panel>.list-group .list-group-item a span.btn-default:focus,
.to-do-panel-container .panel>.list-group .list-group-item a span.btn-default{float: right; width: 200px; font-size: 14px; padding: 6px; font-weight: 600; background: #bc243a; border-color: #bc243a; color: #fff; position: absolute; top: calc(50% - 17px); right: 10px;}
.to-do-panel-container .panel>.list-group .list-group-item a:hover span.btn-default{ background: #a11f32; border-color: #a11f32; color: #fff;}
.to-do-panel-container .panel>.list-group .list-group-item.completed-item a span.btn-default{ opacity: .5; background: #969696; border-color: #969696; }
.to-do-panel-container .panel>.list-group .list-group-item a:before{ content: "\f129"; font-family: FontAwesome; position: absolute; height: 24px; width: 24px; border: 0; color: #bc243a; font-size: 20px; display: flex; justify-content: center; align-items: center; left: 15px; top: 50%; transform: translateY(-50%);}
.to-do-panel-container .panel>.list-group .list-group-item.completed-item a:before{ border-color:#5ace5e; background: #5ace5e; color: #fff; content: "\f00c"; font-family: FontAwesome;}
.to-do-panel-container .panel>.list-group .list-group-item.completed-item{ display: none;}


/* BRANCH STATUS DIV */
.branch-status-div{}
.branch-status-div .row{ margin-left: 0; margin-right: 0;}
.branch-status-div .row .status-bar-div{ text-align: center; width: 40%; border-radius: 3px 3px 0 0; padding: 10px; background: #999; color:#fff; font-weight: 600; margin-left: 50%;}
.branch-status-div .row.title-bar{ border-radius: 3px 3px 0 0; background: #ffffff; color: #808080; font-weight: 600; border-bottom: 1px solid #f2f2f2;}
.branch-status-div .row .branch-bar-div{ float: left; display: block; padding: 15px; }
.branch-status-div .row .branch-name-div{ width: 46%;}
.branch-status-div .row.branch-status-row .branch-status-icon-div{ background: #ffffff; text-align: center; width: 10%; display: flex; min-height: 65px; justify-content: center; align-items: center;}
.branch-status-div .row.branch-status-row:hover .branch-status-icon-div{ background: #f9f9f9;}
.branch-status-div .row.title-bar .branch-status-icon-div{ background: transparent; text-align: center; width: 10%;}
.branch-status-div .row .branch-action-div{width: 14%; text-align: center;}
.branch-status-div .row .branch-status-icon-div i.fa-circle{ color: #ccc;}
.branch-status-div .row .branch-status-icon-div i.fa-circle.active{ color: #00bcd4;}
.branch-status-div .row.branch-status-row{ background: #fff; font-weight: 600; border-top:0; border-bottom: 0; }
.branch-status-div .row.branch-status-row:hover{ background: #f9f9f9; }
.branch-status-div .row.branch-status-row .branch-action-div{ display: flex; min-height: 65px; justify-content: center; align-items: center;}
.branch-status-div .row.branch-status-row .branch-action-div .btn-default{ border-color: #00bcd4; background: #00bcd4; color:#fff; font-weight: 600;}
.branch-status-div .row.branch-status-row .branch-action-div .btn-default i{ display: none; }
.branch-status-div .row.branch-status-row:last-child{border-radius: 0 0 4px 4px;}
.branch-status-div .row .branch-name-div .br-title{ width: auto; display: block;}
.branch-status-div .row .branch-name-div .br-address{ font-weight: normal; font-size: 12px; color: #808080; width: 100%; display: block;}
.black-popup.popover{ background: rgba(0,0,0,.9);}
.black-popup .popover-content{ background: rgba(0,0,0,.9); color: #fff; border-color: rgba(0,0,0,.9);}
.black-popup.popover.top>.arrow:after{  border-top-color: rgba(0,0,0,.9);}
.black-popup.popover.right>.arrow:after{  border-right-color: rgba(0,0,0,.9);}
.main-layout-container .quick-action-div .inner .btn-side .menu_manage_button{min-width: 160px;padding: 9px 20px;font-weight: 600; float: none; border-radius: 4px;}
.main-layout-container .form-div textarea.form-control.res_campaign_text{ height: 137px; resize: none;}


.comments-view-page .newNavTab-style{ border-radius: 0 0 4px 4px; padding-bottom: 0;}
.comments-view-page .newNav-style.nav-tabs>li>a i{ margin-right: 5px; font-size: 18px; position: absolute; left:5px; top:8px;}
.comments-view-page .newNav-style.nav .open>a, .comments-view-page .newNav-style.nav .open>a:focus, .comments-view-page .newNav-style.nav .open>a:hover{ border-color: #eaeaea;}
.comments-view-page .newNav-style.nav-tabs>li>a{ padding-left: 35px;}
.comments-view-page .newNav-style.nav-tabs>li .dropdown-menu{ min-width: calc(100% - 2px); border: 0;}
.comments-view-page .newNav-style.nav-tabs>li .dropdown-menu li a{ font-weight: 600; color: #797979; }
.comments-view-page .newNav-style.nav-tabs>li .dropdown-menu li.active a{ font-weight: 600; color: #fff; background-color: #293740; }
.comments-item-container .cm-inner{overflow: hidden; padding-left: 80px; position: relative; width: 100%; display: flex; border-radius: 4px; height: 140px; border: 1px solid rgba(162,162,162,0.15);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(162,162,162,0.2);
    -moz-box-shadow: 0px 2px 2px 0px rgba(162,162,162,0.2);
    box-shadow: 0px 2px 2px 0px rgba(162,162,162,0.2);
    margin-bottom: 10px; }
.comments-view-page .newNav-style.nav-tabs>li.search-side{ float: right;}
.comments-view-page .newNav-style.nav-tabs>li.search-side .btn{color: #222; background: #eaeaea; height: 42px; display: block; width: 40px; float: left; border-radius: 0 4px 0 0; border-left: 0; border-color: #eaeaea;}
.comments-view-page .newNav-style.nav-tabs>li.search-side .form-control{height: 42px; width: calc(100% - 40px); display: block; float: left; border-radius: 4px 0 0 0; box-shadow: none; border-color: #eaeaea;}
.comments-item-container{ padding-left: 5px; padding-right: 5px; }
.row.cm-row{ margin-left: -5px; margin-right: -5px; }
.comments-item-container .cm-inner .icon-div{ left:0; width: 80px; height: 100%; display: flex; position: absolute; justify-content: center; align-items: center; color: #fff; font-size: 36px; }
.comments-item-container .cm-inner.type-restaurant .icon-div{ background: #5487b4;}
.comments-item-container .cm-inner.type-order .icon-div{ background: #5ace5e;}
.comments-item-container .cm-inner .text-div{ width: 100%; display: flex; height: 100%; }
.comments-item-container .cm-inner .text-inner{ width: 100%; padding: 10px; }
.comments-item-container .cm-inner .text-inner .cs-name{ font-size: 16px; font-weight: 600; margin-bottom: 3px; color: #333; }
.comments-item-container .cm-inner .text-inner .comment-for{ margin-bottom: 10px; color: #797979; }
.comments-item-container .cm-inner .text-inner .comment-text span{ margin-bottom: 13px; color: #a6a6a6; height: 35px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; font-style: italic; line-height: 16px;  }
.comments-item-container .cm-inner .text-inner .comment-text span:before{margin-right: 3px; content:'"'; display: inline; font-weight: 600; font-size: 16px; }
.comments-item-container .cm-inner .text-inner .comment-text span:after{margin-left: 3px; content:'"'; display: inline; font-weight: 600; font-size: 16px;}
.comments-item-container .cm-inner .stars-side{ width: 100%; height: auto; position: relative; display: block; text-align: left;}
.comments-item-container .cm-inner .stars-side ul{ padding: 0; margin: 0; display: inline-block;}
.comments-item-container .cm-inner .stars-side ul li{display: inline-block; margin-right: 5px; position: relative; transition: 5s ease!important;}
.comments-item-container .cm-inner .stars-side ul li.animated{ transition: 1s ease!important; animation-duration: 1s; transition-duration: 1s!important; }
.comments-item-container .cm-inner .stars-side ul li:last-child{ margin-right:0;}
.comments-item-container .cm-inner .stars-side ul li span{ z-index: 3; position: relative; width: 20px; height: 20px; display: block; background: url('../../templates/mobile/img/star.png') 0 20px; background-size: cover;}
.comments-item-container .cm-inner .stars-side ul li:after{ z-index:0; box-shadow: 0 0 15px #c1c1c1; content:""; position: absolute; top:11px; left:10px; width: 5px; height: 5px; display: block; }
.comments-item-container .cm-inner .stars-side ul li.active:after{}
.comments-item-container .cm-inner .stars-side ul li.active span{ background: url('../../templates/mobile/img/star.png') 0 0; background-size: cover; }
.comments-item-container .cm-inner .cm-ahref{ position: absolute; top:0; left:0; width: 100%; height: 100%; display: block;}
.cm-pagination .pagination{ margin-top: 0;}
.cm-pagination .pagination a i{ font-size: 12px; }
.cm-pagination .pagination>li>a,
.cm-pagination .pagination>li>span{ font-weight: 600; height: 38px; width: 38px; text-align: center; border: 1px solid #E5EAED; color:#5a5a5a; margin: 2px; border-radius: 3px; padding: 8px;} .cm-pagination
.pagination>.active>a, .cm-pagination .pagination>.active>a:focus, .cm-pagination .pagination>.active>a:hover, .cm-pagination .pagination>.active>span, .cm-pagination .pagination>.active>span:focus, .cm-pagination .pagination>.active>span:hover{ border-color: #e5eaed; background-color: #293740; color: #fff; }

#comment_detail .rate-comment-div{ display: none; }
#comment_detail .popup-order-comment .rate-comment-div{ display: block; }
#comment_detail .rate-comment-div .rateus-container{padding-top: 14px; width: 100%; height: auto; position: relative; overflow: hidden; }
#comment_detail .rate-comment-div .rateus-container .rateus-item{padding: 15px; background: #fff; text-align: center; width: 100%; position: relative; border-radius: 10px; display: block; float: left; border: 1px solid rgba(162,162,162,0.15);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(162,162,162,0.2);
    -moz-box-shadow: 0px 2px 2px 0px rgba(162,162,162,0.2);
    box-shadow: 0px 2px 2px 0px rgba(162,162,162,0.2);
    margin-bottom: 14px;
}
#comment_detail .rate-comment-div .rateus-item .stars-side{ width: 100%; height: auto; position: relative; display: block; text-align: center;}
#comment_detail .rate-comment-div .rateus-item .stars-side ul{ padding: 0; margin: 0; display: inline-block;}
#comment_detail .rate-comment-div .rateus-item .stars-side ul li{display: inline-block; margin-right: 5px; position: relative;}
#comment_detail .rate-comment-div .rateus-item .stars-side ul li:last-child{ margin-right:0;}
#comment_detail .rate-comment-div .rateus-item .stars-side ul li span{ z-index: 3; position: relative; width: 32px; height: 32px; display: block; background: url('../../templates/mobile/img/star.png') 0 32px; }
#comment_detail .rate-comment-div .rateus-item .stars-side ul li:after{ z-index:0; box-shadow: 0 0 15px #c1c1c1; content:""; position: absolute; top:11px; left:10px; width: 12px; height: 12px; display: block; }
#comment_detail .rate-comment-div .rateus-item .stars-side ul li.active:after{}
#comment_detail .rate-comment-div .rateus-item .stars-side ul li.active span{ background: url('../../templates/mobile/img/star.png') 0 0; }
#comment_detail .rate-comment-div .rateus-item .text-side{ width: 100%; height: auto; display: block; padding:0 15px;}
#comment_detail .rate-comment-div .rateus-item .text-side h4{ color: #969696; margin-top: 5px; font-size: 16px; margin-bottom: 10px; font-weight: 500;}
#comment_detail .rate-comment-div .rateus-item textarea{border: 0; resize: none; box-shadow: none;}
#comment_detail .rate-comment-div .rateus-item.nopadding-div{ padding: 15px;}
#comment_detail .rate-comment-div .rateus-item.nopadding-div label{ display: none; }
#comment_detail .rate-comment-div .rateus-item.nopadding-div .form-group{ margin-bottom: 5px; }
#comment_detail .rate-comment-div .rateus-item.nopadding-div .form-group:last-child{ margin-bottom: 0; }
#comment_detail .rate-comment-div .rateus-item.nopadding-div .form-control{ font-size: 16px; box-shadow: none; border-color: #eaeaea; width: 100%; height: auto; transition: .3s ease; border-width: 2px;}
#comment_detail .rate-comment-div .rateus-item.nopadding-div .form-group.required .form-control{ border-color: #d44837;}
#comment_detail .rate-comment-div .rateus-item.nopadding-div .form-group.required .input-group-addon{ border-color: #d44837; background: #d44837; color:#fff;}
#comment_detail .rate-comment-div .rateus-item.nopadding-div .input-group{ width: 100%; }
#comment_detail .rate-comment-div .rateus-item.nopadding-div .input-group-addon{ background: #eaeaea; border-color: #eaeaea; width: 40px; text-align: center; }
#comment_detail .rate-comment-div .rateus-item.nopadding-div h4{ font-weight: 600;}
#comment_detail .rate-comment-div .rateus-item.nopadding-div p{ width: 80%; margin: 0 auto 15px; color: #969696;}
#comment_detail .rate-comment-div .rateus-item.nopadding-div p.form-p{ width: 80%; margin: 15px auto 0; color: #969696;}
#comment_detail .rate-comment-div .rateus-container .btn-default.btn-go-rate,
#comment_detail .rate-comment-div .rateus-container .btn-default.rate-btn{ height: auto;  background: #d44837; border-color: #d44837; color:#fff;font-weight: bold; display: block; width: 100%; font-size: 17px; padding: 8px; margin: 10px auto;}
#comment_detail .rate-comment-div .rateus-container .btn-default.rate-btn:disabled{ opacity: .6; cursor: not-allowed;}
#comment_detail .rate-comment-div .rateus-container .btn-default.btn-go-rate{ font-size: 17px; padding: 12px; margin-bottom:0; margin-top: 0; }
#comment_detail .rate-comment-div .rateus-container .btn-default.btn-anonymous{ border: 0; text-decoration: underline; background: transparent;}

.select-branch .dropdown{ display: inline-block; top:-3px; margin-bottom: -6px; float: right; }
.select-branch .dropdown .btn-default{ font-weight: 500; background: #31708f; border-color: #31708f; color: #fff; }
.select-branch p{ display: inline-block; position: relative; top:3px; }
.select-branch .open>.dropdown-toggle.btn-default:focus,
.select-branch .open>.dropdown-toggle.btn-default:hover{ background: #31708f; border-color: #31708f; color: #fff; }

/* promotion page css */
.selecting-promo-type{}
.selecting-promo-type .promo-row{ margin-bottom: 15px; height: 80px; background: #fff; border:1px solid #eaeaea; border-radius: 4px; width: 100%;}
.selecting-promo-type .promo-row .pr-type-icon{ font-size: 26px; color: #bdbdbd; height: 80px; width: 85px; display: flex; justify-content: center; align-items: center; float: left;}
.selecting-promo-type .promo-row .pr-type-text{ height: 80px; width: calc(100% - 200px); display: flex;  align-items: center; float: left;padding: 10px 10px 10px 0;}
.selecting-promo-type .promo-row .pr-type-text h4{ color:#222; margin:  0 0 3px;}
.selecting-promo-type .promo-row .pr-type-text p{ margin:0; color: #9f9f9f;}
.selecting-promo-type .promo-row .pr-type-button{ padding: 10px 20px 10px 0; height: 80px; width: 113px; display: flex; justify-content: center; align-items: center; float: left;}
.selecting-promo-type .promo-row .pr-type-button .btn-default.btn-next{ background: #00bcd4; color: #fff; border-color: #00bcd4; font-weight: 600; font-size: 16px; width: 100%;}
.promotion-settings{ display: none;}
.promotion-settings .active .panel-body.form-div{ display: block;}
.promotion-settings .panel-body.form-div .pr-form-panel{ padding: 15px 15px 0; background: #f9f9f9; margin-top: 15px;}
.loyaltyAdd .panel-body.form-div .pr-form-panel{ padding: 15px; background: #f9f9f9; margin-top: 15px;}
.promotion-settings .panel-body.form-div .pr-form-panel:first-child{ margin-top: 0;}
.promotion-settings .panel-default{overflow: hidden; -webkit-box-shadow: none; box-shadow: none; }
.promotion-settings .panel-default.visible-overflow{ overflow: visible; }
.promotion-settings .panel-default>.panel-heading{  position: relative; border-bottom: 0; padding: 0; background: #fff; border-color: #e5eaed;}
.promotion-settings .panel-default>.panel-heading h3{ cursor: pointer; margin: 0; color: #222; font-size: 16px; font-weight: 600; display: block; padding: 15px; }
.promotion-settings .panel-default>.panel-heading h3 span{ font-size: 14px; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; float: left; color: #fff; border-radius: 50%; background-color: #9f9f9f; margin-right: 10px; position: relative; top: 0; }
.promotion-settings .active.panel-default{  border-color: #59c15d; }
.promotion-settings .active.panel-default>.panel-heading{ border-color: #59c15d; border-bottom: 1px solid #59c15d; background: #59c15d; }
.promotion-settings .active.panel-default>.panel-heading h3{ color:#fff; }
.promotion-settings .active.panel-default>.panel-heading h3 span{ color: #59c15d; background-color: #fff;}
.promotion-settings .panel-default>.panel-heading h3 .btn-default{ display: none; }
.promotion-settings .active.panel-default>.panel-heading h3 .btn-default:active,
.promotion-settings .active.panel-default>.panel-heading h3 .btn-default:focus,
.promotion-settings .active.panel-default>.panel-heading h3 .btn-default{ background: #fff; border-color: #fff; display: inline-block; color: #449d44; position: absolute; right: 8px; top: 8px; font-size: 14px; font-weight: 500; padding: 4px 17px; }
.promotion-settings .panel-default.panel-required{border-color: rgb(249, 62, 89);}
.promotion-settings .panel-default.panel-required>.panel-heading h3{ color:#fff; }
.promotion-settings .active.panel-default.panel-required>.panel-heading h3 span,
.promotion-settings .active.panel-default.panel-required>.panel-heading h3 .btn-default{ color: rgb(249, 62, 89);}
.promotion-settings .panel-default.panel-required>.panel-heading{ border-color: rgb(249, 62, 89); border-bottom: 1px solid rgb(249, 62, 89); background: rgb(249, 62, 89); }
.promotion-settings .panel-default.panel-required>.panel-heading h3 span{color: rgb(249, 62, 89);background-color: #FFF;}

.promotion-settings .btn-default.btn-change-bg:active,
.promotion-settings .btn-default.btn-change-bg:focus,
.promotion-settings .btn-default.btn-change-bg{ background: #4e75b4; color:#fff; font-weight: 600; border-color: #4e75b4; }
.promotion-settings .btn-default.btn-change-bg:hover{ background: #5487b4; color: #fff; background: #5487b4; }
.promotion-settings .form-div .images-preview .inner{height: 198px; justify-content: center; align-items: center; display: flex;}
.promotion-settings .form-div .images-preview{ position: relative;}
.promotion-settings .form-div .images-preview:before{ width: 100%; height: 100%; background: rgba(0,0,0,.4); top:0; left:0; content: ""; position: absolute; display: block; z-index: 1;}
.promotion-settings .form-div .images-preview .flexInner{ position: relative; z-index: 55; text-align: center; overflow: hidden;}
.promotion-settings .form-div .images-preview .inner .btn-default{font-size: 15px; padding: 10px 25px; z-index: 56; position: absolute; left:auto; right: auto; bottom: -30px; background: #f08b18; border-color: #f08b18; color: #fff; font-weight: bold; }
.promotion-settings .form-div .images-preview .flexInner h4{ font-size: 20px; line-height: 28px; font-weight: 600; color: #fff; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.promotion-settings .form-div .images-preview .flexInner p{ font-size: 14px; color: #fff; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main-layout-container .promotion-settings .form-div textarea.form-control{ height: 137px; resize: none;}
.promo_max_length label { position: relative; width: 100%;}
.promo_max_length label h4{ font-size: 13px; position: absolute; right: 0; top:5px; margin: 0;}
.promo_max_length label h4 b{ font-weight: 500;}
.promotion-settings .group-title h4{ margin-top: 0;}
.btnBack-Promo{display: none;}
.btnBack-Promo.activee{display: inline-block;}
.promo-New{ display: none;}
.promo-New.activee{ display: inline-block;}
.promotion-settings .panel.panel-default.campain_order_type .branch_list{ padding:15px; border: 1px solid #E5EAED; border-radius: 4px; width: 100%; height: auto; overflow: hidden; position: relative; margin: 5px 0 15px; background: #fff;}
.promotion-settings .panel.panel-default.campain_order_type .branch_list .item{background-color: #ccc; color:#fff;padding:3px 35px;cursor: pointer;float: left;height: 25px;margin-left: 15px;}
.promotion-settings .panel.panel-default.campain_order_type .branch_list .item.selected{background-color: #59c15d;}
.promotion-settings .panel.panel-default.campain_order_type .branch_list .item .checkmark { height: 25px; width: 25px; background-color: #eee; }
.promotion-settings .panel.panel-default.campain_order_type .branch_list .item input ~ .checkmark { background-color: #ccc; }
.promotion-settings .panel.panel-default.campain_order_type .branch_list .item .checkmark:after { content: ""; display: none; margin-top:-16px;margin-left:-20px;}
.promotion-settings .panel.panel-default.campain_order_type .branch_list .item input:checked ~ .checkmark:after { display: block; }
.promotion-settings .panel.panel-default.campain_order_type .branch_list .item .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; }
.promotion-settings .panel.panel-default.campain_order_type .branch_list .item.selected .checkmark:after{ border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.branchList .checkbox-item{ position: relative; width: 33.33333%; display: block; padding: 3px; float: left; }
.branchList .checkbox-item.selected label{ background: #59c15d; color:#fff;}
.branchList{ margin-bottom: 15px;}
.promotion-settings .checkbox .cr,
.promotion-settings .radio .cr{ border-color: #d6d6d6; background: #fff; }
.promotion-settings .checkbox label input[type="checkbox"]:checked + .cr,
.promotion-settings .radio label input[type="radio"]:checked + .cr { background: #59c15d; border-color: #59c15d; }
.promotion-settings .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.promotion-settings .radio label input[type="radio"]:checked + .cr > .cr-icon { color: #fff; margin-left: 0; left: 3px; }


/* PAYMENT SETTINGS PAGE CSS */
.selecting-promo-type .promo-row .pr-type-button .btn-default.btn-passive{ background: #bdbdbd; color: #fff; border-color: #bdbdbd; font-weight: 600; font-size: 16px; width: 100%;}
.selecting-promo-type .promo-row .pr-type-button .btn-default.btn-cancel-action{ background: #02b004; color: #fff; border-color: #02b004; font-weight: 600; font-size: 16px; width: 100%;}
.selecting-promo-type .promo-row .pr-type-button .btn-default.btn-active{ background: #4CAF50; color: #fff; border-color: #4CAF50; font-weight: 600; font-size: 16px; width: 100%;}
.selecting-promo-type .payment-row{ margin-bottom: 15px;}
.selecting-promo-type .payment-row .promo-row{ margin-bottom: 0; }
.selecting-promo-type .payment-row.opened .promo-row{ border-radius: 4px 4px 0 0; }
.selecting-promo-type .payment-row .form-row{display: none; padding-top: 15px;  background: #fff; width: 100%; height: 0; border: 1px solid #eaeaea; border-top:0; border-radius: 0 0 4px 4px; }
.selecting-promo-type .payment-row.opened .form-row{ height: auto; }
.selecting-promo-type .payment-row .key-group .input-group{ float: left; width: calc(100% - 85px); }
.selecting-promo-type .payment-row .key-group .input-group .form-control{ border-radius: 4px 0 0 4px; }
.selecting-promo-type .payment-row .key-group .btn-form.btn-default:active,
.selecting-promo-type .payment-row .key-group .btn-form.btn-default:focus,
.selecting-promo-type .payment-row .key-group .btn-form.btn-default{ background: #4CAF50; border-color: #4CAF50; color: #fff; box-shadow: none; width: 85px; height: 44px; border-radius: 0  4px 4px 0; font-size: 16px; font-weight: 600; display: flex; float: right; justify-content: center; align-items: center; }
.selecting-promo-type .payment-row .key-group .btn-form.btn-default:hover{ background: #429945; border-color: #429945; color: #fff; }

/* LOYALTY PAGES CSS */
.loyaltyList .dataTables_info{display: none;}
.loyaltyList .dataTables_length{width: 160px;}
.loyaltyAdd .allBranchCheckDiv{}
.checkbox-container.h-44{ padding: 0; width: 100%; background: transparent; border: 0; }
.checkbox-container.h-44 .checkbox-item{ padding: 0; width: 100%;}
.checkbox-container.h-44 .checkbox-item label{ padding: 12px 10px 13px 30px}
.checkbox-container.h-44 .checkbox-item label:before{ top: 15px;}
.loyalty_special_div .dayInput{ width: 100%; float: left; max-width: 180px; margin-bottom: 10px;}
.loyalty_special_div .bttnsDiv{ width: 100%; float: left; max-width: 220px; }
.loyalty_special_div .bttnsDiv .btn-default{ width: calc(50% - 5px); display: flex; font-weight: 600; font-size: 14px; justify-content: center; align-items: center; height: 44px; float: left; }
.loyalty_special_div .bttnsDiv .btn-default:first-child{ margin-right: 10px; }
.loyalty_special_div .bttnsDiv .btn-default.loyalty_special_button_delete{ background-color: #f93e59; border-color: #f93e59; }
#add_loyalty_setttings_form .loyalty_point_time{float: left; width: 100%;}
#add_loyalty_setttings_form .loyalty_point_time .input-group{width: calc(100% - 110px);}
#add_loyalty_setttings_form .loyalty_point_time .input-group input{border-radius: 4px 0 0 4px; padding-left: 15px;}
#add_loyalty_setttings_form .loyalty_point_time .input-group .checkbox-container{width: 110px;padding: 0px;height: 44px;display: table;}
#add_loyalty_setttings_form .loyalty_point_time .input-group .checkbox-container .checkbox-item{width: 100%;}
#add_loyalty_setttings_form .loyalty_point_time .checkbox-container{width: 110px;padding: 0px;height: 44px;display: table; background-color: transparent; border:none!important;}
#add_loyalty_setttings_form .loyalty_point_time .checkbox-container .checkbox-item{width: 100%;height: 44px;padding: 0px;}
#add_loyalty_setttings_form .loyalty_point_time .checkbox-container .checkbox-item label{padding:11px 10px 7px 30px;height: 44px;border-top-left-radius:0;border-bottom-left-radius:0; border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
#add_loyalty_setttings_form .loyalty_point_time .checkbox-container .checkbox-item label:before{content: "\f096"; font-family: FontAwesome; display: block; position: absolute; left: 10px; top: 15px;}
#add_loyalty_setttings_form .loyalty_point_time .checkbox-container .checkbox-item.selected label:before{content: "\f14a";}

/* sms packet report page */
.sms-packet-info{}
.sms-packet-info .sp-info{ height: 150px; width: 100%; background: #fff; border: 1px solid #e5eaed; border-radius: 5px;}
.sms-packet-info .sp-info .icon-side{ color: #ce93d8; display: flex; height: 150px; width: 25%; float: left; justify-content: center; align-items: center; font-size: 54px; }
.sms-packet-info .sp-info .text-side{ display: flex; height: 150px; width: 75%; float: right; justify-content: flex-start; align-items: center;}
.sms-packet-info .sp-info .text-side h4{ display: block; margin: 0 0 5px; font-size: 26px; font-weight: 600; width: 100%; color: #589fc0; }
.sms-packet-info .sp-info .text-side h3{ display: block; margin: 0 0 5px; font-size: 46px; font-weight: bold; width: 100%; color: #595959;}
.sms-packet-info .sp-info .text-side h3 span{ font-size: 30px; }

.new-select-div .form-control[readonly]{ background: #fff;}

/* Icon Picker Edit */
.icons-selector .selector-footer, .icons-selector .selector-footer i{ font-size: 20px;}
.icons-selector .selector-pages{ font-size: 15px; top:4px; position: relative; color: #797979; }
.fip-grey.icons-selector .selector-footer, .fip-grey.icons-selector .selector-footer i{ color: #222;}
.fip-grey.icons-selector .selector-footer i{ background: #f3f3f3;}
.fip-grey.icons-selector .selector-footer i:hover{ color: #000; background: #ddd; }
.icon-picker .icons-selector .fip-box{ width: calc(10% - 4px); min-width: 56px; margin: 0 2px 2px 0}
.icons-selector .selector-search i{ top: 13px;}


/* Theme Thumb */
.main-layout-container .form-div .input-group.colorpicker-element{ width: calc(100% + 1px);}
.theme-thumb{ width: 100%; margin-top: 0; border-radius: 0 0 4px 4px; height: 120px; display: flex; justify-content: center; align-items: center; background: #222; border: 1px solid #e8e8e8; border-top: 0; }
.theme-thumb img{ position: relative; width: auto; height: auto; max-height: 100%; max-width: 100%;}
.form-div .images-preview.wm_logo_input .inner{ height: 143px;}
.wm_box_select_container{ display: none;}
.wm_box_inner{overflow: hidden; cursor:pointer; position: relative; width: 100%; background: #fff; border: 1px solid #e8e8e8; border-radius: 5px; padding: 15px;}
.wm_box_inner img{ display: block; max-width: 360px; width: 100%; position: relative; border-radius: 5px; margin: 0 auto;}
.wm_box_inner h4{ text-align: center; font-size: 18px; }
.wm_box_inner input{ width: 1px; height: 1px; overflow: hidden; opacity: 0; position: absolute; left:0; top:0; }
.wm_box_inner .checked-overlay{ transition: .3s; top:100%; left:0; position: absolute; width: 100%; height: 100%; background: rgbA(255,255,255,.35); display: flex; justify-content: center; align-items: center; z-index: 2;}
.wm_box_inner.selected .checked-overlay{top: 0;}
.wm_box_inner .checked-overlay i{ font-size: 90px; color: #3d505d; z-index: 4}
#cp4 input{ border-bottom-left-radius: 0;}
#cp4 .input-group-addon{ border-bottom-right-radius: 0;}

/* Favico Thumb */
.favico-thumb{ width: 100%; margin-top: 0; border-radius: 0 0 4px 4px; height: 165px; display: flex; justify-content: center; align-items: center; background: #fff; border: 1px solid #E5EAED }
.favico-thumb img{ position: relative; width: auto; height: auto; max-height: 100%; max-width: 100%;}


/* Embed Theme Settings */
.embed-settings .logo-preview{ margin-top: 30px; display: inline-block; padding: 5px; background: #fff; border: 1px solid #E5EAED; width: 165px; height: 165px; position: relative; }
.embed-settings .logo-preview .innerLogo{padding: 10px; position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #222; }
.embed-settings .logo-preview .innerLogo img{ width: auto; height: auto; max-width: 100%; max-height: 100%; position: relative;}
.embed-settings .logo-preview-container{ width: 190px;}
.embed-settings .half-item1{ width: calc(50% - 100px);}
.embed-settings .half-item1{ width: calc(50% - 100px);}
.form-div .embed-settings .images-preview{ padding: 0 5px; }
.form-div .embed-settings .images-preview.wm_logo_input .inner{ height: 43px;}
.form-div .embed-settings .images-preview .thumb-item.file-upload-div4{ height: 40px; display: flex; align-items: center; background: #fff; width: 100%;}
.form-div .embed-settings .images-preview .thumb-item.file-upload-div4 h5 { color: #797979; margin:0; padding-left: 15px;}
.form-div .embed-settings .images-preview .thumb-item.file-upload-div4 h5 i{margin-right: 7px;}
.form-div .embed-settings .images-preview .thumb-item.file-upload-div4 .hiddenfile{ width: 0; height: 0; overflow: hidden; }
/* kdv-row */
.kdv-row .col-md-5{ width: calc(50% - 59px);}
.kdv-row .col-md-2{ width: 118px;}


/* new branch list */
.nb-list{}
.nb-list .branch-list-item{ width: calc(20% - 3.5px); margin: 0 0 15px; padding: 0 15px; display: block; float: left; }
.nb-list .innerdiv{ padding: 15px; transition: .3s ease; position: relative; height: 140px; display: flex; background: #607d8b; color: #fff; justify-content: center; align-items: center; border-radius: 5px; }
.nb-list .innerdiv:hover{ background: #4e6d7c; }
.nb-list .innerdiv h4{ font-size: 18px; text-align: center;}
.nb-list .innerdiv a{ position: absolute; width: 100%; height: 100%; top:0; left:0; display: block;}

/* dropzone edit */
.dropzone{ border: 1px solid #ddd;}
.gallery_dropzone{ border: 1px solid #ddd;}
.panel-body.drpzne{ padding-bottom: 0; }


/* Desktop Preview & Mobile Preview (Top menu links) */
.top-menu .right-menu ul li.desktop-preview{ display: inline-block;}
.top-menu .right-menu ul li.mobile-preview{ display: none;}


/* Dropzone Messages */
#dropzone_view_message{ display: none;}
.drp_text h4{ font-weight: 400;}
.drp_text p{ color: #555;}
.drp_text .btn-default.upload_drp_btn{ border-radius: 3px; padding: 10px 25px; margin: 5px auto 15px; color: #555; border-color: #ccc; background: #f7f7f7; box-shadow: 0 1px 0 #ccc;}


/* Scroll Styles */
.main-menu .right-side .jspDrag{ background: #1d282f; }
.main-menu .right-side .jspTrack{ background: rgba(255,255,255,.1); }
.main-menu .right-side .jspVerticalBar{ background: none; }
.main-menu .right-side .inner{ overflow: auto; width: 100%; height: 100%;}
.main-menu .right-side .inner .jspPane{ width: 100% !important;}
.main-menu .left-side .jspDrag{ background: #1d282f; }
.main-menu .left-side .jspTrack{ background: rgba(255,255,255,.1); }
.main-menu .left-side .jspVerticalBar{ background: none; }
.main-menu .left-side .new-inner .jspPane{ width: calc(100% - 10px)!important;}

#option_group_add_product_modal .modal-body,
#recommended_add_product_modal .modal-body,
#menu_add_product_modal .modal-body{ max-height: 80vh; overflow: auto;}

/* New Delivery Area  */
.nw_check_list{}
.nw_check_list .check-container{background: #fff; border-radius: 4px; border: 1px solid #e8e8e8; padding: 5px; height: auto; overflow-y: auto; max-height: 300px; min-height: 105px;}
.nw_check_list .check-container .checkbox-item{ width: 33.33333%; }

.panel-tabs .nav-tabs,
.customCSSDiv .nav-tabs,
.domainSettingDiv .nav-tabs{ border-bottom: 0; }
.panel-tabs .nav-tabs>li>a,
.customCSSDiv .nav-tabs>li>a,
.domainSettingDiv .nav-tabs>li>a{ background: #eaeaea; color: #545454; border:0px; font-weight: 600; }
.panel-tabs .nav-tabs>li.active>a,
.customCSSDiv .nav-tabs>li.active>a,
.domainSettingDiv .nav-tabs>li.active>a{ background: #f9f9f9; border-color: #e8e8e8; color: #333; }
.panel-tabs .tab-content,
.customCSSDiv .tab-content,
.domainSettingDiv .tab-content{ position: relative; padding: 10px; background: #f9f9f9; border-radius: 0 5px 5px 5px; border: 0px; }
.panel-tabs .tab-content.all-radius{ border-radius: 5px; }
.customCSSDiv .no-padding,
.domainSettingDiv .no-padding{ padding: 0;}
.customCSSDiv .radio,
.domainSettingDiv .radio{ margin: 0; float: left; padding: 5px;}
.customCSSDiv .logo-text-select .radio,
.domainSettingDiv .logo-text-select .radio,
.domainSettingDiv .main-align-select .radio{ width: 33.333333%;}
.domainSettingDiv .radio label{ color: #646464; background: #f3f3f3; border: 1px solid #eaeaea; width: 100%; border-radius: 4px; padding: 5px;}
.domainSettingDiv .radio .cr{ border-radius: 4px; top: 1px; border-color: #c9c9c9; }
.domainSettingDiv .radio label input[type="radio"]:checked + .cr { background: #fff; border-color: #2196F3; }
.domainSettingDiv .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: none; }
.domainSettingDiv .radio.selected label{ background: #2196F3; color: #fff; border-color: #2196F3; }
.domainSettingFormGroup .input-group-addon{ padding-right: 1px; }
.domainSettingFormGroup .input-group-addon.has-before{ padding-right: 1px; padding-left: 22px;}
.domainSettingFormGroup .input-group-addon.has-before:before{ padding-left: 2px; position: absolute; width: 22px; top: 0; left: 0; content: "\f0d7"; font-family: FontAwesome; height: 100%; display: flex; justify-content: center; align-items: center; }
.domainSettingFormGroup .input-group-addon select.form-control{ width: auto; margin: 0; padding: 0; height: 30px; border: 0; }
.customCSSDiv textarea{ resize: none; }



/* MENU TYPE (NEW) CSS */
.checkbox-item.menu-type-item{width: 33.333333%;}
.menu-add-modal .panel-heading{ font-weight: 600;}

/* QR CODE PAGE */
.qr-code-table tr>td> .btn-default.btn_qr_preview { font-weight: 600; }
.qr-code-table tr>td> .btn-default.btn_qr_preview:active,
.qr-code-table tr>td> .btn-default.btn_qr_preview:focus,
.qr-code-table tr>td> .btn-default.btn_qr_preview{ background: #2196F3; border-color: #2196F3; color: #ffff;}
.qr-code-table tr>td> .btn-default.btn_qr_preview:hover{ background: #1b85da; border-color: #1b85da; }
.qr-modal .modal-header{ background: #1d282f; color: #fff; font-weight: bold; }
.qr-modal .modal-header button{ color: #fff; margin-top: 2px;}
.qr-modal .modal-header h4{ font-weight: bold;}
.qr-modal .modal-content{ overflow: hidden; }
.qr-modal .modal-content .res-name{ text-align: center; font-weight: 600; font-size: 20px; margin-bottom: 10px; display: block;}
.qr-modal .modal-content .table_no { text-align: center; font-weight: 600; font-size: 20px; margin-bottom: 15px; display: block;}
.qr-modal .modal-content .code-area{ width: 250px; display: block; margin: 15px auto;}
.qr-modal .modal-footer .btn-close.btn-default:active,
.qr-modal .modal-footer .btn-close.btn-default:focus,
.qr-modal .modal-footer .btn-close.btn-default{ background: #44B773; border-color: #44B773; color: #fff; font-weight: 600;}
.qr-modal .modal-footer .btn-close.btn-default:hover{ background: #3fa468; border-color: #3fa468; color: #fff; }
.qr-modal .modal-footer .btn-print-qr.btn-default:active,
.qr-modal .modal-footer .btn-print-qr.btn-default:focus,
.qr-modal .modal-footer .btn-print-qr.btn-default{ background: #2196F3; border-color: #2196F3; color: #fff; font-weight: 600;}
.qr-modal .modal-footer .btn-print-qr.btn-default:hover{ background: #1b85da; border-color: #1b85da; color: #fff; }

.main-layout-container .form-div .qr-datatable .form-control{ height: 34px; min-height: 34px; }


/* Posiyon ekle düzenleme */
.nav-tabs>li>a.btn-default.top-add-btn:active,
.nav-tabs>li>a.btn-default.top-add-btn:focus,
.nav-tabs>li>a.btn-default.top-add-btn{ border-radius: 4px; background: #2196f3; border: 0; color: #fff; font-size: 16px; font-weight: 600; padding: 7px 15px;}
.nav-tabs>li>a.btn-default.top-add-btn:hover{ background: #1c80cf; }
.nav-tabs.unique-nav>li{ margin-bottom: 3px;}

.data-table-container td .btn-xs.new-pr-btn{ font-size: 14px; font-weight: 600; }
.data-table-container td .btn-xs.new-pr-btn.mm-price-btn{ margin-left: 0; font-size: 12px; min-width: 110px; }
.data-table-container.new-pr-table .switch.center-switch{ margin-top: 7px; }

/* Feedback page */
#addFeedBack .select2-container--default .select2-selection--multiple,
#editFeedBack .select2-container--default .select2-selection--multiple {min-height: 44px;}
.feedback_type_3 .option-delete { width: calc(100% - 80px); float: left; }
.feedback_type_3 .btn-select-remove { width: 80px; float: left; background-color: #f74600; border-color: #f74600; color: #fff; height: 43px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.feedback_type_3 label{width: 100%;}

/* Collapse / Hide All  */
.btn-default.collapse-all-btn:active,
.btn-default.collapse-all-btn:focus,
.btn-default.collapse-all-btn{background: #449d44!important; border-color: #449d44!important; color: #fff!important; min-width: 140px; }
.btn-default.collapse-all-btn.m-r-10{margin-right: 10px;}
.btn-default.collapse-all-btn.m-l-10{margin-left: 10px;}
.btn-default.collapse-all-btn.m-t-10{margin-top: 10px;}
.btn-default.collapse-all-btn.m-b-10{margin-bottom: 10px;}
.btn-default.collapse-all-btn:hover{}

.btn-default.modal-collapse-btn:active,
.btn-default.modal-collapse-btn:focus,
.btn-default.modal-collapse-btn{ min-width: 128px; background: #2196f3; border: 0; color: #fff; top: -3px; margin-bottom: -5px; position: relative; float: right; font-size: 14px; font-weight: 600; padding: 5px 15px; margin-right: 15px; }

.fixed-row{ position: fixed; bottom: 0; left: 0; width: 100%; margin: 0; border-radius: 0; padding: 0 1px 1px; z-index: 4; -webkit-transform: translateZ(0);  transform: translate3d(0,0,0);}
.fixed-row > *{ -webkit-transform: translateZ(0); }
.fixed-row .btn-default.btn-add-n-go{ margin-bottom: 0; padding: 9px 20px; font-weight: 600; background: #2196F3!important; color: #fff; border-color: #2196F3!important; width: 100%; border-radius: 0; font-size: 20px; text-transform: uppercase; }

.select-address-modal .radio,
.select-address-modal .radio+.radio{margin: 5px; padding: 13px 7px 7px 0; background: #fff; border-radius: 4px; color: #737373; border: 1px solid #ebebeb;}
.select-address-modal .radio:hover,
.select-address-modal .radio+.radio:hover{ background: #f9f9f9;}

#adresSecimModali .info-element-div{ border : 0; background: #f3f3f3;}

.options-buttons .options-item{ width: 16.666667%;}
/*.options-buttons .options-item{ width: 20%;}*/
.options-buttons.menu-option-buttons .options-item{ width: 50%;}
.switch-container{ display: inline-block; min-width: 120px; }
.label.label-60{ min-width: 60px; padding: 7px 5px; font-size: 14px; display: inline-block; margin-bottom: 0;}
.label.label-80{ min-width: 80px; padding: 7px 5px; font-size: 14px; display: inline-block; margin-bottom: 0;}
.label.label-100{ min-width: 100px; padding: 7px 5px; font-size: 14px; display: inline-block; margin-bottom: 0;}
.label.label-120{ min-width: 120px; padding: 7px 5px; font-size: 14px; display: inline-block; margin-bottom: 0;}
.label.label-200{ min-width: 200px; padding: 7px 5px; font-size: 14px; display: inline-block; margin-bottom: 0;}
.label.label-reservation-history{ font-weight: 600; font-size: 100%; line-height: 2; width: 160px; height: 32px; display: inline-block; margin-bottom: 0; }

#restaurant_edit_form{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.option-modal.category-pick .select2-container--default .select2-selection--multiple{ border-radius: 4px;}
.btn-default.excel_modal:hover,
.btn-default.excel_modal:active,
.btn-default.excel_modal:focus,
.btn-default.excel_modal{ padding: 9px 20px; font-weight: 600; background: #2196F3!important; color: #fff; border-color: #2196F3!important; }
.btn-default.excelbtns:active,
.btn-default.excelbtns:focus,
.btn-default.excelbtns:hover,
.btn-default.excelbtns{ min-width: 174px; padding: 12px 20px; border:0; }
.col-md-6.left-excel{ width: calc(100% - 378px);}
.col-md-6.right-excel{ width: 378px;}


/* Manage Panel Exapmle Excel Modal */
.example-manage-excel{ width: 100%; height: auto; overflow: hidden; position: relative; display: block; }
.example-manage-excel .desription-div{ width: 70%; text-align: center; display: block; margin: 0 auto; height: auto; overflow: hidden;  }
.example-manage-excel .desription-div p{ margin-bottom: 0; color: #797979; font-size: 16px; }
.example-manage-excel .btns-div{ width: 100%; max-width: 300px; margin: 25px auto 20px; text-align: center; height: auto; overflow: hidden; position: relative; display: block;}
.example-manage-excel .btns-div .btn-item{ display: flex; text-decoration: none; background: #2196F3; color: #fff; border-radius: 4px; justify-content: center; align-items: center; width: calc(50% - 5px); height: 120px; float: left; font-weight: 600; padding: 20px;}
.example-manage-excel .btns-div .btn-item i{ display: block; margin: 0 auto; font-size: 3rem;}
.example-manage-excel .btns-div .btn-item:first-child{ margin-right: 10px; background: #449d44; }
.example-manage-excel #update_excel_menu{ width: 1px; height: 1px; overflow: hidden; position: absolute; top:0; right: 0; }
.example-manage-excel .no-selected .no-selected{ display: inline-block;}
.example-manage-excel .no-selected .selected-file{ display: none;}
.example-manage-excel .selected-file .no-selected{ display: none;}
.example-manage-excel .selected-file .selected-file{ display: inline-block;}

/* reports page css */
.daterangepicker.ltr .ranges{ padding: 5px 5px 0;}
.daterangepicker .ranges li{ background: #0088cc; color: #fff; font-weight: 600; }
.daterangepicker .ranges li:hover{ background: #0079b5; color: #fff; font-weight: 600; }
.daterangepicker .ranges li.active{ background: #4cae4c; border-color: #4cae4c; }
.daterangepicker .drp-buttons .btn{ padding: 5px 12px; }
.daterangepicker .drp-buttons .btn.btn-accept:active,
.daterangepicker .drp-buttons .btn.btn-accept:focus,
.daterangepicker .drp-buttons .btn.btn-accept{ background: #4cae4c; border-color: #4cae4c; color: #fff; }
.daterangepicker .drp-buttons .btn.btn-accept:hover{ background: #3e943e; border-color: #3e943e; color: #fff; }
.daterangepicker .drp-buttons .btn.btn-cancel:active,
.daterangepicker .drp-buttons .btn.btn-cancel:focus,
.daterangepicker .drp-buttons .btn.btn-cancel{ background: #f93e59; border-color: #f93e59; color: #fff; }
.daterangepicker .drp-buttons .btn.btn-cancel:hover{ background: #3e943e; border-color: #3e943e; color: #fff; }
.reports-filters .form-group{ margin-bottom: 10px;}
.reports-filters .form-control[readonly]{ background: #fff;}
.btn-group.multiple-drpdwn{ display: block; width: 100%;  }
.btn-group.multiple-drpdwn .btn-default.dropdown-toggle:active,
.btn-group.multiple-drpdwn .btn-default.dropdown-toggle:focus,
.btn-group.multiple-drpdwn.open .btn-default.dropdown-toggle:active,
.btn-group.multiple-drpdwn.open .btn-default.dropdown-toggle:focus,
.btn-group.multiple-drpdwn .btn-default.dropdown-toggle{border-radius: 4px; background: #fff; outline: none; box-shadow: none; display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 44px; border-color: #E5EAED;  }
.btn-group.multiple-drpdwn .btn-default.dropdown-toggle span{ text-align: left; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.btn-group.multiple-drpdwn .btn-default.dropdown-toggle span i{ float: right; position: relative; top: 3px; }
.fixed-class .btn-group.multiple-drpdwn .btn-default.dropdown-toggle span{ position: relative; padding-right: 10px; text-align: left; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fixed-class .btn-group.multiple-drpdwn .btn-default.dropdown-toggle span i{ right: 0; position: absolute; top: 3px; }
.btn-group.multiple-drpdwn.open>.dropdown-menu{ min-width: 100%; max-width: 100%; top: calc(100% + 42px); padding: 5px; border-top:0; box-shadow: none; border-color: #E5EAED; border-radius: 0 0 4px 4px;}
.btn-group.multiple-drpdwn.open .btn-default.dropdown-toggle:active,
.btn-group.multiple-drpdwn.open .btn-default.dropdown-toggle:focus,
.btn-group.multiple-drpdwn.open .btn-default{ border-radius: 4px 4px 0 0; }
.btn-group.multiple-drpdwn.open>.dropdown-menu .checkbox-container{ border: 0; padding: 0; max-height: 300px; overflow: auto;}
.btn-group.multiple-drpdwn.open>.dropdown-menu .checkbox-item{ width: 100%;}
.btn-group.multiple-drpdwn.open>.dropdown-menu .checkbox-item label{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.btn-group.multiple-drpdwn.open>.dropdown-menu .btn-default{ width: calc(50% - 2px); border-radius: 4px; font-size: 14px;}
.btn-group.multiple-drpdwn.open>.dropdown-menu .btns-div{ padding: 3px; }
.btn-group.multiple-drpdwn.open>.dropdown-menu .btns-div .btn-close{ font-weight: 600; background: #f93e59; border-color: #f93e59; color: #fff; }
.btn-group.multiple-drpdwn.open>.dropdown-menu .btns-div .btn-all{ font-weight: 600; background: #2196f3; border-color: #2196f3; color: #fff; }
.row.report-cart-items{ margin-left: -5px; margin-right: -5px; }
.report-cart-item{ position: relative; margin-bottom: 10px; width: 100%; height: 200px; border-radius: 4px; border: 1px solid #E5EAED; background: #fff; display: flex; justify-content: center; align-items: center; padding: 15px;}
.report-cart-item a.hashTableDiv{ position: absolute; top:0; left:0; height: 100%; width: 100%; display: block; }
.report-cart-item .inner{ width: 100%; text-align: center; }
.report-cart-item .inner h4.title{ font-size: 16px; font-weight: 600; color: #222; }
.report-cart-item .inner .sub-title{ font-size: 18px; font-weight: 500; color: #2196f3; }
.report-cart-item .inner .price{ position: relative; display: block; width: 100%; font-size: 2.6rem; font-weight: 600; color: #5dce5d; }
.report-cart-item .inner .compare-price{ margin-top: 10px; }
.report-cart-item .inner .compare-price:before{ font-family: FontAwesome; content: "\f0ec"; color: #b7b7b7; font-size: 14px; display: block; text-align: center; width: 100%; top: -10px; left:0; position: absolute;}
.set-report-settings{ transition: .3s ease; z-index: 3; width: 275px; height: auto; max-height: 60vh; background: #f0f0f0; border-radius: 0 0 5px 0; border: 1px solid #E5EAED; position: fixed; top:23vh; left: 0; }
.set-report-settings .fa-cog{ display: inline-block;}
.set-report-settings .fa-times{ display: none;}
.set-report-settings.opened{ left: 274px; }
.set-report-settings.opened .fa-cog{ display: none;}
.set-report-settings.opened .fa-times{ display: inline-block;}
.set-report-settings .inner{ position: relative; padding: 10px; min-height: 150px; }
.set-report-settings .inner .btn-default.btn-setting-report:active,
.set-report-settings .inner .btn-default.btn-setting-report:focus,
.set-report-settings .inner .btn-default.btn-setting-report{ font-size: 20px; position: absolute; right: -50px; top: -1px; width: 50px; height: 50px; border-radius: 0 5px 5px 0; display: flex; justify-content: center; align-items: center; background: #e65d4d; border: 0; color: #fff;  }
.set-report-settings .reports-save{ overflow: hidden; width: 100%; height: auto; display: block; }
.set-report-settings .reports-save .form-group{ width: calc(100% - 85px); display: flex; float: left; margin-bottom: 0;}
.set-report-settings .reports-save .form-group .form-control{ height: 38px; border-color: #e7e7e7; margin-bottom: 0; }
.set-report-settings .reports-save .btn-default.btn-save:active,
.set-report-settings .reports-save .btn-default.btn-save:focus,
.set-report-settings .reports-save .btn-default.btn-save{ justify-content: center; align-items: center; width: 80px; margin-left: 5px; display: flex; height: 38px; float: left; border: 0; background: #4CAF50; font-weight: 600; color: #fff; box-shadow: none; outline: none; }
.set-report-settings .reports-panels{ max-height: calc(60vh - 70px); overflow: auto; margin-bottom: 10px; }
.set-report-settings .reports-panels .panel{ box-shadow: none; border-color: #E5EAED; margin-bottom: 10px; }
.set-report-settings .reports-panels .panel-default>.panel-heading{ cursor: pointer; font-weight: 600; background: #566875; border-color: #566875; color: #fff; position: relative; padding-left: 33px;}
.set-report-settings .reports-panels .panel-default>.panel-heading .cat-name{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.set-report-settings .reports-panels .panel-default>.panel-heading .select-all{ cursor: pointer; position: absolute; left: 7px; top: 11px; width: 18px; height: 18px; border-radius: 2px; border: 1px solid #ddd; background: #fff; }
.set-report-settings .reports-panels .panel-default>.panel-heading .select-all.selected{ background: #72c1ff; border-color: #72c1ff; }
.set-report-settings .reports-panels .panel-body{ padding: 5px 5px 2px; }
.set-report-settings .reports-panels .panel-closed .panel-body{ display: none; }
.set-report-settings .reports-panels .panel-closed .panel-heading{ border-radius: 5px; }
.set-report-settings .reports-panels .checkbox-container{ border: 0; padding: 0; }
.set-report-settings .reports-panels .checkbox-item{ width: 100%;}
.set-report-settings .reports-panels .checkbox-item label{ background: #f5f5f5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.set-report-settings .reports-panels .checkbox-item.selected label{ background: #2196f3; }
.set-report-settings .reports-panels .panel-default:last-child{ margin-bottom: 0;}
.row.reports-header .layout-settings{ display: flex; justify-content: flex-start; align-items: center; width: 100%;}
.row.reports-header .layout-settings .select-side{ display: flex; float: left; min-width: 200px; }
.row.reports-header .layout-settings .desc-side{ display: flex; float: left; justify-content: flex-start; align-items: center; padding-left: 10px; color: #4e4e4e; font-size: 15px; min-height: 44px;  }
.row.reports-header .layout-settings .pos-sync-side{ display: flex; float: right; justify-content: flex-start; align-items: center; padding-right: 10px; color: #4CAF50; font-size: 16px; font-weight: 600; min-height: 44px;  }
.row.reports-header .layout-settings .pos-sync-side a:active,
.row.reports-header .layout-settings .pos-sync-side a:focus,
.row.reports-header .layout-settings .pos-sync-side a:hover,
.row.reports-header .layout-settings .pos-sync-side a{ color: #4CAF50; }
.row.reports-header .layout-settings .pos-sync-side i{ margin-right: 5px; position: relative; top: 1px; }
.row.reports-header .layout-settings .select-side .form-control{ height: 44px; border-color: #ddd; box-shadow: none; }
.row.reports-header .layout-settings .select-side .input-group-addon{ font-size: 10px; background: #fff; border-color: #ddd; box-shadow: none; }
.main-layout-container .form-div .three-group .group-div .group-div.filters{ width: calc(33.33333333% - 25px); }
.main-layout-container .form-div .three-group .group-div .group-div.filters.two-filters{ width: calc(50% - 40px); }
.main-layout-container .form-div .three-group .group-div .group-div.filters.four-filters{ width: calc(25% - 20px); }
.main-layout-container .form-div .three-group .group-div .group-div.filters:nth-child(3){ padding-right: 5px; }
.main-layout-container .form-div .three-group .group-div .group-div.filters.two-filters:nth-child(2){ padding-right: 5px; }
.main-layout-container .form-div .three-group .group-div .group-div.filters.four-filters:nth-child(4){ padding-right: 5px; }
.main-layout-container .temp-version.form-div .filters {width: calc(50% - 75px);}
.main-layout-container .temp-version.form-div .filters.two-filters {width: calc(33.33333333% - 38px);}
.main-layout-container .temp-version.form-div .filters.four-filters {width: calc(25% - 19px);}
.main-layout-container .temp-version.form-div .filters.fullWidth{width: calc(100% - 75px);}
.main-layout-container .form-div .filter-group .btn-div{ padding-top: 24px; width: 75px; display: block; float: left; padding-left: 5px; padding-right: 15px; }
.main-layout-container .form-div .filter-group .btn-filter.btn-default:active,
.main-layout-container .form-div .filter-group .btn-filter.btn-default:focus,
.main-layout-container .form-div .filter-group .btn-filter.btn-default{ font-size: 18px; background: #5dce5d; color: #fff; display: flex; height: 43px; width: 100%; justify-content: center; align-items: center; border:0; }
.main-layout-container .form-div .filter-group .btn-filter.btn-default:hover{ background: #4CAF50; }
.main-layout-container .form-div .filter-group .btn-filter.btn-default span{ display: none; }
.reports-data-table .dataTables_info{ text-align: right; }
.reports-data-table .dataTables_info,
.reports-data-table .dataTables_filter{ width: 50%; float: right; }
.reports-data-table .dataTables_paginate,
.reports-data-table .dataTables_length{ width: 50%; float: left; }
.reports-data-table .table{ background: #fff; }
.reports-table-container{ position: relative; margin-bottom: 10px; width: 100%; border-radius: 4px; border: 1px solid #E5EAED; background: #fff; padding: 15px;}
.reports-table-container h4.table-title{ position: absolute; top: 10px; left: 15px; font-size: 22px; }
.reports-table-container .table .btn-default.btn-reports-table{ color: #fff; border: 0; background: #2196F3; padding: .2em .6em .3em; font-weight: 600; font-size: 14px; }
.main-layout-container .form-div .reports-table-container .form-control{ height: 36px; margin-left: 0; border-radius: 0 4px 4px 0;; }
.main-layout-container .form-div .reports-table-container div.dataTables_wrapper div.dataTables_filter label span{ height: 36px; display: flex; justify-content: center; align-items: center; float: left; min-width: 75px; background: #fff; border: 1px solid #E5EAED; border-right: 0; color: #333; border-radius: 4px 0 0 4px; font-weight: 700; }

.charts-container{}
.charts-container .charts-row{}
.charts-container .charts-row .chart-shema { position: relative; margin-bottom: 10px; width: 100%; min-height: 330px; border-radius: 4px; border: 1px solid #E5EAED; background: #fff; display: flex; justify-content: center; align-items: center; padding: 15px;}
.charts-container .charts-row .chart-shema .wrapper{ width: 80%; position: relative; z-index: 1; }
.charts-container .charts-row .chart-shema .wrapper h2.chart-title{ text-align: center; font-size: 20px; font-weight: 700; margin-bottom: 15px; }

.clustering-map{ width: 100%; height: 45vh; background: #ddd; display: block;}
.clustering-map .area-map-container{ width: 100%; position: relative; display: block; height: 100%;}
.clustering-map .area-map-container #map{ width: 100%; height: 100%; position: relative; display: block; }
.clustering-map .area-map-container #panel{ display: none; width: 0; height: 0; position: absolute; top: -1px; left: -1px; padding: 0; margin: 0; }
.gm-style .gm-style-iw-d{ max-height: 130px!important; }
.clustering-map .area-map-container #pac-input{ left: auto; right: 15px!important; height: 40px; }

.reports-table-container .table>caption+thead>tr:first-child>td, .reports-table-container .table>caption+thead>tr:first-child>th, .reports-table-container .table>colgroup+thead>tr:first-child>td,
.reports-table-container .table>colgroup+thead>tr:first-child>th, .reports-table-container .table>thead:first-child>tr:first-child>td, .reports-table-container .table>thead:first-child>tr:first-child>th{ background: #e5eaed; border-color: #d4d4d4; color: #293740; border-bottom: 0; }
.reports-table-container table.table-bordered.dataTable th, .reports-table-container table.table-bordered.dataTable td{ border-bottom: 0; }
.reports-table-container table.table-bordered.dataTable td.empty-td-class{ border-right: 0; background: #e5eaed; }
.reports-table-container .dataTables_paginate a.paginate_disabled_previous,
.reports-table-container .dataTables_paginate a.paginate_disabled_next,
.reports-table-container .dataTables_paginate a.paginate_button,
.reports-table-container .paginate_enabled_next,
.reports-table-container .paginate_enabled_previous{ background: #e5eaed; border-color: #e5eaed; color: #293740; font-weight: 600; }
.reports-table-container .dataTables_paginate .paginate_button.current{ background: #fff; border-color: #e5eaed; color: #222; }
.reports-carts-container .daterangepicker{ z-index: 99999; }


.pos-reports-detail h1,
.pos-reports-detail h2,
.pos-reports-detail h3,
.pos-reports-detail h4,
.pos-reports-detail h5,
.pos-reports-detail h6{ font-size: 14px; margin: 0;}
.pos-reports-detail br{ display: none; }

/* Restaurant Settings Edit css */
.email-sms-panel{ box-shadow: none; border: none; margin-top: 10px; }
.email-sms-panel .panel-heading{ background-color: transparent; border: 1px solid #ddd; border-left: 4px solid #293740; border-radius: 4px; }
.email-sms-panel .panel-body{ padding: 15px 0 0 0; border:0; border-radius: 0; }

/* Agreements Page */
.agreements-table .table>thead>tr>th{ min-width: 100px;}

/* Alert Div Css */
.alert.alert-div{ padding: 5px 15px; font-weight: normal; color: #4e4e4e; background: #ede5e5; border-color: #dae0e4; font-size: 14px; }
.alert.alert-div .text-side{ float:left; display: flex; min-height: 60px; align-items: center; justify-content: flex-start; width: calc(100% - 180px); }
.alert.alert-div .button-side{ float: right; display: flex; min-height: 60px; align-items: center; justify-content: flex-end; width: 180px; }
.alert.alert-div .button-side .btn-default.btn-obligatory:active,
.alert.alert-div .button-side .btn-default.btn-obligatory:focus,
.alert.alert-div .button-side .btn-default.btn-obligatory{ min-width: 150px; border: 0; padding: 9px 20px; background: #dd374f; color: #fff; font-weight: 600; }
.alert.alert-div .button-side .btn-default.btn-obligatory.selected{ background: #54b654; }

/* global edit css */
.w-input .select2-container--default .select2-selection--single{ border-radius: 0 4px 4px 0;}
.w-input .form-control{ width: calc(100% - 90px); float: left; }
.w-input .select{ width: 90px; float: left; }
.w-20-input .select2-container--default .select2-selection--single{ border-radius: 0 4px 4px 0;}
.w-20-input .div{ width: 100px; float: left; }
.w-20-input .div span{ width: 36px; height: 44px; float: left; display: flex; align-items: center;}
.w-20-input .div .form-control{ width: 64px; float: left; border-radius: 4px 0 0 4px; border-right: 0;}
.w-20-input .select{ width: calc(100% - 100px); float: left; }
.btn-default.loyalty_order_product_list_select:active,
.btn-default.loyalty_order_product_list_select:focus,
.btn-default.loyalty_order_product_list_select{ font-weight: 600; width: 30%; height: 44px; color: #FFF; background-color: #59c15d; border-color: #59c15d; border-bottom-left-radius: 0px!important; border-top-left-radius: 0px!important; }

.arrow-btn-group .btn-default.loyalty_order_product_list_select:active,
.arrow-btn-group .btn-default.loyalty_order_product_list_select:focus,
.arrow-btn-group .btn-default.loyalty_order_product_list_select,
.arrow-btn-group .btn-default.loyalty_order_product_list_select:active,
.arrow-btn-group .btn-default.loyalty_order_product_list_select:focus,
.arrow-btn-group .btn-default.loyalty_order_product_list_select{ width: 56px;}

.arrow-btn-group .form-control{ width: calc(100% - 56px); }

.register-date-select.checkbox-container{ padding: 1px; border-radius: 4px;}
.w-input.selectYears .form-control{ width: calc(100% - 300px); float: left; }
.w-input.selectYears .select{ width: 140px; float: left; }
.w-input.selectYears .select.selectYears select{ border-bottom-left-radius: 5px!important; border-top-left-radius: 5px!important; border-top-right-radius: 0px!important; border-bottom-right-radius: 0px!important; }

.btn-default.show-mobile{ display: none; }
.main-layout-container .quick-action-div .inner .btn-side .copy-menu-btn .dropdown-menu, .dropdown-menu{ z-index: 999991; right: 0; left: auto;}

.panel-body.drpzne #load_media_content .thumbnail{ margin-bottom:  14px; padding: 0;}
.panel-body.drpzne #load_media_content .thumbnail .caption{ display: flex; justify-content: center; align-items: center; background: #f3f3f3; padding: 0;}
.panel-body.drpzne #load_media_content .thumbnail .caption p { margin-bottom: 0; }
.panel-body.drpzne #load_media_content .thumbnail .caption p a{ font-weight: 600; color: #222; padding: 9px; width: 100%; display: block; }

/* Delivery Areas */
.area-map-container{ width: 100%; height: auto; position: relative; overflow: hidden; display: block;}
.area-map-container #map { padding: 0; margin: 0; height: calc(100vh - 90px); width: calc(100% - 400px); float: left; }
.area-map-container #panel { height: calc(100vh - 90px); overflow: auto; width: 400px; font-family: Arial, sans-serif; font-size: 13px; float: right; padding: 10px;     -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.area-map-container #delete-button { margin-top: 5px; display: block; float:left; width: 170px; margin-bottom: 15px; background: #0a6ebd; border-color: #0a6ebd; color: #fff;}
.area-map-container #add-new-button { margin-top: 0; display: block; float:none; width: 100%; margin-bottom: 15px; background: #2196f3; border-color: #2196f3; color: #fff; font-weight: 600; padding: 10px 15px; font-size: 16px;}
.area-map-container #add-new-button i{ margin-right: 5px; }
.area-map-container #pac-input{ position: absolute; width: 170px; left:10px; border-radius: 0 0 5px 5px; border-top: 0; border-color: #ddd;}
.area-map-container .delete-shape-btn{ float: right;}
.area-map-container .shape-panel .form-group:last-child{ margin-bottom: 0;}
.area-map-container .shape-panel .panel-title{ display: inline-block;}
.area-map-container .shape-panel .panel-heading{ cursor: pointer;}
.area-map-container .shape-panel .panel-heading .shape-color{ display: inline-block; border: 2px solid #fff; background: #fff; position: relative; top:1px; margin-right: 5px; left:0; width: 18px; height: 18px; }
.area-map-container .shape-panel .panel-heading h3{ font-size: 13px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.area-map-container .shape-panel.hide-body .panel-body{ display: none;}
.area-map-container .shape-panel.hide-body .delivery-zone-switch{ display: none;}
.area-map-container .delivery-zone-switch{ position: absolute; right: 66px; height: 22px; }
.area-map-container .delivery-zone-switch .slider:before{ height: 14px; width: 14px; }
.area-map-container .delivery-zone-switch input:checked + .slider:before{ -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); }
.area-map-container .shape-panel .delete-shape-btn{ display: inline-block; font-weight: 600; background: #f44336; border-color: #f44336;}
.area-map-container .shape-panel .delete-shape-btn i{ margin-right: 2px; }
.area-map-container .shape-panel.hide-body .delete-shape-btn{ display: none;}
.area-map-container .shape-panel .btn-save{ display: none; background: #4cae4c; border-color: #4cae4c; font-weight: 600; font-size: 14px; min-width: 100px;}
.area-map-container .shape-panel .btn-saved{ pointer-events: unset; display: inline-block; background: #0a6ebd; border-color: #0a6ebd; font-weight: 600; font-size: 14px; min-width: 100px;}
.area-map-container .shape-panel .btn-save i{ margin-right: 5px; }
.area-map-container .shape-panel.unsaved{ border-color: #ef2a2a;}
.area-map-container .shape-panel.unsaved .btn-save{ display: inline-block;}
.area-map-container .shape-panel.unsaved .btn-saved{ display: none;}
.area-map-container .shape-panel.unsaved .panel-heading{ background-color: #ef2a2a; border-bottom: 0;}
.area-map-container .shape-panel.unsaved .panel-heading .panel-title{ color: #fff;}
.area-map-container .color-side{ width: 100%; height: auto; overflow: hidden; display: none;}
.area-map-container .color-side h4{ width: 50%; float: left;}
.area-map-container .color-side #color-palette { width: 50%; display: flex; float: left; justify-content: center; align-items: center; padding: 4px 15px; height: auto; overflow: hidden; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 15px; margin-top: 5px;}
.area-map-container .color-side .color-button { width: 20px; height: 20px; font-size: 0; margin: 2px; float: left; cursor: pointer; }
.area-map-container .input-group .form-control:last-child{ padding-left: 7px;}
.area-map-container .gmnoprint div div[role=button]{ display: none; }
.area-map-container .shape-panel .form-control{ height: 38px; outline: none; box-shadow: none; border-color: #ddd; border-radius: 0 3px 3px 0;}
.area-map-container .shape-panel .input-group-addon{ min-width: 192px; font-weight: 600; background: #f9f9f9; border-color: #ddd; border-right: 1px solid #ddd; border-radius: 3px 0 0 3px; text-align: left; }
.area-map-container .mapIntro{display: none; position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,.91); /*display: flex;*/ justify-content: center; align-items: center; z-index: 9; }
.area-map-container .mapIntro .title-side{position: relative; width: 100%; max-width: 430px; margin-bottom: 20px;}
.area-map-container .mapIntro .img-side{display: flex; width: 80px; height: 80px; float: left; justify-content: center; align-items: center;}
.area-map-container .mapIntro .img-side img{ position: relative; width: 100%; height: auto; }
.area-map-container .mapIntro .text-side{ padding-left: 15px; display: flex; width: calc(100% - 80px); height: 80px; float: right; justify-content: flex-start; align-items: center;}
.area-map-container .mapIntro .text-side h4{ margin: 0; font-size: 30px; font-weight: bold; color: #293740}
.area-map-container .mapIntro .btn-div{ width: 100%; position: relative; margin-top: 15px; text-align: center; }
.area-map-container .mapIntro .btn-div .btn-default.btn-mapinfo{ font-weight: bold; font-size:16px; padding: 10px 25px; background: #4cae4c; border-color: #4cae4c; color: #fff; }
.area-map-container .mapIntro .btn-div .btn-default.btn-mapinfo:hover{ background: #3b973b; border-color: #3b973b; }
.area-map-container .mapIntro .btn-div .btn-default.btn-mapinfo i{ margin-left: 10px; font-size: 14px; position: relative;}

.area-map-container .shape-panel .fill-it .input-group-addon,
.area-map-container .shape-panel .fill-it .form-control{ border-color: #f76a5e;}
.btn-default.btn-handsfree:active,
.btn-default.btn-handsfree:focus,
.btn-default.btn-handsfree{  padding: 7px 25px; font-size: 16px; position: absolute; left: 5px; top: 5px; border: 0; background: #f93e59; color: #fff; font-weight: bold;  }
.btn-default.btn-handsfree i{ margin-right: 5px;}
.btn-default.btn-handsfree{ display: none;}
.main-layout-container .form-div .pos-edit label{ padding-left: 0;}
.main-layout-container .form-div .custom_selected_5_4{ margin-bottom: 15px;}
.fixed-mobile-button{ display: none; }

.option-modal .multi_select .select2-container--default .select2-selection--multiple{ height: auto; min-height: 44px; }
.select2-results__option[aria-selected]{text-align: left;}

.registerDate .col-md-9.registerDate{ width: calc(100% - 68px); padding: 0; }
.registerDate .col-md-3.registerDate{ width: 68px; padding: 0; }
.registerDate .col-md-3.registerDate .loyalty_registerDate_button_add{ border: 0; border-radius: 0 4px 4px 0; width: 68px; height: 44px; display: flex; justify-content: center; align-items: center; background-color: #59c15d;padding: 9px; font-weight: 600; border-color: #59c15d; color: #fff; }
.registerDate .col-md-3.registerDate .loyalty_registerDate_button_delete{ border: 0; border-radius: 0 4px 4px 0; width: 68px; height: 44px; display: flex; justify-content: center; align-items: center; padding: 9px; font-weight: 600; color: #fff; background-color: #f93e59; border-color: #f93e59; }
.registerDate .w-input.selectYears input { padding-left: 5px!important; width: calc(100% - 214px); }
.registerDate .w-input.selectYears input + .select{ width: 74px; }
.registerDate .w-input .radius-edit-1 .select2-container--default .select2-selection--single{ border-radius: 0;}
.input-group.inputDis.day .input-group-addon{ background: #59c15d; color: #fff; border-color: #59c15d; }
.input-group.inputDis.day .input-group-addon + .form-control{ padding-left: 10px;}

.mobile-show{ display: none;}
.desktop-show{ display: block; }


/* quick add modal */
.quick-modal .modal-body { background: #f9f9f9; }
.quick-modal .modal-body .two-group .group-div:nth-child(1){ padding-right: 5px; }
.quick-modal .modal-body .two-group .group-div:nth-child(2){ padding-left: 5px; }
.quick-modal .modal-body .three-group .group-div:nth-child(1){ padding-right: 5px; }
.quick-modal .modal-body .three-group .group-div:nth-child(2){ padding-left: 5px; padding-right: 5px; }
.quick-modal .modal-body .three-group .group-div:nth-child(3){ padding-left: 5px; }
.quick-modal .btn-default.btn-qm-add:active,
.quick-modal .btn-default.btn-qm-add:focus,
.quick-modal .btn-default.btn-qm-add{ background: #2196F3; color: #fff; height: 50px; display: flex; width: 100%; justify-content: center; align-items: center; font-weight: 600; font-size: 16px; border: 0; }
.quick-modal .btn-default.btn-qm-add:hover{ background: #0a6ebd; }
.quick-modal .form-group.no-margin{ margin-bottom: 0; }
.modal-btn-groups{ width: 100%; height: auto; display: block; margin: 0 0 20px 0; }
.modal-btn-groups .btn-default.active,
.modal-btn-groups .btn-default:active,
.modal-btn-groups .btn-default:focus,
.modal-btn-groups .btn-default{ background: #2196F3; color: #fff; height: 50px; display: flex; justify-content: center; align-items: center; font-weight: 600; font-size: 16px; border: 0;  }
.modal-btn-groups .btn-default.active,
.modal-btn-groups .btn-default:hover{ background: #0a6ebd; color: #fff; }
.modal-btn-groups.two-btns .btn-default{ float: left; width: calc(50% - 7px); }
.modal-btn-groups.two-btns .btn-default:nth-child(1){ margin-right: 7px; }
.modal-btn-groups.two-btns .btn-default:nth-child(2){ margin-left: 7px; }
.modal-btn-groups.three-btns .btn-default{ float: left; width: calc(33.333333% - 10px); }
.modal-btn-groups.three-btns .btn-default:nth-child(1){ margin-right: 7px; }
.modal-btn-groups.three-btns .btn-default:nth-child(2){ margin-left: 7px; margin-right: 7px; }
.modal-btn-groups.three-btns .btn-default:nth-child(3){ margin-left: 7px; }
.option-modal.quick-modal .select2-container--default .select2-selection--multiple{ height: 162px; min-height: 162px; overflow: auto; }
.quick-modal .form-div .images-preview .thumb-item.file-upload-div.smaller,
.quick-modal .form-div .images-preview .thumb-item{ width: 100%; }
.quick-modal .form-div .images-preview .thumb-item.file-upload-div{ width: 100%; }
.quick-modal .form-div .images-preview.edit .thumb-item{ width: calc(50% - 10px);}
.quick-modal .form-div .half-col .images-preview .thumb-item.file-upload-div.smaller,
.quick-modal .form-div .half-col .images-preview .thumb-item.selected{ width: calc(50% - 10px); }
.open-quick-prd-add-modal .modal-footer .btn{ padding: 7px 25px; text-transform: uppercase; background: #293740; color: #fff; border: 0; font-weight: 600; }
.open-quick-prd-add-modal .modal-footer .btn+.btn{ background: #46a14a; color: #fff; border: 0; font-weight: 600; }

/* Templates Settings - WEBSITE  */
.ws_settings_div .about-us-div,
.ws_settings_div .theme-div{ position: relative; width: 100%; height: auto; display: block; }
.ws_settings_div .about-us-div .divider,
.ws_settings_div .theme-div .divider{ width: 100%; height: 1px; margin-bottom: 15px; display: block; clear: both; }
.ws_settings_div .section-title{ border: 1px solid #e5eaed; border-bottom: 0; background: #e5eaed; border-radius: 4px 4px 0 0; padding: 15px; width: 100%; height: auto; display: block; position: relative; }
.ws_settings_div .section-title .nav-tabs{ height: 100%; padding: 8px; margin: 0; position: absolute; right: 0; top: 0;}
.ws_settings_div .section-title .nav-tabs>li>a{ border-radius: 4px; }
.ws_settings_div .section-title .nav-tabs>li.active>a{ background: #f9f9f9; border-color: #f9f9f9 }
.panel-tabs .editor-tinymce .tab-content{ border-radius: 0 0 5px 5px; width: calc(100% + 2px); }
.ws_settings_div .section-title h4{ margin: 0; font-size: 16px; color: #545454; font-weight: 600; position: relative; }
.ws_settings_div .section-content{ width: 100%; height: auto; display: block; position: relative; }
.ws_settings_div .section-content .preview-div{ padding: 40px; border: 1px solid #f1f1f1; border-top:0; border-left: 0; border-radius: 0 0 4px 0; width: 300px; height: 400px; background: #f9f9f9; display: flex; float: right; justify-content: center; align-items: center; }
.ws_settings_div .section-content .themes-list{ overflow: auto; padding: 5px; border: 1px solid #f1f1f1; border-top:0; border-right: 0; border-radius: 0 0 0 4px; width: calc(100% - 300px); height: 400px; display: block; float: right; }
.ws_settings_div .section-content .preview-div a.preview-img{ width: 100%; height: auto; position: relative; display: block; }
.ws_settings_div .section-content .preview-div a.small-preview-btn{ display: none; }
.ws_settings_div .section-content .preview-div a img{ width: 100%; position: relative; }
.ws_settings_div .section-content .preview-div a span{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.45); display: flex; justify-content: center; align-items: center; color: #525252; font-size: 50px; visibility: hidden; }
.ws_settings_div .section-content .preview-div a:hover span{ visibility: visible; }
.ws_settings_div .section-content .preview-div .thumbnail{ border-color: #f1f1f1; margin-bottom: 0; }
.ws_settings_div .section-content .themes-list .row{ margin-left: 0; margin-right: 0; }
.ws_settings_div .section-content .themes-list .theme-item{ width: 25%; height: 78px; display: block; float: left; position: relative; padding: 5px; }
.ws_settings_div .section-content .themes-list .theme-item a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.ws_settings_div .section-content .themes-list .theme-item .innerItem{ border-radius: 4px; position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #f1f1f1; text-align: center; padding: 10px;}
.ws_settings_div .section-content .themes-list .theme-item .innerItem h4{ margin:0; font-size: 14px; }
.ws_settings_div .section-content .themes-list .theme-item.selected .innerItem{ background: #4e75b4; }
.ws_settings_div .section-content .themes-list .theme-item.selected .innerItem h4{ color: #fff; }
.ws_settings_div .section-content .sliders-list{ overflow: auto; border: 1px solid #f1f1f1; border-top:0; border-right: 0; border-radius: 0 0 0 4px; position: relative; display: block; width: calc(100% - 300px); height: 400px; float: right; }
.ws_settings_div .section-content .sliders-add-div{  padding: 5px; border: 1px solid #f1f1f1; border-top:0; border-radius: 0 0 4px 0; background: #f9f9f9; position: relative; display: flex; justify-content: center; align-items: center; width: 300px; height: 400px; float: right; }
.logoSelect .ws_settings_div{ margin-bottom: 15px }
.logoSelect .ws_settings_div .section-content .sliders-add-div{ float: left; border-left: 1px solid #f1f1f1; border-right: 0; border-radius: 0 0 0 4px;  }
.logoSelect .ws_settings_div .section-content .sliders-list{ float: right; border-right: 1px solid #f1f1f1; border-left: 0; border-radius: 0 0 4px 0;}
.ws_settings_div .section-content .sliders-add-div .innerFlex{ width: 100%; text-align: center; }
.ws_settings_div .section-content .sliders-add-div .innerFlex h4{ font-weight: 400; font-size: 14px; color: #797979; }
.ws_settings_div .section-content .sliders-add-div .innerFlex .btn-default.sliderAddBtn:active,
.ws_settings_div .section-content .sliders-add-div .innerFlex .btn-default.sliderAddBtn:focus,
.ws_settings_div .section-content .sliders-add-div .innerFlex .btn-default.sliderAddBtn{padding: 9px 25px;  background: #4e75b4; color: #fff; border: 0; font-weight: 600; }
.ws_settings_div .section-content .sliders-add-div .innerFlex .btn-default.sliderAddBtn:hover{ background: #496cb4; }
.ws_settings_div .section-content .sliders-list .no-slider{ height: 100%; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 600; color: #c6c6c6; }
.ws_settings_div .section-content .sliders-list .slider-table .table{ margin-bottom: 0; }
.ws_settings_div .section-content .sliders-list .slider-table .fancy-thumb { position: relative; display: block;}
.ws_settings_div .section-content .sliders-list .slider-table .fancy-thumb img{ border-radius: 2px; max-height: 60px; width: auto; }
.ws_settings_div .section-content .sliders-list .slider-table h4{ margin: 0; font-size: 16px; color: #222;}
.ws_settings_div .section-content .sliders-list .slider-table p{ margin: 5px 0 0 0; font-size: 13px; color: #797979;  overflow: hidden; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ws_settings_div .section-content .sliders-list .slider-table .action-btns{ width: 122px; text-align: right; }
.ws_settings_div .section-content .sliders-list .slider-table .action-btn{ background: #ddd; display: flex; justify-content: center; align-items: center; width: 32px; height: 30px; float: left; margin-right: 3px;  }
.ws_settings_div .section-content .sliders-list .slider-table .action-btn.toggle-action:active,
.ws_settings_div .section-content .sliders-list .slider-table .action-btn.toggle-action:focus,
.ws_settings_div .section-content .sliders-list .slider-table .action-btn.toggle-action:hover,
.ws_settings_div .section-content .sliders-list .slider-table .action-btn.toggle-action{ background: #2196F3; color: #fff; border: 0; }
.ws_settings_div .section-content .sliders-list .slider-table .action-btn.toggle-action.passive-btn:active,
.ws_settings_div .section-content .sliders-list .slider-table .action-btn.toggle-action.passive-btn:focus,
.ws_settings_div .section-content .sliders-list .slider-table .action-btn.toggle-action.passive-btn:hover,
.ws_settings_div .section-content .sliders-list .slider-table .action-btn.toggle-action.passive-btn{ background: #f93e59; color: #fff; border: 0; }
.ws_settings_div .section-content .sliders-list .slider-table .action-btn.btn-edit:active,
.ws_settings_div .section-content .sliders-list .slider-table .action-btn.btn-edit:focus,
.ws_settings_div .section-content .sliders-list .slider-table .action-btn.btn-edit:hover,
.ws_settings_div .section-content .sliders-list .slider-table .action-btn.btn-edit{ background: #44B773; color: #fff; border: 0; }
.ws_settings_div .section-content .sliders-list .slider-table .action-btn.btn-delete:active,
.ws_settings_div .section-content .sliders-list .slider-table .action-btn.btn-delete:focus,
.ws_settings_div .section-content .sliders-list .slider-table .action-btn.btn-delete:hover,
.ws_settings_div .section-content .sliders-list .slider-table .action-btn.btn-delete{ background: #A059B5; color: #fff; border: 0; }
.ws_settings_div .section-content .sliders-list .slider-table .action-btn:last-child{ margin-right: 0; }
.ws_settings_div .section-content .sliders-list .slider-table .slider-status{ display: flex; justify-content: center; align-items: center; float: left; top: 3px; margin-right: 3px; }
.ws_settings_div .section-content .sliders-list .slider-table .table>tbody>tr>td{ vertical-align: middle;}
.ws_settings_div .section-content .sliders-list .slider-table .table>thead>tr>th{ vertical-align: middle; border-bottom: 1px solid #f3f3f3; height: 50px; background: #f3f3f3; color: #5b5b5b; font-weight: 600;}
.ws_settings_div .section-content .sliders-list .slider-table .table-striped>tbody>tr:nth-of-type(odd){ background: #fff; }
.ws_settings_div .section-content .sliders-list .slider-table .table-striped>tbody>tr:nth-of-type(even){ background: #f9f9f9; }
.ws_settings_div .section-content .sliders-list .slider-table .table>tbody>tr>td{ border-top: 1px solid #f1f1f1; }
.ws_settings_div.integrations .section-content .sliders-list {border-right: 1px solid #f1f1f1; width: 100%;border-radius: 0 0 4px 4px}
.ws_settings_div.integrations .section-content .sliders-list {height: 500px!important;}
.ws_settings_div.integrations .section-content .slide-row a.productImage{width: 60px;height: 45px;display: table-cell;}
.ws_settings_div.integrations .section-content .slide-row .productSelectFormGroup{margin-bottom:0px!important;}
.ws_settings_div.integrations .section-title{padding: 10px; margin: 0px;}
.ws_settings_div.integrations .section-title h4 {line-height: 40px;}
.ws_settings_div.integrations .section-title a.nb_btn_update {width:100%;}

.integrations_container #API #copyThreeInput{margin-right: 15px;}
.integrations_container #API .select-w-btn .input-group{ width: calc(100% - 90px); float: left; }
.integrations_container #API .select-w-btn .input-group #orderApiKey{padding-left: 8px;}
.integrations_container #API .select-w-btn label{ width: 100%; float: left; }
.integrations_container #API .select-w-btn .input-group-addon{ border-radius: 0;}
.integrations_container #API .select-w-btn .btn-default.btn-select-add{ float: left; font-size: 16px; border-radius: 0 5px 5px 0; padding: 11px 15px 9px; min-width: 75px; text-align: center; font-weight: bold; background: #2196F3; border-color: #2196F3; color: #fff; }
.integrations_container #API .select-w-btn .btn-default.btn-select-remove{ float: left; font-size: 16px; border-radius: 0 5px 5px 0; padding: 11px 15px 9px; min-width: 75px; text-align: center; font-weight: bold; background: #f74600; border-color: #f74600; color: #fff; }
.integrations_container #API .select2-selection--multiple {min-height: 44px;}
.integrations_container #API hr {background: #eaeaea;height: 1px;width: 100%;}

.slide-modal .modal-body{ background: #f9f9f9; }
.option-modal.slide-modal  textarea.form-control{ min-height: 78px; }
.ws_settings_div .section-content .selecting-side{ padding: 5px; overflow: auto; border: 1px solid #f1f1f1; border-top:0; border-right: 0; border-radius: 0 0 0 4px; position: relative; display: block; width: calc(100% - 300px); height: 400px; float: right; }
.ws_settings_div .section-content .btns-side{  padding: 5px; border: 1px solid #f1f1f1; border-top:0; border-radius: 0 0 4px 0; background: #f9f9f9; position: relative; display: flex; justify-content: center; align-items: center; width: 300px; height: 400px; float: right; }
.ws_settings_div .section-content .btns-side .innerFlex{ width: 100%; position: relative; }
.ws_settings_div .section-content .btns-side .btn-default:active,
.ws_settings_div .section-content .btns-side .btn-default:focus,
.ws_settings_div .section-content .btns-side .btn-default{ position: relative; opacity: .7; display: block; margin: 3px auto; border: 0; padding: 9px 14px; min-width: 120px; max-width: 140px; font-weight: 600; color: #fff; background: #ccc; }
.ws_settings_div .section-content .btns-side .btn-default i{ display: none; }
.ws_settings_div .section-content .btns-side .btn-default.active i{ display: block; position: absolute; left: 10px; top: 12px; }
.ws_settings_div .section-content .btns-side .btn-default.products-btn:active,
.ws_settings_div .section-content .btns-side .btn-default.products-btn:focus,
.ws_settings_div .section-content .btns-side .btn-default.products-btn{ background: #2196F3; }
.ws_settings_div .section-content .btns-side .btn-default.products-btn:hover{ background: #2196F3; }
.ws_settings_div .section-content .btns-side .btn-default.categories-btn:active,
.ws_settings_div .section-content .btns-side .btn-default.categories-btn:focus,
.ws_settings_div .section-content .btns-side .btn-default.categories-btn{ background: #44B773; }
.ws_settings_div .section-content .btns-side .btn-default.save-btn:hover{ background: #44B773; }
.ws_settings_div .section-content .btns-side .btn-default.save-btn:active,
.ws_settings_div .section-content .btns-side .btn-default.save-btn:focus,
.ws_settings_div .section-content .btns-side .btn-default.save-btn{ opacity: 1; background: #4e75b4; }
.ws_settings_div .section-content .btns-side .btn-default.save-btn:hover{ background: #4e75b4; }
.ws_settings_div .section-content .btns-side .btn-default.active{ opacity: 1; box-shadow: none; }
.ws_settings_div .section-content .selecting-side .row.selecting-row{ margin-left: 0; margin-right: 0; }
.ws_settings_div .section-content .selecting-side .form-group{ margin-bottom: 0; padding: 5px; }
.ws_settings_div .section-content .selecting-side .selecting-item{ width: 25%; height: 78px; display: block; float: left; position: relative; padding: 5px; }
.ws_settings_div .section-content .selecting-side .selecting-item a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.ws_settings_div .section-content .selecting-side .selecting-item .innerItem{ border-radius: 4px; position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #f1f1f1; text-align: center; padding: 10px; }
.ws_settings_div .section-content .selecting-side .selecting-item .innerItem h4{ margin:0; font-size: 14px; }
.ws_settings_div .section-content .selecting-side .selecting-item.selected .innerItem{ background: #4e75b4; }
.ws_settings_div .section-content .selecting-side .selecting-item.not-selecting a{ background: rgba(255,255,255, .3); cursor: not-allowed; }
.ws_settings_div .section-content .selecting-side .selecting-item.selected .innerItem h4{ color: #fff; }
.ws_settings_div .form-group.editor-tinymce { padding-right: 2px; }
.ws_settings_div .form-group.editor-tinymce .mce-panel{ border-radius: 0 0 4px 4px; border-color: #f1f1f1!important; }
.ws_settings_div .form-group.editor-tinymce .mce-btn-group:not(:first-child){ border-color: #f1f1f1!important; }
.ws_settings_div .btn-default.btn-save-text:active,
.ws_settings_div .btn-default.btn-save-text:focus,
.ws_settings_div .btn-default.btn-save-text{ background: #4e75b4; color: #fff; border: 0; font-weight: 600; font-size: 14px; padding: 9px 25px; }
.ws_settings_div .btn-default.btn-save-text:hover{ background: #4465b4; }
.ws_settings_div .section-title h4 .btn-new-image:active,
.ws_settings_div .section-title h4 .btn-new-image:focus,
.ws_settings_div .section-title h4 .btn-new-image{ position: absolute; right: -8px; top: -8px; border: 0; background: #449d44; color: #fff; font-weight: 600; }
.ws_settings_div .section-title h4 .btn-new-image:hover{ background: #4f9d52; }
.ws_settings_div .gallery-list{ border-radius: 0 0 4px 4px; padding: 5px; width: 100%; height: 400px; overflow: auto; position: relative; display: block; border: 1px solid #f1f1f1; border-top: 0; }
.ws_settings_div .gallery-list .no-gallery-image{ height: 100%; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 600; color: #c6c6c6; }
.ws_settings_div .gallery-list .row.gallery-row{ margin-left: 0; margin-right: 0; }
.ws_settings_div .gallery-list .gallery-item{ padding: 5px; float: left; width: calc(100% / 6); height: 140px; display: block;}
.ws_settings_div .gallery-list .gallery-item .gallery-inner{ background-color: #f5f5f5; width: 100%; height: 100%; display: flex; position: relative; border-radius: 4px; }
.ws_settings_div .gallery-list .gallery-item .gallery-inner .delete-btn{ z-index: 3; position: absolute; top: 5px; right: 5px; display: flex; justify-content: center; align-items: center; width: 28px; height: 28px; border-radius: 50%; background: #fff; color: #f30; }
.ws_settings_div .gallery-list .gallery-item .gallery-inner .gallery-thumb{ position: absolute; width: 100%; height: 100%; z-index: 2; top: 0; left: 0; display: block; }
.ws_settings_div .rest-logo-input{ width: 100%; float: left; }
.ws_settings_div .rest-logo-input .form-group .panel-select{ padding: 10px; width: 200px; height: 162px; overflow-y: auto; border: 1px solid #e8e8e8; float: left;  display: flex; justify-content: center; align-items: center; border-radius: 5px 0 0 5px;}
.ws_settings_div .rest-logo-input .description-div{ width: calc(100% - 200px); float: left; display: flex; justify-content: flex-start; padding: 30px; align-items: center; height: 162px; background: #f3f3f3; border-radius: 0 5px 5px 0; border: 1px solid #e8e8e8; border-left: 0; }
.ws_settings_div .rest-logo-input .form-group .panel-select,
.ws_settings_div .rest-logo-input .form-group .images-preview{ width: 200px; float: left;  display: block; border-radius: 5px 0 0 5px;}
.ws_settings_div .rest-logo-input .form-group .panel-select{ display: flex; justify-content: center; align-items: center; }
.ws_settings_div .rest-logo-input .form-group .panel-select .innerPS{ width: 100%;}
.ws_settings_div .rest-logo-input .description-div h4{ margin-top: 0; font-size: 16px; font-weight: 700; color: #545454;}
.ws_settings_div .rest-logo-input .description-div h4 label{ color: #2ab446; font-size: 16px;}
.ws_settings_div .rest-logo-input .description-div h4 label i.fa-times-circle{ display: none;}
.ws_settings_div .rest-logo-input .description-div h4 label.no-selected { color: #f30; }
.ws_settings_div .rest-logo-input .description-div h4 label.no-selected i.fa-check-circle{ display: none;}
.ws_settings_div .rest-logo-input .description-div h4 label.no-selected i.fa-times-circle{ display: inline-block;}
.ws_settings_div .rest-logo-input .description-div h4 span{ margin-right: 5px;}
.ws_settings_div .rest-logo-input .description-div p{ color: #797979; margin-bottom: 0;}
.ws_settings_div .section-content .btns-side .btn-default.btn-save-menus:active,
.ws_settings_div .section-content .btns-side .btn-default.btn-save-menus:focus,
.ws_settings_div .section-content .btns-side .btn-default.btn-save-menus{ max-width: 154px; opacity: 1; background: #2196F3; }
.ws_settings_div .section-content .btns-side .btn-default.btn-save-menus:hover{ background: #2196F3; }
.ws_settings_div .section-content .btns-side .btn-default.btn-go-menus:active,
.ws_settings_div .section-content .btns-side .btn-default.btn-go-menus:focus,
.ws_settings_div .section-content .btns-side .btn-default.btn-go-menus{ max-width: 154px; opacity: 1; background: #4e75b4; }
.ws_settings_div .section-content .btns-side .btn-default.btn-go-menus:hover{ background: #4e75b4; }
.ws_settings_div .rest-logo-input:first-child{ padding-right: 7px;}
.ws_settings_div .rest-logo-input:nth-child(2){ padding-left: 7px;}
.ws_settings_div .rest-logo-input .form-group .panel-select .radio{ border: 1px solid #e8e8e8; background: #f3f3f3; margin: 5px; border-radius: 5px; width: 48px; height: 43px; padding: 5px; float: left;}
.ws_settings_div .rest-logo-input .form-group .panel-select .radio label{ text-align: center; color: #545454; padding: 5px; width: 100%;}
.ws_settings_div .rest-logo-input .form-group .panel-select .radio .cr{ margin-right: 0; float: none; height: 22px; width: 22px; border-radius: 5px;}
.ws_settings_div .rest-logo-input .form-group .panel-select .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: none;}
.ws_settings_div .rest-logo-input .form-group .panel-select .radio{ height: 34px; border-radius: 3px; width: 100%; padding: 7px 5px; margin: 4px 0;}
.ws_settings_div .rest-logo-input .form-group .panel-select .radio .cr{ margin-right: 7px; float: left; top:3px; font-size: 10px; height: 13px; width: 13px; border-radius: 3px;}
.ws_settings_div .rest-logo-input .form-group .panel-select .radio label{ padding: 0; text-align: left; font-weight: 600; color: #777;}
/*.ws_settings_div .rest-logo-input .form-group .panel-select .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: block; top:5px; left:1px;}*/
.ws_settings_div .rest-logo-input .form-group .panel-select .radio.selected{ background: #2196f3; border-color: #2196f3; color: #fff; }
.ws_settings_div .rest-logo-input .form-group .panel-select .radio.selected label{ color:#fff;}
.ws_settings_div .rest-logo-input .form-group .panel-select .radio.selected .cr{ border-color: #fff; background: #fff; color: #2196f3;}
.ws_settings_div.m-b-20{ margin-bottom: 20px; }

/* ws-settings static boxes */
.static-boxes-container{ padding: 10px 5px; width: 100%; height: auto; border-radius: 0 0 4px 4px; border: 1px solid #f1f1f1; border-top: 0; }
.static-boxes-container .row{ margin-right: 0; margin-left: 0; }
.static-boxes-container .row .static-box-item{ padding-left: 5px; padding-right: 5px; text-align: center; }
.static-boxes-container .row .static-box-item .box-div{ overflow: hidden; border-radius: 2px; position: relative; margin: 0 auto; width: 100%; height: auto; padding-bottom: 100%; background: #f1f1f1; }
.static-boxes-container .row .static-box-item .box-div span{ background: rgba(0,0,0,0.15); color: #fff; font-size: 2em; font-weight: 700; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.static-boxes-container .row .static-box-item a.btn-default.box-btn:active,
.static-boxes-container .row .static-box-item a.btn-default.box-btn:focus,
.static-boxes-container .row .static-box-item a.btn-default.box-btn{ width: 100%; margin-top: 7px; font-weight: 600; border: 0; background: #4CAF50; color: #fff; padding: 9px 25px; }
.static-boxes-container .row .static-box-item a.btn-default.box-btn:hover{ background: #46a14a; }
.static-boxes-container .row .static-box-item a.btn-default.box-btn i{ margin-right: 5px; }

.static-boxes-container .hiddenfile{ display: none; }

.media-modal .dropzone{ padding: 0; }
.media-modal .modal-footer{ display: none; }


.form-div .images-preview .thumb-item.website-logo-upload{ margin-right: 0; cursor: pointer; background: transparent; overflow: hidden; width: 100%;}
.form-div .images-preview .thumb-item.website-logo-upload.smaller{ width: calc(25% - 10px);}
.form-div .images-preview .thumb-item.website-logo-upload .insider{ position: absolute; top:0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.form-div .images-preview .thumb-item.website-logo-upload .hiddenfile{ width: 0; height: 0; overflow: hidden; }
.form-div .images-preview .thumb-item.website-logo-upload .insider .upload-text{ text-align: center;}
.form-div .images-preview .thumb-item.website-logo-upload .insider .upload-text.uploaded{ display: none;}
.form-div .images-preview .thumb-item.website-logo-upload .insider .img-uploaded-preview{ width: 180px; height: 140px; margin-top: 5px; border-radius: 5px; display: inline-block;}
.form-div .images-preview .thumb-item.website-logo-upload .insider .upload-text i {font-size: 26px; color: #969696;}
.form-div .images-preview .thumb-item.website-logo-upload .insider .upload-text h5 {font-size: 16px; color: #969696; margin-bottom: 0; }
.form-div .images-preview .thumb-item.website-logo-upload .insider .upload-text.uploaded i,
.form-div .images-preview .thumb-item.website-logo-upload .insider .upload-text.uploaded h5{ color:#449d44; }

/* modifier modal */
.new-box-list-container,
.modifier-modals .modal-body{ background-color: #f9f9f9; max-height: 70vh; overflow-y: auto; }
.modifier-cat-div{ width: 100%; height: auto; min-height: 50vh; }
.new-box-list{ width: 100%; height: auto; min-height: auto; }
.new-box-list .mod-row,
.modifier-cat-div .mod-row{ margin-left: -3px; margin-right: -3px; }
.new-box-list .cat-item,
.modifier-cat-div .cat-item{ width: 25%; height: 100px; position: relative; display: block; float: left; padding: 3px; }
.new-box-list .cat-item .cat-flex,
.modifier-cat-div .cat-item .cat-flex{ padding: 5px; text-align: center; font-weight: 600; width: 100%; height: 100%; position: relative; display: flex; background: #bec0c3; color: #fff; justify-content: center; align-items: center; border-radius: 4px; }
.new-box-list .cat-item .cat-flex a,
.modifier-cat-div .cat-item .cat-flex a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.modifier-product-div{ width: 100%; height: auto; min-height: 50vh; }
.modifier-product-div .mod-row{ margin-left: -3px; margin-right: -3px; }
.new-box-list .product-el,
.modifier-product-div .product-el{ width: 25%; height: 100px; position: relative; display: block; float: left; padding: 3px; }
.new-box-list .product-el .product-flex,
.modifier-product-div .product-el .product-flex{ border-radius: 4px; padding: 5px; text-align: center; font-weight: 600; width: 100%; height: 100%; position: relative; display: flex; background: #bec0c3; color: #fff; justify-content: center; align-items: center;  }
.new-box-list .product-el.selected .product-flex,
.new-box-list .cat-item.selected .cat-flex,
.modifier-product-div .product-el.selected .product-flex,
.modifier-cat-div .cat-item.selected .cat-flex { background: #45ab45; }
.new-box-list .product-el .product-flex a,
.modifier-product-div .product-el .product-flex a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.new-box-list .product-el .product-flex.allSelected,
.modifier-product-div .product-el .product-flex.allSelected{background-color: #3a4953;}
.form-div .wt-img-upload .images-preview .inner,
.form-div .wt-img-upload .images-preview .thumb-item { height: 189px; }
.modifier-modals .form-group.group-w-btn .input-group{ width: calc(100% - 180px); float: left; }
.modifier-modals .form-group.group-w-btn .input-group .input-group-addon{ border-radius: 4px 0 0 4px; border-right: 0; }
.modifier-modals .form-group.group-w-btn .btn-default.w-btn:active,
.modifier-modals .form-group.group-w-btn .btn-default.w-btn:focus,
.modifier-modals .form-group.group-w-btn .btn-default.w-btn{ border: 0; background: #2196F3; color: #fff; font-weight: 600; height: 44px; width: 180px; float: left; border-radius: 0 4px 4px 0; display: flex; justify-content: center; align-items: center; }
.modifier-modals .allSelectedProductAlert .alert{ margin-bottom: 15px; }
.modifier-modals{ background: rgba(0,0,0,0.5); }
.modifier-modals .modal-content{ border-radius: 0;}
.modifier-modals .modal-content .form-control{ resize: none;}
.modifier-modals .modal-content textarea.form-control{ height: auto;}
.modifier-modals .modal-header{ background: #1d282f;}
.modifier-modals .modal-header h4{ font-weight: bold; color: #fff; }
.modifier-modals .modal-header .close{ color: #fff; opacity: 1; position: relative; top:4px;}
.modifier-modals .modal-footer{}
.modifier-modals .modal-footer .btn-default.btn-back:active,
.modifier-modals .modal-footer .btn-default.btn-back:focus,
.modifier-modals .modal-footer .btn-default.btn-back{ background: #ababab; font-size: 16px; font-weight: bold; color: #fff; border-color: #ababab;}
.modifier-modals .modal-footer .btn-default.btn-update:active,
.modifier-modals .modal-footer .btn-default.btn-update:focus,
.modifier-modals .modal-footer .btn-default.btn-update { background: #2196F3; font-size: 16px; font-weight: bold; color: #fff; border-color: #2196F3;}
.modifier-modals .checkbox-container{ max-height: 330px; overflow: auto; border-radius: 5px; }
.modifier-modals .modal-body .spinner-group{ width: 100%; }
.modifier-modals .modal-body .spinner-group .input-group-addon{ background: #4e75b4; border-color: #4e75b4; width: 40px; position: relative;}
.modifier-modals .modal-body .spinner-group .input-group-addon a { position: absolute; top:0; left:0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff;}
.modifier-modals .modal-body .spinner-group .form-control{ padding: 6px 15px; }
.modifier-modals .modal-body .price-control-div{ display: flex; align-items: center; font-weight: 600;}
.modifier-modals .modal-body .spinner-group input[type=number]::-webkit-inner-spin-button,
.modifier-modals .modal-body .spinner-group input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
.modifier-modals .modal-body .spinner-group input[type='number'] { -moz-appearance:textfield;}
.modifier-modals .modal-body{ max-height: 75vh; overflow-y: auto; }
.modifier-modals .modal-header h4 .btn-default.btn-modal-back:active,
.modifier-modals .modal-header h4 .btn-default.btn-modal-back:focus,
.modifier-modals .modal-header h4 .btn-default.btn-modal-back{ text-transform: uppercase; position: absolute; background: #da2c00; border-color: #da2c00; color:#fff; right: -5px; top: -3px; font-weight: 600; padding: 3px 10px 4px; font-size: 14px;}
.modifier-modals .modal-header h4 .btn-default.btn-modal-back:hover{}
.modifier-modals .modal-footer{ display: none; }
.modifier-modals .modal-header h4{ position: relative; }
.modifier-modals .divSelectedProductAppend, .divSelectedCategoryAppend { margin-top:20px; padding: 5px 5px 10px; width: 100%; display: block; background: #fff;height: 180px; border-radius: 4px; border: 1px solid #E5EAED; overflow: auto; }
.modifier-modals .hide-selected-item .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice{ display: none;}
.blueLabel{background-color:#2196f3;color:#fff;margin:3px;padding:5px 10px;border-radius:4px;cursor:pointer;}
.modifier-modals span.categoryModifierCount{ background-color: gray; color: white; padding: 10px 10px 15px 10px; margin: 0px 10px; }
.modifier-modals span.categoryName{padding-left: 5px;}
.appendChangeInput .form-group{ margin-bottom: 0; }
/*.modifier-modals .modal-body::-webkit-scrollbar{ width: 8px; }
.modifier-modals .modal-body::-webkit-scrollbar-track{  }
.modifier-modals .modal-body::-webkit-scrollbar-thumb { background:#3a4953; border-radius: 1px; }
.modifier-modals .modal-body::-webkit-scrollbar-thumb:hover { background: #333; }*/
.modifier-modals .divSelectedProductAppend::-webkit-scrollbar, .divSelectedCategoryAppend::-webkit-scrollbar { width: 4px; }
.modifier-modals .divSelectedProductAppend::-webkit-scrollbar-track, .divSelectedCategoryAppend::-webkit-scrollbar-track {  }
.modifier-modals .divSelectedProductAppend::-webkit-scrollbar-thumb, .divSelectedCategoryAppend::-webkit-scrollbar-thumb { background: #2196f3; border-radius: 5px; }
.modifier-modals .divSelectedProductAppend::-webkit-scrollbar-thumb:hover, .divSelectedCategoryAppend::-webkit-scrollbar-thumb:hover { background: #333; }
.modifier-modals .checkbox-container .checkbox-item.cat-item { width: 25%; height: 100px;}
.modifier-modals .checkbox-container .checkbox-item.cat-item label{ font-size: 16px; padding: 10px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center;}
.modifier-modals .checkbox-container .checkbox-item.cat-item label:before{ display: none; }
.modifier-modals .fixed-row .btn-default.btn-add-n-go{ background: #449d44!important; border-color: #449d44!important; }
.modifier-modals .nav-tabs{ border-bottom: 0; }
.modifier-modals .panel-view{ margin-bottom: 15px; padding: 15px 15px 5px 15px; border: 1px solid #efefef; background: #fff; border-radius: 0 4px 4px 4px;}
.modifier-modals .nav-tabs>li.active>a,
.modifier-modals .nav-tabs>li.active>a:active,
.modifier-modals .nav-tabs>li.active>a:focus,
.modifier-modals .nav-tabs>li.active>a:hover{ font-weight: 600; color: #fff; border-color: #efefef; background: #fff; border-bottom: 1px solid #fff; }
.modifier-modals .nav>li>a>img{ margin-right: 0; top: -1px; position: relative;}
.modifier-modals .nav-tabs>li>a{ border: 1px solid #efefef; background: #eaeaea; font-weight: 600; color: #545454; padding: 5px 10px; }
.modifier-modals .modal-btn-groups{ margin: 0 0 10px; }
.modifier-modals .modal-content input[type=number].form-control,
.modifier-modals input[type=number],
.modifier-modals input[type=number]::-webkit-inner-spin-button,
.modifier-modals input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; -moz-appearance:textfield!important; }
.modifier-modals .form-container{ width: 100%; height: 100%; max-height: 76vh; overflow: auto; padding: 15px 15px 0 15px; margin-bottom: 50px; }
.modifier-modals .form-container.abs-row{ position: absolute;}
.modifier-modals .modal-body.p-0{ padding: 0; max-height: unset; overflow: unset;}
.row.modifier-boxed-design{ margin-right: -5px; margin-left: -5px; }
.modifier-boxed-design .modifier-boxed-item{ padding: 5px; width: 20%; height: 200px; display: block; float: left; }
.modifier-boxed-design .modifier-boxed-inner{ position: relative; border-radius: 4px; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background: #eaeaea; padding-bottom: 40px;}
.modifier-boxed-design .modifier-boxed-inner a.over-btn{ z-index: 1; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.modifier-boxed-design .add-modifier-cat .modifier-boxed-inner{ background: #46a14a; font-size: 6.5rem; color: #fff;  padding-bottom: 0; }
.modifier-boxed-design .group-el .modifier-boxed-inner{ background: #293740; color: #fff; }
.modifier-boxed-design .category-el .modifier-boxed-inner{ background: #dcdcdc; color: #222; }
.modifier-boxed-design .modifier-boxed-item .modifier-boxed-inner .name-div{ text-align: center; padding: 0 12px; font-size: 18px; text-transform: uppercase; font-weight: 700; }
.modifier-boxed-design .modifier-boxed-item .modifier-boxed-inner .bottom-bar{z-index: 2; position: absolute; justify-content: center; align-items: center; bottom: 0; left: 0; width: 100%; height: 50px; display: flex;  }
.modifier-boxed-design .modifier-boxed-inner .bottom-bar .bottom-inside{ width: 100%; padding: 0; }
.modifier-boxed-design .modifier-boxed-inner .bottom-inside .has-el-count{ width: 40%; float: left; height: 50px;}
.modifier-boxed-design .modifier-boxed-inner .bottom-inside .actions-btn{ float: right; width: 60%; text-align: right; height: 50px;}
.modifier-boxed-design .modifier-boxed-inner .bottom-inside .has-el-count .btn-default{ border-radius: 0 0 0 4px; display: flex; justify-content: center; align-items: center; position: relative; float: left; color: #fff; background: #8c8c8c;  font-weight: 600; z-index: 2; border: 0; font-size: 16px; padding: 3px; width: 50%; text-align: center; height: 50px; padding-top: 14px;}
.modifier-boxed-design .modifier-boxed-inner .bottom-inside .has-el-count .btn-default + .btn-default{ border-radius: 0; background: #797979; }
.modifier-boxed-design .modifier-boxed-inner .bottom-inside .has-el-count .btn-default label{ background: rgba(255,255,255,.1); margin: 0; position: absolute; top: 0; left: 0; width: 100%; font-size: 8px; padding: 2px; }
.modifier-boxed-design .modifier-boxed-inner .bottom-inside .actions-btn .btn-default{ display: flex; justify-content: center; align-items: center; height: 50px; width: 33.333334%; float: left; z-index: 2; border: 0; font-size: 16px; padding: 3px; text-align: center; border-radius: 0;}
.modifier-boxed-design .modifier-boxed-inner .bottom-inside .actions-btn .btn-default.btn-plus{ background: #2196F3; color: #fff; }
.modifier-boxed-design .modifier-boxed-inner .bottom-inside .actions-btn .btn-default.btn-edit{ background: #44B773; color: #fff; }
.modifier-boxed-design .modifier-boxed-inner .bottom-inside .actions-btn .btn-default.btn-delete{ background: #e64c4c; color: #fff; border-radius: 0 0 4px 0 }
.modifier-boxed-design .modifier-boxed-inner .copy-modifier-btn{ display: none; z-index: 2; width: 34px; height: 32px; position: absolute; right: 0; top: 0; justify-content: center; align-items: center; border-radius: 0 4px 0 4px; background: #c5c5c5; color: #222; }
.modifier-boxed-design .modifier-boxed-inner:hover .copy-modifier-btn{ display: flex; }
#tableModifierList .abs-addon{ border-color: #46a14a; position: relative; width: 70px; overflow: hidden; display: none; }
#tableModifierList .show-it .abs-addon{ display: table-cell; }
#tableModifierList .abs-addon a{ position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 70px; height: 100%; background: #46a14a; color: #fff; font-weight: 600; }
#tableModifierList .input-group .form-control:not(:first-child):not(:last-child){ border-radius: 0 4px 4px 0; border-right: 1px solid #E5EAED; }
#tableModifierList .input-group.show-it .form-control:not(:first-child):not(:last-child){ border-right: 0; border-radius: 0;}

/* modifier css */
.modifierCategoryLOAD .categorySpecial .form-group .checkbox-container{ padding-top: 2px; }
#tableModifierList tr.not td .form-group{ padding: 0; margin-bottom: 10px; }
#tableModifierList tr.not td .form-group:last-child{ margin-bottom: 0; }
#tableModifierList{ border-right: 0; }
#tableModifierList tr.not td{ border-right: 1px solid #ddd; }
#tableModifierList_length{ width: auto; }

/* xs-input-css */
.mobile-app-edit .tab-content .form-side.product-list-form .rest-logo-input .description-div .left-side{ width: calc(100% - 110px); float: left; }
.mobile-app-edit .tab-content .form-side.product-list-form .rest-logo-input .description-div .right-side{ position: absolute; top: 0; right: 0; height: 100%; display: flex; justify-content: center; align-items: center; width: 120px; float: left; background: rgba(0,0,0,0.05); border-radius: 0 5px 5px 0; }
.main-layout-container .form-div .input-group.xs-input-group,
.xs-input-group{ width: auto; display: inline-flex; }
.main-layout-container .form-div .input-group.xs-input-group .form-control,
.xs-input-group .form-control{ height: 28px; font-size: 12px; padding: 0 7px; font-weight: 600; }

/* TelInputs CSS */
.intl-tel-input,
.telInp-wrapper .intl-tel-input{ width: 100%; }

/* Sortable Boxes CSS */
.sort-boxes-container{  }
.sort-boxes-container .sort-container{ padding: 0; margin: 0; overflow-y: auto;  overflow-x: hidden;}
.sort-boxes-container .sort-container{ list-style-type: none;}
.sort-boxes-container .row.sort-row{ margin-left: -5px; margin-right: -5px; }
.sort-boxes-container .sort-box{ width: 20%; float: left; display: block; position: relative; padding: 5px; }
.sort-boxes-container .highlight { width: 20%; float: left; padding: 5px;}
.sort-boxes-container .highlight:before { border-radius: 4px; width: 100%; height: 150px; content: "\f067"; font-size: 26px; color: #797979; font-family: FontAwesome; position: relative; display: flex; justify-content: center; align-items: center; border: 4px dashed #797979; background: #f9f9f9; }
.sort-boxes-container .sort-box.highlight{ opacity: .9; float: none; position: absolute; }
.sort-boxes-container .sort-box.highlight:before{ display: none;}
.sort-boxes-container .sort-box .sort-box-inner{ padding: 15px; text-align: center; display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 150px; border-radius: 5px; background: #636363; color: #fff;  }
.sort-boxes-container .sort-box .sort-box-inner .cat-no{ position: absolute; z-index: 2; right: 0; top: 0; border-radius: 0 4px 0 4px; background: #222; color: #fff; font-weight: 600; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; font-size: 15px; }
.sort-boxes-container .sort-box .sort-box-inner .cat-no.make-anim{-webkit-animation: changeBG 1.5s linear; /* Safari */}
.sort-boxes-container.with-overlay .sort-box:not(.go-back-cats) .sort-box-inner:before{ z-index: 1; border-radius: 5px; background: rgba(0,0,0,0.35); width: 100%; height: 100%; display: block; top: 0; left: 0; position: absolute; content: ""; }
.sort-boxes-container.with-overlay .sort-box:not(.go-back-cats) .sort-box-inner * { z-index: 2; }
.sort-boxes-container .sort-box .sort-box-inner a.show-sub-elements{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.sort-boxes-container .sort-box.go-back-cats .sort-box-inner{ background: #449d44; }
.sort-boxes-container .sort-box.go-back-cats .sort-box-inner .flexInner{ text-align: center; }
.sort-boxes-container .sort-box.go-back-cats .sort-box-inner .flexInner i{ font-size: 24px; }


/* TOAST CSS */
body:not(.body-login) #toast-container{ top: 50px; width: calc(100% - 275px); margin-bottom: 5px; }
body.body-login #toast-container{ top: 0; width: 100%; margin-bottom: 5px; }
body:not(.body-login) #toast-container.toast-top-full-width > div,
body:not(.body-login) #toast-container.toast-bottom-full-width > div{ width: 100%; border-radius: 0; }
body.body-login #toast-container.toast-top-full-width > div,
body.body-login #toast-container.toast-bottom-full-width > div{ width: 100%; border-radius: 0; }
#toast-container > div{ box-shadow: none; -webkit-box-shadow: none; }

@keyframes changeBG {
    50% { background: #414141;}
    100% { background: #e10021; }
}
@-webkit-keyframes changeBG {
    50% { background: #414141;}
    100% { background: #e10021; }
}


/* Manuel Order Modal */
.modal.mo-modal{ z-index: 9999; background: rgba(0,0,0,.7); }
.modal.mo-modal.in + .modal-backdrop{ z-index: 9998; }
.modal.mo-modal .modal-dialog{ width: 90%; margin: 65px auto; }
.modal.mo-modal .modal-header{ background: #3a4953; }
.modal.mo-modal .modal-header h4{ color: #fff; }
.modal.mo-modal .modal-header i{ color: #fff; }
.modal.mo-modal .modal-header .btn-default.btn-close{ z-index: 2; position: absolute; right: 15px; top: 11px; background: #f30; border: 0; color: #fff; font-weight: 700; }
.modal.mo-modal .modal-content{ border-radius: 0; box-shadow: none; position: relative; }
.modal.mo-modal .modal-body{ height: calc(100vh - 190px); padding: 0;}
.modal.mo-modal .modal-footer{ padding: 12px; display: none; }

.mo-modal .wizard { margin: 0 auto; background: #fff; }
.mo-modal .wizard .nav-tabs { position: relative; margin: 0 auto; margin-bottom: 0; border-bottom-color: #eaeaea; }
.mo-modal .wizard > div.wizard-inner { position: relative; }
.mo-modal .connecting-line { height: 2px; background: #e0e0e0; position: absolute; width: 66.66667%; margin: 0 auto; left: 0; right: 0; top: calc(50% - 9px); z-index: 1; }
.mo-modal .wizard .nav-tabs > li.active > a, .mo-modal .wizard .nav-tabs > li.active > a:hover, .mo-modal .wizard .nav-tabs > li.active > a:focus { color: #555555; cursor: default; border: 0; border-bottom-color: transparent; }
.mo-modal span.round-tab { width: 70px; height: 70px; line-height: 70px; display: inline-block; border-radius: 100px; background: #fff; border: 2px solid #e0e0e0; z-index: 2; position: absolute; left: 0; text-align: center; font-size: 25px; }
.mo-modal .wizard p.desc{ color: #969696; position: absolute; bottom: 16px; margin-bottom: 0; text-align: center; width: 100%; }
.mo-modal span.round-tab i{ color:#e1e1e1; position: relative; top: -2px; }
.mo-modal .wizard li.active span.round-tab { background: #fff; border: 2px solid #3a4953; }
.mo-modal .wizard li.active span.round-tab i{ color: #3a4953; }
.mo-modal .wizard li.fill-it span.round-tab { background: #fff; border: 2px solid #f76a5e; }
.mo-modal .wizard li.fill-it span.round-tab i{ color: #f76a5e; }
.mo-modal span.round-tab:hover { color: #333; border: 2px solid #333; }
.mo-modal .wizard .nav-tabs > li { width: 33.33334%; }
.mo-modal .wizard li:after { content: " "; position: absolute; left: 46%; opacity: 0; margin: 0 auto; bottom: 0px; border: 5px solid transparent; border-bottom-color: #3a4953; transition: 0.1s ease-in-out; }
.mo-modal .wizard li.active:after { content: " "; position: absolute; left: 47%; opacity: 1; margin: 0 auto; bottom: 0px; border: 10px solid transparent; border-bottom-color: #3a4953; }
.mo-modal .wizard .nav-tabs > li a { width: 70px; height: 70px; margin: 20px auto 47px; border-radius: 100%; padding: 0; }
.mo-modal .wizard .nav-tabs > li.disabled { cursor: not-allowed; }
.mo-modal .wizard .nav-tabs > li.disabled a { pointer-events: none; cursor: not-allowed; }
.mo-modal .wizard .nav-tabs > li a:hover { background: transparent; }
.mo-modal .wizard .tab-pane { position: relative; padding-top: 50px; }
.mo-modal .wizard h3 { margin-top: 0; }

.mo-modal form{ height: 100%;}
.mo-modal .steps-side{ width: calc(100% - 400px); height: 100%; display: block; float: left; }
.mo-modal .info-side{ width: 400px; height: 100%; display: block; float: left; background: #f9f9f9; position: relative; }

.mo-modal .wizard + .tab-content{ height: calc(100% - 137px); overflow: auto; background: #f4f4f4; }
.mo-modal .tab-content .tab-pane{ padding: 15px; min-height: 100%; position: relative; }
.mo-modal .tab-content .tab-pane .customer-info-row{ margin-left: -7px; margin-right: -7px; }
.mo-modal .tab-content .tab-pane .customer-info-row .group-div{ padding-left: 7px; padding-right: 7px; }
.mo-modal .tab-content .tab-pane .customer-info-row .form-control[readonly]{ background: #fff; }
.mo-modal .tab-content .tab-pane .flexRow{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.mo-modal .tab-content .tab-pane .flexCol{ width: 80%; }
.mo-modal .tab-content .tab-pane .flexCol .input-search-container{ width: 100%; min-width: 300px; }
.mo-modal .tab-content .tab-pane .flexCol h4.desc{ font-weight: 500; margin-bottom: 15px; text-align: center; color: #3a4953;}
.mo-modal .tab-content .tab-pane .out-of-workhours{ text-align: center; width: 100%; margin-bottom: 25px; }
.mo-modal .tab-content .tab-pane .out-of-workhours span{ font-weight: 500; color: #f93e59; font-size: 16px; display: inline-block; padding: 15px; border-radius: 4px; background: #eee; }
.mo-modal .tab-content .tab-pane .input-search-container .form-control{ border-radius: 5px; width: 100%; height: 60px; }
.mo-modal .tab-content .tab-pane .input-search-container .btn-default.search-btn{ display: flex; justify-content: center; align-items: center; float: left; width: 80px; height: 60px; border: 0; border-radius: 0 5px 5px 0; background: #4caf50; color: #fff; font-size: 26px; }
.mo-modal .tab-content .tab-pane .btn-container{ width: 100%; display: block; text-align: center; padding-top: 15px;  }
.mo-modal .tab-content .tab-pane .btn-container p{ color: #797979; }
.mo-modal .tab-content .tab-pane .btn-container .btn-default.add-customer-btn{ border: 0; background: #3a4953; color: #fff; font-size: 16px; font-weight: 600; padding: 10px 15px; }
.mo-modal .tab-content .tab-pane .btn-container .btn-default.default-customer-btn{ border: 0; background: #4CAF50; color: #fff; font-size: 16px; font-weight: 600; padding: 10px 15px; }
.mo-modal .tab-content .tab-pane .callerid-container{ width: 100% !important; max-height: 200px !important; overflow-y: scroll !important; overflow-x: hidden !important; border: none !important; margin-top: 20px !important;}
.mo-modal .tab-content .tab-pane .callerid-container .desc-text{ font-weight: 600; color: #212121; margin-top: 15px;}
.mo-modal .tab-content .tab-pane .callerid-container a.callerid.btn.btn-default{ margin: 5px 2px;  border: 1px dashed #0c0b0b!important; }
.mo-modal .tab-content .tab-pane .callerid-container a.callerid.btn-default span { font-weight: 600;}
.mo-modal .tab-content .tab-pane .callerid-container a.callerid.btn.btn-default.callerid-recent { border-color: #3ba53f!important; background: #f3fff3; }
.mo-modal .tab-content .tab-pane .callerid-container a.callerid.btn.btn-default.callerid-recent:hover { background: #d8efd8 !important; }

.modal.in.mo-modal .modal-footer .footer-btn-group{ width: 100%; display: none; }
.modal.in.mo-modal .modal-footer .footer-btn-group.show-it{ display: block; }
.modal.in.mo-modal .modal-footer .footer-btn-group .btn-default{ padding: 9px 15px; border: 0; background: #4CAF50; color: #fff; font-weight: 700; font-size: 16px; display: none; }
.modal.in.mo-modal .modal-footer .footer-btn-group .btn-default.show-it{ display: inline-block; }
.modal.in.mo-modal .modal-footer .footer-btn-group .btn-default.btn-back{ background: #f93e59; }

.mo-modal .info-side .customer-info-top{ width: 100%; height: auto; display: block; height: 137px; overflow: hidden; }
.mo-modal .info-side .customer-info-top table{ border-bottom: 1px solid #eaeaea; margin-bottom: 0; }
.mo-modal .info-side .customer-info-top table th{ width: 120px; background: #f4f4f4; }
.mo-modal .info-side .customer-info-top table th,
.mo-modal .info-side .customer-info-top table td b{ font-weight: 600; }
.mo-modal .info-side .customer-info-top table th,
.mo-modal .info-side .customer-info-top table td{ border-color: #eaeaea; height:40px; overflow:hidden }
.mo-modal .info-side .customer-info-top table td span{ height: 39px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.mo-modal .info-side .customer-info-middle{ background: #fff; overflow: hidden; height: calc(100% - 225px); width: 100%; display: block; position: relative; }
.mo-modal .info-side .customer-info-middle .top-infos{ width: 100%; height: auto; display: block; border-bottom: 1px solid #eaeaea; }
.mo-modal .info-side .customer-info-middle .top-infos .outOfWorkshour{ background: #f9f9f9; padding: 15px; color: #f93e59; font-size: 16px; border-bottom: 1px solid #f2f2f2; font-weight: 500;}
.mo-modal .info-side .customer-info-middle .top-infos .info-item{ padding: 10px; color: #333; width: 50%; height: auto; display: block; float: left; }
.mo-modal .info-side .customer-info-middle .top-infos .info-item+.info-item{ border-left: 1px solid #eaeaea; text-align: right; }
.mo-modal .info-side .customer-info-middle .top-infos .info-item h4{ font-size: 14px; font-weight: 600; margin: 0; }
.mo-modal .info-side .customer-info-middle .top-infos .info-item p{ font-size: 13px; font-weight: normal; margin: 0; }
.mo-modal .info-side .customer-info-middle table tr th,
.mo-modal .info-side .customer-info-middle table tr td{ font-size: 13px; vertical-align: middle; color: #333;}
.mo-modal .info-side .customer-info-middle table tr td .btn-default.btn-delete{ margin-left: -1px; width: 30px; height: 28px; display: inline-flex; padding: 0; border: 0; border-radius: 2px; background: #ff3300; color: #fff; justify-content: center; align-items: center;  }
.mo-modal .info-side .customer-info-middle table tr td .btn-default.btn-spinner{ width: 30px; height: 28px; display: inline-flex; padding: 2px 0 0 0; border: 0; border-radius: 2px; background: #a9a9a9; color: #fff; justify-content: center; align-items: center;  }
.mo-modal .info-side .customer-info-middle table tr td .btn-default.btn-diminue{ margin-right: -1px; }
/*.mo-modal .info-side .customer-info-middle table tr td:nth-last-child(1),*/
/*.mo-modal .info-side .customer-info-middle table tr td:nth-last-child(2){ min-width: 80px; }*/
.mo-modal .info-side .customer-info-middle table tr th:nth-last-child(3),
.mo-modal .info-side .customer-info-middle table tr th:nth-last-child(2),
.mo-modal .info-side .customer-info-middle table tr td:nth-last-child(3),
.mo-modal .info-side .customer-info-middle table tr td:nth-last-child(2),
.mo-modal .info-side .customer-info-middle table tr td:nth-last-child(2){ text-align: center; }
.mo-modal .info-side .customer-info-middle table tr th:nth-last-child(1),
.mo-modal .info-side .customer-info-middle table tr td:nth-last-child(1){ text-align: right; width: 115px; }
.mo-modal .info-side .customer-info-middle table tbody tr th{ font-weight: 500; }
.mo-modal .info-side .customer-info-middle table tfoot tr th,
.mo-modal .info-side .customer-info-middle table tfoot tr td,
.mo-modal .info-side .customer-info-middle table tbody tr th,
.mo-modal .info-side .customer-info-middle table tbody tr td,
.mo-modal .info-side .customer-info-middle table thead tr td,
.mo-modal .info-side .customer-info-middle table thead tr th{ border-color: #eaeaea; vertical-align: middle; }
.mo-modal .info-side .customer-info-middle table tfoot tr th{ text-align: left!important; }
.mo-modal .info-side .customer-info-middle table{ margin-bottom: 0;}
.mo-modal .info-side .customer-info-middle table+table{ margin-bottom: 0; margin-top: -1px; }
.mo-modal .info-side .customer-info-middle .table-middle{ height: calc(100% - 115px); width: 100%; overflow: auto; }
.mo-modal .info-side .customer-info-middle .table-middle.addedNote{ height: calc(100% - 154px); width: 100%; overflow: auto; }
.mo-modal .info-side .customer-info-middle .table-middle:not(.delivery-order).has-discount-table:not(.addedNote),
.mo-modal .info-side .customer-info-middle .table-middle:not(.delivery-order).addedNote:not(.has-discount-table){ height: calc(100% - 154px); width: 100%; overflow: auto; }
.mo-modal .info-side .customer-info-middle .table-middle:not(.delivery-order).addedNote.has-discount-table{ height: calc(100% - 193px); width: 100%; overflow: auto; }
.mo-modal .info-side .customer-info-middle .table-middle.delivery-order{ height: calc(100% - 154px); width: 100%; overflow: auto; }
.mo-modal .info-side .customer-info-middle .table-middle.delivery-order.has-discount-table:not(.addedNote),
.mo-modal .info-side .customer-info-middle .table-middle.delivery-order.addedNote:not(.has-discount-table){ height: calc(100% - 193px); width: 100%; overflow: auto; }
.mo-modal .info-side .customer-info-middle .table-middle.delivery-order.addedNote.has-discount-table{ height: calc(100% - 230px); width: 100%; overflow: auto; }
.mo-modal .info-side .customer-info-middle .table-middle .editCartItem{ cursor: pointer; }
.mo-modal .info-side .customer-info-middle table tr th.title-side,
.mo-modal .info-side .customer-info-middle table tr td.title-side{ width: 180px; min-width: 180px; }
.mo-modal .info-side .customer-info-middle table tr th.qty-td,
.mo-modal .info-side .customer-info-middle table tr td.qty-td{ width: 40px; min-width: 40px; }
.mo-modal .info-side .customer-info-middle table tr th .pr-name,
.mo-modal .info-side .customer-info-middle table tr th .extras{ font-weight: normal;}
.mo-modal .info-side .customer-info-middle table tr th .extras{ font-weight: normal; font-size: 12px;}
.mo-modal .info-side .customer-info-middle table tr th b,
.mo-modal .info-side .customer-info-middle table tr td b{ font-weight: 500; font-size: 13px; }
.mo-modal .info-side .customer-info-middle table tr td span.notes-span{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.mo-modal .info-side .customer-info-middle table tr td.prd-prc {padding: 10px 2px !important;}
.mo-modal .info-side .table-bottom .table td, .mo-modal .info-side .table-bottom .table th {line-height: 10px !important;}
.mo-modal .info-side .table-bottom .table tr {border-top: 1px solid #f4f4f4 !important;}
.mo-modal .info-side .table-bottom .mo-total-txt {font-weight:bold; font-size:16px !important;}
.mo-modal .info-side .table-bottom .mo-total-amt {font-weight:bold; font-size:16px !important;}

.mo-modal .info-side .customer-info-bottom{ width: 100%; height: 88px; overflow: hidden; display: block; }
.mo-modal .info-side .customer-info-bottom .top-btns,
.mo-modal .info-side .customer-info-bottom .bottom-btns{ width: 100%; display: block; overflow: hidden; height: auto; }
.mo-modal .info-side .customer-info-bottom .top-btns .btn-default,
.mo-modal .info-side .customer-info-bottom .middle-btns .btn-default,
.mo-modal .info-side .customer-info-bottom .bottom-btns .btn-default{border-radius: 0; width: 33%; display: flex; justify-content: center; align-items: center; float: left; border: 0; height: 44px; padding: 0; font-weight: 600; color: #fff; background: #565665; }
.mo-modal .info-side .customer-info-bottom .top-btns .btn-default.btn-payTypes{ background: #d32f2f; }
.mo-modal .info-side .customer-info-bottom .top-btns .btn-default.btn-futureOrder{ width: 34%; background: #7b1fa2; }
.mo-modal .info-side .customer-info-bottom .top-btns .btn-default.btn-addNote{ background: #1976d2; }
.mo-modal .info-side .customer-info-bottom .bottom-btns .btn-default.btn-takeHold{ width: 34%; background: #00796b; display: none; }
.mo-modal .info-side .customer-info-bottom .bottom-btns .btn-default.btn-goBackOrder,
.mo-modal .info-side .customer-info-bottom .bottom-btns .btn-default.btn-goBack{  background: #0097a7; width: 50%; }
.mo-modal .info-side .customer-info-bottom .bottom-btns .btn-default.btn-goBackOrder{ display: none;}
.mo-modal .info-side .customer-info-bottom .bottom-btns .btn-default.btn-giveOrder{  background: #689f38; width: 50%; }

/* order mo modal discount btns feature */
.mo-modal.has-dscnt-btns .info-side .customer-info-bottom{ height: 132px; }
.mo-modal.has-dscnt-btns .info-side .customer-info-middle{ height: calc(100% - 269px); }
.mo-modal.has-dscnt-btns .info-side .customer-info-bottom .middle-btns{ width: 100%; display: block; overflow: hidden; height: auto; }
.mo-modal.has-dscnt-btns .info-side .customer-info-bottom .middle-btns .btn-default.btn-discount{ background: #5cb85c; width: 50%; }
.mo-modal.has-dscnt-btns .info-side .customer-info-bottom .middle-btns .btn-default.btn-orders-history{  background: #333333; width: 50%; }



.mo-modal .info-side .order-info-bottom{ width: 100%; height: auto; display: block; position: absolute; bottom: 0; }
.mo-modal .info-side .order-info-bottom textarea{ resize: none; height: auto; }

.mo-modal .customer-address-div{ width: 100%; height: auto; display: block; padding: 5px; }
.mo-modal .customer-address-div .address-item{ position: relative; width: 25%; height: auto; display: block; float: left; padding: 5px; cursor: pointer; webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */ }
.mo-modal .customer-address-div .address-item .address-flex{ width: 100%; height: 150px; display: flex; background: #e1e1e1; border-radius: 2px; justify-content: center; align-items: center; }
.mo-modal .customer-address-div .address-item.add-address .address-flex{ background: #4CAF50; color: #fff; text-align: center; }
.mo-modal .customer-address-div .address-item.add-address .address-flex h4{ font-size: 16px; margin: 0; font-weight: 600; }
.mo-modal .customer-address-div .address-item.add-address .address-flex i{ font-size: 3em; margin-bottom: 7px; }
.mo-modal .customer-address-div .address-item.take-away-btn .address-flex{ background: #2196f3; color: #fff; text-align: center; }
.mo-modal .customer-address-div .address-item.take-away-btn .address-flex h4{ font-size: 16px; margin: 0; font-weight: 600; }
.mo-modal .customer-address-div .address-item.take-away-btn .address-flex i{ font-size: 2.5em; margin-bottom: 9px; display: inline-block; }
.mo-modal .customer-address-div .address-item .address-flex .flexInner{ position: relative; padding: 15px; }
.mo-modal .customer-address-div .address-item.selected .address-flex:after{ position: absolute; font-family: FontAwesome; display: block; content: "\f058"; top: 10px; right: 10px; color: #fff; font-size: 22px; }
.mo-modal .customer-address-div .address-item.selected .address-flex{ background: #3a4953; color: #fff;}
.select2-container--open{ z-index: 10000; }

.mo-modal .modal-in-modal{ z-index: 9999; background: rgba(0,0,0,.5); position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; justify-content: center; align-items: center; }
.mo-modal .modal-in-modal.opened{ display: flex; }
.mo-modal .modal-in-modal .modalInner{ width: 80%; height: 80%; background: #fff; overflow: hidden; }
.mo-modal .modal-in-modal.modal-500 .modalInner{ max-width: 500px; max-height: 500px; }
.mo-modal .modal-in-modal .modalHeader{ position: relative; padding: 0 15px; width: 100%; height: 56px; background: #3A4953; display: flex; align-items: center;  }
.mo-modal .modal-in-modal .modalHeader h4{ font-size: 700; color: #fff;  }
.mo-modal .modal-in-modal .modalHeader .btn-default.close-btn{ position: absolute; right: 15px; background: #f30; border: 0; color: #fff; font-weight: 700; }
.mo-modal .modal-in-modal .modalContent{ display: block; width: 100%; height: calc(100% - 112px); overflow: auto; padding: 15px 20px; }
.mo-modal .modal-in-modal .modalContent .fill-it .form-control{ border-color: #f76a5e;}
.mo-modal .modal-in-modal .modalFooter{ border-top: 1px solid #E5EAED; padding: 0 15px; width: 100%; height: 56px; display: flex; justify-content: flex-end; align-items: center; position: relative; background: #f9f9f9; }
.mo-modal .modal-in-modal .modalFooter .flexFooter{ width: auto; position: relative;}
.mo-modal .modal-in-modal .modalFooter .btn-default{ border: 0; background: #4CAF50; color: #fff; font-size: 14px; font-weight: 700; padding: 9px 15px; }
.mo-modal .modal-in-modal .modalFooter .btn-default.close-btn{ background: #f93e59; }

.mo-modal .modal-in-modal .input-group{ width: 100%; }
.mo-modal .modal-in-modal .input-group-addon{background: #ededed; width: 40px;}
.mo-modal .modal-in-modal .input-group-addon.search-post-code:active,
.mo-modal .modal-in-modal .input-group-addon.search-post-code:focus,
.mo-modal .modal-in-modal .input-group-addon.search-post-code{background: #4e75b4; border-color: #4e75b4; color: #fff; font-weight: bold; cursor: pointer;}
.mo-modal .modal-in-modal .input-group-addon.search-post-code:hover{ background: #0a6ebd; border-color: #0a6ebd; }
.mo-modal .modal-in-modal .form-control.no-padding{ padding: 0;}
.mo-modal .modal-in-modal .input-group .form-control:last-child { padding-left: 10px; }
.mo-modal .modal-in-modal .input-group .form-control.no-padding { padding:0; }
.mo-modal .modal-in-modal .form-control .radio{ width: 33.333333%; float: left; margin: 0; padding: 6px 5px;}
.mo-modal .modal-in-modal .form-control .radio label{ width: 100%; padding: 5px 15px; background: #f3f3f3; border-radius: 4px; }
.mo-modal .modal-in-modal .form-control .radio.selected label{ background: #2196F3; color: #fff; }
.mo-modal .modal-in-modal .form-control .radio .cr{ border-radius: 4px; border-color: #ddd; top: 1px; background: #fff; margin-right: 10px; }
.mo-modal .modal-in-modal .form-control .radio .cr .cr-icon{ left: 2px; }
.mo-modal .modal-in-modal .form-control .radio.selected .cr { border-color: #2196F3; }
.mo-modal .modal-in-modal .form-control{ height: 44px; box-shadow: none; border-color: #E5EAED;}
.mo-modal .modal-in-modal .input-group-addon{ background: #f3f3f3; border-color: #e5eaed;}
.mo-modal .modal-in-modal .btn-add{ background: #2196F3; border-color: #2196F3; color: #fff; font-weight: 600; width: 100%; display: block; padding: 11px 20px;}
.cw-adres-modal .select2-selection,
.mo-modal .modal-in-modal .select2-selection{ border-top-left-radius: 0; border-bottom-left-radius: 0; }

.mo-modal .modal-in-modal.payment-type-modal .modalContent{ padding: 5px; }
.mo-modal .modal-in-modal .payment-methods{ width: 100%; height: auto; display: block; position: relative; padding: 5px; }
.mo-modal .modal-in-modal .payment-methods .payment-item{ position: relative; padding: 5px; height: auto; width: 20%; display: block; float: left; }
.mo-modal .modal-in-modal .payment-methods .payment-item .payment-item-inner{ padding: 15px; text-align: center; border-radius: 2px; font-weight: 600; background: #ddd; width: 100%; height: 100px; display: flex; justify-content: center; align-items: center; }
.mo-modal .modal-in-modal .payment-methods .payment-item.selected .payment-item-inner{ background: #4CAF50; color: #fff; }
.mo-modal .modal-in-modal .payment-methods .payment-item .payment-item-inner a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }


.mo-modal .modal-in-modal.discount-modal .modalContent{ padding: 5px; }
.mo-modal .modal-in-modal .discount-methods{ width: 100%; height: auto; display: block; position: relative; padding: 5px; }
.mo-modal .modal-in-modal .discount-methods .discount-item{ position: relative; padding: 5px; height: auto; width: 20%; display: block; float: left; }
.mo-modal .modal-in-modal .discount-methods .discount-item.with-input{ width: 40%; }
.mo-modal .modal-in-modal .discount-methods .discount-item .discount-item-inner{ padding: 15px; text-align: center; border-radius: 2px; font-weight: 600; background: #ddd; width: 100%; height: 100px; display: flex; justify-content: center; align-items: center; }
.mo-modal .modal-in-modal .discount-methods .discount-item.no-discount .discount-item-inner{ background: #3a4953; color: #fff; }
.mo-modal .modal-in-modal .discount-methods .discount-item.selected .discount-item-inner{ background: #4CAF50; color: #fff; }
.mo-modal .modal-in-modal .discount-methods .discount-item .discount-item-inner a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.mo-modal .modal-in-modal .discount-methods .discount-item .discount-item-inner .input-group { max-width: 150px;  }
.mo-modal .modal-in-modal .discount-methods .discount-item .discount-item-inner .form-control { text-align: center; border-radius: 5px; font-size: 18px;  }
.mo-modal .modal-in-modal .discount-methods .discount-item .discount-item-inner .input-group-addon { padding-left: 15px; background: none; border: 0; font-weight: bold; font-size: 26px;  }

.mo-modal .modal-in-modal.order-history-modal .table tbody tr th{ vertical-align: middle; }
.mo-modal .modal-in-modal.order-history-modal .table tbody tr .btn{ font-weight: bold;  }
.mo-modal .modal-in-modal.order-history-modal .table tbody tr td span{ font-weight: bold; }

.mo-modal .modal-in-modal.addNote-modal .modalContent{ padding: 20px; background: #f9f9f9; }
.mo-modal .modal-in-modal.addNote-modal .form-group,
.mo-modal .modal-in-modal.addNote-modal .note-wrapper{ height: 100%; }
.mo-modal .modal-in-modal.addNote-modal textarea.form-control{ resize: none; height: 100%; }
.mo-modal .modal-in-modal.futureOrder-modal.modal-500 .modalInner{ max-height: 188px; overflow: visible; }
.mo-modal .modal-in-modal.futureOrder-modal.modal-500 .modalInner .modalContent{ overflow: visible; }
.mo-modal .modal-in-modal.futureOrder-modal .form-group{ position: relative; margin-bottom: 0; }
.mo-modal .modal-in-modal.futureOrder-modal .daterangepicker,
.mo-modal .modal-in-modal.futureOrder-modal .daterangepicker .drp-calendar{ width: 100%; max-width: 100%; }
.mo-modal .modal-in-modal.futureOrder-modal .daterangepicker.single .ranges{ padding: 0; }
.mo-modal .modal-in-modal.futureOrder-modal .daterangepicker.single .calendar-time{ padding-left: 0; }

.mo-modal .choose-cat-div{ width: 100%; height: auto; min-height: 50vh; }
.mo-modal .choose-cat-div .cat-row{ margin-left: -3px; margin-right: -3px; }
.mo-modal .choose-cat-div .cat-item{ width: 14.28%; height: 175px; position: relative; display: block; float: left; padding: 3px; }
.mo-modal .choose-cat-div .cat-item .cat-flex{ border-radius: 2px; padding: 10px; text-align: center; font-weight: 600; width: 100%; height: 100%; position: relative; display: flex; background: #2e6da4; color: #fff; justify-content: center; align-items: flex-end; font-size: 16px; text-shadow: 0px 0px 3px rgb(0 0 0 / 72%);}
.mo-modal .choose-cat-div .cat-item .cat-flex:before{ z-index: 1; border-radius: 5px; background: rgba(0,0,0,0.05); width: 100%; height: 100%; display: block; top: 0; left: 0; position: absolute; content: ""; box-shadow: inset 0px -61px 40px -20px rgb(0 0 0 / 50%);}
.mo-modal .choose-cat-div .cat-item .cat-flex span{ position: relative; z-index: 2; }
.mo-modal .choose-cat-div .cat-item .cat-flex a{ z-index:3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.mo-modal .choose-prd-div{ width: 100%; height: auto; min-height: 50vh; }
.mo-modal .choose-prd-div .prd-row{ margin-left: -3px; margin-right: -3px; }
.mo-modal .choose-prd-div .product-el{ width: 14.28%; height: 175px; position: relative; display: block; float: left; padding: 3px; }
.mo-modal .choose-prd-div .product-el .product-flex{ border-radius: 2px; padding: 10px; text-align: center; font-weight: 600; width: 100%; height: 100%; position: relative; display: flex; background: #009688; color: #fff; justify-content: center; align-items: flex-end; font-size: 16px; text-shadow: 0px 0px 3px rgb(0 0 0 / 72%);}
.mo-modal .choose-prd-div .product-el .product-flex:not(.back-category):before{ z-index: 1; border-radius: 5px; background: rgba(0,0,0,0.05); width: 100%; height: 100%; display: block; top: 0; left: 0; position: absolute; content: ""; box-shadow: inset 0px -61px 40px -20px rgb(0 0 0 / 50%);}
.mo-modal .choose-prd-div .product-el .product-flex span{ position: relative; z-index: 2; }
.mo-modal .choose-prd-div .product-el.selected .product-flex{ background: #45ab45; }
.mo-modal .choose-prd-div .product-el .product-flex.back-category{background-color: #3a4953;}
.mo-modal .choose-prd-div .product-el .product-flex a{ z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.mo-modal .choose-prd-div .product-el .back-category {align-items: center !important;}

.mo-modal .modal-in-modal.prd-modal .modalInner{ max-width: 600px; }
.mo-modal .modal-in-modal.prd-modal .modalContent{ padding: 0; }
.mo-modal .modal-in-modal.prd-modal .modalInner.no-modifier{ max-width: 600px; height: auto; max-height: 80%; min-height: 50px;}
.mo-modal .modal-in-modal.prd-modal .no-modifier .modalContent{ padding: 0; height: auto; max-height: calc(100% - 112px); min-height: 50px; }
.mo-modal .modal-in-modal.prd-modal .pr-info-wrapper{ position: relative; width: 100%; height: auto; padding: 25px; overflow: hidden;}
.mo-modal .modal-in-modal.prd-modal .productContent a.close-popup{ background: #f5f5f5; text-decoration: none; display: flex; justify-content: center; align-items: center; border-radius: 0; width: 54px; height: 50px; position: absolute; right: 0; top: 0; color: #222; z-index: 2; }
.mo-modal .modal-in-modal.prd-modal .productContent { padding: 0; overflow: auto; display: block; width: 100%; position: relative; }
.mo-modal .modal-in-modal.prd-modal .productContent .productButtons{ box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px; height: 100px; width: 100%; display: block; }
.mo-modal .modal-in-modal.prd-modal .productContent .main-pr-title{ padding: 10px 25px; height: 50px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px;}
.mo-modal .modal-in-modal.prd-modal .productContent .main-pr-desription{ padding: 10px 25px; width: 100%; height: auto;}
.mo-modal .modal-in-modal.prd-modal .productContent h4.title-h4{ font-size: 26px; font-weight: 600; margin: 0 0 10px;  padding-right: 40px; }
.mo-modal .modal-in-modal.prd-modal .productContent p.desc-pgp{ font-size: 15px; height: 43px; color: #a5a5a5; line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mo-modal .modal-in-modal.prd-modal .product-info-container{ width: 100%; height: auto; overflow: hidden; display: block; /* margin-top: 10px; */ }
.mo-modal .modal-in-modal.prd-modal .product-info-container .divider-title{ width: 100%; position: relative; padding: 8px 120px 5px 25px; background: #F5F5F5; height: 64px; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .divider-title .flex-div{ position: relative; width: 100%; height: 100%; display: flex; align-items: center; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .divider-title .flex-div .flex-inner{ width: 100%; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .divider-title .flex-div .flex-inner .filter-wrapper{ position: absolute; width: 53%; max-width: 260px; right: 0; top: calc(50% - 23px); }
.mo-modal .modal-in-modal.prd-modal .product-info-container .divider-title .flex-div .flex-inner .filter-wrapper .form-control{ }
.mo-modal .modal-in-modal.prd-modal .product-info-container .divider-title .divider-h4{ font-weight: 600; font-size: 16px; margin: 0; color: #222; line-height: 16px;}
.mo-modal .modal-in-modal.prd-modal .product-info-container .divider-title span{ color: #797979; font-size: 12px; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .divider-title .required-div{ position: absolute; height: 50px; right: 25px; top: 7px; display: flex; justify-content: flex-end; align-items: center; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .divider-title .required-div span{ -webkit-perspective: 1000; display: inline-block; border-radius: 15px; padding: 5px 15px; background: #757575; color: #fff; transform: translateZ(0); backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .divider-title .required-div span.reqClass{ background: #d3251c; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .divider-title .required-div span label{ margin-bottom: 0;}
.mo-modal .modal-in-modal.prd-modal .product-info-container .divider-title .required-div span label.setAnim{ animation-name: requiredAnim; animation-delay: 500ms;  animation-duration: 1.5s; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .product-inside-els{ width: 100%; padding: 0 25px; height: auto; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .product-inside-el{ padding: 0; height: 60px; width: 33.3333334%; display: block; float: left; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .product-inside-el i{ border-radius: 4px; border: 1px solid #f5f5f5; background: #f5f5f5; width: 26px; height: 26px; display: flex; float: left; justify-content: center; align-items: center; margin-right: 7px; margin-bottom: -2px; position: relative; top: 1px; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .product-inside-el i.ri-hazelnut-1{ color: #c04282; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .product-inside-el i.ri-gluten-free{ color: #61b7c8; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .product-inside-el i.ri-leaf{ color: #5c9278; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .product-inside-el .flex-cc{ width: 34px; display: flex; float: left; height: 100%; justify-content: flex-start; align-items: center; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .product-inside-el .flex-cc+.flex-cc{ width: calc(100% - 34px); padding-right: 2px; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .product-inside-el .flex-cc+.flex-cc span{ font-size: 14px; line-height: 16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mo-modal .modal-in-modal.prd-modal .product-info-container .product-inside-el span{ position: relative; top: 3px; }
.mo-modal .modal-in-modal.prd-modal .product-info-container .product-modifiers{ width: 100%; height: auto; display: block; padding: 0 25px;}
.mo-modal .modal-in-modal.prd-modal .product-info-container .product-modifiers .modifier-option{ width: 100%; height: auto;}
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option .custom-control-indicator{ box-shadow: none; top: 14px;}
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option .custom-control-description{ padding-top: 0; display: inline-block; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option label{ color: #797979; position: relative; margin-bottom: 0; width: 100%; padding-top: 10px; padding-bottom: 10px; padding-right: 75px; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.w-counter label{ color: #797979; position: relative; margin-bottom: 0; width: 100%; padding-top: 10px; padding-bottom: 10px; padding-right: 140px; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option label .price-span{ position: absolute; right: 72px; top: 0; height: 100%; display: flex; justify-content: flex-end; align-items: center; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option label.custom-radio .price-span{ right: 0; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option label.disabled{cursor: not-allowed;}
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option label .counter-btns{ position: absolute; right: 0; height: 100%; top: 0; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option label .counter-btns span{ height: 100%; position: relative; display: flex; justify-content: center; align-items: center; float: right;}
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option label .counter-btns span.disabled{ opacity: 0.55!important;}
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option label .counter-btns span i{ cursor: not-allowed; opacity: .3; height: 25px; width: 25px; display: flex; justify-content: center; align-items: center; background: #dcdcdc; border-radius: 2px; padding-top: 0; margin-left: 3px; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.w-counter label .counter-btns span i{ cursor: pointer; opacity: 1; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option .custom-radio .custom-control-input:active~.custom-control-indicator,
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option .custom-radio .custom-control-input:checked~.custom-control-indicator{ background: #fff; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option .custom-radio .custom-control-input:checked~.custom-control-indicator:before{ content: ""; top: 15%; left: 15%; display: block; width: 70%; height: 70%; background: #46a14a; position: absolute; border-radius: 50%; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option .custom-checkbox .custom-control-indicator{ border-radius: 2px; background-color: #fff; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.w-counter .custom-checkbox .custom-control-indicator{ color: #fff; width: 22px; height: 22px; padding: 1px 0 0 0; font-size: 12px; text-align: center; font-weight: 600; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.w-counter .custom-control-input:active~.custom-control-indicator{ color: #fff; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option .custom-checkbox .custom-control-input:checked~.custom-control-indicator{ border-color: #46a14a; background-color: #46a14a; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.w-counter .custom-checkbox .custom-control-input:checked~.custom-control-indicator{ border-color: #46a14a; background-color: #46a14a; background-image: none; color: #fff; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.checkbox,
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.radio{ margin: 0; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.checkbox label,
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.radio label{ padding: 10px 0; font-weight: 600; }
.mo-modal .modal-in-modal.prd-modal .modifier-option.checkbox .cr,
.mo-modal .modal-in-modal.prd-modal .modifier-option.radio .cr{ border-color: #d6d6d6; width: 20px; height: 20px; top: 0; border-radius: 2px; }
.mo-modal .modal-in-modal.prd-modal .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon{}
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.radio label input[type="radio"]:checked + .cr > .cr-icon{ display: none; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.radio label input[type="radio"]:checked + .cr{ background: #fff; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.radio label input[type="radio"]:checked + .cr:before{ content: ""; display: block; border-radius: 2px; width: 14px; height: 14px; top: 2px; left: 2px; position: absolute; background: #46a14a; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.checkbox .cr { border-radius: 2px; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon{ color: #fff; font-size: 9px; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.checkbox label input[type="checkbox"]:checked + .cr{ background: #46a14a; border-color: #46a14a; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.checkbox.w-counter .cr span{ display: none; }
.mo-modal .modal-in-modal.prd-modal .product-modifiers .modifier-option.checkbox.w-counter label input[type="checkbox"]:checked + .cr > span{ display: inline-block; width: 100%; text-align: center; font-size: 12px; position: relative; top: -2px; font-weight: 600; color: #fff; }
.mo-modal .modal-in-modal.prd-modal .checkbox .cr,
.mo-modal .modal-in-modal.prd-modal .radio .cr{ border-color: #ddd; }
.mo-modal .modal-in-modal.prd-modal .modalFooter .spinner-btns{ width: 140px; display: block; float: left; }
.mo-modal .modal-in-modal.prd-modal .modalFooter .spinner-btns .btn-spinner:active,
.mo-modal .modal-in-modal.prd-modal .modalFooter .spinner-btns .btn-spinner:focus,
.mo-modal .modal-in-modal.prd-modal .modalFooter .spinner-btns .btn-spinner{ height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; border-radius: 2px; background: #dcdcdc; color: #222; float: left; }
.mo-modal .modal-in-modal.prd-modal .modalFooter .spinner-btns .btn-spinner:hover{ background: #d4d4d4; }
.mo-modal .modal-in-modal.prd-modal .modalFooter .spinner-btns .btn-spinner[data-action="minus"]{ border-radius: 2px 0 0 2px; }
.mo-modal .modal-in-modal.prd-modal .modalFooter .spinner-btns .btn-spinner[data-action="plus"]{ border-radius: 0 2px 2px 0; }
.mo-modal .modal-in-modal.prd-modal .modalFooter .spinner-btns .counter-space{ user-select: none; height: 40px; width: 50px; display: flex; justify-content: center; align-items: center; border-radius: 0; background: #fff; border: 1px solid #dcdcdc; color: #222; float: left; }
.mo-modal .modal-in-modal.prd-modal .modalFooter .btn-default.btn-add-cart{ padding-left: 95px; position: relative; display: inline-flex; justify-content: center; align-items: center; height: 40px; }
.mo-modal .modal-in-modal.prd-modal .modalFooter .btn-default.btn-add-cart span.price{ width: 80px; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.2); display: flex; justify-content: center; align-items: center; color: #fff; font-weight: 600; }
.mo-modal .modal-in-modal.prd-modal label.checked_ingredient .custom-control-description{ text-decoration: line-through; }

.mo-modal.edit-order-prd-modal .modal-dialog{ max-width: 600px; }
.mo-modal.edit-order-prd-modal .modal-content{ background-color: transparent; }
.mo-modal.edit-order-prd-modal .modal-in-modal .modalInner{ width: 100%; height: 100%; }
.edit-order-prd-modal .modal-header{ display: none; }
.edit-order-prd-modal .modal-footer{ display: none; }

.mo-modal .hiddenTelInput{ display: none!important; }
/* Connection Lost Warn Css */
.connection-div{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; background: rgba(0,0,0,.7); display: none; justify-content: center; align-items: center; }
.connection-div.show-it{ display: flex; }
.connection-div .connectionInner{ padding: 15px; text-align: center; display: flex; justify-content: center; align-items: center; width: 80%; max-width: 500px; height: 80%; max-height: 300px; border-radius: 10px; background: #fff; }
.connection-div .connectionInner i{ font-size: 9vmin; color: #d2d2d2; }
.connection-div .connectionInner h4{ font-size: 2vmin; margin:  20px auto; }
.connection-div .connectionInner .btn-default{ border: 0; font-size: 16px; font-weight: 600; background: #4CAF50; color: #fff; }
#serverPing{ position: absolute; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; z-index: -1; }
#serverPing img{ position: relative; width: 100%; }

/* fix product select modal */
#campain_add_product_modal.modal-body > div.inner,
#add_menu_to_product.modal-body > div.inner{ padding-bottom: 45px; }

/* new edit orders modal */
.mo-modal.edit-order-prd-modal .modal-in-modal{ background: transparent; }
.modal.edit-order-prd-modal.in.mo-modal .modal-content{ border: 0; }
#addNewProductModal.oap-modal .modal-dialog{ margin: 65px auto; }

.split-radio .no-padding{ padding: 0;}
.split-radio .radio{ width: 33.333333%; float: left; margin: 0; padding:5px;}
.split-radio .page-select{ height: auto!important; overflow: hidden;}
.split-radio .page-select .radio,
.split-radio .view-select .radio{ width: 50%;}
.split-radio .radio label{ color: #646464; background: #f3f3f3; border: 1px solid #eaeaea; width: 100%; border-radius: 4px; padding: 5px;}
.split-radio .radio .cr{ border-radius: 4px; top: 1px; border-color: #c9c9c9; }
.split-radio .radio label input[type="radio"]:checked + .cr { background: #fff; border-color: #2196F3; }
.split-radio .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: none; }
.split-radio .radio.selected label{ background: #2196F3; color: #fff; border-color: #2196F3; }
.split-radio input[type=number]::-webkit-inner-spin-button,
.split-radio input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
.split-radio input[type='number'] { -moz-appearance:textfield;}
.split-radio .input-group-addon{ background: #f3f3f3!important;}
.split-radio .white-addon .input-group-addon{ background: #fff!important;}

.slide-branch-select .input-group,
.slide-branch-select .select2{ width: 100%!important; }

.option-modal.quick-modal .slider-select2 .select2-container--default .select2-selection--multiple{ height: 79px; min-height: 79px; border-radius: 4px; }
.reports-carts-container .btn-default.mobile-filters-btn{ display: none; }


/*.reports-table-container .dataTables_wrapper{ margin-top: 45px; }*/
.dt-buttons .buttons-colvis:hover,
.dt-buttons .buttons-colvis:active,
.dt-buttons .buttons-colvis:focus,
.dt-buttons .buttons-colvis{ background: #2a6496; color: #fff; border: 0; box-shadow: none; font-weight: 600; border-radius: 4px; }

.top-menu .right-menu .btn-default.btn-mobile-reports:hover,
.top-menu .right-menu .btn-default.btn-mobile-reports:active,
.top-menu .right-menu .btn-default.btn-mobile-reports:focus,
.top-menu .right-menu .btn-default.btn-mobile-reports{ display: none; }
.top-menu .right-menu.reportApp-menu{ display: none; }

.reports-table-container div.dataTables_wrapper div.dataTables_filter label{ width: 100%; }
.reports-table-container div.dataTables_wrapper div.dataTables_filter input{ max-width: 260px; width: 100%; padding-left: 7px; outline: none; border-radius: 0 4px 4px 0; box-shadow: none; border: 1px solid #E5EAED; margin-left: 0; height: 36px; }
.reports-table-container .dt-buttons{ width: 50%; float: right; text-align: right; }
.reports-table-container div.dataTables_wrapper div.dataTables_filter{ width: 50%; float: left; text-align: left; }
.reports-table-container .table-responsive{ padding-top: 40px; }
.reports-table-container .dt-buttons .dt-button:active,
.reports-table-container .dt-buttons .dt-button:focus,
.reports-table-container .dt-buttons .dt-button{ width: 40px; box-shadow: none; padding: 7px 10px 6px; font-size: 14px; font-weight: 600; color: #fff; background: #3a4953; }
.reports-table-container .dt-buttons .dt-button:hover{ background: #252f36; }
.reports-table-container .dt-buttons .dt-button.datatable-export-pdf{ background: #b40808; }
.reports-table-container .dt-buttons .dt-button.datatable-export-excel{ background: #007233; }
.reports-table-container h4.table-title{ color: #f93e59; }
.reports-table-container .check-the-cols{ position: absolute; right: 103px; display: block; }
.reports-table-container .check-the-cols .relative-inner{ position: relative; height: 100%; width: 100%;}
.reports-table-container .check-the-cols .btn-default.filterBtn:active,
.reports-table-container .check-the-cols .btn-default.filterBtn:focus,
.reports-table-container .check-the-cols .btn-default.filterBtn{ width: 40px; border-color: #3a4953; box-shadow: none; padding: 7px 10px; font-size: 14px; font-weight: 600; color: #fff; background: #3a4953 }
.reports-table-container .check-the-cols .btn-default.filterBtn{ display: none; }
.reports-table-container .check-the-cols .btn-default.filterBtn.readyDT{ display: block; }
.reports-table-container .check-the-cols .btn-default.filterBtn i{ }
.reports-table-container .check-the-cols .relative-inner .checks-div{ display: none; z-index: 999; padding: 3px; width: 225px; min-height: 100px; position: absolute; top: calc(100% + 5px); left: auto; right: 0; border: 1px solid #E5EAED; background: #fff; border-radius: 4px;
    -webkit-box-shadow: 0px 10px 25px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 25px -12px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 25px -12px rgba(0,0,0,0.75);}
.reports-table-container .check-the-cols .relative-inner .checks-div.show-it{ display: block; }
.reports-table-container .check-the-cols .relative-inner .checks-div .checkbox-item{ width: 100%; }
.reports-table-container .check-the-cols .relative-inner .checks-div .btn-default{ width: calc(50% - 2px); border-radius: 4px; font-size: 14px;}
.reports-table-container .check-the-cols .relative-inner .checks-div .btns-div{ padding: 3px; }
.reports-table-container .check-the-cols .relative-inner .checks-div .btns-div .btn-close{ font-weight: 600; background: #f93e59; border-color: #f93e59; color: #fff; }
.reports-table-container .check-the-cols .relative-inner .checks-div .btns-div .btn-all{ font-weight: 600; background: #2196f3; border-color: #2196f3; color: #fff; }

.reports-table-container td .btn-detail:active,
.reports-table-container td .btn-detail:focus,
.reports-table-container td .btn-detail{ box-shadow: none; border-color: #4e75b4; background: #4e75b4; color: #fff; }
.reports-table-container td .btn-detail:hover{ background: #2e6da4; border-color: #2e6da4; color: #fff;}

/*.report-cart-item.seperated-div{ position: relative; padding-top: 25px; }
.report-cart-item.seperated-div .inner h4.title{ position: absolute; top: 20px; width: 100%; left: 0; right: 0; text-align: center; }*/
.report-cart-item.seperated-div .inner h4.title{ margin-bottom: 15px; }
.report-cart-item.seperated-div .inner h5.subtitle{ color: #f93e59; font-size: 16px; margin-bottom: 15px; margin-top: 0; }
.report-cart-item.seperated-div .inner .sep-item{ float: left; width: 50%; position: relative; }
.report-cart-item.seperated-div .inner .sep-item.right-side:before{ position: absolute; height: 100%; left: 0; top: 0; width: 2px; background: #ddd; content: ""; display: block; }
.report-cart-item.seperated-div .inner .sep-item.center-side{ width: 100%; float: none; }
.report-cart-item.seperated-div .inner .sep-item h4.sep-title,
.report-cart-item.seperated-div .inner .sep-item h3.sep-text{ margin: 0; }
.report-cart-item.seperated-div .inner .sep-item h4.sep-title{ font-size: 16px; }
.report-cart-item.seperated-div .inner .sep-item h3.sep-text{ font-size: 20px; margin-top: 5px; color: #5dce5d; }

.loyalty-reports .report-cart-item,
.summary-reports .report-cart-item{ height: 250px; padding: 15px 15px 50px; }
.summary-reports .report-cart-item .status-div{  }
.summary-reports .report-cart-item h4.top-title{ font-weight: 500; color: #777; margin: 0 0 5px; font-size: 14px; position: absolute; top: 20px; left: 0; text-align: center; width: 100%; }
/*.summary-reports .report-cart-item h4.top-title{ font-size: 14px; margin: 5px; }*/
.summary-reports .report-cart-item .status-div h2{ margin: 0 0 0; font-weight: 600 }
.summary-reports .report-cart-item .status-div.asc{ color: #5dce5d }
.summary-reports .report-cart-item .status-div.desc{ color: #f93e59 }
.summary-reports .report-cart-item .status-div.equal{ color: #777; }
.summary-reports .report-cart-item .status-div span.prev{ font-size: 12px; }
.summary-reports .report-cart-item .status-div span.status:before{ width: 20px; content: "\f107"; font-family: FontAwesome; position: relative; display: inline-flex; justify-content: center; align-items: center; }
.summary-reports .report-cart-item .status-div.desc span.status:before{ content: "\f107"; }
.summary-reports .report-cart-item .status-div.asc span.status:before{ content: "\f106"; }
.summary-reports .report-cart-item .status-div.equal span.status:before{ content: "\f105"; }
.loyalty-reports .report-cart-item .chart-div,
.summary-reports .report-cart-item .chart-div{ padding: 0 15px; position: absolute; bottom: 0; left: 0; width: 100%; height: 110px!important; }
.summary-reports .report-cart-item .chart-div .chart-shema .wrapper,
.summary-reports .report-cart-item .chart-div .chart-shema{ height: 110px!important; }
.loyalty-reports .report-cart-item .chart-div { padding: 0 0 15px; height: auto!important; }
.loyalty-reports .guest-reports .report-cart-item .chart-div { padding: 0 5px 5px 0; }
.loyalty-reports .report-cart-item{ display: block; text-align: left; height: 260px; overflow: hidden; }
.loyalty-reports .report-cart-item .inner{ display: block; text-align: left; }
.loyalty-reports .report-cart-item .inner .count-div{ font-size: 40px; color: #222; font-weight: 600; }
.loyalty-reports .report-cart-item .inner .title-div{ font-size: 14px; color: #222; font-weight: 600; }
.loyalty-reports .report-cart-item .inner .desc-div{ font-size: 13px; color: #9b9b9b; }
.report-cart-items .col-md-6.horizontal-chart{ padding-left: 5px; padding-right: 5px; }
.report-cart-items .col-md-3 + .col-md-6.guest-reports{ padding-left: 5px; padding-right: 5px; }
.loyalty-reports .horizontal-chart .chart-div{ height: 150px!important; width: 100%!important; }
.loyalty-reports .horizontal-chart .report-cart-item .chart-div { padding: 0 15px 5px 5px; }


.modifier-modals .form-container{ margin-bottom: 0; }
.modifier-modals .fixed-row{ position: sticky; position: -webkit-sticky; }

.lr-table-container{ padding: 0 5px; }
.lr-table-inner{ padding: 15px; background: #ffffff; border-radius: 4px; border: 1px solid #E5EAED; }
.nlr-report .report-cart-item.seperated-div .inner .sep-item h3.sep-text{ color: #cad7f5; }
.caseModule .info-boxes{ padding: 0 5px; }


/* Select Payment Modal */
.show-payment-modal{ background: rgba(0,0,0,.2); }
.show-payment-modal .modal-header{ background: #363c40; color: #fff; }
.show-payment-modal .modal-header .close{ color: #fff; margin-top: 0; }
.show-payment-modal .modal-content{ background: none; overflow: hidden; }
.show-payment-modal .modal-body{ background: #fff; }
.show-payment-modal .modal-body .select-side{ float: left; width: calc(100% - 160px); }
.show-payment-modal .modal-body .select-side .input-group-addon{ border-radius: 0; }
.show-payment-modal .modal-body .select-side .form-control{ border-radius: 4px 0 0 4px; }
.show-payment-modal .modal-body .price-side{ float: left; width: 80px; }
.show-payment-modal .modal-body .price-side .form-control{ border-radius: 0; border-left: 0; text-align: right; }
.show-payment-modal .modal-body .price-side .input-group-addon{ border-radius: 0; padding: 0 4px 0 10px; font-size: 14px; border-left: 0; border-right: 0; }
.show-payment-modal .modal-body .price-side .input-group-addon + .form-control{ text-align: left; }
.show-payment-modal .modal-body .price-side .form-control + .input-group-addon{ border-radius: 0; padding: 3px 10px 0 4px; font-size: 14px; }
.show-payment-modal .modal-body .btn-side{ float: left; width: 80px; }
.show-payment-modal .modal-body .btn-side .btn-default{ font-size: 16px; border: 0; font-weight: 600; color: #fff; width: 100%; height: 44px; border-radius: 0 4px 4px 0; background: #5cb85c; display: flex; justify-content: center; align-items: center; }
.show-payment-modal .modal-body .btn-side .btn-default.red-btn{ background: #ff433f; }
.show-payment-modal .modal-body .row.m-t-15{ margin-top: 15px; }
.show-payment-modal .modal-footer{ background: #fff; }
.show-payment-modal .modal-footer .btn-default.btn-accept-payment{ position: relative;  background: #5cb85c; font-weight: 600; color: #fff; padding: 9px 15px 9px 95px; font-size: 16px; border: 0; }
.show-payment-modal .modal-footer .btn-default span{ background: rgba(0,0,0,.1); border-radius: 4px 0 0 4px; position: absolute; left: 0; top: 0;  width: 80px; height: 100%; display: flex; justify-content: center; align-items: center; }

/* restaurant owner select2 edit */
#restaurantOwnerModal .select2-container--default .select2-selection--multiple{ height: 100px; border-radius: 4px; }

/* daterangePicker readonly input background #fff*/
.date-filters-div .form-control[readonly]{ background: #fff;}

/* Integrations Pages Css */
.row.one-group.integrationsAlertInfo{ margin: 0; }
.row.one-group.integrationsAlertInfo p{ display: inline-flex; height: 40px; align-items: center; }
.row.one-group.integrationsAlertInfo p i{ margin-right: 5px; position: relative; top: 1px; }


/* Payment type add (MANAGE) */
label.full-label{ display: block; width: 100%; }
.lang-w-d-button .select2{ width: calc(100% - 94px)!important; display: block; float: left;  margin-right: 10px; }
.lang-w-d-button button{ width: 84px; display: flex; height: 44px; justify-content: center; align-items: center; border-color: #F44336!important; background: #F44336!important; float: left;}


/* epos page */
.ws_settings_div .section-content .sliders-list .slider-table .fancy-thumb .video-item{ height: 40px; display: flex; justify-content: center; align-items: center; background: #293740; color: #ddd; border-radius: 3px; }

.pos-sync-side .mobile-goster{ display: none; }
.pos-sync-side .desktop-goster{ display: block; }

.branchSelectWarning{}
.branchSelectWarning h4{ font-size: 16px; color: #808080; }
.branchSelectWarning .select2-container--default .select2-selection--multiple,
.branchSelectWarning .select2-container--default .select2-selection--multiple{ height: 44px; min-height: 44px;  }
.branchSelectWarning .select2-container .select2-search--inline .select2-search__field{ height: 30px; padding-left: 7px; margin-top: 0; }
.branchSelectWarning .select2-container--default .select2-selection--multiple .select2-selection__rendered{ padding: 5px 5px 0; }
.main-layout-container .branchSelectWarning .form-control{ max-height: 44px; }
.branchSelectWarning .select-side{ position: relative; width: calc(100% - 120px); display: block; float: left; padding-right: 10px; }
.branchSelectWarning .select-side:after{ z-index: 2; content: "\f0d7"; top: 0; right: 3px; display: inline-flex; justify-content: center; align-items: center; position: absolute; width: 40px; height: 100%; font-family: FontAwesome; }
.branchSelectWarning .btn-showReports:active,
.branchSelectWarning .btn-showReports:focus,
.branchSelectWarning .btn-showReports{ border: 0; font-size: 16px; width: 120px; float: right; height: 44px; display: inline-flex; background: #4CAF50; color: #fff; justify-content: center; align-items: center; font-weight: 600; }
.branchSelectWarning .btn-showReports:hover{ border: 0; background: #2f9433; }
.branchSelectWarning .btn-showReports i{ display: none; }
.branchSelectWarning .btn-showReports span{ display: inline-block; }

.srb-modal .form-group{ margin-bottom: 0; }
.srb-modal .select2-container--default .select2-selection--multiple{ height: 100px; min-height: 100px; }
.srb-modal .select-side{ width: calc(100% - 44px); display: block; float: left; padding-right: 10px; margin-bottom: 10px; }
.srb-modal .btn-showReports:active,
.srb-modal .btn-showReports:focus,
.srb-modal .btn-showReports{ margin-top: 0; border: 0; font-size: 16px; width: 44px; float: right; height: 44px; display: inline-flex; background: #4CAF50; color: #fff; justify-content: center; align-items: center; font-weight: 600; }
.srb-modal .btn-showReports:hover{ border: 0; background: #2f9433; }
.srb-modal .btn-showReports span{ display: none; }
.srb-modal .btn-showReports i{ display: inline-block; }

.main-layout-container .form-div .dt-content .form-control{ height: 34px; min-height: 34px }
.main-layout-container .form-div .dt-content .btn_add:active,
.main-layout-container .form-div .dt-content .btn_add:focus,
.main-layout-container .form-div .dt-content .btn_add.active,
.main-layout-container .form-div .dt-content .btn_add{position: absolute; top: 7px; left: 10px; border: 0; background: #44b773; color: #fff; font-weight: 600;}
.main-layout-container .form-div .dt-content .btn_add:hover{ background: #389a60; }
.main-layout-container .form-div .dt-content .data-table-container{ margin-bottom: 0; }

/* OneSignal CSS */
#onesignal-popover-container #onesignal-popover-dialog .popover-button.primary.align-right{ font-weight: 600; border-radius: 4px; background-color: #bc243a!important; }
#onesignal-popover-container #onesignal-popover-dialog .primary.popover-button+.secondary.popover-button#onesignal-popover-cancel-button{ font-weight: 600; background: #a8a8a8!important; border-radius: 4px; color: #fff!important; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 6px 0 rgba(0,0,0,.12);}
#onesignal-popover-container #onesignal-popover-dialog{ margin: 75px auto 0!important; }
#onesignal-popover-container.onesignal-popover-container #onesignal-popover-dialog .popover-body-message{ color: #fff!important; }
#onesignal-popover-container.slide-down.onesignal-popover-container #onesignal-popover-dialog{ background: #4f616c!important; border-radius: 4px; }

/* Hand Terminal Modal */
.handTerminalModal .modal-dialog{ width: 100%!important; max-width: 350px!important; min-width: auto!important; }
.handTerminalModal .modal-dialog img{ margin: 10px auto; }
.handTerminalModal .modal-dialog .modal-body h4{ max-width: 250px; text-align: center; border-radius: 4px; background: #4CAF50; color: #ffffff; margin: 0 auto; padding: 8px 10px; }

/* mapbox edit */
#orders_map .card-text{ margin: 0;}


/* manage address page edit */
.ajax-dataTable-page div.dataTables_wrapper div.dataTables_filter{ float: right; }

/* depo stock */
.equal-view{ padding: 15px; }
.equal-view .lab-side{ width: 100%; height: 44px;, font-weight: 600; justify-content: center; align-items: center; display: flex; }
.equal-view .btn.btn-default{ margin-bottom: 10px; }
.equal-view table tbody tr th{ vertical-align: middle; }

/* stock csses */
.btn-add-n-go.btnShowAllStock{ margin-top: 24px; padding: 11px 25px; }
.tab-pane.qo_tabs .panel-heading h4{ margin: 0; }
.tab-pane.qo_tabs .panel-body{ background: #f9f9f9; }
.tab-pane.qo_tabs .panel-body .row+.row label:not(.switch){ display: none; }
.tab-pane.qo_tabs .panel-body .row .btn{ font-weight: 600; background: #222; color: #fff; border: 0; padding: 9px 20px;  }
.tab-pane.qo_tabs .panel-body .row .btn.btn-delete-qo{ background: #f44336; }
.tab-pane.qo_tabs .panel-body .row .btn.btn-add-qo{ background: #4caf50; }
.tab-pane.qo_tabs .panel-body .row .btn.btn-save-qo{ background: #2196F3; }
.qo-wrapper{ max-width: 800px; }
.qo-wrapper.fullWidth{ max-width: 100%; }
.col-md-2.group-div.mw-set{ max-width: 120px; }
.col-md-4.group-div.mw-set{ width: calc(50% - 120px) }
.col-md-2.group-div.mw-set .wSwitch{ padding-bottom: 4px; border-color: #E5EAED }

.customCSSDiv .tab-content .tab-content{ border: none; padding: 0; }
.product-view .daterangepicker.ltr,
.branch-menu-options .daterangepicker.ltr{ z-index: 99999; }
.product-view .daterangepicker.ltr .ranges,
.branch-menu-options .daterangepicker.ltr .ranges{ float: none; padding: 10px; text-align: right; }
.product-view .daterangepicker.ltr .ranges .btn,
.branch-menu-options .daterangepicker.ltr .ranges .btn{ font-weight: 600; }
.product-view .daterangepicker.ltr .ranges .btn.btn-default,
.branch-menu-options .daterangepicker.ltr .ranges .btn.btn-default{ background: #2196f3; border-color: #2196f3; color: #fff; }
.product-view .daterangepicker .daterangepicker_input i,
.branch-menu-options .daterangepicker .daterangepicker_input i{ top: 13px; }


.garsonModal .modal-dialog{ margin-top: 130px; }
.garsonModal .modal-header{ background: #4c6271; border-radius: 5px 5px 0 0; border: 0; color: #fff; }
.garsonModal .modal-header .close{ color: #fff; margin-top: 1px; opacity: 1;}
.garsonModal .modal-content{ min-width: 600px; min-height: 200px;  border-radius: 0 0 5px 5px; background: #f1f1f1; }
.garsonModal .garson_tables{ padding: 15px; }
.garsonModal .garson_tables .form-control{ min-height: 40px; box-shadow: none; border-color: #E5EAED; }
.garsonModal .garson_tables .tables{ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-gap: 10px; padding: 0; max-height: 40vh; overflow-y: auto;}
.garsonModal .garson_tables .tables .table-item{ position: relative}
.garsonModal .garson_tables .tables .table-item .ti-inner{ min-height: 40px; background: #d6d6d6; color: #222; border-radius: 4px; display: flex; justify-content: center; align-items: center; font-size: 18px; padding: 7px; font-weight: bold; }
.garsonModal .garson_tables .tables .table-item.selected .ti-inner{ background: #4CAF50; color: #fff; }
.garsonModal .garson_tables .tables .table-item:first-child .ti-inner{ font-size: 12px; }
.garsonModal .garson_tables .tables .table-item a.anchor-ti{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.garsonModal .garson_tables h4{ font-size: 14px; font-weight: 600 }
.garsonModal .garson_tables h4 span{ color: #2196f3; }
.garsonModal .garson_tables .btn-default.btn-save-tables:active,
.garsonModal .garson_tables .btn-default.btn-save-tables:focus,
.garsonModal .garson_tables .btn-default.btn-save-tables{margin-top: 7px; font-weight: 600; font-size: 16px; background: #2196F3; border-color: #2395f3; color: #fff; padding: 8px 25px;}
.garsonModal .garson_tables .btn-default.btn-save-tables:hover{ background: #007aff; }

.emenu-table-manage .table-section{ margin-bottom: 15px; position: relative; border-radius: 0 5px 5px; overflow: hidden; height: auto; width: 100%; border: 1px solid #f1f1f1; }
.emenu-table-manage .table-section.table-side{ padding: 15px; }
.emenu-table-manage .section-title{  padding: 8px 20px; width: auto; display: inline-flex; border-radius: 5px 5px 0 0; background: #f1f1f1;font-weight: 700; }
.emenu-table-manage .table-section .section-div{ display: flex; float: left; min-height: 130px; align-items: center; padding: 0 20px; }
.emenu-table-manage .table-section .section-description{ width: 70%; }
.emenu-table-manage .table-section .section-description p{ margin: 0; font-weight: 500; color: #666; }
.emenu-table-manage .table-section .section-button{ width: 30%; background: #f1f1f1; justify-content: center }
.emenu-table-manage .table-section .section-button .btn-default:focus,
.emenu-table-manage .table-section .section-button .btn-default:active,
.emenu-table-manage .table-section .section-button .btn-default{ background: #2196f3; color: #fff; border: 0; font-weight: 600; padding: 9px 25px; }
.emenu-table-manage .table-section .section-button .btn-default:hover{ background: #007aff; }
.emenu-table-manage .table-section .section-action{ background: #f9f9f9; border-top: 1px solid #f1f1f1; float: none; width: 100%; display: none; padding: 10px 15px 0; }
.emenu-table-manage .table-section .section-action .btn-default.btn-save-form{ float: right; margin-bottom: 10px; background: #4CAF50; border-color: #4caf50; color: #fff; font-weight: 600; padding: 8px 25px; }
.emenu-table-manage .table-section .section-action .form-group.two-item{ display: flex; align-items: stretch; margin-bottom: 5px; }
.emenu-table-manage .table-section .section-action .form-group.two-item .form-control:nth-child(1){ border-top-right-radius: 0; border-bottom-right-radius: 0; }
.emenu-table-manage .table-section .section-action .form-group.two-item .form-control:nth-child(2){ border-top-left-radius: 0; border-bottom-left-radius: 0; }
.emenu-table-manage .table-section .section-action .form-group.three-item{ display: flex; align-items: stretch; margin-bottom: 5px; }
.emenu-table-manage .table-section .section-action .form-group.three-item .form-control:nth-child(1){ border-top-right-radius: 0; border-bottom-right-radius: 0; }
.emenu-table-manage .table-section .section-action .form-group.three-item .form-control:nth-child(2){ border-radius: 0; }
.emenu-table-manage .table-section .section-action .form-group.three-item .form-control:nth-child(3){ border-top-left-radius: 0; border-bottom-left-radius: 0; }
.emenu-table-manage .table-section .section-action .desc-div p{ font-size: 13px; color: #4CAF50; }
.main-layout-container .form-div .emenu-table-manage textarea.form-control.categoryDesc{ min-height: 102px;}
.mobile-app-edit.emenu-table-manage .tab-content#lang_tab_content{ padding: 0; background: none; border: 0; }
.mobile-app-edit.emenu-table-manage .nav-tabs.lang-nav{ border-bottom: 1px solid #e5eaed; }

.bb_btns{ margin-bottom: 5px; }
.bb_btns .btn-default{ display: inline-flex; width: 30px; height: 28px; justify-content: center; align-items: center; }
.bb_btns .btn-default.bold{ font-weight: bold; }
.bb_btns .btn-default.italic{ font-style: italic }
.bb_btns .btn-default.underline{ text-decoration: underline!important; }

.bbTextArea,.main-layout-container .form-div textarea.form-control.bbTextArea{ resize: none; height: 130px; }
.bbTextArea.h211,.main-layout-container .form-div textarea.form-control.bbTextArea.h211{ height: 211px; }
.bbTextArea.h332,.main-layout-container .form-div textarea.form-control.bbTextArea.h332{ height: 332px; }
.bbTextArea.hLong,.main-layout-container .form-div textarea.form-control.bbTextArea.hLong{ height: 500px; }
.form-control + .input-group-addon select{ margin-right: 4px; height: 30px; border-radius: 4px; padding: 5px; outline: none; background: #f1f1f1; border:0; }


.print-type-modal .radio{ border: 1px solid #e8e8e8; background: #f3f3f3; margin: 5px; border-radius: 5px; width: 48px; height: 43px; padding: 5px; float: left;}
.print-type-modal .radio label{ text-align: center; color: #545454; padding: 5px; width: 100%;}
.print-type-modal .radio .cr{ margin-right: 0; float: none; height: 22px; width: 22px; border-radius: 5px;}
.print-type-modal .radio label input[type="radio"]:checked + .cr > .cr-icon{ display: none;}
.print-type-modal .radio{ height: 40px; border-radius: 3px; width: 100%; padding: 10px; margin: 4px 0;}
.print-type-modal .radio .cr{ margin-right: 7px; float: left; top:3px; font-size: 10px; height: 13px; width: 13px; border-radius: 3px;}
.print-type-modal .radio label{ padding: 0; text-align: left; font-weight: 600; color: #777;}
.print-type-modal .radio.selected{ background: #2196f3; border-color: #2196f3; color: #fff; }
.print-type-modal .radio.selected label{ color:#fff;}
.print-type-modal .radio.selected .cr{ border-color: #fff; background: #fff; color: #2196f3;}
.print-type-modal .radio+.radio{ margin-bottom: 0; }
.print-type-modal .radio+.radio.selected{ border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.print-type-modal .show_api_input .form-control{ border-radius: 0; height: 40px }
.print-type-modal .show_api_input .form-control + .form-control{ border-top: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.print-type-modal .btn_save_printout_props{ margin-top: 10px; width: 100%; font-weight: 600; font-size: 16px; padding: 10px; border: 0;}

/* Product Passive Modal */
.product-passive-modal .modal-body { background: #f9f9f9; }
.product-passive-modal .other-expire-div { padding-left: 20px; width: 30%; }
.product-passive-modal .btn-default.btn-change-product-status:active,
.product-passive-modal .btn-default.btn-change-product-status:focus,
.product-passive-modal .btn-default.btn-change-product-status{ background: #2196F3; color: #fff; height: 50px; display: flex; width: 100%; justify-content: center; align-items: center; font-weight: 600; font-size: 16px; border: 0; }
.product-passive-modal .btn-default.btn-change-product-status:hover{ background: #0a6ebd; }
.product-passive-modal .form-group.no-margin{ margin-bottom: 0; }
.menuSetTable .no-padding{ padding: 0!important;}

.top-menu .right-menu .sub-menu.selected_branch .account-div{ padding: 12px 12px 6px; max-height: 250px; overflow: auto; }
.top-menu .right-menu .sub-menu.selected_branch .account-div::-webkit-scrollbar{ width: 20px; }
.top-menu .right-menu .sub-menu.selected_branch .account-div::-webkit-scrollbar-track { overflow: hidden; background: #3f4b53; border-radius: 0px 10px 10px 0;}
.top-menu .right-menu .sub-menu.selected_branch .account-div::-webkit-scrollbar-thumb { background: #1d282f; border-radius: 0 10px 10px 0; }
.top-menu .right-menu .sub-menu.selected_branch .account-div::-webkit-scrollbar-thumb:hover {background: #1d282f;}

.subscription-page{}
.subscription-page .result-container{ padding: 0 15px; }
.subscription-page .result-container .message-wrapper{ display: flex; justify-content: center; align-items: center; min-height: 300px; text-align: center; padding: 35px; position: relative; border: 1px solid #E5EAED; border-radius: 10px; background: #FFFFFF; }
.subscription-page .result-container .message-wrapper p{ margin: 0 auto 15px; max-width: 560px; font-weight: 600; text-align: center; font-size: 16px; }
.subscription-page .result-container .message-wrapper a.btn-go{ border: 0; padding: 10px 25px; margin: 15px auto 0; font-weight: 600; display: inline-block }
.subscription-page .result-container .form-wrap{ max-width: 650px; }
.subscription-page .no-padding{ padding: 0!important; }
#extension_detail .stripe-form,
.subscription-page .stripe-form{ background: #fff; padding: 11px; border: 1px solid #E5EAED; margin-bottom: 15px; border-radius: 4px; }
.result-container.stripe-c-area { background:#fff !important; padding:20px !important; border-radius: 10px; box-shadow: 0px 0px 52px 0px rgb(0 0 0 / 10%); -webkit-box-shadow:0px 0px 52px 0px rgb(0 0 0 / 10%); min-height: 400px; }
.stripe-c-btn { width:100%; margin-top:10px; }
.subs_desc { font-size: 16px; color: #4e4e4e; }
.stripe-c-img img {float: right; margin-top:20px; }
.cm-s-darcula.CodeMirror{ border-radius: 5px;}

/* extension page css */
.comments-view-page.extensions-edit .newNav-style.nav-tabs>li>a{ border-radius: 4px; padding-left: 15px}
.comments-view-page.extensions-edit .newNav-style.nav-tabs>li.search-side .form-control{ border-bottom-left-radius: 4px }
.comments-view-page.extensions-edit .newNav-style.nav-tabs>li.search-side .btn{ border-bottom-right-radius: 4px; }
.comments-view-page.extensions-edit .packages-container{ padding: 15px 5px; margin: 0; width: 100%; display: block; height: auto; position: relative; }
.comments-view-page.extensions-edit .packages-container > .row{ margin: 0 -10px; }
.comments-view-page.extensions-edit .packages-container > .row .package-item{ position: relative; padding: 5px;  }
.comments-view-page.extensions-edit .packages-container > .row .package-item a.full-anchor{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.comments-view-page.extensions-edit .packages-container > .row .package-item .package-flex{ width: 100%; min-height: 240px; display: flex; text-align: center; justify-content: center; align-items: center; background: #fff; border-radius: 4px;}
.comments-view-page.extensions-edit .packages-container > .row .package-item .package-flex .package-inner{ width: 100%; }
#extension_detail .modal-body .left-side .icon-side,
.comments-view-page.extensions-edit .package-flex .icon-side{ width: 100px; height: 100px; border-radius: 50%; display: flex; margin: 0 auto 15px; background: #0B2C5F; }
#extension_detail .modal-body .left-side .icon-side[data-type="type-1"],
.comments-view-page.extensions-edit .package-item[data-type="type-1"] .package-flex .icon-side{ background: #f44336; }
#extension_detail .modal-body .left-side .icon-side[data-type="type-2"],
.comments-view-page.extensions-edit .package-item[data-type="type-2"] .package-flex .icon-side{ background: #2196f3; }
#extension_detail .modal-body .left-side .icon-side[data-type="type-3"],
.comments-view-page.extensions-edit .package-item[data-type="type-3"] .package-flex .icon-side{ background: #ff9800; }
.comments-view-page.extensions-edit .package-flex .package-title{ font-weight: 600; font-size: 16px}
.comments-view-page.extensions-edit .package-flex .package-desc{ color: #777777}
.comments-view-page.extensions-edit .package-flex .package-price{ color: #777777; padding: 8px; width: 70%; margin: 10px auto 0; border-radius: 4px; background: #f1f1f1;}
.comments-view-page.extensions-edit .package-flex .package-price span{ color: #333; font-weight: 600; }
#extension_detail .modal-body{ min-height: 50vh; position: relative;}
#extension_detail .modal-body .left-side{ height: calc(50vh - 80px); display: block; width: 120px; float: left;}
#extension_detail .modal-body .right-side{ height: calc(50vh - 80px); overflow: auto; padding: 0 15px; display: block; width: calc(100% - 120px); float: left;}
#extension_detail .modal-body .buttons-side{ margin-top: 10px; height: 40px; width: calc(100% - 120px); float: right; }
#extension_detail .modal-body .buttons-side .modal-btn{ position: relative; font-weight: 600; overflow: hidden; color: #fff; display: block; height: 40px; width: 100%; border-radius: 4px; background: #4caf50; }
#extension_detail .modal-body .buttons-side .modal-btn a.full-anchor{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
#extension_detail .modal-body .buttons-side .modal-btn .text-side{ display: flex; height: 40px; width: 50%; justify-content: center; align-items: center; text-align: center; float: left;}
#extension_detail .modal-body .buttons-side .modal-btn .price-side{ background: rgba(0,0,0, .1); display: flex; height: 40px; width: 50%; justify-content: center; align-items: center; text-align: center; float: left;}
#extension_detail .modal-body .right-side .package-title{ font-weight: 600; font-size: 24px; margin-bottom: 5px; }
#extension_detail .modal-body .right-side .package-count{ color: #777777; font-size: 14px; margin-bottom: 20px; }
#extension_detail .modal-body .right-side .package-desc{ color: #777777; font-size: 14px; }
.comments-view-page.extensions-edit .newNav-style.nav-tabs>li>a i{ top: 10px; left: 15px;}
.comments-view-page.extensions-edit .newNav-style.nav-tabs>li>a span{ margin-left: 25px; }
#extension_detail_body .icon-side, .packages-container .package-flex .package-inner .icon-side {text-align: center;justify-content: center;align-items: center;}
#extension_detail_body .icon-side i, .packages-container .package-flex .package-inner .icon-side i {color: #fff;font-size: 36px;}

.menuSetTable a[data-toggle="popover"]{ padding: 16px 8px; width: 100%; position: relative; display: block;}

/* Product menu-group extra price update excel modal */
.update-menu-product-extra-price-div{ width: 100%; height: auto; overflow: hidden; position: relative; display: block; }
.update-menu-product-extra-price-div .desription-div{ width: 70%; text-align: center; display: block; margin: 0 auto; height: auto; overflow: hidden;  }
.update-menu-product-extra-price-div .desription-div p{ margin-bottom: 0; color: #797979; font-size: 16px; }
.update-menu-product-extra-price-div .btns-div{ width: 100%; max-width: 300px; margin: 25px auto 20px; text-align: center; height: auto; overflow: hidden; position: relative; display: block;}
.update-menu-product-extra-price-div .btns-div .btn-item{ display: flex; text-decoration: none; background: #2196F3; color: #fff; border-radius: 4px; justify-content: center; align-items: center; width: calc(50% - 5px); height: 120px; float: left; font-weight: 600; padding: 20px;}
.update-menu-product-extra-price-div .btns-div .btn-item i{ display: block; margin: 0 auto; font-size: 3rem;}
.update-menu-product-extra-price-div .btns-div .btn-item:first-child{ margin-right: 10px; background: #449d44; }
.update-menu-product-extra-price-div #update_excel_menu_product_ext_price{ width: 1px; height: 1px; overflow: hidden; position: absolute; top:0; right: 0; }
.update-menu-product-extra-price-div .no-selected .no-selected{ display: inline-block;}
.update-menu-product-extra-price-div .no-selected .selected-file{ display: none;}
.update-menu-product-extra-price-div .selected-file .no-selected{ display: none;}
.update-menu-product-extra-price-div .selected-file .selected-file{ display: inline-block;}

/* loyalty payment settings */
.loyalty-payments .checkbox-container{ padding: 0; }
.loyalty-payments .form-group{ background: #FFFFFF; padding: 10px;}
.loyalty-payments .form-group .radio{ display: inline-block; width: calc(50% - 5px); margin: 0; }
.loyalty-payments .form-group .radio label{ width: 100%; padding: 7px 15px; border-radius: 4px; background: #e8e8e8; color: #777; font-weight: 600; }
.loyalty-payments .form-group .radio label.selected{ background: #2196F3; color: #fff; }
.loyalty-payments .form-group .radio label.selected input[type="radio"]:checked + .cr{ background: #FFFFFF; border-color: #FFFFFF; }
.loyalty-payments .form-group .radio label.selected input[type="radio"]:checked + .cr > .cr-icon{ left: 2px; color: #2196F3; }
.loyalty-payments .form-group .radio+.radio{ margin-left: 5px;}
.loyalty-payments .payment-types-row .checkbox-item.selected label{ background: #2196F3; }
.loyalty-payments .payment-types-row .panel-default .panel-heading{ background: #e3e3e3; padding: 7px 15px; color: #545454; }
.loyalty-payments .payment-types-row .panel-default .panel-heading i{ min-width: 22px; }


.btn-add-n-go.productMatchModalBtn{ margin-right: 10px; background: #0F9E5E!important; }
#branchProductMatchModal .prMaBtn{ min-width: 120px; }
#branchProductMatchModal .prMaBtn .span-matched{ display: none; }
#branchProductMatchModal .prMaBtn.matched{ background: #0F9E5E!important; }
#branchProductMatchModal .prMaBtn.matched .span-matched{ display: inline; }
#branchProductMatchModal .prMaBtn.matched .not-matched{ display: none; }
#branchProductMatchModal .modal-footer{ display: block; }
#branchProductMatchModal .modal-body{ max-height: 80vh; overflow: auto; }
#branchProductMatchModal .modal-footer .btn{ padding: 9px 20px; font-weight: 600; background: #2196F3!important; color: #fff; border-color: #2196F3!important; }

.mobile-mo-btns{ display: none; padding: 0; margin: 0; }

.mo-modal .choose-prd-div .product-el .product-flex a.animate-item{ background-color: aliceblue; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0;}
.mo-modal .choose-prd-div .product-el .product-flex a.animated-item{
    -webkit-animation: clickEffect 0.5s ease-out;
    animation: clickEffect 0.5s ease-out;
}

@-webkit-keyframes clickEffect {
    50% {
        opacity: .5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes clickEffect {
    50% {
        opacity: .5;
    }
    100% {
        opacity: 0;
    }
}

.form-control.change_platform_status{ max-width: 120px; display: inline-block; }
.form-control.platform_prepare_time{ max-width: 80px; display: inline-block; }
.allorders-table.edit-1510 .new-select-div.platform-select-div{ float: right; }

#dashboardDetails.modal{ z-index: 99999;}

/* Media Queries */
/* line-through class */
/*.line-through{ text-decoration: line-through; }*/
@media (min-width: 480px){
    .newNav-style.nav-tabs>li.collapse-all-btn a i{ display: none;}
}

@media (min-width: 990px){
    .option-modal.modal,
    .qr-modal.modal,
    .extra-modal.modal { text-align: center; padding: 0!important;}
    .option-modal.modal:before,
    .qr-modal.modal:before,
    .extra-modal.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
    .option-modal .modal-dialog,
    .qr-modal .modal-dialog,
    .extra-modal .modal-dialog { display: inline-block; text-align: left; vertical-align: middle;}
    .option-modal .modal-dialog{ min-width: 800px;}
    .modifier-modal .modal-dialog{ min-width: 900px;}
}

@media (min-width: 768px) {
    .options-buttons.btn-group-5 .options-item{ width: 20%;}
    .options-buttons.btn-group-4 .options-item{ width: 25%;}
    .options-buttons.btn-group-6 .options-item{ width: 16.666667%;}
    .options-buttons.btn-group-3 .options-item{ width: 33.33334%;}

}

@media (min-width: 1200px){
    .welcome-page .left-side{ padding-right: 10px;}
    .welcome-page .right-side{ padding-left: 10px;}
    /* table edit */
    .table-bordered>thead>tr>td.last-td, .table-bordered>thead>tr>th.last-td, .table-bordered>tfoot>tr>td.last-td, .table-bordered>tfoot>tr>th.last-td, .table-bordered>tbody>tr>td.last-td, .table-bordered>tbody>tr>th.last-td{ width: 5%;}
    .option-modal.modal,
    .show-payment-modal.modal,
    .extra-modal.modal {
        text-align: center;
        padding: 0!important;
    }

    .option-modal.modal:before,
    .show-payment-modal.modal:before,
    .extra-modal.modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .option-modal .modal-dialog,
    .show-payment-modal .modal-dialog,
    .extra-modal .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    .option-modal .modal-dialog{
        min-width: 800px;
    }
    .option-modal.nw-pr-price-modal .modal-dialog{
        min-width: 1100px;
    }

    .option-modal.present-days-modal .modal-dialog{
        min-width: 1000px;
    }

    .option-modal .checkbox-container .checkbox-item{ width: 33.3333333%; }
    .restaurant-welcome-div .info-item:nth-child(1){padding-right: 7px;}
    .restaurant-welcome-div .info-item:nth-child(2),
    .restaurant-welcome-div .info-item:nth-child(3){padding-left: 7px; padding-right: 7px;}
    .restaurant-welcome-div .info-item:nth-child(4){padding-left: 7px;}
    .menu-option-buttons .options-item .item-inner .text-div h4{ font-size: 20px;}
    .menu-option-buttons .options-item .item-inner .icon-div{ font-size: 1.8vw;}
    .form-div .images-preview.edit .thumb-item,
    .form-div .images-preview.edit .thumb-item.file-upload-div,
    .form-div .images-preview.edit .thumb-item.file-upload-div2{ width: calc(25% - 10px);}
    .report-cart-items .col-md-3{ padding-left: 5px; padding-right: 5px; }
    .charts-container .charts-row.two-col .chart-div:nth-child(2n+1){ padding-right: 5px;}
    .charts-container .charts-row.two-col .chart-div:nth-child(2n+2){ padding-left: 5px;}
    .modifier-modals .modal-dialog{ min-width: 900px;}
    .modifier-modals.edit-modal.modal { text-align: center; padding: 0!important; }.future-order-div .table-content
    .modifier-modals.edit-modal.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
    .modifier-modals.edit-modal .modal-dialog { display: inline-block;  width: 100%; max-width: 900px; text-align: left; vertical-align: middle; }
    #modalModifierList .modal-dialog{ max-width: 1100px; }
    .future-order-div .top-side,
    .future-order-div .table-content{ width: 60%; }
    .future-order-div .detail-head,
    .future-order-div .detail-content{ width: 40%; }
    .detail-tables.fullWTable.newTable.future-order-div .detail-inner .table-row .order-total{ width: 70px; }
    .detail-tables.fullWTable.newTable.future-order-div .detail-inner .table-row .order-customer{ width: calc(35% - 116px); }
    .detail-tables.future-order-div .detail-inner .table-row .order-area,
    .detail-tables.fullWTable.newTable.future-order-div .detail-inner .table-row .order-action,
    .detail-tables.fullWTable.newTable .detail-inner .table-row .order-action{ width: calc(30% - 80px); }
    .detail-tables.fullWTable.newTable.future-order-div .detail-inner .table-row .order-delivery-time{ width: 126px; }
    .detail-tables.future-order-div .detail-inner .table-row .order-item{ min-height: 100px;}
    .detail-tables.fullWTable.future-order-div .detail-inner .table-row.all-branches .delivery_time_order{ display: none!important; }
}

@media (max-height: 800px){
    .main-menu .left-side ul li{ max-height: 11.5vh;}
    .mobile-preview-css .tab-pane .flex-div .ios-phone{ padding: 90px 25px 93px; position: relative; width: 450px; height: 905px; display: block; transform: scale(0.5);  background: url('/assets/images/frame.png') center no-repeat; background-size: cover; }
    .mobile-preview-css .tab-pane .flex-div .ios-phone iframe{ border: 0; display: block; position: relative; width: 100%; height: 100%; background: #222;}

    .mobile-preview-css .tab-pane .flex-div .md-phone{ padding: 78px 24px 117px; position: relative; width: 494px; height: 936px; display: block; transform: scale(0.5);  background: url('/assets/images/frame2.png') center no-repeat; background-size: cover; }
    .mobile-preview-css .tab-pane .flex-div .md-phone iframe{ border: 0; display: block; position: relative; width: 100%; height: 100%; background: #222; border-radius: 10px;}

    .mobile-preview-css .tab-pane .flex-div .md-tablet{ padding: 59px 29px; position: relative; width: 500px; height: 702px; display: block; transform: scale(0.62);  background: url('/assets/images/frame3.png') center no-repeat; background-size: cover; }
    .mobile-preview-css .tab-pane .flex-div .md-tablet iframe{ border: 0; display: block; position: relative; width: 100%; height: 100%; background: #222; border-radius: 2px;}

    .mobile-preview-css .tab-pane .flex-div .ios-tablet{ padding: 57px 29px; position: relative; width: 500px; height: 650px; display: block; transform: scale(0.65);  background: url('/assets/images/frame4.png') center no-repeat; background-size: cover; }
    .mobile-preview-css .tab-pane .flex-div .ios-tablet iframe{ border: 0; display: block; position: relative; width: 100%; height: 100%; background: #222; border-radius: 2px;}

}

@media (max-width: 1640px) {
    .customer-view-page .customer-address-side .cw-add-address{ top: 0; right: auto; left: 0; display: inline-block; float: none!important; margin-left: 15px; margin-bottom: 10px; }
    .nw_check_list .check-container .checkbox-item{ width: 25%;}
    .data-table-container.new-pr-table .dataTables_length{ width: 100%; margin-bottom: 1px;}
    .data-table-container.new-pr-table.cat-table .dataTables_length{ width: auto; margin-bottom: 1px;}
    .product-list-table.new-pr-table .new-select-div{ width: 50%; margin-right: 1px;}
    .product-list-table.new-pr-table .new-select-div:nth-child(even){ width: calc(50% - 1px); margin-right: 0;}
    .product-list-table.new-pr-table.cat-table .new-select-div{ width: auto; margin-right: 1px;}
    .product-list-table.new-pr-table.cat-table .new-select-div:nth-child(even){ width: auto; margin-right: 0;}
    .data-table-container.new-pr-table .dataTables_filter{ width: 100%; margin-bottom: 0; }
    .data-table-container.new-pr-table.cat-table .dataTables_filter{ width: auto; margin-bottom: 0; }
    .data-table-container.new-pr-table .dataTables_filter label{ width: 100%!important; max-width: 100%!important; }
    .data-table-container.new-pr-table .dataTables_filter label span,
    .data-table-container.new-pr-table .dataTables_filter label:before{ width: 95px!important; text-align: left; }
    .data-table-container.new-pr-table .dataTables_filter label .form-control{ width: calc(100% - 95px)!important; max-width: calc(100% - 95px) !important;}
    .new-pr-table .new-select-div .icon-text{ font-size: 11px; width: 96px; }
    .new-pr-table .new-select-div{ width: 100%; margin-bottom: 5px; }
    .new-pr-table .new-select-div:after{ top: 11px; right: 12px; }
    .new-pr-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 96px)!important;}
    .modifier-boxed-design .modifier-boxed-item{ width: 25%; }
}

@media only screen and (max-width: 1510px) and (min-width: 992px) {
    /* BIG DATATABLES EDIT */
    .data-table-container.edit-1510 .dataTables_length{ width: 100%; }
    .data-table-container.edit-1510 #DataTables_Table_0_filter{ float: left; width: 50%; }
    .allorders-table.edit-1510 .new-select-div{ width:  calc(50% - 7px); margin-bottom: 7px; }
    .allorders-table.edit-1510 .new-select-div+.new-select-div{ margin-right: 0; width: 50%;}
    .allorders-table.edit-1510 .new-select-div.nd-select{ width: 50%; }
    .allorders-table.edit-1510 .new-select-div.nd-select .form-control{ width: calc(100% - 100px);}
    .data-table-container.ipad-edit.allorders-table.edit-1510 div.dataTables_wrapper div.dataTables_length select.unqiue-select{ width: calc(50% - 39px)}
    .data-table-container.ipad-edit.allorders-table.edit-1510.with-platform div.dataTables_wrapper div.dataTables_length select.unqiue-select{ width: calc(50% - 37px)}
    .data-table-container.ipad-edit.allorders-table.edit-1510 div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 100px) }
    .data-table-container.ipad-edit.allorders-table.edit-1510 .new-select-div .icon-text{ width: 100px;}
    .data-table-container.ipad-edit.allorders-table.edit-1510 .dataTables_length{ margin-bottom: 0; }
    .allres-table.edit-1510 .new-select-div{ width:  calc(30% - 7px); margin-bottom: 7px; }
    .allres-table.edit-1510 .new-select-div+.new-select-div{ margin-right: 0; width: 50%;}
    .allres-table.edit-1510 .new-select-div.nd-select{ width: 45%; }
    .allres-table.edit-1510 .new-select-div.nd-select .form-control{ width: calc(100% - 100px);}
    .data-table-container.ipad-edit.allres-table.edit-1510 div.dataTables_wrapper div.dataTables_length select.unqiue-select{ width: calc(25% - 39px)}
    .data-table-container.ipad-edit.allres-table.edit-1510 div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 100px) }
    .data-table-container.ipad-edit.allres-table.edit-1510 .new-select-div .icon-text{ width: 100px;}
    .data-table-container.ipad-edit.allres-table.edit-1510 .dataTables_length{ margin-bottom: 0; }
    .data-table-container.edit-1510 .btn-search-filter{ top: -2px; }
    .data-table-container #DataTables_Table_0_filter label{ max-width: 100%; }
    .data-table-container.edit-1510 #DataTables_Table_0_filter label span,
    .data-table-container.edit-1510 #DataTables_Table_0_filter label:before{ width: 100px; }
    .data-table-container.edit-1510 #DataTables_Table_0_filter label .form-control{ max-width: unset; width: calc(100% - 100px) }
    .allorders-table.edit-1510 .new-select-div.platform-select-div{ width: calc(50% - 7px); margin-right: 7px; float: none; }
    .allorders-table.edit-1510 .new-select-div.platform-select-div:after{ top: 15px; }
    .data-table-container.edit-1510.with-platform #DataTables_Table_0_filter{ float: right; position: relative; top: -40px; margin-bottom: -40px; }
}

@media (max-width: 1460px) {
    .reports-filters .date-group{ width: 50%;}
    .reports-filters.four-group .date-group{ width: 33.333333%; }
    .main-layout-container .form-div .three-group .group-div.date-group:nth-child(2){ padding-right: 15px;}
    .main-layout-container .form-div .three-group .group-div.filter-group{ width: 100%; padding-left: 15px; margin-bottom: 10px; }
    .report-cart-item .inner .price{ font-size: 2rem; }
    .sort-boxes-container .sort-box{ width: 25%; }
    .highlight { width: 25%; }

}

@media (max-width: 1400px) {
    .pos-sync-side .mobile-goster{ display: block; }
    .pos-sync-side .desktop-goster{ display: none; }
    .area-map-container #map{ width: calc(100% - 400px);}
    .area-map-container #panel{width: 400px; }
    .customer-address-side,
    .customer-detail-side{ width: 100%; padding-left: 15px; padding-right: 15px; margin-bottom: 15px;}
    .customer-address-side .cp-addresses{ width: 33.333333%;}

    .order-navbar .logo-container{ width: 150px; }
    .order-navbar .menu-list-container{ width: calc(100% - 150px); }
    .container.rewidth{ max-width: 100%;}
    .branch-status-div .row.branch-status-row .branch-action-div .btn-default i{ display: inline-block;}
    .branch-status-div .row.branch-status-row .branch-action-div .btn-default span{ display: none;}
    .nb-list .branch-list-item{ width: 25%; padding: 0 5px; }
    .nb-list .innerdiv h4{ font-size: 16px; text-align: center; }
    .nb-list .innerdiv h4 i { display: none; }
    .row.nb-list{ margin: 0 -5px; }
    .customer-view-page .customer-address-side .cw-add-address{ top: 7px; right: 10px; font-weight: bold; }
    .theme-options .fullIt{ width: 100%;}
    .restaurant-welcome-div .info-item.top-btns .title-div h4{ font-size: 14px;}
    .main-layout-container .form-div .product_color_select .color_palette_picker .color-item{ width: 10%;}
    .report-cart-item.seperated-div .inner .sep-item h4.sep-title{ font-size: 14px; }
    .report-cart-item.seperated-div .inner .sep-item h3.sep-text{ font-size: 16px; margin-top: 5px; color: #5dce5d; }
}

@media (max-width: 1310px) {
    .desktop-tab-slider{ display: none;}
    .mobile-tab-slider{ display: block;}
    .customer-view-page .nav-tabs.cp-nav-type.mobile-tab-slider { margin-bottom: 2px;}
    .customer-view-page .nav-tabs.cp-nav-type.mobile-tab-slider .nav-li a { margin-bottom: 2px;}
    .customer-view-page .nav-tabs.cp-nav-type.mobile-tab-slider .nav-li i { margin-right: 5px;}
    .embed-settings .half-item1:nth-child(1){ width: 100%;}
    .embed-settings .half-item1:nth-child(2){ width: calc(100% - 200px);}
    .restaurant-welcome-div .info-item .info-inner .left-side{ width: 55%; }
    .restaurant-welcome-div .info-item .info-inner .right-side{ width: 45%; }
    .modifier-boxed-design .modifier-boxed-item{ width: 33.333334%; }
    .ws_settings_div .rest-logo-input:first-child,
    .ws_settings_div .rest-logo-input:nth-child(2){ padding: 0; width: 100%;}
    .ws_settings_div .rest-logo-input .form-group .images-preview{ padding: 8px; }
    .main-layout-container .quick-action-div .inner .modifier-page-head .text-side{ width: 36%; padding-right: 5px;}
    .main-layout-container .quick-action-div .inner .modifier-page-head .btn-side{ width: 64%; padding-left: 5px; }
    .report-cart-items .info-boxes{ width: 50%; }
    .report-cart-item.seperated-div .inner .sep-item h4.sep-title{ font-size: 16px; }
    .report-cart-item.seperated-div .inner .sep-item h3.sep-text{ font-size: 20px; margin-top: 5px; color: #5dce5d; }
    .report-cart-items .col-md-6.guest-reports{ padding-left: 15px; padding-right: 15px; width: 100%; }
    .row.reports-header .layout-settings{ padding: 10px 0; }
    .row.reports-header .layout-settings .pos-sync-side{ width: 100%; float: none; }
    .p-r-50{ padding-right: 10px;}
    .p-l-50{ padding-left: 10px;}
    .detail-tables .detail-inner .table-row .order-total i{ top: -1px!important; }
}

@media (max-width: 1200px) {
    .detail-tables.fullWTable.newTable.future-order-div .detail-inner .table-row .order-delivery-time{ display: none; }
    .main-menu .right-side .item-title a{ height: 39px;}
    .main-menu .left-side .left-logo-side img{ max-width: 100px;}
    .main-menu .left-side .left-logo-side,
    .main-menu .right-side .menu-title{ height: 60px;}
    .main-menu .right-side .item-title{ width: 94%; margin-bottom: 0; }
    .nw_check_list .check-container .checkbox-item{ width: 33.333333%;}
    .options-item .item-inner .text-div h4{ font-size: 14px; }
    .restaurant-welcome-div .info-item.top-btns .info-inner{ min-height: 290px;}
    .restaurant-welcome-div .info-item.sparks-item,
    .restaurant-welcome-div .info-item.top-btns{ width: 50%;}
    .customer-detail-side .tab-side, .customer-detail-side .customer-infos-div{ width: 100%;}
    .customer-detail-side .customer-infos-div{ border-right: 0;}
    .top-menu .right-menu .btn-default.btn-mobile-menu:hover,
    .top-menu .right-menu .btn-default.btn-mobile-menu:active,
    .top-menu .right-menu .btn-default.btn-mobile-menu:focus,
    .top-menu .right-menu .btn-default.btn-mobile-menu{ float: right; top:7px; right: 10px; position: relative; display: flex; height: 34px; width: 36px; justify-content: center; align-items: center; border: 0; background: #1d282f; color:#fff;  padding: 0; font-size: 16px;}
    .mobile-app-edit .nav-tabs>li>a i{ margin-right: 5px; display: inline-block;}
    .mobile-app-edit .nav-tabs>li>a span{ display: none;}
    .mobile-app-edit .nav-tabs>li>a.btn-new-screen span,
    .mobile-app-edit .nav-tabs>li.active>a span{ display: inline-block; font-size: 12px;}
    .comments-item-container.col-md-4{ width: 50%;}
    .comments-view-page .newNav-style.nav-tabs>li>a {height: 42px;}
    .comments-view-page .newNav-style.nav-tabs>li>a i{ left:11px;}
    .comments-view-page .newNav-style.nav-tabs>li>a span{ display: none;}
    .comments-view-page .newNav-style.nav-tabs>li.active>a span{ display: inline;}
    .comments-view-page .newNav-style.nav-tabs>li.active>a i{ left:7px;}
    .data-table-container.ipad-edit .new-select-div .icon-text{ font-size: 11px;}
    .comments-view-page.extensions-edit .newNav-style.nav-tabs>li{ margin-bottom: 5px; }
    .comments-view-page.extensions-edit .newNav-style.nav-tabs>li>a i{ top: 0; left: 0; position: relative; margin: 0; }
    .comments-view-page.extensions-edit .newNav-style.nav-tabs>li.active>a span{ margin-left: 5px; }
    .data-table-container.ipad-edit div.dataTables_wrapper div.dataTables_length select{ width: 110px; font-size: 12px;}
    .order-navbar .order-nav li .btn.open, .order-navbar .order-nav li .open .btn, .order-navbar .order-nav li .btn:focus, .order-navbar .order-nav li .btn:active, .order-navbar .order-nav li .btn{ font-weight: 500!important; font-size: 12px;}
    .top-menu .right-menu .sub-menu,
    .top-menu .right-menu .sub-menu.view-website,
    .top-menu .right-menu .sub-menu.quick-settings{ left:0!important; right: auto; top: calc(100% + 5px); border-radius: 0 0 10px 10px; }
    .top-menu .right-menu .sub-menu.view-website.right-align{ left: auto!important;; right: 0; }
    .top-menu .right-menu ul li.hovered>a { background: #fff; color: #293740; }
    .top-menu .right-menu .sub-menu.quick-settings:before, .top-menu .right-menu .sub-menu.view-website:before{display: none;}
    .restaurant-welcome-container .restaurant-welcome-div .table-item{ width: 100%;}
    .data-table-container.ipad-edit .dataTables_length{ width: 100%; margin-bottom: 5px;}
    .data-table-container.ipad-edit #DataTables_Table_0_filter{ float: left;}
    .reports-container .report-item{ width: 50%;}
    .report-item.two-col .item-inner .content-div .icon-div{ width: 40%; }
    .report-item.two-col .item-inner .content-div .text-div{ width: 60%; }
    .newNav-style.nav-tabs>li>a{font-size: 12px;}
    .top-menu .right-menu li.hovered .sub-menu{z-index: 101;}
    .top-menu .right-menu ul{ display: none; background: #3a4953; min-width: 300px; width: calc(100% - 220px); position: absolute; right: 0; top:50px; padding: 3px 3px 5px; border-radius: 0 0 0 0;}
    .top-menu .right-menu ul li { display: block; width: 20%; height: 125px; padding: 7px!important; float: left;}
    .top-menu .right-menu ul li a:hover,
    .top-menu .right-menu ul li a:active,
    .top-menu .right-menu ul li a:focus,
    .top-menu .right-menu ul li a{ padding: 0; margin: 0; box-shadow: inset 0 -2px 0 #c3c3c3; display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; background: #fff; border-radius: 5px; color: #293740;}
    .top-menu .right-menu ul li a i{ font-size: 20px; margin: 0 auto 5px; display: block;}
    .top-menu .right-menu li.hovered .sub-menu a.all_pnl.select_branch_item{ justify-content: flex-start; }
    .icon-picker .icons-selector .fip-box{ width: calc(20% - 4px)}
    .charts-container .charts-row.two-col .chart-div{ width: 100%;}


    /* Like iPad landscape */
    .top-menu .right-menu{ width: 100%;}
    .p-l-50.p-r-50{ padding-left: 20px; padding-right: 20px;}
    .top-menu .right-menu ul li.expend-li{ display: none; }
    .hidden-menu{ right: -360px; width: 360px;}
    .allorders-table .new-select-div{ width:  calc(50% - 7px); margin-bottom: 7px; }
    .allorders-table .new-select-div+.new-select-div{ margin-right: 0; width: 50%;}
    .allorders-table .new-select-div.nd-select{ width: 50%; }
    .allorders-table .new-select-div.nd-select .form-control{ width: calc(100% - 82px);}
    .data-table-container.ipad-edit.allorders-table div.dataTables_wrapper div.dataTables_length select.unqiue-select{ width: calc(50% - 39px)}
    .data-table-container.ipad-edit.allorders-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 82px) }
    .data-table-container.ipad-edit.allorders-table .new-select-div .icon-text{ width: 82px;}
    .data-table-container.ipad-edit.allorders-table .dataTables_length{ margin-bottom: 0; }
    .data-table-container.ipad-edit.allorders-table.edit-0107 .dataTables_length{ width: 50%; padding-right: 10px }
    .data-table-container.ipad-edit.allorders-table.edit-0107 .dataTables_filter{ width: 50%; padding-right: 10px }
    .data-table-container.ipad-edit.allorders-table.edit-0107 label .form-control{ width: calc(100% - 80px)!important; max-width: calc(100% - 80px) }
    .data-table-container.ipad-edit.allorders-table.edit-0107 label span{ width: 80px!important; font-size: 11px; }
    .data-table-container.ipad-edit.edit-0107 #DataTables_Table_0_filter label{ max-width: 100% }
    .data-table-container.ipad-edit.edit-0107 #DataTables_Table_0_filter{ padding-right: 0; }
    .data-table-container.ipad-edit.allorders-table.edit-0107 .new-select-div{ width: 100% }
    .data-table-container.ipad-edit.allorders-table.edit-0107 .new-select-div .icon-text{ width: 100px; }
    .data-table-container.ipad-edit.allorders-table.edit-0107 div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 100px); }
    .allres-table .new-select-div{ width:  calc(30% - 7px); margin-bottom: 7px; }
    .allres-table .new-select-div+.new-select-div{ margin-right: 0; width: 50%;}
    .allres-table .new-select-div.nd-select{ width: 45%; }
    .allres-table .new-select-div.nd-select .form-control{ width: calc(100% - 82px);}
    .data-table-container.ipad-edit.allres-table div.dataTables_wrapper div.dataTables_length select.unqiue-select{ width: calc(25% - 39px)}
    .data-table-container.ipad-edit.allres-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 82px) }
    .data-table-container.ipad-edit.allres-table .new-select-div .icon-text{ width: 82px;}
    .data-table-container.ipad-edit.allres-table .dataTables_length{ margin-bottom: 0; }
    .data-table-container .btn-search-filter{top:0;}
    .ch-item h4{ font-size: 20px; padding: 19px;}
    h2.clock-select-wrapper{ font-size: 20px;}
    .cal-detail-wrapper .clock-item .checkbox label, .cal-detail-wrapper .clock-item .radio label{ font-size: 18px; }
    .cal-detail-wrapper .btn-go-next-step:active, .cal-detail-wrapper .btn-go-next-step:focus, .cal-detail-wrapper .btn-go-next-step{ padding: 10px 26px; font-size: 16px;}
    .cs-info-item .cs-inner{ font-size: 13px;}
    .res_view .cal-hide-empty .btn.btn-default, .res_view .cal-hide-empty .btn.btn-default:active, .res_view .cal-hide-empty .btn.btn-default:focus, .res_view .cal-next-week .btn.btn-default, .res_view .cal-next-week .btn.btn-default:active, .res_view .cal-next-week .btn.btn-default:focus, .res_view .cal-week .btn.btn-default, .res_view .cal-week .btn.btn-default:active, .res_view .cal-week .btn.btn-default:focus, .res_view .cal-week .btn.btn-default, .res_view .cal-week .cal-label{ width: 100%; }
    .customerlist-table table.table-bordered > tbody > tr > td{ min-width: 120px; }
    .res_view .table>thead>tr>th> .th-inner{ font-size: 14px;}
    .res_view .table>tbody>tr>td .cal-event .ce-inner{ font-size: 12px;}
    .customer-address-side .cp-addresses{ width: 100%;}
    .report-item .item-inner .content-div .icon-div,
    .report-item.two-col .item-inner .content-div .icon-div{ width: 25%; font-size: 38px; }
    .report-item .item-inner .content-div .text-div,
    .report-item.two-col .item-inner .content-div .text-div{ width: 75%; }
    .report-item .item-inner .content-div .text-div span label{ font-size: 38px; }
    .sms-packet-info .sp-info .icon-side{ width: 30%; font-size: 40px;}
    .sms-packet-info .sp-info .text-side h4{ font-size: 18px; }
    .sms-packet-info .sp-info .text-side{ width: 70%; }
    .sms-packet-info .sp-info .text-side h3{ font-size: 34px;}
    .sms-packet-info .sp-info .text-side h3 span{ font-size: 24px;}
    .sms-packet-info .sp-info .icon-side,
    .sms-packet-info .sp-info .text-side,
    .sms-packet-info .sp-info{ height: 110px;}
    .sms-info-table .table-bordered>thead>tr>th,
    .sms-info-table .table-bordered>tbody>tr>td{ min-width: 140px; }
    .main-layout-container .quick-action-div .inner .half-edition .btn-side,
    .main-layout-container .quick-action-div .inner .half-edition .text-side{ width: 50%; }
    .main-layout-container .form-div .two-group .tablet-edit .group-div{ width: 100%; padding: 0 15px;}
    .form-div .images-preview .thumb-item.file-upload-div .hiddenfile input,
    .form-div .images-preview .thumb-item.file-upload-div2 .hiddenfile .form-control{position: absolute; opacity: 0; height: 1px!important;width: 1px!important;}
    .delivery-container .delivery-btn-div .btn-default i{ display: none;}
    .main-layout-container .form-div .four-group.quarter-edition .group-div{ width: 50%; padding: 0 15px;}
    .welcome-page .total-info-div,
    .welcome-page .total-restaurant-div{ width: 100%;}
    #total-restaurant{ width: 200px; height: 200px; }
    .welcome-page .inner .chart-text label{ font-size: 20px; line-height: 30px; }
    .welcome-page .inner .chart-text{ height: 200px; width: calc(100% - 200px); }
    .welcome-page .total-info-div .wp-res-div{ width: 50%;}
    .welcome-page .total-info-div .wp-res-div:nth-child(1){ padding-right: 10px;}
    .welcome-page .total-info-div .wp-res-div:nth-child(2){ padding-left: 10px;}
    .welcome-page .wp-res-div .inner h4{ font-size: 24px; }
    .welcome-page .wp-res-div .inner h4 i{ top:2px; font-size: 30px;}
    .main-layout-container .form-div .lang-row.two-group .group-div{ width: 100%; padding-left: 15px; padding-right: 15px;}
    .main-layout-container.manage-side .quick-action-div .inner .text-side.full-element,
    .main-layout-container.manage-side .quick-action-div .inner .btn-side.full-element{ width: 100%; position: relative; text-align: left; padding-top: 15px;}
    .main-layout-container.manage-side .quick-action-div .inner .btn-side.full-element .btns-container.text-right{ text-align: left; padding-bottom: 15px;}
    .main-layout-container.manage-side .quick-action-div{ min-height: 70px;}
    .nm-bottom-menu .top-side .in-container .text-side span{ font-size: 9px; font-weight: 500; display: block; }
    .customerlist-table .new-select-div .icon-text,
    .product-list-table .new-select-div .icon-text{ font-size: 11px; width: 96px; }
    .customerlist-table .new-select-div,
    .product-list-table .new-select-div{ width: 100%; margin-bottom: 5px; }
    .customerlist-table .new-select-div:after,
    .product-list-table .new-select-div:after{ top: 11px; right: 12px; }
    .customerlist-table div.dataTables_wrapper div.dataTables_length select,
    .product-list-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 100px)!important;}
    .tablet-full .left-side,
    .tablet-full .right-side{ width: 100%;}
    .tablet-full .left-side.group-div,
    .tablet-full .right-side.group-div{ padding-left: 15px!important; padding-right: 15px!important;}
    .options-item .item-inner .text-div h4{ font-size: 11px; font-weight: 600; }
    .main-layout-container .quick-action-div .inner .btn-side.full-element,
    .main-layout-container .quick-action-div .inner .text-side.full-element{ position: relative; width: 100%; text-align: left; padding-top: 15px;}
    .main-layout-container .quick-action-div .inner .btn-side.full-element .btns-container.text-right{ text-align: left; padding-bottom: 15px;}
    .main-layout-container .quick-action-div .inner .btn-side.full-element .menu_manage_button{ min-width: 130px; padding: 7px 15px; font-weight: 600; }
    .pull-right.tablet-clear,
    .pull-left.tablet-clear{float:none!important;}
    .mobile-app-edit .tab-content .preview-side,
    .mobile-app-edit .tab-content .form-side{ width: 100%;}
    .mobile-app-edit .tab-content .preview-side .frame-border{ margin: 0 auto; }
    .mobile-app-edit .tab-content .theme-slider .preview-side{ outline: none!important; padding: 0; opacity: .3; width: 270px;}
    .mobile-app-edit .tab-content .theme-slider .preview-side .frame-border{ margin: 0;}
    .work-btn-div{ width: 168px;}
    .work-btn-div .btn-default{ font-size: 13px; font-weight: 600; }
    .mobile-app-edit .tab-content .form-side.btn-generator-tab{ width: 100%; }
    .mobile-app-edit .tab-content .preview-side.btn-generator-view{ width: 100%; }
    .btn-generator-tab .tablet-edit .col-md-6{ width: 100%;}
    .main-layout-container .form-div .form-control{ height: auto; min-height: 44px; }
    .mobile-app-edit.bill-settings-div .logo-text-select .radio, .mobile-app-edit.bill-settings-div .main-align-select .radio{ width: 100%; }
    .tablet-half .half-el{ width: 50%;}
    .tablet-half .full-el{ width: 100%; padding-left: 15px!important;; padding-right: 15px!important;}
    .main-layout-container .form-div .four-group.tablet-half .group-div:nth-child(2){padding-right: 15px;}
    .main-layout-container .form-div .four-group.tablet-half .group-div:nth-child(3){padding-left: 15px;}
    .sub-menu.quick-settings .wSwitch, .main-layout-container .form-div .wSwitch{min-height: 44px;}
    .hide-icon.lang-btn-div .btn-default i{display: none;}
    .nw_check_list .check-container .checkbox-item{ width: 50%;}
    .main-menu .right-side{ right: -180px; width: 180px;}
    .main-menu .right-side.opened{ right: 0;}
    .main-menu{ width: 220px;}
    body:not(.body-login) #toast-container,
    .site-layout{ width: calc(100% - 220px);}
    .main-menu .right-side .menu-title h4{ font-size: 16px; }
    .main-menu .right-side .item-title a{ font-size: 12px; }
    .nm-bottom-menu .top-side{ padding: 0 20px;}
    .report-cart-items .col-md-3{ width: 33.3333333%; padding-left:5px; padding-right: 5px;}
    .set-report-settings{ left: -54px; top: 21vh; }
    .set-report-settings.opened{ left: 220px; }
    .alert.alert-div{ padding: 15px; }
    .alert.alert-div .text-side{ width: 100%; min-height: auto; margin-bottom: 10px; }
    .alert.alert-div .button-side{ min-height: auto; float: left; justify-content: flex-start;}
    .data-table-container.new-pr-table.cat-table .dataTables_length{ width: 100%; margin-bottom: 1px;}
    .product-list-table.new-pr-table.cat-table .new-select-div{ width: 50%; margin-right: 1px;}
    .product-list-table.new-pr-table.cat-table .new-select-div:nth-child(even){ width: calc(50% - 1px); margin-right: 0;}
    .data-table-container.new-pr-table.cat-table .dataTables_filter{ width: 100%; margin-bottom: 0; }
    .btn-default.show-mobile{ display: inline-block; transition: .3s ease; color: #1d282f; margin: 8px 10px -6px 0; padding: 6px 15px; font-weight: 600; z-index: 90; background-color: #fff; border-color: #bcbec0; -webkit-box-shadow: inset 0 -2px 0 #f3f3f3, 0 1px 2px rgba(12,13,13,.1); box-shadow: inset 0 -2px 0 #f3f3f3, 0 1px 2px rgba(12,13,13,.1); border-radius: 3px; }
    .top-menu .right-menu ul li.hide-mobile{ display: none; }
    .notificationCondition .full-w,
    .orderCondition .full-w{ width: 50%; }
    .main-menu .left-side .new-inner{ height: calc(100% - 60px); overflow-y: auto; width: 100%; }
    .restaurant-welcome-div .info-item .info-inner .left-side{ width: 70%; }
    .restaurant-welcome-div .info-item .info-inner .right-side{ width: 30%; }
    .added-menu-products-div .product-item{ width: 50%; }
    #ProductListDays .modal-dialog{ min-width: 95%;}
    .main-layout-container .form-div .product_color_select .color_palette_picker .color-item{ width: 10%; }
    .main-layout-container .form-div .product_color_select .color_palette_picker{ width: 100%; }
    .registerDate.full-it{ width: 100%; }
    .registerDate .col-md-9.registerDate,
    .registerDate .col-md-3.registerDate{ float: left; }
    .btn-default.btn-panel:hover,
    .btn-default.btn-panel:active,
    .btn-default.btn-panel:focus,
    .btn-default.btn-panel{ background: #fff; position: relative; top: 8px; margin-right: 20px; border: 0; height: 33px; font-weight: 600; padding: 7px 12px; }
    .btn-default.btn-panel i{ margin-right: 5px; }
    .desktop-show{ display: none!important;}
    .mobile-show{ display: inline-block;}
    .report-cart-items .col-md-3{ width: 50%; padding-right: 5px; padding-right: 5px }
    .login-container .login-div .form-div .row.center-row .col-md-6:nth-child(1){ width: 37%; }
    .login-container .login-div .form-div .row.center-row .col-md-6:nth-child(2){ width: 63%; }
    .main-layout-container .quick-action-div .inner .modifier-page-head .text-side{ width: 100%; padding-right: 15px;}
    .main-layout-container .quick-action-div .inner .modifier-page-head .btn-side{ width: 100%; margin-bottom: 15px; padding-left: 15px; position: relative; }
    .main-layout-container .quick-action-div .inner .modifier-page-head .btn-side .btns-container{ text-align: left; }
    .static-boxes-container .row .static-box-item a.btn-default.box-btn:active,
    .static-boxes-container .row .static-box-item a.btn-default.box-btn:focus,
    .static-boxes-container .row .static-box-item a.btn-default.box-btn{ padding: 9px 0; }
    .connection-div .connectionInner h4{ font-size: 2.7vmin; }
    .mo-modal .choose-prd-div .product-el,
    .mo-modal .choose-cat-div .cat-item{ width: 25%; }
    .mo-modal .customer-address-div .address-item{ width: 33.33334%; }
    .show-payment-modal .modal-dialog{ margin-top: 120px; }
}

@media (max-width: 1080px) {
    .reports-table-container div.dataTables_wrapper div.dataTables_filter{ width: calc(100% - 404px); }
    .reports-table-container div.dataTables_wrapper div.dataTables_filter label{ white-space: unset; }
    .reports-table-container div.dataTables_wrapper div.dataTables_filter input{ width: calc(100% - 75px); }
}

@media (max-width: 1024px) {
    .set-report-settings{ top: 75px;}
    .main-layout-container .header-div .reports-main-header{ padding-left: 5px;}
    /* Raporlar geçici */
    .reports-filters.four-group .date-group{ width: 100%; padding-left: 15px; padding-right: 15px;}
    .main-layout-container .temp-version.form-div .filters.two-filters{ width: calc(50% - 38px); padding-right: 5px; margin-bottom: 15px; }
    .main-layout-container .temp-version.form-div .filters.two-filters + .two-filters{ padding-left: 5px; }
    .main-layout-container .temp-version.form-div .filters.four-filters{ width: calc(25% - 19px); padding-right: 5px; margin-bottom: 15px; }
    .main-layout-container .temp-version.form-div .filters.four-filters + .four-filters{ padding-left: 5px; }
    .main-layout-container .form-div .filter-group.four-group .btn-filter.btn-default span{ display:  none;}
    .main-layout-container .form-div .filter-group.four-group .btn-div{ width: 75px; }
    /*.main-layout-container .form-div .reports-table-container div.dataTables_wrapper div.dataTables_filter label span{ height: 44px; }*/
    .row.reports-header .layout-settings .desc-side{ width: calc(100% - 203px);}
    .area-map-container #panel{ width: 100%; height: auto; min-height: 50vh; overflow: auto;}
    .area-map-container #map{ width: 100%; height: 50vh; position: relative; }
    .sort-boxes-container .sort-box{ width: 33.33334%; }
    .highlight { width: 33.33334%; }
}

@media (max-width: 992px) {
    .main-layout-container .form-div .two-group .tablet-edit .group-div .noPadding{ padding: 0; }
    .main-layout-container .quick-action-div .inner .btn-side,
    .main-layout-container .quick-action-div .inner .text-side{ position: relative; width: 100%; text-align: left; padding-top: 15px;}
    .main-layout-container .quick-action-div .inner .btn-side .btns-container.text-right{ text-align: left; padding-bottom: 15px;}
    /*.main-layout-container .quick-action-div .inner .btn-side .btn-default{ margin-top: 10px; margin-bottom: 10px; }*/
    .main-layout-container .form-div .two-group .group-div:nth-child(1),
    .main-layout-container .form-div .two-group .group-div:nth-child(2),
    .main-layout-container .form-div .three-group .group-div:nth-child(1),
    .main-layout-container .form-div .three-group .group-div:nth-child(2),
    .main-layout-container .form-div .three-group .group-div:nth-child(3),
    .main-layout-container .form-div .four-group .group-div:nth-child(1),
    .main-layout-container .form-div .four-group .group-div:nth-child(2),
    .main-layout-container .form-div .four-group .group-div:nth-child(3),
    .main-layout-container .form-div .four-group .group-div:nth-child(4),
    .main-layout-container .form-div .two-input .form-group:nth-child(1),
    .main-layout-container .form-div .two-input .form-group:nth-child(2),
    .main-layout-container .form-div .three-input .form-group:nth-child(1),
    .main-layout-container .form-div .three-input .form-group:nth-child(2),
    .main-layout-container .form-div .three-input .form-group:nth-child(3),
    .main-layout-container .form-div .four-input .form-group:nth-child(1),
    .main-layout-container .form-div .four-input .form-group:nth-child(2),
    .main-layout-container .form-div .four-input .form-group:nth-child(3),
    .main-layout-container .form-div .two-group .lang-col-rp,
    .main-layout-container .form-div .four-input .form-group:nth-child(4){ padding-left: 15px; padding-right: 15px; }
    .options-item{ margin-bottom: 15px;}
    .restaurant-welcome-div .info-item.sparks-item,
    .restaurant-welcome-div .info-item.top-btns{ width: 50%;}
    .restaurant-welcome-div .info-item.top-btns .info-inner{min-height: 305px; }
    .login-container .login-div .container{ width: 60%;}
    .login-container .login-div .login-text{ position: relative; justify-content: center; min-height: 220px; }
    .login-container .login-div .login-text .text-inner{ text-align: center; }
    .login-container .login-div .login-text .logo-container img{ margin: 0 auto; max-width: 160px;}
    .comments-item-container.col-md-4{ width: 100%;}
    .mobile-app-edit .tab-content .form-side{ width: 100%; float: none;}
    .mobile-app-edit .tab-content .preview-side{ float: none; margin: 0 auto; }
    .mobile-app-edit .tab-content .preview-side .frame-border{ margin: 0 auto; }
    .mobile-app-edit .tab-content .theme-slider .preview-side{ float:left; outline: none!important; padding: 0; opacity: .3; width: 270px;}
    .main-layout-container .form-div .two-group .lang-col-rp{ padding: 0;}
    .work-btn-div .btn-default{ margin-bottom: 15px; }
    .bill_generator_side{ width: 100%; }
    .bill_preview_side{ width: 300px; margin: 0 auto; float: none; }
    .bill_btns{text-align: center;}
    .nb-list .branch-list-item{ width: calc(50% - 3px); }
    .nw_check_list .check-container .checkbox-item{ width: 100%;}
    .wm_box_select_item{ width: 100%;}
    .wm_box_select_item:first-child{ margin-bottom: 15px;}
    .mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider:active,
    .mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider:focus,
    .mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider{ min-width: 100px;}
    .options-buttons .options-item{ width: 50%;}
    .working-hours .closedDayItem{ padding: 0 11px;}
    .col-md-6.left-excel{ width: 100%;}
    .col-md-6.right-excel{ width: 100%;}
    .btn-default.excelbtns:active, .btn-default.excelbtns:focus, .btn-default.excelbtns:hover, .btn-default.excelbtns{ font-size: 14px; max-width: 140px; margin-bottom: 0;}
    .main-layout-container .form-div .three-group .group-div.date-group:nth-child(1){ padding-right: 5px;}
    .main-layout-container .form-div .three-group .group-div.date-group:nth-child(2){ padding-left: 5px;}
    .main-layout-container .form-div .three-group .group-div .group-div.filters:nth-child(1){ padding-right: 5px;}
    .main-layout-container .form-div .three-group .group-div .group-div.filters:nth-child(2){ padding-left: 5px; padding-right: 5px;}
    .main-layout-container .form-div .three-group .group-div .group-div.filters:nth-child(3){ padding-left: 5px;}
    .main-layout-container .quick-action-div .inner .reports-header .text-side{ padding-top: 0;}
    .report-cart-items .col-md-3{ width: 50%; padding-left:5px; padding-right: 5px;}
    .row.reports-header .layout-settings .desc-side{ width: calc(100% - 200px);}
    .set-report-settings .reports-save .form-group .form-control{ min-height: 38px;}
    .top-menu .right-menu ul{ display: none; background: #3a4953; min-width: 300px; width: calc(100% - 210px); position: absolute; right: 0; top:50px; padding: 3px 3px 5px; border-radius: 0 0 0 0;}
    .top-menu .right-menu ul li { display: block; width: 20%; height: 100px; padding: 7px!important; float: left;}
    .top-menu .right-menu ul li a:hover,
    .top-menu .right-menu ul li a:active,
    .top-menu .right-menu ul li a:focus,
    .top-menu .right-menu ul li a{ padding: 0; margin: 0; box-shadow: inset 0 -2px 0 #c3c3c3; display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; background: #fff; border-radius: 5px; color: #293740;}
    .top-menu .right-menu ul li a i{ font-size: 20px; margin: 0 auto 5px; display: block;}
    .notificationCondition .full-w,
    .orderCondition .full-w{ width: 100%; }
    #add_loyalty_setttings_form .loyalty_point_time .checkbox-container .checkbox-item label{ padding: 12px 10px 7px 30px }
    .quick-modal .modal-body .two-group .group-div:nth-child(1){ padding-right: 15px; margin-bottom: 15px;}
    .quick-modal .modal-body .two-group .group-div:nth-child(2){ padding-left: 15px; }
    .quick-modal .modal-body .three-group .group-div:nth-child(1){ padding-right: 15px; }
    .quick-modal .modal-body .three-group .group-div:nth-child(2){ padding-left: 15px; padding-right: 15px; }
    .quick-modal .modal-body .three-group .group-div:nth-child(3){ padding-left: 15px; }
    .ws_settings_div .section-content .preview-div a.preview-img{ display:none; }
    .ws_settings_div .section-content .preview-div a.small-preview-btn{ display: block; border:0; padding: 9px 25px; font-weight: 600; font-size: 16px; color: #fff; background: #4e75b4; }
    .ws_settings_div .section-content .sliders-add-div,
    .ws_settings_div .section-content .btns-side,
    .ws_settings_div .section-content .preview-div{ height: auto;}
    .ws_settings_div .section-content .btns-side,
    .ws_settings_div .section-content .selecting-side,
    .ws_settings_div .section-content .sliders-add-div,
    .ws_settings_div .section-content .sliders-list,
    .ws_settings_div .section-content .preview-div,
    .ws_settings_div .section-content .themes-list{ width: 100%; float: left; }
    .ws_settings_div .section-content .sliders-add-div .innerFlex .btn-default.sliderAddBtn{ margin-bottom: 15px; }
    .ws_settings_div .section-content .btns-side .btn-default:active, .ws_settings_div .section-content .btns-side .btn-default:focus, .ws_settings_div .section-content .btns-side .btn-default{ display: inline-block; }
    .ws_settings_div .section-content .btns-side .innerFlex{ text-align: center; }
    .ws_settings_div .gallery-list .gallery-item{ width: calc(100% / 4); }
    .ws_settings_div .section-content .selecting-side .selecting-item,
    .ws_settings_div .section-content .themes-list .theme-item{ width: 33.33334%; }
    .modifier-boxed-design .modifier-boxed-item{ width: 50%; }
    .ws_settings_div .section-content .btns-side,
    .ws_settings_div .section-content .sliders-add-div,
    .ws_settings_div .rest-logo-input .description-div{ border-top: 0; border-radius: 0 0 4px 4px; }
    .ws_settings_div .section-content .preview-div{ border-radius: 0; border-left: 1px solid #f1f1f1;}
    .ws_settings_div .section-content .sliders-list,
    .ws_settings_div .section-content .selecting-side,
    .ws_settings_div .section-content .themes-list{ border-radius: 0 0 4px 4px; border-right: 1px solid #f1f1f1;}
    .modifierCategoryLOAD .categorySpecial .form-group{ padding-top: 0!important; }
    .static-boxes-container .row .static-box-item a.btn-default.box-btn{ margin-bottom: 15px; }
    .new-select-div.nd-select .form-control{ min-width: unset;}
    .mo-modal .choose-prd-div .product-el,
    .mo-modal .choose-cat-div .cat-item{ width: 33.333334%; }
    .reports-table-container div.dataTables_wrapper div.dataTables_filter label{ width: 100%; max-width: 100%; }
    .reports-table-container div.dataTables_wrapper div.dataTables_filter input{ width: calc(100% - 76px); }
    .reports-table-container div.dataTables_wrapper div.dataTables_info{ float: none; text-align: left; width: 100%; padding-top: 0; padding-bottom: 8px; }
    .reports-table-container div.dataTables_wrapper div.dataTables_paginate{ width: 100%; margin-left: -3px; }
    .report-cart-item.seperated-div .inner .sep-item h4.sep-title{ font-size: 14px; }
    .report-cart-item.seperated-div .inner .sep-item h3.sep-text{ font-size: 16px; margin-top: 5px; color: #5dce5d; }
    .reports-table-container div.dataTables_wrapper div.dataTables_filter{}
    .lang-w-d-button:last-child{ margin-bottom: 15px; }
    .col-md-4.group-div.mw-set{ width: calc(100% - 120px); float: left; padding-right:5px!important;}
    .col-md-2.group-div.mw-set{ width: 120px; float: left; padding-left: 5px!important;}
    .tab-pane.qo_tabs .panel-body .row+.row label:not(.switch){ display: block; }
    .auth-panels .panel-body .discount_container .form-group{ margin-bottom: 15px; }
    .emenu-table-manage .table-section .section-button{ justify-content: flex-end; }
    .emenu-table-manage .table-section .section-button,
    .emenu-table-manage .table-section .section-description{ width: 100%; min-height: 60px; }
    .emenu-table-manage .table-section .section-description{ padding: 10px 20px; }
    .allorders-table.edit-1510 .new-select-div.platform-select-div{ width: calc(50% - 7px); margin-right: 7px; float: none; }
    .allorders-table.edit-1510 .new-select-div.platform-select-div:after{ top: 15px; }
    .data-table-container.edit-1510.with-platform #DataTables_Table_0_filter{ float: right; position: relative; top: -40px; margin-bottom: -40px; }

}

@media (max-width: 768px) {
    .garsonModal .modal-dialog{ margin-top: 66px; }
    .garsonModal .modal-content{ min-width: auto; }
    .garsonModal .garson_tables .tables{ grid-template-columns: repeat(5, minmax(0, 1fr));}
    .garsonModal .garson_tables .tables .table-item .ti-inner{ min-height: 46px; }
    .top-menu .logo-side{ width: 0; }
    .top-menu .right-menu{ width: 100%; }
    .p-l-50{ padding-left: 15px;}
    .p-r-50{ padding-right: 15px;}
    .p-t-30{ padding-top: 10px; }
    .p-b-30{ padding-bottom: 10px; }
    /*.main-menu .left-side ul li a span{ display: none; }*/
    /*.main-layout{ width: calc(100% - 60px); left: 60px; }*/
    /*.main-menu,*/
    /*.main-menu .left-side { width: 60px; }*/
    /*.main-menu .left-side ul li{ width: 60px; height: 60px; }*/
    .hidden-menu{ width: 280px; }
    .top-menu .right-menu ul li a:active,
    .top-menu .right-menu ul li a:focus,
    .top-menu .right-menu ul li a{ padding: 10px 15px;}
    .top-menu .right-menu .sub-menu{ width: 280px; z-index: 99; top:50px; right: 10px; }
    .options-item{ margin-bottom: 15px; }
    /*.restaurant-welcome-div .info-item.sparks-item,*/
    /*.restaurant-welcome-div .info-item.top-btns{ width: 100%;}*/
    .restaurant-welcome-div .info-item.top-btns{ width: 100%; min-height: 267px}
    .restaurant-welcome-div .info-item.top-btns .info-inner{min-height: 267px; }
    .login-container .login-div .container{ width: 90%;}
    .options-item .item-inner .icon-div { display: none;}
    .options-item .item-inner .text-div{ width: 100%; justify-content: center; min-height: 50px; padding: 0 7px; text-align: center;}
    .customer-address-side .cp-addresses{ width: 100%;}
    .customer-view-page .nav-tabs.cp-nav-type>li>a i{ display: none;}
    .to-do-panel-container .panel>.list-group .list-group-item a span.btn-default:active,
    .to-do-panel-container .panel>.list-group .list-group-item a span.btn-default:focus,
    .to-do-panel-container .panel>.list-group .list-group-item a span.btn-default{ float: none; margin-top: 0;}
    .order-navbar .logo-container{ width: 70px; }
    .order-navbar .order-navbar-logo{ max-width: 70px!important; margin-right: 0!important; top: 3px;}
    .order-navbar .menu-list-container{ width: calc(100% - 70px); }
    .order-navbar .order-nav li .btn.open, .order-navbar .order-nav li .open .btn, .order-navbar .order-nav li .btn:focus, .order-navbar .order-nav li .btn:active, .order-navbar .order-nav li .btn{ font-size: 9px;}
    .main-menu{ width: 210px; }
    body:not(.body-login) #toast-container{ width: calc(100% - 210px); }
    .nm-bottom-menu .top-side{ padding: 0 15px; }
    .site-layout{ width: calc(100% - 210px); }
    .main-menu .right-side{ width: 170px; }
    .main-menu .right-side .menu-title h4{ font-size: 14px; }
    .main-menu .right-side .item-title a{ font-size: 12px; }
    .top-menu .right-menu ul li.expend-li{ display: none;}
    .hidden-menu{ right: -360px; width: 360px;}
    .allorders-table .new-select-div{ width:  calc(50% - 7px); margin-bottom: 7px; }
    .allorders-table .new-select-div+.new-select-div{ margin-right: 0; width: 50%;}
    .allorders-table .new-select-div.nd-select{ width: 50%; }
    .allorders-table .new-select-div.nd-select .form-control{ width: calc(100% - 82px); min-width: auto;}
    .data-table-container.ipad-edit.allorders-table div.dataTables_wrapper div.dataTables_length select.unqiue-select{ width: calc(50% - 39px)}
    .data-table-container.ipad-edit.allorders-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 82px) }
    .data-table-container.ipad-edit.allorders-table .new-select-div .icon-text{ width: 82px;}
    .data-table-container.ipad-edit.allorders-table .dataTables_length{ margin-bottom: 0; }
    .allres-table .new-select-div{ width:  100%; margin-bottom: 7px;}
    .allres-table .new-select-div+.new-select-div{ margin-right: 0; width: 50%;}
    .allres-table .new-select-div.nd-select{ width: 50%; }
    .allres-table .new-select-div.nd-select .form-control{ width: calc(100% - 82px); min-width: auto;}
    .data-table-container.ipad-edit.allres-table div.dataTables_wrapper div.dataTables_length select.unqiue-select{ width: calc(50% - 39px)}
    .data-table-container.ipad-edit.allres-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 82px) }
    .data-table-container.ipad-edit.allres-table .new-select-div .icon-text{ width: 82px;}
    .data-table-container.ipad-edit.allres-table .dataTables_length{ margin-bottom: 0; }
    .daterangepicker.ltr.edit{ left: auto!important; right: 33px!important;}
    .data-table-container .btn-search-filter{top:0;}
    .ch-item h4{ font-size: 14px; padding: 22px 5px; font-weight: 600;}
    h2.clock-select-wrapper{ font-size: 16px;}
    .cal-detail-wrapper .clock-item .checkbox label, .cal-detail-wrapper .clock-item .radio label{ font-size: 12px; font-weight: 500; }
    .cal-detail-wrapper .btn-go-next-step:active, .cal-detail-wrapper .btn-go-next-step:focus, .cal-detail-wrapper .btn-go-next-step{ padding: 10px 26px; font-size: 16px;}
    .calendar-step .fc-row.fc-widget-header .fc-day-header{ font-size: 16px;}
    .fc-ltr .fc-basic-view .fc-day-top .fc-day-number{ font-size: 20px; padding-top: 30px;}
    .calendar-step .fc-toolbar h2{ font-size: 16px; padding: 10px 20px;}
    .res_view .table>thead>tr>th> .th-inner{ font-size: 14px; }
    .res_view .res-info-item{ width: 33.33333%; }
    .res_view .res-info-item .res-inner{ font-size: 15px; }
    .res_view .cal-hide-empty .btn.btn-default, .res_view .cal-hide-empty .btn.btn-default:active, .res_view .cal-hide-empty .btn.btn-default:focus, .res_view .cal-next-week .btn.btn-default, .res_view .cal-next-week .btn.btn-default:active, .res_view .cal-next-week .btn.btn-default:focus, .res_view .cal-week .btn.btn-default, .res_view .cal-week .btn.btn-default:active, .res_view .cal-week .btn.btn-default:focus, .res_view .cal-week .btn.btn-default, .res_view .cal-week .cal-label{ font-size: 12px; padding: 7px; width: 100%;  }
    .res_view .cal-table-container.content-table .no-reservation-div h4{ line-height: 24px; font-size: 16px; }
    .top-menu .right-menu .sub-menu, .top-menu .right-menu .sub-menu.view-website, .top-menu .right-menu .sub-menu.quick-settings{ right: 50%;}
    .customerlist-table table.table-bordered > tbody > tr > td{ min-width: 120px; }
    .customer-view-page .nav-tabs.cp-nav-type>li>a{ font-size: 12px; font-weight: 600; }
    .res_view .cal-table-container.head-table{ min-width: 796px;}
    .res_view .cal-table-container.content-table{ min-width: 800px; }
    .res_view .table>tbody>tr>td .cal-event .ce-inner{ font-size: 12px;}
    .cp-customer-table .table-bordered>tbody>tr>td.detail-td{ min-width: 160px; }
    .reports-container .report-item{ width: 100%; }
    .report-item .item-inner .content-div .icon-div,
    .report-item.two-col .item-inner .content-div .icon-div{ width: 25%; font-size: 38px; }
    .report-item .item-inner .content-div .text-div,
    .report-item.two-col .item-inner .content-div .text-div{ width: 75%; }
    .report-item .item-inner .content-div .text-div span label{ font-size: 38px; }
    .sms-packet-info .sp-info .text-side{ justify-content: center; text-align: center; width: 100%; padding: 10px; }
    .sms-packet-info .sp-info .icon-side{ display: none; }
    .sms-packet-info .sp-info .text-side h4{ font-size: 18px; }
    .sms-packet-info .sp-info .text-side h3 span{ font-size: 24px; }
    .sms-packet-info .sp-info .text-side h3{ font-size: 30px; }
    .sms-info-table .table-bordered>thead>tr>th,
    .sms-info-table .table-bordered>tbody>tr>td{ min-width: 140px; }
    .main-layout-container .form-div .two-group .tablet-edit .group-div .noPadding{ padding: 0; }
    .form-div .images-preview .thumb-item.file-upload-div .hiddenfile input,
    .form-div .images-preview .thumb-item.file-upload-div2 .hiddenfile .form-control{position: absolute; opacity: 0; height: 1px!important;width: 1px!important;}
    .main-layout-container .form-div label{ font-size: 12px; }
    .welcome-page .total-info-div,
    .welcome-page .total-restaurant-div{ width: 100%;}
    #total-restaurant{ width: 200px; height: 200px; }
    .welcome-page .inner .chart-text label{ font-size: 20px; line-height: 30px; }
    .welcome-page .inner .chart-text{ height: 200px; width: calc(100% - 200px); }
    .welcome-page .total-info-div .wp-res-div{ width: 50%;}
    .welcome-page .total-info-div .wp-res-div:nth-child(1){ padding-right: 10px;}
    .welcome-page .total-info-div .wp-res-div:nth-child(2){ padding-left: 10px;}
    .welcome-page .wp-res-div .inner h4{ font-size: 24px; }
    .welcome-page .wp-res-div .inner h4 i{ top:2px; font-size: 30px;}
    .main-layout-container .form-div .lang-row.two-group .group-div{ width: 100%; padding-left: 15px; padding-right: 15px;}
    .main-layout-container .form-div .lang-row.two-group .group-div .form-group .form-group{padding: 0;}
    .main-layout-container .quick-action-div .inner .btn-side .btn-default{ padding: 9px 10px; }
    .nm-bottom-menu .top-side .in-container .icon-side{ display: none; }
    .nm-bottom-menu .top-side .in-container .text-side{ width: 100%; }
    .nm-bottom-menu .top-side .in-container .text-side span{ font-size: 9px; font-weight: 500; display: block; }
    .customerlist-table .new-select-div .icon-text,
    .product-list-table .new-select-div .icon-text{ font-size: 11px; width: 96px; }
    .customerlist-table .new-select-div,
    .product-list-table .new-select-div{ width: 100%; margin-bottom: 5px; }
    .customerlist-table .new-select-div:after,
    .product-list-table .new-select-div:after{ top: 11px; right: 12px; }
    .customerlist-table div.dataTables_wrapper div.dataTables_length select,
    .product-list-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 100px)!important;}
    .pull-right.tablet-clear,
    .pull-left.tablet-clear{float:none!important;}
    /* kdv-row */
    .main-layout-container .form-div .three-input.kdv-row .col-md-5{ width: calc(50% - 59px); float: left;}
    .main-layout-container .form-div .three-input.kdv-row .col-md-5:nth-child(1){ padding-right: 5px; }
    .main-layout-container .form-div .three-input.kdv-row .col-md-5:nth-child(2){ padding-left: 5px; }
    .main-layout-container .form-div .three-input.kdv-row .col-md-2{ width: 118px; float: left; padding-left: 5px;}
    .mobile-app-edit .tab-content .form-side.btn-generator-tab{ width: 100%; }
    .mobile-app-edit .tab-content .preview-side.btn-generator-view{ width: 100%; }
    .btn-generator-tab .tablet-edit .col-md-6{ width: 100%;}
    .tablet-half .half-el{ width: 50%;}
    .main-layout-container .form-div .four-group.tablet-half .group-div:nth-child(2){padding-right: 15px;}
    .main-layout-container .form-div .four-group.tablet-half .group-div:nth-child(3){padding-left: 15px;}
    .tablet-full .left-side.group-div,
    .tablet-full .right-side.group-div{ padding-left: 15px!important; padding-right: 15px!important;}
    .sub-menu.quick-settings .wSwitch, .main-layout-container .form-div .wSwitch{ min-height: 44px;}
    .nb-list .branch-list-item{ width: calc(50% - 3.5px); }
    .nb-list .innerdiv h4{ font-size: 16px; text-align: center; }
    .nb-list .innerdiv h4 i { display: none; }
    .qr-datatable .new-select-div .icon-text{ width: 80px; }

    .main-layout-container .form-div .three-group .group-div.date-group{ width: 100%;}
    .main-layout-container .form-div .three-group .group-div.date-group:nth-child(1){ padding-right: 15px;}
    .main-layout-container .form-div .three-group .group-div.date-group:nth-child(2){ padding-left: 15px;}
    .main-layout-container .form-div .three-group .group-div .group-div.filters:nth-child(1){ padding-right: 5px; width: 50%; margin-bottom: 10px;}
    .main-layout-container .form-div .three-group .group-div .group-div.filters:nth-child(2){ padding-left: 5px; padding-right: 15px; width: 50%; margin-bottom: 10px;}
    .main-layout-container .form-div .three-group .group-div .group-div.filters:nth-child(3){ padding-left: 15px; width: 50%}
    .main-layout-container .quick-action-div .inner .reports-header .text-side{ padding-top: 0;}
    .report-cart-items .col-md-3{ width: 50%; padding-left:5px; padding-right: 5px;}
    .report-cart-items .col-md-3:nth-child(3n+1){ padding-left: 5px;}
    .report-cart-items .col-md-3:nth-child(3n+3){ padding-right: 5px;}
    .row.reports-header .layout-settings .desc-side{ width: calc(100% - 200px);}
    .main-layout-container .form-div .filter-group .btn-div{ width: 50%;}
    .main-layout-container .form-div .filter-group .btn-filter.btn-default:hover,
    .main-layout-container .form-div .filter-group .btn-filter.btn-default:active,
    .main-layout-container .form-div .filter-group .btn-filter.btn-default:focus,
    .main-layout-container .form-div .filter-group .btn-filter.btn-default { font-size: 14px; }
    .main-layout-container .form-div .filter-group .btn-filter.btn-default span{ display: inline-block; font-weight: 600; margin-left: 5px;}
    .daterangepicker.ltr{ left: 100px!important;}
    .area-map-container #map{ width: 100%; position: relative; height: 40vh; }
    .area-map-container #panel{ width: 100%; min-height: calc(60% - 40px); overflow: auto; position: relative; }
    .promotions-tablet .center-xs{ text-align: center;}
    .ws_settings_div .gallery-list .gallery-item{ width: calc(100% / 2); }
    .options-buttons.btn-group-5 .options-item,
    .options-buttons.btn-group-4 .options-item,
    .options-buttons.btn-group-6 .options-item,
    .options-buttons.btn-group-3 .options-item{ width: 50%;}
    .mo-modal .choose-prd-div .product-el,
    .mo-modal .choose-cat-div .cat-item{ width: 50%; }
    .mo-modal span.round-tab{ width: 45px; height: 45px; line-height: 45px; font-size: 14px; }
    .mo-modal .wizard p.desc{ font-size: 10px; }
    .mo-modal span.round-tab{ font-size: 14px; height: 30px; width: 30px; line-height: 30px; }
    .mo-modal .wizard .nav-tabs > li a{ width: 32px; height: 32px; margin: 14px auto 32px; }
    .mo-modal .tab-content .tab-pane .flexCol .input-search-container{ min-width: 150px; }
    .modal.in.mo-modal .modal-dialog{ width: 100%; margin: 0 auto; height: 100% }
    .modal.mo-modal .modal-content{ height: 100%; }
    .modal.in.mo-modal .modal-body{ height: calc(100% - 59px); }
    .set-report-settings{ left: -64px; top: 21vh; }
    .set-report-settings.opened{ left: 210px; }
    .reports-table-container div.dataTables_filter{ text-align: right!important; }
    .reports-table-container .dt-buttons{ text-align: left; }
    .report-cart-items .col-md-6.horizontal-chart:nth-child(1),
    .report-cart-items .col-md-6.horizontal-chart:nth-child(2){ width: 100%; padding-left: 5px; padding-right: 5px; }
    #copyed.m-r-10{ margin-right: 0; }
    .data-table-container.ipad-edit.allorders-table.edit-0107 .dataTables_length,
    .data-table-container.ipad-edit.allorders-table.edit-0107 .dataTables_filter{ width: 100%; padding-right: 0 }
    .data-table-container.ipad-edit.allorders-table.edit-0107 #DataTables_Table_0_filter label:before,
    .data-table-container.ipad-edit.allorders-table.edit-0107 #DataTables_Table_0_filter label span{ width: 100px!important;  }
    /* Manuel order mobile */
    .mo-modal .info-side{ display: none }
    .mo-modal .steps-side{ width: 100%; }
    .mo-modal .customer-address-div .address-item{ width: 50%; }
    .mo-modal .modal-in-modal .modalInner{ width: 95%; height: 90% }
    .mo-modal .modal-in-modal.prd-modal .product-info-container .divider-title .divider-h4{ font-size: 13px; }
    .mo-modal .modal-in-modal.prd-modal .product-info-container .divider-title span{ font-size: 11px; }
    .mo-modal .modal-in-modal.prd-modal .modalFooter .spinner-btns .counter-space{ height: 34px; width: 38px;}
    .mo-modal .modal-in-modal.prd-modal .modalFooter .spinner-btns .btn-spinner:active, .mo-modal .modal-in-modal.prd-modal .modalFooter .spinner-btns .btn-spinner:focus, .mo-modal .modal-in-modal.prd-modal .modalFooter .spinner-btns .btn-spinner{ width: 34px; height: 34px; }
    .mo-modal .modal-in-modal.prd-modal .modalFooter .spinner-btns{ width: 124px; }
    .mo-modal .modal-in-modal.prd-modal .modalFooter .btn-default.btn-add-cart{ height: 34px; }
    .mo-modal .modal-in-modal.prd-modal .product-info-container .divider-title .flex-div .flex-inner{ line-height: 12px; }
    .modal.in.mo-modal .modal-dialog{ padding-top: 0; height: 100%; }
    .mo-modal .wizard li.active:after{ left: calc(50% - 11px);}
    .mo-modal .customer-address-div .address-item .address-flex .flexInner h4{ font-size: 14px;  }
    .mobile-mo-btns{ display: none; width: 100%; height: 48px; background: #ddd;}
    .show-this .mobile-mo-btns{ display: flex; }
    .mobile-mo-btns .btn{ display: flex; width: 50%; border-radius: 0; margin: 0; height: 100%; justify-content: center; align-items: center; font-weight: 600; }
    .mobile-mo-btns .btn-mo-goBack{ background: #0097a7; color: #FFFFFF; }
    .mobile-mo-btns .btn-mo-detail{ background: #689f38; color: #FFFFFF; }
    .mobile-mo-btns .btn-mo-goBack:hover,
    .mobile-mo-btns .btn-mo-goBack:active,
    .mobile-mo-btns .btn-mo-goBack:focus{ background: #008290; color: #FFFFFF; }
    .mobile-mo-btns .btn-mo-detail:hover,
    .mobile-mo-btns .btn-mo-detail:active,
    .mobile-mo-btns .btn-mo-detail:focus{ background: #5c8c31; color: #FFFFFF; }
    .mobile-mo-btns .btn-mo-detail .badge{ margin-left: 5px;}
    .mo-modal .info-side.mobile-show{ display: block; position: absolute; width: 100%; z-index: 9; }
    .mo-modal .info-side .customer-info-bottom .bottom-btns .btn-default.btn-goBack{ display: none;}
    .mo-modal .info-side .customer-info-bottom .bottom-btns .btn-default.btn-goBackOrder{ display: flex;}
    .mo-modal .info-side .customer-info-middle table tr th.title-side, .mo-modal .info-side .customer-info-middle table tr td.title-side{ min-width: 160px; width: 160px;}
    .mo-modal .modal-in-modal .payment-methods .payment-item{ width: 50% }
    .mo-modal .modal-in-modal.futureOrder-modal{ align-items: start; }
    .mo-modal .modal-in-modal.futureOrder-modal .daterangepicker.ltr{ left: 0px!important; }
    .mo-modal .steps-side:not(.show-this) .wizard + .tab-content{ height: calc(100% - 76px); }
    .mo-modal .steps-side.show-this .wizard + .tab-content{ height: calc(100% - 123px); }
}

@media (max-width: 750px) {
    .site-layout{width: calc(100% - 40px); float: left; display: block; height: 100vh; overflow-y: auto; position: fixed; z-index: 1; left:40px;}
    .main-menu{ display: none;}
    body:not(.body-login) #toast-container{ width: 100%; }
    .main-menu-mobile{ display: block; width: 40px; float: left; overflow: hidden; position: fixed; height: 100%; z-index: 4; }
    .main-menu-mobile .left-side{position: relative; z-index: 4; width: 100%; height: calc(100% - 50px); overflow-y: auto; display: block; float: left; background: #1d282f;}
    .main-menu-mobile .left-side .left-logo-side{ width: 100%; height: 50px; display: flex; justify-content: center; align-items: center; position: relative;}
    .main-menu-mobile .left-side .left-logo-side img{ width: 80%; margin: 0 auto; max-width: 120px; height: auto;}
    .main-menu-mobile .left-side .left-logo-side a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block;}
    .main-menu-mobile .left-side .left-logo-side .opened-img{transition: none; display: block;}
    .main-menu-mobile .left-side .left-logo-side .closed-img{transition: none; display: none;}
    .main-menu-mobile .left-side ul{ padding:0; margin: 0 auto; width: 100%; display: block; text-align: center;}
    .main-menu-mobile .left-side ul li{ list-style: none; width: 100%; height: auto; position: relative; display: block; padding: 0 0 8px; }
    .main-menu-mobile .left-side ul li a{float:none; overflow: hidden; border:0; border-radius: 0; transition: .3s ease; position: relative; width: 100%; height: auto; display: block; color:#fff; }
    .main-menu-mobile .left-side ul li a:active,
    .main-menu-mobile .left-side ul li a.focus,
    .main-menu-mobile .left-side ul li a.actived{background: #bc243a; border:0;}
    .main-menu-mobile .left-side ul li a.actived:after{ display: none;}
    .main-menu-mobile .left-side ul li a.active,
    .main-menu-mobile .left-side ul li a:hover{ background: #324450;}
    .main-menu-mobile .left-side ul li a.actived{background: #bc243a;}
    .main-menu-mobile .left-side ul li a .inner { display: block; width: 100%;}
    .main-menu-mobile .left-side ul li a i { display: block; font-size: 16px; color: #fff;}
    .main-menu-mobile .left-side ul li a .nm-icon-side{ width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; float:left;}
    .main-menu-mobile .left-side ul li a .nm-text-side{display: none; width: calc(100% - 48px); margin-left: 8px; height: 40px; align-items: center; float:left; text-align: left;}
    .main-menu-mobile .left-side ul li a.has-menu:after{ color: #495257; content: '\f0da'; font-family: FontAwesome; font-size: 14px; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; padding-top: 2px; display: none;}
    .main-menu-mobile .left-side ul li a span { display: block; float: none; width: 100%; font-size: 14px; font-weight: 600; letter-spacing:0.2px;}
    .main-menu-mobile .right-side{ z-index: 5; -webkit-overflow-scrolling: touch; position: absolute; top:0; right: -230px; height: calc(100vh - 50px); overflow-y: auto; width: 230px; background: #293740; display: block; /* border-right: 1px solid #e8e8e8; */ }
    .main-menu-mobile .right-side.opened{transition: .3s ease; right: 0;}
    .main-menu-mobile .right-side .menu-inside{ width: 100%; height: auto; /*display: block;*/ position: relative; display: none;}
    .main-menu-mobile .right-side .menu-title{ width: 100%; margin-bottom: 0; position: relative; display: flex; height: 50px; align-items: center; padding: 4px 20px; }
    .main-menu-mobile .right-side .menu-title h4{ font-weight: 600; margin: 0; color: #f1f1f1; text-transform: uppercase;letter-spacing: 0.4px; font-size:14px;}
    .main-menu-mobile .right-side .item-title{ width: 100%; display: block; position: relative; padding: 0 10px; margin-bottom: 8px; }
    .main-menu-mobile .right-side .item-title a{ color: #fff; transition: .3s ease; border-radius: 3px; padding: 10px; font-size: 14px; font-weight: 600; display: flex; height: 40px; align-items: center; }
    .main-menu-mobile .right-side .item-title a:hover{background: #3f4c6b; color: #fff;}
    .main-menu-mobile .right-side .item-title a:focus,
    .main-menu-mobile .right-side .item-title a:active,
    .main-menu-mobile .right-side .item-title a.active{ color: #fff; background: #bc243a; }
    .main-menu-mobile .right-side .item-title .child-div{ display: none; }
    .main-menu-mobile .right-side .item-title .child-div a{ padding: 5px 15px; }
    .main-menu-mobile .right-side .item-title .child-div a:before{ content: "-"; display: inline-block; position: relative; margin-right: 5px; }
    .main-menu-mobile .item-title strong {color: #fff; margin-right: 3px; display: none;}
    .main-menu-mobile.opened{}
    .main-menu-mobile.opened .left-side .left-logo-side{ justify-content: flex-start; padding-left: 8px; }
    .main-menu-mobile.opened .left-side .left-logo-side .opened-img{display: block; width: 30px; height: 30px;}
    .main-menu-mobile.opened .left-side .left-logo-side .closed-img{display: none;}
    .main-menu-mobile.opened .left-side ul{ max-width: 100%;}
    .main-menu-mobile.opened .left-side ul li { padding: 0 0 8px;}
    .main-menu-mobile.opened .left-side ul li a{ border-radius: 0;}
    .main-menu-mobile-mobile{ display: none; }
    .main-menu-mobile .nm-bottom-menu{ background: #152027; height: 50px; width: 100%; position: absolute; bottom: 0; left:0; display: block;}
    .main-menu-mobile .nm-bottom-menu .opened-div{display: none;}
    .main-menu-mobile .nm-bottom-menu .closed-div{display: block;}
    .main-menu-mobile .nm-bottom-menu .bottom-side{ width: 100%; height: 50px; display: block; border-top: 1px solid #0d171d; }
    .main-menu-mobile .nm-bottom-menu .closed-div.bottom-side{ display: flex; justify-content: center; align-items: center; }
    .main-menu-mobile .nm-bottom-menu .bottom-side a:active,
    .main-menu-mobile .nm-bottom-menu .bottom-side a:focus,
    .main-menu-mobile .nm-bottom-menu .bottom-side a{ position:relative; width: 33.333333%; color: #fff; font-size: 16px; display: flex; justify-content: center; align-items: center; height: 49px; float: left; }
    .main-menu-mobile .nm-bottom-menu .bottom-side a:hover{background: #1a2730;}
    .main-menu-mobile .nm-bottom-menu .bottom-side a sub{ position: absolute; padding: 7px 5px 5px; border-radius: 50%; background: #ed5153; top: calc(50% - 13px); left: calc(50% + 2px); height: 16px; width: auto; font-weight: bold; }
    .main-menu-mobile .nm-bottom-menu .bottom-side a.mm-bottom-btn{width: 100%;}

    /* Menu açılırsa */
    .mm-opened .main-menu-mobile{ width: 275px; }
    .mm-opened .overlay-body{ display: block; z-index: 3; }
    .mm-opened .main-menu-mobile .left-side .left-logo-side .opened-img{display: none;}
    .mm-opened .main-menu-mobile .left-side .left-logo-side .closed-img{display: block;}
    .mm-opened .main-menu-mobile .left-side ul li a .nm-text-side{ display: flex;}
    .mm-opened .main-menu-mobile .nm-bottom-menu .opened-div{display: block;}
    .mm-opened .main-menu-mobile .nm-bottom-menu .closed-div{display: none;}


    .hidden-menu{ right: calc(-100% + 40px); width: calc(100% - 40px);}
    .site-layout.setOverlay{ z-index: 5;}
    .hidden-menu.opened{ right: 0; width: 100%;}
    .hidden-menu .menu-header .head-inner .btns .btn-default.close-hide-menu{ background: #de2b45; }

    /* mobil edit */
    .main-layout-container .header-div h2{ font-size: 18px; margin: 0 10px;}
    .main-layout-container .header-div{ height: 60px; }
    .main-layout-container .quick-action-div .inner .btn-side .menu_manage_button,
    .main-layout-container .quick-action-div .inner .btn-side .btn-default{ padding: 5px 10px; font-size: 13px; }
    .to-do-panel-container .panel-title{ font-size: 14px; line-height: 18px; }
    .branch-status-div .row .branch-name-div{ width: 100%; }
    .branch-status-div .row .branch-action-div{ width: 20%; }
    .branch-status-div .row.branch-status-row .branch-status-icon-div{ width: 20%; }
    .branch-status-div .row.title-bar .branch-action-div{ display: none; }
    .branch-status-div .row.title-bar .branch-name-div{ width: 50%; }
    .branch-status-div .row.title-bar .branch-status-icon-div{ width: 10%; }
    .restaurant-welcome-div .info-item.sparks-item, .restaurant-welcome-div .info-item.top-btns{ width: 100%; }
    .to-do-panel-container .panel>.list-group .list-group-item a span.btn-default:active,
    .to-do-panel-container .panel>.list-group .list-group-item a span.btn-default:focus,
    .to-do-panel-container .panel>.list-group .list-group-item a span.btn-default{ transform: none; float: none; position: relative; display: block; top: 0; right: auto; margin-top: 10px;}
    .to-do-panel-container .panel>.list-group .list-group-item a{ padding: 15px 15px 15px 50px; }
    .main-layout-container .quick-action-div .inner .btn-side, .main-layout-container .quick-action-div .inner .text-side{ padding-top: 0;}
    .top-menu .right-menu ul li{ position: static;}
    .top-menu .right-menu li.hovered .sub-menu{ top:100%; right: 0; width: 100%!important;}
    .top-menu .right-menu li.hovered .sub-menu.selected_language{ top:100%; right: auto!important; left: 0!important; width: 100%!important;}
    .top-menu .right-menu ul li a:hover, .top-menu .right-menu ul li a:active,
    .top-menu .right-menu ul li a:focus, .top-menu .right-menu ul li a{ text-align: left; border-bottom: 1px solid #41525e; border-radius: 0; }
    .top-menu .right-menu .sub-menu .account-item-div a,
    .top-menu .right-menu li.hovered .sub-menu a.back-parent-btn,
    .top-menu .right-menu li.hovered .sub-menu a.all_pnl.select_branch_item{ border-bottom: 0; }
    .top-menu .right-menu .sub-menu .account-div{ padding: 2% 2% 0; }
    .top-menu .right-menu .sub-menu.view-website .account-div{ height: 100px; }
    .top-menu .right-menu .sub-menu .account-item-div .inner span i{ margin-bottom: 3px; font-size: 28px;}
    .top-menu .right-menu .sub-menu.view-website{ min-height: 107px; }
    .data-table-container.ipad-edit .dataTables_length{ width: 700px; }
    .table-responsive:not(.bordered-table){ border: 0;}
    .table-responsive.wBorder{ border: 1px solid #ddd;}
    .data-table-container .dataTables_paginate.paging_simple_numbers{ float: left;}
    div.dataTables_wrapper div.dataTables_info{ display: none;}
    .main-layout-container .quick-action-div .inner .btn-side .btns-container.text-right{ padding-top: 0;}
    .main-layout-container .quick-action-div .inner .btn-side .btns-container.text-right.packet-btns{ padding-top: 20px;}
    .main-layout-container .quick-action-div .inner p{ font-size: 14px; padding: 10px 0;}
    .restaurant-welcome-div .table>tbody>tr>td.mobile-edit,
    .restaurant-welcome-div .table>tbody>tr>th.mobile-edit,
    .full-search-mobile .table>thead>tr>th.mobile-edit,
    .full-search-mobile .table>thead>tr>td.mobile-edit,
    .restaurant-welcome-div .table>thead>tr>th.mobile-edit,
    .restaurant-welcome-div .table>thead>tr>td.mobile-edit{ min-width: 120px; }
    .data-table-container.allres-table table{ min-width: 700px;}
    .calendar-step .description-container h4{ font-size: 14px; line-height: 18px; }
    .calendar-step .fc-toolbar h2{ font-size: 10px; padding: 7px 12px; }
    .calendar-step .fc-state-default{ font-size: 10px; padding: 5px 12px; font-weight: 500; height: auto;}
    .calendar-step .fc-row.fc-widget-header .fc-day-header{ font-size: 12px; }
    .fc-ltr .fc-basic-view .fc-day-top .fc-day-number{ font-size: 12px; width: 90%; }
    .ch-item.col-sm-3.col-xs-12{ width: 44px; }
    .ch-item.col-sm-6.col-xs-12{ width: calc( 100% - 88px ); }
    .ch-item a{ font-size: 20px; }
    .ch-item h4{ padding: 12px 5px; display: flex; justify-content: center; align-items: center; height: 57px;}
    .calendar-step .select-hour .clock-wrapper{ width: 100%; }
    h2.clock-select-wrapper{ font-size: 14px; font-weight: 600; }
    h4.clock-select-wrapper{ font-size: 14px; font-weight: 500; }
    .cal-detail-wrapper .clock-item .checkbox label, .cal-detail-wrapper .clock-item .radio label{ font-size: 10px; }
    .cal-detail-wrapper .clock-item{ width: 33.333333%; }
    .cal-detail-wrapper .btn-go-next-step:active,
    .cal-detail-wrapper .btn-go-next-step:focus,
    .cal-detail-wrapper .btn-go-next-step{ width: 58px; font-size: 14px; font-weight: 600; padding: 5px 7px; height: 44px; display: flex; justify-content: center; align-items: center; }
    .close-rsrv .form-group{ width: calc(100% - 58px); }
    .clock-wrapper .btn-clear-closed:active,
    .clock-wrapper .btn-clear-closed:focus,
    .clock-wrapper .btn-clear-closed{ font-size: 14px; font-weight: 500; padding: 7px 16px; }
    .res_view .res-info-item{ padding: 0 2px; font-size: 12px; margin-bottom: 0}
    .res_view .res-info-item .res-inner{ font-size: 10px; padding: 10px; text-align: center; }
    .res_view .btns-row{ margin: 0 -2px;}
    .res_view .cal-week .cal-label{ text-align: center; }
    .reservationscalrow{ margin-top: 10px; margin-bottom: 0; }
    .main-layout-container .header-div h2{ margin: 0;}
    .data-table-container .dataTables_length{ width: 100%; float: none; }
    .product-list-table div.dataTables_wrapper div.dataTables_length select,
    .customerlist-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 96px)!important; }
    .customerlist-table #DataTables_Table_0_filter{ float: left; }
    .comments-view-page .newNav-style.nav-tabs>li.search-side{ float: none; }
    .comments-view-page .newNav-style.nav-tabs>li.search-side .form-control{ border-radius: 0; }
    .main-layout-container .quick-action-div .inner .half-edition .btn-side,
    .main-layout-container .quick-action-div .inner .half-edition .text-side{ width: 100%; }
    .modal .table-responsive{border: 1px solid #ddd;}
    .modal .panel-body .table-responsive{border: 0;}
    .res_view .cal-table-container.content-table .no-reservation-div{ padding: 45px 15px; }
    .res_view .cal-table-container.content-table .no-reservation-div h4{ text-align: left;}
    .cw-adres-modal .form-control .radio label{ padding: 5px;}
    .sms-packet-info .sp-info .text-side{ margin-bottom: 10px;}
    .full-search-mobile #DataTables_Table_0_filter{ width: 100%; float: none;}
    .full-search-mobile #DataTables_Table_0_filter label{ width: 100%; max-width: 100%;}
    .full-search-mobile #DataTables_Table_0_filter label .form-control{ width: calc(100% - 80px); max-width: 100%;}
    .chart-inner2{ padding: 5px;}
    .main-layout-container .form-div .delivery-panel-content .group-div.col-md-3{ width: 100%; }
    .takeout-payment .checkbox-item.payment-item,
    .delivery-payment .checkbox-item.payment-item{ width: 100%; }
    .work-btn-div{ padding: 0 3px;}
    .mobile-app-edit .nav-tabs>li>a{ font-weight: 600; font-size: 12px; padding: 10px 5px; }
    .mobile-app-edit .tab-content .form-side .rest-logo-input .description-div{ border-top: 0; border-left: 1px solid #e8e8e8; }
    .mobile-app-edit .tab-content .form-side .rest-logo-input .description-div,
    .mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .theme-select.wThemeNames,
    .mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .menu-select,
    .mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .images-preview{ width: 100%; border-radius: 0; }
    .mobile-app-edit .tab-content .form-side .rest-logo-input .description-div h4 span{ position: relative; top: 5px; }
    .mobile-app-edit .tab-content .form-side .rest-logo-input .description-div h4 label.no-selected i{ position: relative; top: 5px;}
    .mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .product-listing-type-select,
    .mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .menu-listing-type-select{ width: 50px; height: 170px; }
    .mobile-app-edit .tab-content .form-side.product-list-form .rest-logo-input .description-div,
    .mobile-app-edit .tab-content .form-side.menu-list-form .rest-logo-input .description-div{ width: calc(100% - 50px); height: 170px; }
    .mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .product-listing-type-select .radio,
    .mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .menu-listing-type-select .radio{ width: 30px; height: 34px; padding: 0;}
    .mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .product-listing-type-select .radio label,
    .mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .menu-listing-type-select .radio label{ padding: 7px 5px 6px;}
    .mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .product-listing-type-select .radio .cr,
    .mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .menu-listing-type-select .radio .cr{ width: 19px; height: 19px; }
    .mobile-app-edit .tab-content .form-side .rest-logo-input .description-div p{ font-size: 12px;}
    .mobile-app-edit .tab-content .form-side .rest-logo-input .description-div h4{ margin-bottom: 0; font-size: 13px; font-weight: 600;}
    .mobile-app-edit .tab-content .preview-side{ padding: 0;}
    .mobile-app-edit .tab-content .preview-side .frame-border{ width: 200px; height: 403px; }
    .mobile-app-edit .tab-content .preview-side .frame-border .inner-frame{ top: 46px; left: 12px; width: 176px; height: 311px; }
    .mobile-app-edit .tab-content .theme-slider .preview-side{ float:left; outline: none!important; padding: 0; opacity: .3; width: 200px;}
    .mobile-app-edit .tab-content .theme-framer .framer{ width: 200px; height: 403px; right: calc(50% - 99px); }
    .mobile-app-edit .tab-content .theme-framer .framer .framer-inner{top: 46px; left: 12px; width: 176px; height: 311px;}
    .btn-generator-tab .radio,
    .btn-generator-tab .page-select .radio, .btn-generator-tab .view-select .radio{ width: 100%; }
    .btn-default.save-generated-btn:active, .btn-default.save-generated-btn:focus, .btn-default.save-generated-btn{ display: block; margin: 0 auto; }
    .selecting-promo-type .promo-row .pr-type-icon{ width: 50px; font-size: 20px; height: auto; padding-top: 15px;}
    .selecting-promo-type .promo-row .pr-type-text{ width: calc(100% - 50px); height: auto; }
    .selecting-promo-type .promo-row .pr-type-button{ width: 100%; justify-content: flex-start; height: 60px; padding: 0 10px 0 50px; text-align: left; }
    .selecting-promo-type .promo-row .pr-type-button .btn-default.btn-next{ max-width: 120px;}
    .selecting-promo-type .promo-row{ height: auto; }
    .selecting-promo-type .promo-row .pr-type-text h4{ font-size: 14px; }
    .selecting-promo-type .promo-row .pr-type-text p{ font-size: 12px; }
    .promotion-settings .panel-default>.panel-heading h3{padding: 15px 15px 15px 45px; font-size: 14px;}
    .promotion-settings .active.panel-default>.panel-heading h3 .btn-default:active,
    .promotion-settings .active.panel-default>.panel-heading h3 .btn-default:focus,
    .promotion-settings .active.panel-default>.panel-heading h3 .btn-default{ top:50%; transform: translateY(-50%); }
    .promotion-settings .group-title h4{ font-size: 15px; }
    .main-layout-container .promotion-settings .form-div label{ padding-left: 0;}
    .main-layout-container .promotion-settings .form-div.panel-body p{ font-size: 13px;}
    .promotion-settings .panel-default>.panel-heading h3 span{ left: 10px; position: absolute; top: 50%; transform: translateY(-50%);}
    .promotion-settings .active.panel-default>.panel-heading h3 .btn-default.last-btn{ position: relative; display: inline-block; top: auto; transform: none; left: auto; right: auto; margin-top: 10px;}
    .form-div .images-preview .inner{ text-align: center;}
    .form-div .images-preview .thumb-item.file-upload-div.smaller,
    .form-div .images-preview .thumb-item{ width: calc(50% - 10px); }
    .form-div .images-preview .inner{ height: auto;}


    /* Manage Side */
    .welcome-page .wp-res-div .inner,
    .welcome-page .total-restaurant-div .inner{ display: block;}
    #total-restaurant{ width: 100%; height: 150px; display: flex; float: none; }
    .welcome-page .inner .chart-text{ width: 100%; height: 110px; display: flex; float: none; }
    .welcome-page .total-info-div .wp-res-div,
    .welcome-page .total-info-div .wp-res-div:nth-child(1),
    .welcome-page .total-info-div .wp-res-div:nth-child(2){ width: 100%; padding: 0;}
    .welcome-page .total-info-div .wp-res-div .inner{ height: 70px; min-height: 70px; display: flex; justify-content: center; align-items: center; text-align: center; }
    .lang-wrapper .lang-row:first-child .lang-btn-div .btn-add-lang{ font-weight: 600; }
    .form-div .btn-complete, .btn-add-n-complete, .btn-add-n-go, .rest_settings_update button.dropdown{ width: 100%; font-size: 16px; margin-bottom: 10px;}
    .main-layout-container .quick-action-div .inner .btn-side .fullWBtns .btn-default{ max-width: 170px; display: block; float: none; margin-bottom: 5px; }
    .table-responsive.resListTable .table{ min-width: 1000px;}
    table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty{ text-align: left; }
    .tablet-half .half-el{ width: 100%; }
    .login-bar p{ text-align: center; }

    /* Desktop Preview & Mobile Preview (Top menu links) */
    .top-menu .right-menu ul li.desktop-preview{ display: none;}
    .top-menu .right-menu ul li.mobile-preview{ display: block;}
    .qr-datatable div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 80px)!important; }
    .qr-datatable #DataTables_Table_0_filter label span{ width: 72px; text-align: left; }
    .set-report-settings{ left: -274px; top: 55px; max-height: 80vh; }
    .set-report-settings.opened{ left: 0; }
    .row.reports-header .layout-settings .desc-side{ float: none; width: 100%; padding-left: 0; min-height: auto; padding-top: 10px;  display: block;}
    .row.reports-header .layout-settings .pos-sync-side{ float: none; min-width: 100%; min-height: auto; padding-top: 10px; display: block; font-size: 14px; }
    .row.reports-header .layout-settings .select-side{float: none;  min-width: 100%; min-height: auto; display: block; }
    .row.reports-header .layout-settings .pos-sync-side i{ margin-right: 3px; top: unset; }
    .main-layout-container .quick-action-div .inner .reports-header .text-side{ padding-top: 15px; }
    .daterangepicker .drp-buttons .btn{ padding: 5px;}
    .report-cart-items .col-md-3{ width: 100%; }
    .daterangepicker.ltr{ left: 60px!important;}
    .set-report-settings{ max-height: 90vh;}
    .set-report-settings .reports-panels{ max-height: calc(90vh - 70px); }
    /* new mobile test */
    #toast-container,
    .site-layout{ width: 100%; left:0;}
    .main-menu-mobile{ width: 0;  bottom: 0;}
    .main-menu-mobile .left-side .left-logo-side{ display: none; }
    .fixed-mobile-button{ padding-left: 0; display: flex; align-items: center; position: fixed; top:0; left: 0; height: 50px; z-index: 4; color: #fff; width: 200px;}
    .fixed-mobile-button a.mobile-logo-bars-close,
    .fixed-mobile-button a.mobile-logo-bars{ padding-right: 10px; color: #fff; font-size: 20px; height: 50px; width: 50px; display: flex; justify-content: center; align-items: center; float: left; }
    .fixed-mobile-button a.mobile-logo-bars-close{ display: none; }
    .mm-opened .fixed-mobile-button a.mobile-logo-bars-close{ display: flex;}
    .mm-opened .fixed-mobile-button a.mobile-logo-bars{ display: none;}
    .fixed-mobile-button a.mobile-logo-img{ display: flex; align-items: center; width: 100px; height: 50px;}
    .fixed-mobile-button img{ position: relative; width: 100px; height: auto; }
    .p-l-50.p-r-50{ padding-left: 10px; padding-right: 10px; }
    .notify-modal .modal-dialog{ width: 95%; margin: 85px auto; }
    .full-on-mobile{ width: 100%;}
    .full-on-mobile.nb_btn_add_finish{ height: 43px; }
    .auth-panels.manage-package-auth .panel-heading .title-side{ width: calc(100% - 120px); }
    .auth-panels.manage-package-auth .panel-heading .checkbox-side{ width: 120px; }
    .auth-panels.manage-package-auth .panel-heading .title-side h4{ font-size: 14px; padding-top: 3px; }
    .modal-dialog{ margin-top: 66px; }
    .load_media_content .media_listing_box{ width: 33.3333%; float: left; padding-right: 5px; padding-left: 5px;}
    .load_media_content .media_listing_box.media_add_new{ padding-top: 5px; padding-bottom: 5px; position: relative; }
    .load_media_content .media_listing_box.media_add_new .img-thumbnail{ transition: none!important; width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; }
    .modal-footer.media-footer .btn:active,
    .modal-footer.media-footer .btn:focus,
    .modal-footer.media-footer .btn:hover,
    .modal-footer.media-footer .btn{ background-color: #ddd; border-color: #ddd; color: #222; width: calc(50% - 5px); padding: 9px; font-weight: 600; font-size: 16px;  }
    .modal-footer.media-footer .btn+.btn:active,
    .modal-footer.media-footer .btn+.btn:focus,
    .modal-footer.media-footer .btn+.btn:hover,
    .modal-footer.media-footer .btn+.btn{ background-color: #337ab7; border-color: #337ab7; color: #fff;  }
    .container.rewidth.options-buttons{ margin-top: 0; }
    .branch-status-div .row.branch-status-row .branch-action-div{ position: relative; display: block; padding: 0;}
    .branch-status-div .row.branch-status-row .branch-action-div .btn-default{ width: 100%; height: 100%; position: absolute; border-radius: 0; font-size: 20px; display: flex; justify-content: center; align-items: center;}
    .main-menu-mobile{ top: 50px; height: calc(100vh - 50px); }

    /* Buttons Functions Css controller */
    .main-layout-container .quick-action-div .inner .btn-side .btns-container.text-right,
    .main-layout-container .quick-action-div .inner .btn-side .btns-container{ padding-top: 10px; padding-bottom: 10px; }
    .main-layout-container .quick-action-div .inner .btn-side{ background: #d7e0e5; }
    .main-layout-container .quick-action-div .inner .btn-side .btn{ padding: 9px; display: none; }
    .main-layout-container .quick-action-div .inner .btn-side.modify-it .btn{ padding: 9px!important; display: inline-block; }
    /* one */
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-1 .btn:nth-child(1){ width: 100%!important; margin-bottom: 0;}
    /* two */
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-2 .btn:nth-child(1),
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-2 .btn:nth-child(2){ width: calc(50% - 2px)!important; margin-bottom: 0px!important;}
    /* three */
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-3 .btn:nth-child(1),
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-3 .btn:nth-child(2){ width: calc(50% - 2px)!important; margin-bottom: 5px!important;}
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-3 .btn:nth-child(3){ width: 100%!important;}
    /* four */
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-4 .btn:nth-child(1),
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-4 .btn:nth-child(2),
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-4 .btn:nth-child(3),
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-4 .btn:nth-child(4){ width: calc(50% - 2px)!important; margin-bottom: 5px!important;}

    .ws_settings_div .rest-logo-input .description-div,
    .ws_settings_div .rest-logo-input .form-group .images-preview,
    .ws_settings_div .rest-logo-input .form-group .panel-select{ width: 100%; border-radius: 0; border: 1px solid #f1f1f1; }
    .ws_settings_div .rest-logo-input .form-group .images-preview,
    .ws_settings_div .rest-logo-input .form-group .panel-select{ border-radius: 4px 4px 0 0;}
    .sort-boxes-container .sort-box{ width: 50%; }
    .highlight { width: 50%; }
    .allorders-table.edit-1510 .new-select-div.platform-select-div{ width: calc(100% - 7px); margin-right: 7px; float: left; }
    .data-table-container.ipad-edit.allorders-table div.dataTables_wrapper div.dataTables_length .platform-select-div select{ width: calc(100% - 82px); }
    .allorders-table.edit-1510 .new-select-div.platform-select-div:after{ top: 15px; }
    .data-table-container.edit-1510.with-platform #DataTables_Table_0_filter{ float: right; position: relative; top: 0; margin-bottom: 0; }
}

@media (max-width: 480px) {
    #DataTables_Table_0_filter label span{ width: 80px; }
    .no-mobile{ display: none!important; }
    .no-mobile.view-mode,
    .no-mobile.theme-btn-li{ display: block!important; }
    .restaurant-welcome-div .info-item.top-btns .img-div img{ max-width: 100px; }
    .container.rewidth{ padding: 0;}
    .container.fwidth{ padding: 0;}
    .restaurant-welcome-div .table-item .desc-div,
    .restaurant-welcome-div .table-item .btn-div{ width: 100%;}
    .restaurant-welcome-div .table-item .btn-div.text-right,
    .restaurant-welcome-div .table-item .desc-div{ text-align: left;}
    .restaurant-welcome-div .table-item .btn-group>.btn{ margin: 0 auto 15px; float: none;}
    .restaurant-welcome-div .title-container p{ font-size: 12px; }
    .login-container{ padding: 30px 0; height: auto; display: block; align-items: unset; justify-content: unset; min-height: calc(100vh - 40px); }
    .login-container .login-div .logo-div h4{ font-size: 22px; }
    .login-container .login-div .form-div{ padding: 0 20px; }
    .login-container .login-div .logo-div{ padding: 15px 15px 5px;}
    .login-container .login-div .login-text p{ font-size: 16px; margin-bottom: 20px; }
    .login-container .login-div .form-div .form-group{ margin-bottom: 15px; }
    .login-container .login-div .form-div .form-group.noborder{ margin-bottom: 20px; margin-top: 0; }
    .working-hours .group-div{ padding-left: 3px!important; padding-right: 3px!important;}
    .working-hours .day-label{ font-size: 11px;}
    .nb-list .branch-list-item{ width: 50%; padding: 0 5px; margin-bottom: 10px; }
    .nb-list .branch-list-item:nth-child(2n+1){ width: 50%; padding-left: 0; }
    .nb-list .branch-list-item:nth-child(2n+2){ width: 50%; padding-right: 0; }
    .row.nb-list{ margin: 0;}
    .nb-list .innerdiv{ padding: 10px;}
    .select-branch.p-t-30{ padding-top: 0;}
    .alert_info.p-t-30{ padding-top: 20px;}
    .allorders-table.future-orders .new-select-div:not(.nd-select){ width: 100%; }
    .customerlist-table.nc-table .new-select-div .icon-text{ width: 80px;}
    .customerlist-table.nc-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 80px)!important;}
    .nc-table #DataTables_Table_0_filter label span{ width: 80px; }
    #myTabDrop1-contents{ left: auto; right: 0;}
    .sms-info-table .new-select-div { width: 100%; float: none; margin-bottom: 7px;}
    .sms-info-table .new-select-div .icon-text{ width: 100px;}
    .sms-info-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 100px)!important;}
    .sms-info-table #DataTables_Table_0_filter label:before{ width: 100px; }
    .sms-info-table #DataTables_Table_0_filter label span{ width: 100px; }
    .full-search-mobile.sms-info-table #DataTables_Table_0_filter label .form-control{ width: calc(100% - 100px); }
    #add_loyalty_setttings_form .loyalty_point_time .checkbox-container .checkbox-item label{ font-size: 14px; }
    #add_loyalty_setttings_form .loyalty_point_time .checkbox-container .checkbox-item label:before{ top: 14px; }
    .main-layout-container .quick-action-div .inner .btn-side .menu_manage_button,
    .main-layout-container .quick-action-div .inner .btn-side .btn-default{ min-width: 80px; padding: 7px 10px;}
    .main-layout-container .quick-action-div .inner .btn-side .copy-menu-btn .dropdown-menu{ z-index: 991;}
    .menu-type .checkbox-item.menu-type-item{ width: 100%;}
    .nb_btn_add_finish, #product_add_n_complete, #product_add_n_go{ width: auto; padding: 7px 8px; margin-bottom: 0; }
    .newNav-style.nav-tabs>li.collapse-all-btn a span{ display: none; }
    .newNav-style.nav-tabs>li.collapse-all-btn{ min-width: auto;}
    .auth-panels .product-menu-panel .panel-heading .title-side{ width: calc(100% - 140px); }
    .auth-panels .product-menu-panel .panel-heading .title-side h4{ font-size: 14px;}
    .main-layout-container .form-div .wSwitch.product-menu-switch{ width: 140px; min-height: 24px; margin-bottom: -10px;}
    .main-layout-container .form-div .wSwitch.product-menu-switch .slider.round{ top: -3px; bottom: 3px; }
    .auth-panels .panel-default.product-menu-panel>.panel-heading{ padding: 10px; }
    .main-layout-container .form-div .wSwitch.product-menu-switch .statu{ width: auto;}
    .product-list-table #DataTables_Table_0_filter label:before{ width: 96px; }
    .product-list-table #DataTables_Table_0_filter span{ width: 96px; }
    .full-search-mobile.product-list-table #DataTables_Table_0_filter label .form-control{ width: calc(100% - 96px); }
    .auth-panels.branch-menu-options .panel-heading .title-side { width: 100%; padding-bottom: 12px; }
    .auth-panels.branch-menu-options .panel-heading .title-side a { padding-bottom: 9px; }
    .auth-panels.branch-menu-options .panel-heading .checkbox-side{ width: 100%; }
    .auth-panels.auth-group-panels .panel-heading .title-side { width: 100%; padding-bottom: 12px; }
    .auth-panels.auth-group-panels .panel-heading .title-side a { padding-bottom: 9px; }
    .auth-panels.auth-group-panels .panel-heading .checkbox-side{ width: 100%; }
    .auth-panels:not(.not-long) .panel-heading .checkbox-side .checkbox{ text-align: left; }
    .auth-panels:not(.not-long) .panel-heading .checkbox-side .checkbox label{ padding-left: 0; }
    .auth-panels:not(.not-long) .panel-heading .checkbox-side .checkbox .cr{ width: 20px; height: 20px; margin-left: 0; margin-right: 10px; float: left;}
    .btn-default.collapse-all-btn.m-r-10{ margin-right: 0;}
    .manage-branch-buttons-div .btn-default.red{ margin-right: 0; width: 100%; font-weight: 600; font-size: 16px;}
    .btn-default.excelbtns:active, .btn-default.excelbtns:focus, .btn-default.excelbtns:hover, .btn-default.excelbtns{ min-width: calc(50% - 4px); max-width: calc(50% - 4px); }
    .btn-default.excelbtns:nth-child(1){ margin-right: 4px; }
    .option-modal:not(.detail-modal) .modal-dialog,
    .extra-modal .modal-dialog{ margin-top: 75px; }
    .option-modal:not(.detail-modal) .dismiss-btn,
    .extra-modal .dismiss-btn{ top: -35px; right: 0; border-radius: 5px 5px 0 0; }
    .extra-list-table #DataTables_Table_0_filter { width: 100%; }
    .extra-list-table #DataTables_Table_0_filter label{ width: 100%; max-width: 100%; }
    .extra-list-table #DataTables_Table_0_filter label:before{ width: 96px; }
    .extra-list-table #DataTables_Table_0_filter span{ width: 96px; }
    .extra-list-table #DataTables_Table_0_filter label .form-control{ width: calc(100% - 96px); }
    .main-layout-container .quick-action-div .inner .btn-side.mobile-multiple-btns .btns-container.text-right{ padding-top: 15px;}
    .main-layout-container .quick-action-div .inner .btn-side.mobile-multiple-btns.no-padding-top .btns-container.text-right{ padding-top: 0;}
    .main-layout-container .quick-action-div .inner .btn-side.mobile-multiple-btns .btn-default{ margin-bottom: 5px; }
    .cw-container .table-responsive>.table-bordered{ border:1px solid #ddd; }
    .customer-view-page .customer-address-side .cw-add-address{top: 10px; right: 32px; font-weight: bold; position: absolute; max-width: 100px; left: auto;}
    .customCSSDiv .logo-text-select .radio, .domainSettingDiv .logo-text-select .radio, .domainSettingDiv .main-align-select .radio{ width: 100%; }
    .embed-settings .half-item1:nth-child(2){ width: 100%; }
    .embed-settings .logo-preview-container{ width: 100%; }
    .embed-settings .logo-preview-container label{ width: 100%; display: block; }
    .rest_settings_update button.dropdown{ width: auto; min-width: 80px; padding: 7px 10px; font-size: 13px; margin-bottom: 0;}
    .working-hours .closedDayItem{ padding: 0; margin-bottom: 15px;}
    .checkbox-container .btn-add-n-go{ top: 3px; position: relative; width: auto; margin-bottom: 0; padding: 5px 15px; font-size: 14px;}
    .row.working-hours{ margin: 0; }
    .delivery-panel-title h4 .selected-areas{ font-size: 12px; display: block; margin-top: 10px; color: #737373; font-weight: 500; }
    #restaurant_settings_form .btn-default{ margin-right: 0; width: 100%; }
    .promotion-settings .active .panel-body.form-div{ padding: 0; }
    .promotions-tablet .center-xs{ text-align: center;}
    .promotions-tablet .center-xs .btn-change-bg{ margin-top: 15px;  }
    .branchList.full-xs { padding: 0; }
    .branchList.full-xs .checkbox-item{ width: 100%; }
    .branchList.full-xs .checkbox-item label{ padding-left: 25px; }
    .row.no-margin .form-group .radio{ padding: 0 15px; }
    .row.no-margin .form-group .pr-form-panel{ padding: 15px 30px 0; }

    #campain_add_product_modal .modal-footer .btn-default{ font-size: 14px; padding: 9px 20px; font-weight: 600; background: #4CAF50!important; color: #fff; border-color: #4CAF50!important; }
    #campain_add_product_modal .modal-footer .btn+.btn{ width: auto; background: #2196F3!important; color: #fff; border-color: #2196F3!important;}
    .auth-panels.not-long .panel-heading .title-side{ font-size: 14px; }
    .auth-panels.not-long .panel-heading .checkbox label{ font-size: 12px; }
    .auth-panels.not-long .panel-heading .checkbox label .cr{ top:0; width: 16px; height: 16px; }

    .main-layout-container .promotion-settings .form-div .allDateCheckDiv label { padding-left: 30px; }
    .w-input .select{ width: 80px; }
    .w-input .form-control{ width: calc(100% - 80px);}
    .promotion-settings .active.panel-default>.panel-heading.long-button h3 .btn-default{ display: block; position: relative; top: 8px; transform: none; left: 0px; }



    /* Mobil login Screen */
    .login-container .login-div .login-text p,
    .login-container .login-div .login-text .sub-text{ display: none;}
    .login-container .login-div .login-text{ min-height: 75px; margin-bottom: 20px; }
    .order-navbar .order-navbar-logo{ top: 5px; }
    .mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider{ margin: 10px auto 30px; }
    .mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider:active,
    .mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider:focus,
    .mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider{ min-width: 60px; }
    .mobile-app-edit .tab-content .form-side .rest-logo-input .form-group .panel-select{ width: 100%;}
    .mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider:active,
    .mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider:focus,
    .mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider{ min-width: 50px;}
    .mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider:nth-child(2):active,
    .mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider:nth-child(2):focus,
    .mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider:nth-child(2){ min-width: 130px; max-width: 135px;}
    .mobile-app-edit .tab-content .theme-framer .nav-btns .btns-divider .btn-default.btn-theme-slider .btnDesc{display: none;}
    .product-list-table.new-pr-table .new-select-div{ width: 100%; margin-right: 0;}
    .product-list-table.new-pr-table .new-select-div:nth-child(even){ width: 100%; margin-right: 0;}
    .product-list-table.new-pr-table.cat-table .new-select-div{ width: 100%; margin-right: 0;}
    .product-list-table.new-pr-table.cat-table .new-select-div:nth-child(even){ width: 100%; margin-right: 0;}
    .top-menu .right-menu ul{ display: none; background: #3a4953; min-width: 280px; /*width: calc(100% - 40px);*/ width: 100%; position: absolute; right: 0; top:50px; padding: 3px 3px 5px; border-radius: 0 0 0 0;}
    .top-menu .right-menu ul li { display: block; width: 100%; height: 60px; padding: 7px!important; float: left;}
    .top-menu .right-menu ul li a:hover,
    .top-menu .right-menu ul li a:active,
    .top-menu .right-menu ul li a:focus,
    .top-menu .right-menu ul li a{ padding: 5px 10px; margin: 0; box-shadow: inset 0 -2px 0 #c3c3c3; display: flex; justify-content: flex-start; align-items: center; text-align: center; width: 100%; height: 100%; background: #fff; border-radius: 5px; color: #293740;}
    .top-menu .right-menu ul li a i{ font-size: 16px; display: inline-block; min-width: 30px;}
    .data-table-container.ipad-edit .dataTables_length{ width: 100%; }
    .data-table-container .btn-search-filter{ top:-2px;}
    .allres-table #DataTables_Table_0_filter { width: 100%; max-width: 100%; }
    .allres-table #DataTables_Table_0_filter label{ width: 100%; max-width: 100%; }
    .allres-table #DataTables_Table_0_filter label .form-control{ width: 100%; max-width: calc(100% - 60px); }
    .login-bar { cursor: pointer; }
    .login-bar p{ font-size: 12px; }
    .added-menu-products-div .product-item{ width: 100%; }
    .added-menu-products-div .product-item .pr-container-div{ height: 90px; }
    .added-menu-products-div .row .npr-name{ width: 100%; float: none;}
    .added-menu-products-div .row .npr-group{ width: calc(50% - 22px); float: left;}
    .added-menu-products-div .row .npr-extra-price{ width: calc(50% - 22px); float: left;}
    .added-menu-products-div .row .npr-btn{ width: 44px; float: left; padding-top: 24px;}
    .added-menu-products-div .row .npr-name .form-control[readonly]{ background: #fff; border-color: #E5EAED; margin-bottom: 5px; border-radius: 4px; border-right: 1px solid #E5EAED; }
    .added-menu-products-div .row .npr-group .form-control{ border-radius: 4px 0 0 4px; border-right: 0; }
    .added-menu-products-div .row .npr-extra-price .form-control{ border-radius: 0; border-right: 0;}

    .overlay-bg-menu{ z-index: 2;}
    .top-menu{ z-index:3; }
    .customer-view-page .nav-tabs.cp-nav-type.for-desktop{ display: none;}
    .customer-view-page .nav-tabs.cp-nav-type.for-mobile{ display: block;}
    .customer-view-page .nav-tabs.cp-nav-type.mobile-tab-slider .nav-li a { margin-bottom: 10px;}
    .customer-view-page .nav-tabs.cp-nav-type.mobile-tab-slider{ margin-bottom: 0; padding: 0 10px; }
    .customer-view-page .nav-tabs.cp-nav-type.mobile-tab-slider .nav-li i { margin-right: 5px;}

    /* reports temp version */
    .main-layout-container .temp-version.header-div .reports-main-header{ padding-left: 0; }
    .temp-version .row.reports-header .layout-settings .select-side{ min-width: 100%; }
    .temp-version .row.reports-header .layout-settings .select-side .input-group{ width: 100%; }
    .temp-version .row.reports-header .layout-settings .desc-side{ padding: 15px 0 15px 0 }
    .main-layout-container .form-div.temp-version .filters{ width: calc(100% - 75px); margin-bottom: 10px; padding-right: 5px!important;}
    .main-layout-container .form-div.temp-version .filter-group .btn-div{ width: 75px;}
    .main-layout-container .form-div.temp-version .filter-group .btn-div span{ display: none; }
    .reports-table-container h4.table-title{ position: relative; top: 0; left:0; margin-top: 0; margin-bottom: 15px;}
    #testDT_wrapper .dataTables_filter{ width: 100%; }
    #testDT_wrapper .dataTables_filter label{ display: block; width: 100%; }
    .main-layout-container .form-div.temp-version .reports-table-container .form-control{ height: 44px; min-height: 44px; width: calc(100% - 75px);}
    .reports-data-table.temp-version .dataTables_paginate,
    .reports-data-table.temp-version .dataTables_length{ width: 100%; float: none; }
    .reports-data-table.temp-version .dataTables_paginate a.paginate_button.previous{ margin-left: 0; }
    .dataTables_paginate a.paginate_disabled_previous, .dataTables_paginate a.paginate_disabled_next,
    .dataTables_paginate a.paginate_button, .paginate_enabled_next, .paginate_active, .paginate_enabled_previous { margin-bottom: 5px; padding: 10px 13px;}
    #testDT.table>tbody>tr>td, #testDT.table>tbody>tr>th, #testDT.table>tfoot>tr>td, #testDT.table>tfoot>tr>th, #testDT.table>thead>tr>td, #testDT.table>thead>tr>th{ min-width: 120px;}
    .daterangepicker.show-ranges{ height: 47vh; overflow: scroll; }
    .email-sms-panel{ box-shadow: none; border: none; margin-top: 0; margin-bottom: 0; }
    .email-sms-panel .panel-title{ font-size: 14px; }
    .email-sms-panel .panel-heading{ background-color: transparent; border: 1px solid #ddd; border-left: 4px solid #293740; border-radius: 4px; }
    .email-sms-panel .panel-body{ padding: 15px 0 0 0; border:0; border-radius: 0; }
    .panel-body.drpzne #load_media_content .col-xxs-12:nth-child(2n+2){padding-left: 5px; padding-right: 0;}
    .panel-body.drpzne #load_media_content .col-xxs-12:nth-child(2n+1){padding-right: 5px; padding-left: 0;}

    /* loyalty mobile */
    .loyalty_special_div .dayInput{ max-width: 100%;}
    .loyalty_special_div .bttnsDiv{ padding-left: 0; padding-right: 0; max-width: 100%;}
    .main-layout-container .promotion-settings .form-div .checkbox-item label{ padding-left: 30px; }
    .promotion-settings .active.panel-default>.panel-heading h3 .btn-default.last-btn,
    .promotion-settings .active.panel-default>.panel-heading h3 .btn-default:active,
    .promotion-settings .active.panel-default>.panel-heading h3 .btn-default:focus,
    .promotion-settings .active.panel-default>.panel-heading h3 .btn-default{ display: block; max-width: 70px; position: relative; top: 0; left:0; right: 0; transform: none; margin-top: 10px;}
    .promotion-settings .active.panel-default>.panel-heading.long-button h3 .btn-default{ max-width: 160px; top:0; }

    .main-layout-container .form-div .product_color_select .color_palette_picker .color-item { width: 20%; }
    .promotion-settings .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
    .promotion-settings .radio label input[type="radio"]:checked + .cr > .cr-icon { left: 2px; top: 8px; }
    /* new mobile test */
    .site-layout{ width: 100%; left:0;}
    .main-menu-mobile{ width: 0;  bottom: 0;}
    .main-menu-mobile .left-side .left-logo-side{ display: none; }
    .fixed-mobile-button{ padding-left: 0; display: flex; align-items: center; position: fixed; top:0; left: 0; height: 50px; z-index: 4; color: #fff; width: 200px;}
    .fixed-mobile-button a.mobile-logo-bars-close,
    .fixed-mobile-button a.mobile-logo-bars{ padding-right: 10px; color: #fff; font-size: 20px; height: 50px; width: 50px; display: flex; justify-content: center; align-items: center; float: left; }
    .fixed-mobile-button a.mobile-logo-bars-close{ display: none; }
    .mm-opened .fixed-mobile-button a.mobile-logo-bars-close{ display: flex;}
    .mm-opened .fixed-mobile-button a.mobile-logo-bars{ display: none;}
    .fixed-mobile-button a.mobile-logo-img{ display: flex; align-items: center; width: 100px; height: 50px;}
    .fixed-mobile-button img{ position: relative; width: 100px; height: auto; }
    .p-l-50.p-r-50{ padding-left: 10px; padding-right: 10px; }
    .notify-modal .modal-dialog{ width: 95%; margin: 85px auto; }
    .full-on-mobile{ width: 100%;}
    .full-on-mobile.nb_btn_add_finish{ height: 43px; }
    .auth-panels.manage-package-auth .panel-heading .title-side{ width: calc(100% - 120px); }
    .auth-panels.manage-package-auth .panel-heading .checkbox-side{ width: 120px; }
    .auth-panels.manage-package-auth .panel-heading .title-side h4{ font-size: 14px; padding-top: 3px; }
    .modal-dialog{ margin-top: 66px; }
    .load_media_content .media_listing_box{ width: 33.3333%; float: left; padding-right: 5px; padding-left: 5px;}
    .load_media_content .media_listing_box.media_add_new{ padding-top: 0; padding-bottom: 5px; position: relative; }
    .load_media_content .media_listing_box.media_add_new .img-thumbnail{ transition: none!important; width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; }
    .modal-footer.media-footer .btn:active,
    .modal-footer.media-footer .btn:focus,
    .modal-footer.media-footer .btn:hover,
    .modal-footer.media-footer .btn{ background-color: #ddd; border-color: #ddd; color: #222; width: calc(50% - 5px); padding: 9px; font-weight: 600; font-size: 16px;  }
    .modal-footer.media-footer .btn+.btn:active,
    .modal-footer.media-footer .btn+.btn:focus,
    .modal-footer.media-footer .btn+.btn:hover,
    .modal-footer.media-footer .btn+.btn{ background-color: #337ab7; border-color: #337ab7; color: #fff;  }
    .container.rewidth.options-buttons{ margin-top: 0; }
    .branch-status-div .row.branch-status-row .branch-action-div{ position: relative; display: block; padding: 0;}
    .branch-status-div .row.branch-status-row .branch-action-div .btn-default{ width: 100%; height: 100%; position: absolute; border-radius: 0; font-size: 20px; display: flex; justify-content: center; align-items: center;}
    .main-menu-mobile{ top: 50px; height: calc(100% - 50px); }

    /* Buttons Functions Css controller */
    .main-layout-container .quick-action-div .inner .btn-side .btns-container.text-right,
    .main-layout-container .quick-action-div .inner .btn-side .btns-container{ padding-top: 10px; padding-bottom: 10px; }
    .main-layout-container .quick-action-div .inner .btn-side{ background: #f9f9f9; }
    .main-layout-container .quick-action-div .inner .btn-side .btn{ padding: 9px; display: none; }
    .main-layout-container .quick-action-div .inner .btn-side.modify-it .btn{ padding: 9px!important; display: inline-block; }
    /* one */
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-1 .btn:nth-child(1){ width: 100%!important; margin-bottom: 0;}
    /* two */
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-2 .btn:nth-child(1),
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-2 .btn:nth-child(2){ width: calc(50% - 2px)!important; margin-bottom: 0px!important;}
    /* three */
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-3 .btn:nth-child(1),
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-3 .btn:nth-child(2){ width: calc(50% - 2px)!important; margin-bottom: 5px!important;}
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-3 .btn:nth-child(3){ width: 100%!important;}
    /* four */
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-4 .btn:nth-child(1),
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-4 .btn:nth-child(2),
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-4 .btn:nth-child(3),
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-4 .btn:nth-child(4){ width: calc(50% - 2px)!important; margin-bottom: 5px!important;}
    .main-layout-container .quick-action-div .inner .btn-side .copy-menu-btn .btn.menu_manage_button:nth-child(2){ float: right; border-radius: 4px; }
    .main-layout-container .quick-action-div .inner .btn-side .copy-menu-btn .dropdown-menu{ right: 0; left: auto; }
    /* Raporlar geçici */
    .main-layout-container .temp-version.form-div .filters.two-filters{ width: 100%; padding-left: 15px!important; padding-right: 15px!important; margin-bottom: 15px; }
    .main-layout-container .temp-version.form-div .filters.two-filters + .two-filters{ padding-left: 15px; padding-right: 15px;}
    .main-layout-container .temp-version.form-div .filters.four-filters{ width: 100%; padding-left: 15px!important; padding-right: 15px!important; margin-bottom: 15px; }
    .main-layout-container .temp-version.form-div .filters.four-filters + .four-filters{ padding-left: 15px; padding-right: 15px;}
    .main-layout-container .form-div .filter-group.four-group .btn-filter.btn-default span{ display:  inline-block;}
    .main-layout-container .form-div .filter-group.four-group .btn-div{ width: 100%; padding-left: 15px; padding-right: 15px; padding-top: 0; margin-bottom: 15px; }
    .main-layout-container .form-div .reports-table-container div.dataTables_wrapper div.dataTables_filter label span{ height: 44px; }
    .row.reports-header .layout-settings .desc-side{ width: 100%;}
    .report-cart-items .col-md-6.horizontal-chart:nth-child(1),
    .report-cart-items .col-md-6.horizontal-chart:nth-child(2),
    .report-cart-items .col-md-3 + .col-md-6.guest-reports,
    .report-cart-items .col-md-3:nth-child(2n+1),
    .report-cart-items .col-md-3:nth-child(2n+2){ padding-left: 0; padding-right: 0; }
    .login-container .login-div .form-div .row.center-row .col-md-6:nth-child(1){ width: 40%; padding-right: 3px; font-size: 12px;}
    .login-container .login-div .form-div .row.center-row .col-md-6:nth-child(2){ width: 60%; padding-left: 3px; font-size: 12px;}
    .login-container .login-div .form-div .row.center-row .form-group.noborder{ margin-bottom: 0;}
    .login-container .login-div .form-div .form-group .forgot-password{ font-size: 12px;}
    .login-container .login-div .form-div .form-group .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon{ font-size: 7px; }
    .login-container .login-div .form-div{ padding: 0 20px 45px; }
    .login-container .login-div .form-div .row.center-row .form-group.noborder .checkbox{ margin-top: 14px; }
    #option_group_add_product_modal .modal-body, #menu_add_product_modal .modal-body{ max-height: calc(100vh - 150px); }
    .modal-btn-groups.two-btns .btn-default{ float: none; width: 100%; margin-bottom: 10px; margin-left: 0!important; margin-right: 0!important;}
    .modal-btn-groups.three-btns .btn-default{ float: none; width: 100%; margin-bottom: 10px; margin-left: 0!important; margin-right: 0!important; }
    .modal-btn-groups.two-btns .btn-default:nth-child(2){ margin-bottom: 0;}
    .modal-btn-groups.three-btns .btn-default:nth-child(3){ margin-bottom: 0; }
    .modifier-cat-div .cat-item,
    .modifier-product-div .product-el{ width: 50%; }
    .option-modal.quick-modal .select2-container--default .select2-selection--multiple{ height: 88px; min-height: 88px; }
    .ws_settings_div .section-content .selecting-side .selecting-item,
    .ws_settings_div .section-content .themes-list .theme-item{ width: 50%; }
    .ws_settings_div .section-content .btns-side .btn-default:active,
    .ws_settings_div .section-content .btns-side .btn-default:focus,
    .ws_settings_div .section-content .btns-side .btn-default{ width: 100%; min-width: 100%; display: block; }
    .ws_settings_div .gallery-list .gallery-item{ width: 100%; }
    .modifier-modals .checkbox-container .checkbox-item.cat-item { width: 50%; height: 100px;}
    .modifier-boxed-design .modifier-boxed-item{ width: 100%; }
    .modifier-modal .modal-dialog,
    .modifier-modals .modal-dialog,
    .quick-modal .modal-dialog{ margin: 0; }
    .modifier-modal .modal-body,
    .modifier-modals .modal-body{ max-height: calc(100vh - 60px); }
    #tableModifierList tr.not td .form-group .input-group{ width: calc(100vw - 50px); }
    #modalModifierList .table-responsive{ border: 0; }
    .static-boxes-container .row .static-box-item .box-div span{ font-size: 4vmin; }
    .connection-div .connectionInner i{ font-size: 14vmin; }
    .connection-div .connectionInner h4{ font-size: 5vmin;}
    /* reports page */
    .row.report-cart-items{ margin: 0; }
    .report-cart-item{ height: 130px; }
    .report-cart-item.seperated-div{ height: 150px; }
    .report-cart-items .col-md-3{ width: 50%;}
    .report-cart-item .inner .compare-price:before{ font-size: 8px; top: -7px;}
    .report-cart-item .inner .price{ font-size: 1.6rem; }
    .report-cart-item .inner .compare-price{ margin-top: 7px; }
    .report-cart-item .inner h4.title{ margin: 5px 0; }
    .charts-container .charts-row .chart-shema{ min-height: 200px; }
    .main-layout-container .form-div .reports-table-container .form-control{ width: calc(100% - 75px); }
    .charts-container .charts-row .chart-shema{ padding: 0; }
    .charts-container .charts-row .chart-shema .wrapper{ width: 95%; }
    .row.reports-header .layout-settings .select-side{ width: 100%; }
    .row.reports-header .layout-settings .desc-side{ padding-left: 0; font-size: 14px; }
    .reports-panels .checkbox-item label:before,
    .reports-carts-container .checkbox-item label:before{ top: 9px; font-size: 15px; color: #afafaf; }
    .reports-panels .selected.checkbox-item label:before,
    .reports-carts-container .selected.checkbox-item label:before{ top: 9px; font-size: 15px; color: #fff; }
    .reports-carts-container .btn-default.mobile-filters-btn{ display: inline-block; width: 100%; margin-bottom: 10px; background: #3a4953; color: #fff; border: 0; font-weight: 600; padding: 10px; }
    .reports-carts-container .btn-default.mobile-filters-btn.filtersOn .show-filter{ display: inline-block; }
    .reports-carts-container .btn-default.mobile-filters-btn.filtersOn .hide-filter{ display: none; }
    .reports-carts-container .btn-default.mobile-filters-btn.filtersOff .show-filter{ display: none; }
    .reports-carts-container .btn-default.mobile-filters-btn.filtersOff .hide-filter{ display: inline-block; }
    .set-report-settings .inner .btn-default.btn-setting-report{ display: none; }
    .top-menu .right-menu .btn-default.btn-mobile-reports:hover,
    .top-menu .right-menu .btn-default.btn-mobile-reports:active,
    .top-menu .right-menu .btn-default.btn-mobile-reports:focus,
    .top-menu .right-menu .btn-default.btn-mobile-reports{ margin-right: 5px; float: right; top:7px; right: 10px; position: relative; display: flex; height: 34px; width: 36px; justify-content: center; align-items: center; border: 0; background: #1d282f; color:#fff;  padding: 0; font-size: 16px;}
    .reports-table-container .dt-buttons{ width: 100%; }
    .reports-table-container div.dataTables_filter{ width: 100% !important; }
    .main-layout-container .form-div .reports-table-container div.dataTables_wrapper div.dataTables_filter label span{ height: 36px; }
    .reports-table-container div.dataTables_wrapper div.dataTables_filter label{ width: 100%; }
    .reports-table-container div.dataTables_wrapper div.dataTables_filter label input{ width: calc(100% - 75px); }
    .reports-table-container .dt-buttons .dt-button{ width: calc(50% - 2px);}
    .reports-table-container div.dataTables_wrapper div.dataTables_paginate{ width: 100%; }
    .reports-table-container .table-responsive{ padding-top: 0; }
    .report-cart-items .col-md-3.info-boxes{ width: 100%; }
    .reports-table-container .dt-buttons .dt-button:active,
    .reports-table-container .dt-buttons .dt-button:focus,
    .reports-table-container .dt-buttons .dt-button{ width: calc(50% - 2px); }
    .reports-table-container .has-three .dt-buttons .dt-button:active,
    .reports-table-container .has-three .dt-buttons .dt-button:focus,
    .reports-table-container .has-three .dt-buttons .dt-button{ width: calc(33.333333% - 3px); }
    .main-layout-container .form-div .three-group .group-div .group-div.filters.two-filters.p-on-mobile{ padding-right: 15px;}
    .main-layout-container .form-div .three-group .group-div .group-div.filters.four-filters.p-on-mobile{ padding-right: 15px;}
    .main-layout-container .form-div .filter-group .btn-div.full-on-mobile{ width: 100%; padding: 5px 15px; }
    .caseModule .info-boxes{ width: 100%; padding: 0; }
    .reports-carts-container .daterangepicker.show-ranges{ left: 15px!important; }
    .report-cart-items .col-md-3.info-boxes.half-on-mobile{ width: 50%; }
    .report-cart-items .col-md-3.info-boxes.half-on-mobile:nth-last-child(2n+1){ padding-left: 5px; }
    .report-cart-items .col-md-3.info-boxes.half-on-mobile:nth-child(2n+1){ padding-right: 5px; }
    .branchSelectWarning h4{ text-align: center; }
    /*.branchSelectWarning .select2-container--default .select2-selection--multiple{ height: 100px; min-height: 100px; }*/
    .branchSelectWarning .select-side{ width: calc(100% - 44px); display: block; float: left; padding-right: 5px; margin-bottom: 10px;  height: 44px;}
    .branchSelectWarning .btn-showReports:active,
    .branchSelectWarning .btn-showReports:focus,
    .branchSelectWarning .btn-showReports{ border: 0; font-size: 16px; width: 44px; float: right; height: 44px; display: inline-flex; background: #4CAF50; color: #fff; justify-content: center; align-items: center; font-weight: 600; }
    .branchSelectWarning .btn-showReports:hover{ border: 0; background: #2f9433; }
    .branchSelectWarning .select-side:after{ width: 30px; z-index: 2; }
    .main-layout-container{ min-height: calc(100vh - 70px); }
    .branchSelectWarning .btn-showReports i{ display: inline-block; }
    .branchSelectWarning .btn-showReports span{ display: none; }
    .main-layout-container .form-div .dt-content .btn_add{ position: relative; top: 0; left: 0; width: 100%; margin-bottom: 5px; }
    .main-layout-container .form-div .dt-content .dataTables_filter{ width: 100%; }
    .main-layout-container .form-div .dt-content #DataTables_Table_0_filter label{ width: 100%; max-width: 100%; }
    .main-layout-container .form-div .dt-content #DataTables_Table_0_filter .form-control{ width: calc(100% - 80px); max-width: calc(100% - 80px); }
    .handTerminalModal .modal-dialog{ max-width: 100%!important;}
    .ws_settings_div .section-content .sliders-list .slider-table .table>tbody>tr>td:last-child{ min-width: 125px;}
    .top-menu .right-menu ul li.announce-bell .text-announce{ display: inline-flex;}
    .top-menu .right-menu ul li.announce-bell a i{ margin-left: 2px; margin-right: 3px;}
    .top-menu .right-menu ul li.announce-bell a .announcekit-widget .announcekit-widget-badge{ position: absolute!important; top: 15px; right: 12px; }
    .main-layout-container .form-div .fixed-class .three-group .group-div .group-div.filters.four-filters{ padding-left: 5px!important; padding-right: 5px!important;  width: 100%}
    .main-layout-container .form-div .fixed-class .date-group .btn-group.multiple-drpdwn .btn-default.dropdown-toggle{ margin-bottom: 10px}
    .comments-view-page.extensions-edit .packages-container > .row .package-item{ width: 100%; }
    #extension_detail .modal-body{ min-height: 70vh; }
    #extension_detail .modal-body .left-side,
    #extension_detail .modal-body .right-side{ height: calc(70vh - 80px)}
    #extension_detail .modal-body .buttons-side{ width: 100%; }
    #branchProductMatchModal .modal-body{ max-height: 65vh; }
}

@media (max-width: 350px) {
    .mobile-app-edit .nav-tabs>li>a{ font-weight: 600; font-size: 9px; padding: 10px 5px; }
    .mobile-app-edit .tab-content .form-side.product-list-form .rest-logo-input .description-div, .mobile-app-edit .tab-content .form-side.menu-list-form .rest-logo-input .description-div{ padding: 10px;}
    .selecting-promo-type .promo-row .pr-type-text h4{ font-size: 12px; }
    .selecting-promo-type .promo-row .pr-type-text p{ font-size: 11px; }
    .top-menu .right-menu ul{ min-width: 270px;}
    .main-menu-mobile .left-side ul li{ padding: 0 0 5px; }
    .login-container .login-div .form-div .row.center-row .col-md-6:nth-child(1){ width: 42%; padding-right: 3px; font-size: 11px;}
    .login-container .login-div .form-div .row.center-row .col-md-6:nth-child(2){ width: 58%; padding-left: 3px; font-size: 11px;}
    .login-container .login-div .form-div .form-group .forgot-password,
    .login-container .login-div .div-not-a-member a{ font-size: 11px; }
    .sort-boxes-container .sort-box{ width: 100%; }
    .highlight { width: 100%; }
    .static-boxes-container .row .static-box-item{ width: 100%; }
}

@media (max-width: 330px) {
    .login-container .login-div .login-text{ min-height: 45px;}
    .login-container .login-div .login-text .logo-container img{ max-width: 120px; }
    .login-container .login-div .logo-div h4{ font-size: 16px; }
    .login-container .login-div .logo-div{ padding: 10px 15px 5px; }
    .login-container .login-div .form-div .form-group{ margin-bottom: 10px;}
    .login-container .login-div .form-div .btn-default{ padding: 6px 15px; font-size: 16px; }
    .login-container .login-div .form-div .form-group.noborder{ margin-bottom: 12px; }
    .login-container{ padding: 20px 0; }
    .login-container .login-div .login-text{ margin-bottom: 15px; }
    .login-container .login-div .form-div .form-group .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon{ top:6px; left: 3px;}
}

@media (max-height: 800px){
    .modal.mo-modal .modal-dialog{ width: 100%; margin: 0 auto; }
    .modal.mo-modal .modal-body{ height: calc(100vh - 80px); }
}

/* for iPad landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .top-menu .right-menu{ width: 100%;}
    .p-l-50.p-r-50{ padding-left: 20px; padding-right: 20px;}
    .top-menu .right-menu ul li.expend-li{ display: none; }
    .hidden-menu{ right: -360px; width: 360px;}
    .allorders-table .new-select-div{ width:  calc(50% - 7px); margin-bottom: 7px; }
    .allorders-table .new-select-div+.new-select-div{ margin-right: 0; width: 50%;}
    .allorders-table .new-select-div.nd-select{ width: 50%; }
    .allorders-table .new-select-div.nd-select .form-control{ width: calc(100% - 82px);}
    .data-table-container.ipad-edit.allorders-table div.dataTables_wrapper div.dataTables_length select.unqiue-select{ width: calc(50% - 39px)}
    .data-table-container.ipad-edit.allorders-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 82px) }
    .data-table-container.ipad-edit.allorders-table .new-select-div .icon-text{ width: 82px;}
    .data-table-container.ipad-edit.allorders-table .dataTables_length{ margin-bottom: 0; }
    .allres-table .new-select-div:nth-child(1){ width:  calc(50% - 7px); margin-bottom: 7px; float:none; }
    .allres-table .new-select-div+.new-select-div{ margin-right: 0; width: 50%;}
    .allres-table .new-select-div.nd-select{ width: 75%; }
    .allres-table .new-select-div.nd-select .form-control{ width: calc(100% - 82px);}
    .data-table-container.allres-table .btn-search-filter{ top: -2px; }
    .data-table-container.ipad-edit.allres-table div.dataTables_wrapper div.dataTables_length select.unqiue-select{ width: calc(25% - 39px)}
    .data-table-container.ipad-edit.allres-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 82px) }
    .data-table-container.ipad-edit.allres-table .new-select-div .icon-text{ width: 82px;}
    .data-table-container.ipad-edit.allres-table .dataTables_length{ margin-bottom: 0; }
    .data-table-container.allres-table #DataTables_Table_0_filter{ position: absolute; right: 0; width: 50%;}
    .data-table-container.allres-table #DataTables_Table_0_filter label{ width: 100%; max-width: 100%;}
    .data-table-container.allres-table #DataTables_Table_0_filter label .form-control{ width: 100%; max-width: calc(100% - 60px);}
    .data-table-container .btn-search-filter{top:0;}
    .data-table-container.allres-table { position: relative; }
    .ch-item h4{ font-size: 20px; padding: 19px;}
    h2.clock-select-wrapper{ font-size: 20px;}
    .cal-detail-wrapper .clock-item .checkbox label, .cal-detail-wrapper .clock-item .radio label{ font-size: 18px; }
    .cal-detail-wrapper .btn-go-next-step:active, .cal-detail-wrapper .btn-go-next-step:focus, .cal-detail-wrapper .btn-go-next-step{ padding: 10px 26px; font-size: 16px;}
    .cs-info-item .cs-inner{ font-size: 13px;}
    .res_view .cal-hide-empty .btn.btn-default, .res_view .cal-hide-empty .btn.btn-default:active, .res_view .cal-hide-empty .btn.btn-default:focus, .res_view .cal-next-week .btn.btn-default, .res_view .cal-next-week .btn.btn-default:active, .res_view .cal-next-week .btn.btn-default:focus, .res_view .cal-week .btn.btn-default, .res_view .cal-week .btn.btn-default:active, .res_view .cal-week .btn.btn-default:focus, .res_view .cal-week .btn.btn-default, .res_view .cal-week .cal-label{ width: 100%; }
    .customerlist-table table.table-bordered > tbody > tr > td{ min-width: 120px; }
    .res_view .table>thead>tr>th> .th-inner{ font-size: 14px;}
    .res_view .table>tbody>tr>td .cal-event .ce-inner{ font-size: 12px;}
    .customer-address-side .cp-addresses{ width: 100%;}
    .report-item .item-inner .content-div .icon-div,
    .report-item.two-col .item-inner .content-div .icon-div{ width: 25%; font-size: 38px; }
    .report-item .item-inner .content-div .text-div,
    .report-item.two-col .item-inner .content-div .text-div{ width: 75%; }
    .report-item .item-inner .content-div .text-div span label{ font-size: 38px; }
    .sms-packet-info .sp-info .icon-side{ width: 30%; font-size: 40px;}
    .sms-packet-info .sp-info .text-side h4{ font-size: 18px; }
    .sms-packet-info .sp-info .text-side{ width: 70%; }
    .sms-packet-info .sp-info .text-side h3{ font-size: 34px;}
    .sms-packet-info .sp-info .text-side h3 span{ font-size: 24px;}
    .sms-packet-info .sp-info .icon-side,
    .sms-packet-info .sp-info .text-side,
    .sms-packet-info .sp-info{ height: 110px;}
    .sms-info-table .table-bordered>thead>tr>th,
    .sms-info-table .table-bordered>tbody>tr>td{ min-width: 140px; }
    .main-layout-container .quick-action-div .inner .half-edition .btn-side,
    .main-layout-container .quick-action-div .inner .half-edition .text-side{ width: 50%; }
    .main-layout-container .form-div .two-group .tablet-edit .group-div{ width: 100%; padding: 0 15px;}
    .form-div .images-preview .thumb-item.file-upload-div .hiddenfile input,
    .form-div .images-preview .thumb-item.file-upload-div2 .hiddenfile .form-control{position: absolute; opacity: 0; height: 1px!important;width: 1px!important;}
    .delivery-container .delivery-btn-div .btn-default i{ display: none;}
    .main-layout-container .form-div .four-group.quarter-edition .group-div{ width: 50%; padding: 0 15px;}
    .welcome-page .total-info-div,
    .welcome-page .total-restaurant-div{ width: 100%;}
    #total-restaurant{ width: 200px; height: 200px; }
    .welcome-page .inner .chart-text label{ font-size: 20px; line-height: 30px; }
    .welcome-page .inner .chart-text{ height: 200px; width: calc(100% - 200px); }
    .welcome-page .total-info-div .wp-res-div{ width: 50%;}
    .welcome-page .total-info-div .wp-res-div:nth-child(1){ padding-right: 10px;}
    .welcome-page .total-info-div .wp-res-div:nth-child(2){ padding-left: 10px;}
    .welcome-page .wp-res-div .inner h4{ font-size: 24px; }
    .welcome-page .wp-res-div .inner h4 i{ top:2px; font-size: 30px;}
    .main-layout-container .form-div .lang-row.two-group .group-div{ width: 100%; padding-left: 15px; padding-right: 15px;}
    .main-layout-container.manage-side .quick-action-div .inner .text-side.full-element,
    .main-layout-container.manage-side .quick-action-div .inner .btn-side.full-element{ width: 100%; position: relative; text-align: left; padding-top: 15px;}
    .main-layout-container.manage-side .quick-action-div .inner .btn-side.full-element .btns-container.text-right{ text-align: left; padding-bottom: 15px;}
    .main-layout-container.manage-side .quick-action-div{ min-height: 70px;}
    .nm-bottom-menu .top-side .in-container .text-side span{ font-size: 9px; font-weight: 500; display: block; }
    .customerlist-table .new-select-div .icon-text,
    .product-list-table .new-select-div .icon-text{ font-size: 11px; width: 96px; }
    .customerlist-table .new-select-div,
    .product-list-table .new-select-div{ width: 100%; margin-bottom: 5px; }
    .customerlist-table .new-select-div:after,
    .product-list-table .new-select-div:after{ top: 11px; right: 12px; }
    .customerlist-table div.dataTables_wrapper div.dataTables_length select,
    .product-list-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 100px)!important;}
    .tablet-full .left-side,
    .tablet-full .right-side{ width: 100%;}
    .tablet-full .left-side.group-div,
    .tablet-full .right-side.group-div{ padding-left: 15px!important; padding-right: 15px!important;}
    .options-item .item-inner .text-div h4{ font-size: 11px; font-weight: 600; }
    .main-layout-container .quick-action-div .inner .btn-side.full-element,
    .main-layout-container .quick-action-div .inner .text-side.full-element{ position: relative; width: 100%; text-align: left; padding-top: 15px;}
    .main-layout-container .quick-action-div .inner .btn-side.full-element .btns-container.text-right{ text-align: left; padding-bottom: 15px;}
    .main-layout-container .quick-action-div .inner .btn-side.full-element .menu_manage_button{ min-width: 130px; padding: 7px 15px; font-weight: 600; }
    .pull-right.tablet-clear,
    .pull-left.tablet-clear{float:none!important;}
    .mobile-app-edit .tab-content .preview-side,
    .mobile-app-edit .tab-content .form-side{ width: 100%;}
    .mobile-app-edit .tab-content .preview-side .frame-border{ margin: 0 auto; }
    .work-btn-div{ width: 168px;}
    .work-btn-div .btn-default{ font-size: 13px; font-weight: 600; }
    .mobile-app-edit .tab-content .form-side.btn-generator-tab{ width: 100%; }
    .mobile-app-edit .tab-content .preview-side.btn-generator-view{ width: 100%; }
    .btn-generator-tab .tablet-edit .col-md-6{ width: 100%;}
    .main-layout-container .form-div .form-control{ height: auto; min-height: 44px; }
    .mobile-app-edit.bill-settings-div .logo-text-select .radio, .mobile-app-edit.bill-settings-div .main-align-select .radio{ width: 100%; }
    .tablet-half .half-el{ width: 50%;}
    .tablet-half .full-el{ width: 100%; padding-left: 15px!important;; padding-right: 15px!important;}
    .main-layout-container .form-div .four-group.tablet-half .group-div:nth-child(2){padding-right: 15px;}
    .main-layout-container .form-div .four-group.tablet-half .group-div:nth-child(3){padding-left: 15px;}
    .sub-menu.quick-settings .wSwitch, .main-layout-container .form-div .wSwitch{min-height: 44px;}
    .hide-icon.lang-btn-div .btn-default i{display: none;}
    .selecting-promo-type .promo-row .pr-type-text h4{ font-size: 13px;}
    .selecting-promo-type .promo-row .pr-type-text p{ font-size: 12px;}
    .main-menu .right-side{ right: -180px; width: 180px;}
    .main-menu .right-side.opened{ right: 0;}
    .main-menu{ width: 220px;}
    .site-layout{ width: calc(100% - 220px);}
    .main-menu .right-side .menu-title h4{ font-size: 16px; }
    .main-menu .right-side .item-title a{ font-size: 12px; }
    .nm-bottom-menu .top-side{ padding: 0 20px;}
    .data-table-container.new-pr-table .dataTables_length{ width: 100%; margin-bottom: 1px;}
    .product-list-table.new-pr-table .new-select-div{ width: 50%; margin-right: 1px;}
    .product-list-table.new-pr-table .new-select-div:nth-child(even){ width: calc(50% - 1px); margin-right: 0;}
    .data-table-container.new-pr-table .dataTables_filter{ width: 100%; margin-bottom: 0; }
    .data-table-container.new-pr-table .dataTables_filter label{ width: 100%!important; max-width: 100%!important; }
    .data-table-container.new-pr-table .dataTables_filter label span,
    .data-table-container.new-pr-table .dataTables_filter label:before{ width: 95px!important; text-align: left; }
    .data-table-container.new-pr-table .dataTables_filter label .form-control{ width: calc(100% - 95px)!important; max-width: calc(100% - 95px) !important;}
    .new-menu-page .full-on-tablet{ width: 50%; }
    .new-menu-page .full-on-tablet .width-100{ width: 100%; }
    .new-menu-page .full-on-tablet .width-50{ width: 50%; }
    .main-layout-container .form-div .three-input .form-group.width-100:nth-child(1){ padding-right: 15px!important; }
    .main-layout-container .form-div .three-input .form-group.width-50:nth-child(2){ padding-left: 15px!important; }
    .added-menu-products-div .product-item{ width: 50%;}
    .added-menu-products-div .pr-container-div .inner-div h4{ font-size: 14px; }
    .added-menu-products-div .pr-container-div .inner-div .price{ font-size: 12px; }
}

/* for iPad portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .main-menu{ width: 210px; }
    .nm-bottom-menu .top-side{ padding: 0 15px; }
    .site-layout{ width: calc(100% - 210px); }
    .main-menu .right-side{ width: 170px; }
    .main-menu .right-side .menu-title h4{ font-size: 14px; }
    .main-menu .right-side .item-title a{ font-size: 12px; }
    .top-menu .right-menu ul li.expend-li{ display: none;}
    .hidden-menu{ right: -360px; width: 360px;}
    .allorders-table .new-select-div{ width:  calc(50% - 7px); margin-bottom: 7px; }
    .allorders-table .new-select-div+.new-select-div{ margin-right: 0; width: 50%;}
    .allorders-table .new-select-div.nd-select{ width: 50%; }
    .allorders-table .new-select-div.nd-select .form-control{ width: calc(100% - 82px); min-width: auto;}
    .data-table-container.ipad-edit.allorders-table div.dataTables_wrapper div.dataTables_length select.unqiue-select{ width: calc(50% - 39px)}
    .data-table-container.ipad-edit.allorders-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 82px) }
    .data-table-container.ipad-edit.allorders-table .new-select-div .icon-text{ width: 82px;}
    .data-table-container.ipad-edit.allorders-table .dataTables_length{ margin-bottom: 0; }
    .allres-table .new-select-div{ width:  100%; margin-bottom: 7px;}
    .allres-table .new-select-div+.new-select-div{ margin-right: 0; width: 50%;}
    .allres-table .new-select-div.nd-select{ width: 50%; }
    .allres-table .new-select-div.nd-select .form-control{ width: calc(100% - 82px); min-width: auto;}
    .data-table-container.ipad-edit.allres-table div.dataTables_wrapper div.dataTables_length select.unqiue-select{ width: calc(50% - 39px)}
    .data-table-container.ipad-edit.allres-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 82px) }
    .data-table-container.ipad-edit.allres-table .new-select-div .icon-text{ width: 82px;}
    .data-table-container.ipad-edit.allres-table .dataTables_length{ margin-bottom: 0; }
    .daterangepicker.ltr.edit{ left: auto!important; right: 33px!important;}
    .data-table-container .btn-search-filter{top:0;}
    .ch-item h4{ font-size: 14px; padding: 22px 5px; font-weight: 600;}
    h2.clock-select-wrapper{ font-size: 16px;}
    .cal-detail-wrapper .clock-item .checkbox label, .cal-detail-wrapper .clock-item .radio label{ font-size: 12px; font-weight: 500; }
    .cal-detail-wrapper .btn-go-next-step:active, .cal-detail-wrapper .btn-go-next-step:focus, .cal-detail-wrapper .btn-go-next-step{ padding: 10px 26px; font-size: 16px;}
    .calendar-step .fc-row.fc-widget-header .fc-day-header{ font-size: 16px;}
    .fc-ltr .fc-basic-view .fc-day-top .fc-day-number{ font-size: 20px; padding-top: 30px;}
    .calendar-step .fc-toolbar h2{ font-size: 16px; padding: 10px 20px;}
    .res_view .table>thead>tr>th> .th-inner{ font-size: 14px; }
    .res_view .res-info-item{ width: 33.33333%; }
    .res_view .res-info-item .res-inner{ font-size: 15px; }
    .res_view .cal-hide-empty .btn.btn-default, .res_view .cal-hide-empty .btn.btn-default:active, .res_view .cal-hide-empty .btn.btn-default:focus, .res_view .cal-next-week .btn.btn-default, .res_view .cal-next-week .btn.btn-default:active, .res_view .cal-next-week .btn.btn-default:focus, .res_view .cal-week .btn.btn-default, .res_view .cal-week .btn.btn-default:active, .res_view .cal-week .btn.btn-default:focus, .res_view .cal-week .btn.btn-default, .res_view .cal-week .cal-label{ font-size: 12px; padding: 7px; width: 100%;  }
    .res_view .cal-table-container.content-table .no-reservation-div h4{ line-height: 24px; font-size: 16px; }
    .top-menu .right-menu .sub-menu, .top-menu .right-menu .sub-menu.view-website, .top-menu .right-menu .sub-menu.quick-settings{ right: 50%;}
    .customerlist-table table.table-bordered > tbody > tr > td{ min-width: 120px; }
    .customer-view-page .nav-tabs.cp-nav-type>li>a{ font-size: 12px; font-weight: 600; }
    .res_view .cal-table-container.head-table{ min-width: 796px;}
    .res_view .cal-table-container.content-table{ min-width: 800px; }
    .res_view .table>tbody>tr>td .cal-event .ce-inner{ font-size: 12px;}
    .cp-customer-table .table-bordered>tbody>tr>td.detail-td{ min-width: 160px; }
    .reports-container .report-item{ width: 100%; }
    .report-item .item-inner .content-div .icon-div,
    .report-item.two-col .item-inner .content-div .icon-div{ width: 25%; font-size: 38px; }
    .report-item .item-inner .content-div .text-div,
    .report-item.two-col .item-inner .content-div .text-div{ width: 75%; }
    .report-item .item-inner .content-div .text-div span label{ font-size: 38px; }
    .sms-packet-info .sp-info .text-side{ justify-content: center; text-align: center; width: 100%; padding: 10px; }
    .sms-packet-info .sp-info .icon-side{ display: none; }
    .sms-packet-info .sp-info .text-side h4{ font-size: 18px; }
    .sms-packet-info .sp-info .text-side h3 span{ font-size: 24px; }
    .sms-packet-info .sp-info .text-side h3{ font-size: 30px; }
    .sms-info-table .table-bordered>thead>tr>th,
    .sms-info-table .table-bordered>tbody>tr>td{ min-width: 140px; }
    .main-layout-container .form-div .two-group .tablet-edit .group-div .noPadding{ padding: 0; }
    .form-div .images-preview .thumb-item.file-upload-div .hiddenfile input,
    .form-div .images-preview .thumb-item.file-upload-div2 .hiddenfile .form-control{position: absolute; opacity: 0; height: 1px!important;width: 1px!important;}
    .main-layout-container .form-div label{ font-size: 12px; }
    .welcome-page .total-info-div,
    .welcome-page .total-restaurant-div{ width: 100%;}
    #total-restaurant{ width: 200px; height: 200px; }
    .welcome-page .inner .chart-text label{ font-size: 20px; line-height: 30px; }
    .welcome-page .inner .chart-text{ height: 200px; width: calc(100% - 200px); }
    .welcome-page .total-info-div .wp-res-div{ width: 50%;}
    .welcome-page .total-info-div .wp-res-div:nth-child(1){ padding-right: 10px;}
    .welcome-page .total-info-div .wp-res-div:nth-child(2){ padding-left: 10px;}
    .welcome-page .wp-res-div .inner h4{ font-size: 20px; }
    .welcome-page .wp-res-div .inner h4 i{ top:2px; font-size: 30px;}
    .main-layout-container .form-div .lang-row.two-group .group-div{ width: 100%; padding-left: 15px; padding-right: 15px;}
    .main-layout-container .form-div .lang-row.two-group .group-div .form-group .form-group{padding: 0;}
    .main-layout-container .quick-action-div .inner .btn-side .btn-default{ padding: 9px 10px; }
    .nm-bottom-menu .top-side .in-container .icon-side{ display: none; }
    .nm-bottom-menu .top-side .in-container .text-side{ width: 100%; }
    .nm-bottom-menu .top-side .in-container .text-side span{ font-size: 9px; font-weight: 500; display: block; }
    .customerlist-table .new-select-div .icon-text,
    .product-list-table .new-select-div .icon-text{ font-size: 11px; width: 96px; }
    .customerlist-table .new-select-div,
    .product-list-table .new-select-div{ width: 100%; margin-bottom: 5px; }
    .customerlist-table .new-select-div:after,
    .product-list-table .new-select-div:after{ top: 11px; right: 12px; }
    .customerlist-table div.dataTables_wrapper div.dataTables_length select,
    .product-list-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 100px)!important;}
    .pull-right.tablet-clear,
    .pull-left.tablet-clear{float:none!important;}
    /* kdv-row */
    .main-layout-container .form-div .three-input.kdv-row .col-md-5{ width: calc(50% - 59px); float: left;}
    .main-layout-container .form-div .three-input.kdv-row .col-md-5:nth-child(1){ padding-right: 5px; }
    .main-layout-container .form-div .three-input.kdv-row .col-md-5:nth-child(2){ padding-left: 5px; }
    .main-layout-container .form-div .three-input.kdv-row .col-md-2{ width: 118px; float: left; padding-left: 5px;}
    .mobile-app-edit .tab-content .form-side.btn-generator-tab{ width: 100%; }
    .mobile-app-edit .tab-content .preview-side.btn-generator-view{ width: 100%; }
    .btn-generator-tab .tablet-edit .col-md-6{ width: 100%;}
    .tablet-half .half-el{ width: 50%;}
    .main-layout-container .form-div .four-group.tablet-half .group-div:nth-child(2){padding-right: 15px;}
    .main-layout-container .form-div .four-group.tablet-half .group-div:nth-child(3){padding-left: 15px;}
    .tablet-full .left-side.group-div,
    .tablet-full .right-side.group-div{ padding-left: 15px!important; padding-right: 15px!important;}
    .sub-menu.quick-settings .wSwitch, .main-layout-container .form-div .wSwitch{ min-height: 44px;}
    .modal-dialog{ margin-top: 250px; }
    .order-navbar .nav-btns-container .btn-item .btn-default{ font-size: 8px!important; padding: 8px 6px!important;}
    .selecting-promo-type .promo-row .pr-type-text h4{ font-size: 13px;}
    .selecting-promo-type .promo-row .pr-type-text p{ font-size: 12px;}
    .fullontablet{ width: 100%!important; float: none;}
    .promotion-settings .btn-default.btn-change-bg:active, .promotion-settings .btn-default.btn-change-bg:focus, .promotion-settings .btn-default.btn-change-bg{ margin-top: 25px; }
    .data-table-container.new-pr-table .dataTables_length{ width: 100%; margin-bottom: 1px;}
    .product-list-table.new-pr-table .new-select-div{ width: 50%; margin-right: 1px;}
    .product-list-table.new-pr-table .new-select-div:nth-child(even){ width: calc(50% - 1px); margin-right: 0;}
    .data-table-container.new-pr-table .dataTables_filter{ width: 100%; margin-bottom: 0; }
    .data-table-container.new-pr-table .dataTables_filter label{ width: 100%!important; max-width: 100%!important; }
    .data-table-container.new-pr-table .dataTables_filter label span,
    .data-table-container.new-pr-table .dataTables_filter label:before{ width: 95px!important; text-align: left; }
    .data-table-container.new-pr-table .dataTables_filter label .form-control{ width: calc(100% - 95px)!important; max-width: calc(100% - 95px) !important;}
    /* Raporlar geçici */
    .reports-filters.four-group .date-group{ width: 100%; padding-left: 15px; padding-right: 15px;}
    .main-layout-container .temp-version.form-div .filters.two-filters{ width: calc(50% - 38px); padding-right: 5px; margin-bottom: 15px; }
    .main-layout-container .temp-version.form-div .filters.two-filters + .two-filters{ padding-left: 5px; }
    .main-layout-container .temp-version.form-div .filters.four-filters{ width: calc(25% - 19px); padding-right: 5px; margin-bottom: 15px; }
    .main-layout-container .temp-version.form-div .filters.four-filters + .four-filters{ padding-left: 5px; }
    .main-layout-container .form-div .filter-group.four-group .btn-filter.btn-default span{ display:  none;}
    .main-layout-container .form-div .filter-group.four-group .btn-div{ width: 75px; }
    .main-layout-container .form-div .reports-table-container div.dataTables_wrapper div.dataTables_filter label span{ height: 44px; }
    .row.reports-header .layout-settings .desc-side{ width: calc(100% - 203px);}
}

/* Landscape */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1.5) {
    /* 1024x768 POS Device */
    .data-table-container.new-pr-table .dataTables_length{ width: 100%; margin-bottom: 1px;}
    .product-list-table.new-pr-table .new-select-div{ width: 50%; margin-right: 1px;}
    .product-list-table.new-pr-table .new-select-div:nth-child(even){ width: calc(50% - 1px); margin-right: 0;}
    .data-table-container.new-pr-table .dataTables_filter{ width: 100%; margin-bottom: 0; }
    .data-table-container.new-pr-table .dataTables_filter label{ width: 100%!important; max-width: 100%!important; }
    .data-table-container.new-pr-table .dataTables_filter label span,
    .data-table-container.new-pr-table .dataTables_filter label:before{ width: 95px!important; text-align: left; }
    .data-table-container.new-pr-table .dataTables_filter label .form-control{ width: calc(100% - 95px)!important; max-width: calc(100% - 95px) !important;}
    .new-pr-table .new-select-div .icon-text{ font-size: 11px; width: 96px; }
    .new-pr-table .new-select-div{ width: 100%; margin-bottom: 5px; }
    .new-pr-table .new-select-div:after{ top: 11px; right: 12px; }
    .new-pr-table div.dataTables_wrapper div.dataTables_length select{ width: calc(100% - 96px)!important;}
    .pull-right.tablet-clear,
    .pull-left.tablet-clear{float:none!important;}
    .report-cart-items .col-md-3:nth-child(3n+3){ padding-right: 5px; }
    .report-cart-items .col-md-3:nth-child(3n+1){ padding-left: unset; }
    .report-cart-items .col-md-3{ width: 25%; padding-right: 5px; padding-right: 5px }
    .report-cart-items .info-boxes{ width: 50%; padding-right: 5px; padding-right: 5px }
    .report-cart-items .col-md-3:nth-child(4n+1){ padding-left: 15px; }
    .report-cart-items .col-md-3:nth-child(4n+4){ padding-right: 15px; padding-left: 5px; }
}

/* iPad Pro Portrait */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.5) {
    .set-report-settings{ left: -64px; }
    .set-report-settings.opened{ width: 220px; }
}

@media (max-height: 850px) {
    /* width */
    .main-menu .right-side::-webkit-scrollbar {
        width: 10px;
    }
    /* Track */
    .main-menu .right-side::-webkit-scrollbar-track {
        /*box-shadow: inset 0 0 5px grey;*/
        border-radius: 10px;
    }
    /* Handle */
    .main-menu .right-side::-webkit-scrollbar-thumb {
        background: #1d282f;
        border-radius: 10px;
    }
    /* Handle on hover */
    .main-menu .right-side::-webkit-scrollbar-thumb:hover {
        background: #151d23;
    }
}


#DataTables_Table_0_filter{float: right;}
.TEMIZLE:active,
.TEMIZLE:focus,
.TEMIZLE{float: none; position: relative; left: 0; border-radius:0!important; background-color: #b2ff59;!important; color:#fff!important;}
.detail-modal .btn-status.clearbtn:active,
.detail-modal .btn-status.clearbtn:focus,
.detail-modal .btn-status.clearbtn{ margin-right: 5px; background: #2e6da4; border-color: #2e6da4; color: #fff!important; }
.iptal-edildi:active,
.iptal-edildi:focus,
.iptal-edildi{background-color:#f44336!important; position: relative; right: 5px; color:#fff!important; border-radius: 4px!important; box-shadow: none; border-color: #f44336!important;}
.detail-modal .btn-status.iptal-edilen-acik:active,
.detail-modal .btn-status.iptal-edilen-acik:focus,
.detail-modal .btn-status.iptal-edilen-acik{background-color:#f44336!important; color: #fff; position: relative; right: 5px; box-shadow: none; border-color: #f44336!important; border-radius: 0 4px 4px 0!important;}

.dt_status{position: relative;top: 7px;  float: left;}
.dt_category{position: relative;top: 7px; right: 165px;}
.dt_date{position: relative;top: 0px; right: 225px;}

.integrations-settings-table{}
.integrations-settings-table .switch-container{ padding-left: 40px; padding-top: 5px; }
.integrations-settings-table .input-group{ min-width: 120px; display: inline-block; }
.integrations-settings-table .input-group .input-group-addon{ font-size: 12px; max-width: 80px; height: 34px; }
.integrations-settings-table .input-group .form-control{ padding: 5px; text-align: center; max-width: 60px; height: 34px; }
.integrations-settings-table .input-group .form-control+.form-control{ border-left: 1px solid #E5EAED; }

.global_product_match_table .div-sticky{ width: 100%; position: relative; max-height: 65vh;}
.global_product_match_table .div-sticky table thead{ position: sticky; width: 100%; top: 0; background: #e5e5e5; border-bottom: 1px solid #ddd!important;}
.global_product_match_table .div-sticky table thead tr th{ vertical-align: middle;}

/* Print CSS */
.print_order_details{ display: none; }
@media print{
    body.bill-settings * {visibility: hidden;}
    body.bill-settings .order-navbar, body.bill-settings .order-navbar{padding: 0; margin: 0; height: 0; overflow: hidden; width: 0; }
    body.bill-settings .print_order_details{ display: block;}
    body.bill-settings #printElements{ position: absolute; padding:5%; border: 0; top:0; left:0; width: 100%; height: auto; display: block!important; }
    body.bill-settings #printElements,
    body.bill-settings #printElements *{ visibility: visible;}
    body.bill-settings #printElements .ra_main_title.logo_selected img{ width: 200px;}
    @page {
        size: auto;
        margin: 0;
    }
}

.modal-backdrop + .modal-backdrop {opacity: 0; }


/* Mobile App Statusbar */
.statusbar { position: absolute; left: 0; top: 0; width: 100%; z-index: 10000; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; background: #1d282f; }
/* Standart IOS */
html.device-ios .statusbar,
html.ios:not(.device-ios):not(.device-android) .statusbar {
    height: 20px;
}
/* Standart Android */
html.device-android .statusbar,
html.md:not(.device-ios):not(.device-android) .statusbar {
    height: 24px;
}
/* IphoneX statusbar */
html.device-ios.device-iphone-x .statusbar {
    height: constant(safe-area-inset-top);
    height: env(safe-area-inset-top);
}
/* Standart IOS */
html.device-ios .page-container,
html.ios:not(.device-ios):not(.device-android) .page-container{
    height: calc(calc(var(--vh, 1vh) * 100) - 20px);
    min-height: calc(calc(var(--vh, 1vh) * 100) - 20px);
    top: 0;
}
html.device-android .page-container,
html.md:not(.device-ios):not(.device-android) .page-container {
    height: calc(calc(var(--vh, 1vh) * 100) - 24px);
    min-height: calc(calc(var(--vh, 1vh) * 100) - 24px);
    top: 0;
}
html.device-ios.device-iphone-x .page-container {
    height: calc(calc(var(--vh, 1vh) * 100) - constant(safe-area-inset-top));
    height: calc(calc(var(--vh, 1vh) * 100) - env(safe-area-inset-top));
    min-height: calc(calc(var(--vh, 1vh) * 100) - constant(safe-area-inset-top));
    min-height: calc(calc(var(--vh, 1vh) * 100) - env(safe-area-inset-top));
}
/* Mobile App login page */
html.device-ios .login-container,
html.ios:not(.device-ios):not(.device-android) .login-container {
    min-height: calc(calc(var(--vh, 1vh) * 100) - 60px);
    height: calc(calc(var(--vh, 1vh) * 100) - 60px);
}
html.device-android .login-container,
html.md:not(.device-ios):not(.device-android) .login-container {
    min-height: calc(100% - 64px);
    height: calc(100% - 64px);
}
html.device-ios.device-iphone-x .login-container {
    min-height: calc(calc(var(--vh, 1vh) * 100) - (constant(safe-area-inset-top) + 50px));
    min-height: calc(calc(var(--vh, 1vh) * 100) - (env(safe-area-inset-top) + 50px));
    height: calc(calc(var(--vh, 1vh) * 100) - (constant(safe-area-inset-top) + 50px));
    height: calc(calc(var(--vh, 1vh) * 100) - (env(safe-area-inset-top) + 50px));
}
/* Mobile App Site Layout */
html.device-ios .site-layout,
html.ios:not(.device-ios):not(.device-android) .site-layout {
    min-height: calc(calc(var(--vh, 1vh) * 100) - 20px);
    height: calc(calc(var(--vh, 1vh) * 100) - 20px);
    top: 20px;
}
html.device-android .site-layout,
html.md:not(.device-ios):not(.device-android) .site-layout {
    min-height: calc(calc(var(--vh, 1vh) * 100) - 24px);
    height: calc(calc(var(--vh, 1vh) * 100) - 24px);
    top: 24px;
}
html.device-ios.device-iphone-x .site-layout {
    min-height: calc(calc(var(--vh, 1vh) * 100) - constant(safe-area-inset-top));
    min-height: calc(calc(var(--vh, 1vh) * 100) - env(safe-area-inset-top));
    height: calc(calc(var(--vh, 1vh) * 100) - constant(safe-area-inset-top));
    height: calc(calc(var(--vh, 1vh) * 100) - env(safe-area-inset-top));
    top: constant(safe-area-inset-top);
    top: env(safe-area-inset-top);
}
/* Mobile App login page */
html.with-statusbar{ height: 100%; }
html.device-ios body,
html.ios:not(.device-ios):not(.device-android) body {
    height: 100%;
}
html.device-android body,
html.md:not(.device-ios):not(.device-android) body {
    height: 100%;
}
html.device-ios.device-iphone-x body {
    height: 100%;
}

/* Mobile App main layout top menu */
html.device-ios .top-menu,
html.ios:not(.device-ios):not(.device-android) .top-menu {
    top: 20px;
}
html.device-android .top-menu,
html.md:not(.device-ios):not(.device-android) .top-menu {
    top: 24px;
}
html.device-ios.device-iphone-x .top-menu {
    top: constant(safe-area-inset-top);
    top: env(safe-area-inset-top);
}
/* Mobile App Modal Top Space */
html.device-ios .modifier-modals .modal-dialog,
html.device-ios .modifier-modal .modal-dialog,
html.device-ios .quick-modal .modal-dialog{ margin-top: 20px; }
html.ios:not(.device-ios):not(.device-android) .modifier-modals .modal-dialog,
html.ios:not(.device-ios):not(.device-android) .modifier-modal .modal-dialog,
html.ios:not(.device-ios):not(.device-android) .quick-modal .modal-dialog{ margin-top: 24px; }
html.device-ios.device-iphone-x .modifier-modals .modal-dialog,
html.device-ios.device-iphone-x .modifier-modal .modal-dialog,
html.device-ios.device-iphone-x .quick-modal .modal-dialog{ margin-top: constant(safe-area-inset-top); margin-top: env(safe-area-inset-top); }

/* Mobile App fixed mobile button */
html.device-ios .fixed-mobile-button,
html.ios:not(.device-ios):not(.device-android) .fixed-mobile-button {
    top: 20px;
}
html.device-android .fixed-mobile-button,
html.md:not(.device-ios):not(.device-android) .fixed-mobile-button {
    top: 24px;
}
html.device-ios.device-iphone-x .fixed-mobile-button {
    top: constant(safe-area-inset-top);
    top: env(safe-area-inset-top);
}
/* Mobile App main-menu-mobile */
html.device-ios .main-menu-mobile,
html.ios:not(.device-ios):not(.device-android) .main-menu-mobile {
    top: 70px;
    height: calc(calc(var(--vh, 1vh) * 100) - 70px);
}
html.device-android .main-menu-mobile,
html.md:not(.device-ios):not(.device-android) .main-menu-mobile {
    top: 74px;
    height: calc(calc(var(--vh, 1vh) * 100) - 74px);
}
html.device-ios.device-iphone-x .main-menu-mobile {
    top: calc(constant(safe-area-inset-top) + 50px);
    top: calc(env(safe-area-inset-top) + 50px);
    height: calc(calc(var(--vh, 1vh) * 100) - (constant(safe-area-inset-top) + 50px));
    height: calc(calc(var(--vh, 1vh) * 100) - (env(safe-area-inset-top)+ 50px));
}
/* Mobile App main layout notification menu (hidden menu) */
html.device-ios .hidden-menu,
html.ios:not(.device-ios):not(.device-android) .hidden-menu {
    height: calc(calc(var(--vh, 1vh) * 100) - 20px);
    top: 20px;
}
html.device-android .hidden-menu,
html.md:not(.device-ios):not(.device-android) .hidden-menu {
    height: calc(calc(var(--vh, 1vh) * 100) - 24px);
    top: 24px;
}
html.device-ios.device-iphone-x .hidden-menu {
    height: calc(calc(var(--vh, 1vh) * 100) - constant(safe-area-inset-top));
    height: calc(calc(var(--vh, 1vh) * 100) - env(safe-area-inset-top));
    top: constant(safe-area-inset-top);
    top: env(safe-area-inset-top);
}
/* Mobile App main layout */
html.device-ios .main-layout,
html.ios:not(.device-ios):not(.device-android) .main-layout {
    height: calc(calc(var(--vh, 1vh) * 100) - 70px);
}
html.device-android .main-layout,
html.md:not(.device-ios):not(.device-android) .main-layout {
    height: calc(calc(var(--vh, 1vh) * 100) - 74px);
}
html.device-ios.device-iphone-x .main-layout {
    height: calc(calc(var(--vh, 1vh) * 100) - (constant(safe-area-inset-top) + 50px ));
    height: calc(calc(var(--vh, 1vh) * 100) - (env(safe-area-inset-top) + 50px ));
}
html.device-ios.device-iphone-x .login-bar,
html.device-ios.device-iphone-x .footer {
     height: 50px; padding-bottom: 10px;
}
/* Mobile Modal Margin*/
html.device-ios .modal-dialog,
html.ios:not(.device-ios):not(.device-android) .modal-dialog {
    margin-top: 86px;
}
html.device-ios .quick-modal .modal-dialog,
html.ios:not(.device-ios):not(.device-android) .quick-modal .modal-dialog {
    margin-top: 20px;
}
html.device-android .modal-dialog,
html.md:not(.device-ios):not(.device-android) .modal-dialog {
    margin-top: 90px;
}
html.device-ios.device-iphone-x .modal-dialog {
    margin-top: calc(constant(safe-area-inset-top) + 66px );
    margin-top: calc(env(safe-area-inset-top) + 66px );
}
/* Mobile App order page  */
html.device-ios .mobile-left-bar,
html.ios:not(.device-ios):not(.device-android) .mobile-left-bar {
    height: calc(100% - 79px);
}
html.device-android .mobile-left-bar,
html.md:not(.device-ios):not(.device-android) .mobile-left-bar {
    height: calc(100% - 83px);
}
html.device-ios .order-navbar,
html.ios:not(.device-ios):not(.device-android) .order-navbar {
    top: 20px;
}
html.device-android .order-navbar,
html.md:not(.device-ios):not(.device-android) .order-navbar {
    top: 24px;
}
html.device-ios.device-iphone-x .order-navbar {
    top: constant(safe-area-inset-top);
    top: env(safe-area-inset-top);
}
html.device-ios .order-detail-modal .modal-dialog,
html.ios:not(.device-ios):not(.device-android) .order-detail-modal .modal-dialog {
    margin-top: 74px;
}
html.device-android .order-detail-modal .modal-dialog,
html.md:not(.device-ios):not(.device-android) .order-detail-modal .modal-dialog {
    margin-top: 78px;
}
html.device-ios.device-iphone-x .order-detail-modal .modal-dialog {
    margin-top: calc(constant(safe-area-inset-top) + 54px);
    margin-top: calc(env(safe-area-inset-top) + 54px);
}
/* Mobile Webview App settings */
html.with-statusbar .statusbar {
    display: block;
}
html.with-statusbar.device-ios body,
html.with-statusbar.ios:not(.device-ios):not(.device-android) body {
    padding-top: 20px;
    padding-top: constant(safe-area-inset-top);
}
html.with-statusbar.device-android body,
html.with-statusbar.md:not(.device-ios):not(.device-android) body {
    padding-top: 24px;
    padding-top: constant(safe-area-inset-top);
}
html.with-statusbar.device-iphone-x body {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}

/* for iPad landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape){
    html.with-statusbar.device-retina .site-layout,
    html.with-statusbar.device-retina .main-menu{ height: calc(100vh - 20px); }
    html.with-statusbar.device-retina .page-container{ min-height: calc(100vh - 20px); }
    html.with-statusbar.device-retina .main-layout-container{ min-height: calc(100vh - 70px); }
}
/* for iPad landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait){
html.with-statusbar .site-layout,
    html.with-statusbar.device-retina .main-menu{ height: calc(100vh - 20px); }
    html.with-statusbar.device-retina .page-container{ min-height: calc(100vh - 20px); }
    html.with-statusbar.device-retina .main-layout-container{ min-height: calc(100vh - 70px); }
}


/* iPad Pro Portrait */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.5) {
    html.with-statusbar.device-retina .main-menu{ height: calc(100vh - 20px); }
    html.with-statusbar.device-retina .page-container{ min-height: calc(100vh - 20px); }
    html.with-statusbar.device-retina .main-layout-container{ min-height: calc(100vh - 70px); }
}

/* iPad Pro Portrait */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1.5) {
    html.with-statusbar.device-retina .main-menu{ height: calc(100vh - 20px); }
    html.with-statusbar.device-retina .page-container{ min-height: calc(100vh - 20px); }
    html.with-statusbar.device-retina .main-layout-container{ min-height: calc(100vh - 70px); }
}

/* iphone X all css */
@media only screen
and (min-device-width: 375px)
and (max-device-height: 812px)
and (-webkit-device-pixel-ratio: 3) {
    .site-layout{float: left; display: block; height: 100vh; overflow-y: auto; position: fixed; z-index: 1; left:40px; height: 100%; }
    .main-menu{ display: none;}
    .main-menu-mobile{ display: block; width: 40px; float: left; overflow: hidden; position: fixed; height: 100%; z-index: 4; }
    .main-menu-mobile .left-side{position: relative; z-index: 4; width: 100%; height: calc(100% - 50px); overflow-y: auto; display: block; float: left; background: #1d282f;}
    .main-menu-mobile .left-side .left-logo-side{ width: 100%; height: 50px; display: flex; justify-content: center; align-items: center; position: relative;}
    .main-menu-mobile .left-side .left-logo-side img{ width: 80%; margin: 0 auto; max-width: 120px; height: auto;}
    .main-menu-mobile .left-side .left-logo-side a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block;}
    .main-menu-mobile .left-side .left-logo-side .opened-img{transition: none; display: block;}
    .main-menu-mobile .left-side .left-logo-side .closed-img{transition: none; display: none;}
    .main-menu-mobile .left-side ul{ padding:0; margin: 0 auto; width: 100%; display: block; text-align: center;}
    .main-menu-mobile .left-side ul li{ list-style: none; width: 100%; height: auto; position: relative; display: block; padding: 0 0 8px; }
    .main-menu-mobile .left-side ul li a{float:none; overflow: hidden; border:0; border-radius: 0; transition: .3s ease; position: relative; width: 100%; height: auto; display: block; color:#fff; }
    .main-menu-mobile .left-side ul li a:active,
    .main-menu-mobile .left-side ul li a.focus,
    .main-menu-mobile .left-side ul li a.actived{background: #bc243a; border:0;}
    .main-menu-mobile .left-side ul li a.actived:after{ display: none;}
    .main-menu-mobile .left-side ul li a.active,
    .main-menu-mobile .left-side ul li a:hover{ background: #324450;}
    .main-menu-mobile .left-side ul li a.actived{background: #bc243a;}
    .main-menu-mobile .left-side ul li a .inner { display: block; width: 100%;}
    .main-menu-mobile .left-side ul li a i { display: block; font-size: 16px; color: #fff;}
    .main-menu-mobile .left-side ul li a .nm-icon-side{ width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; float:left;}
    .main-menu-mobile .left-side ul li a .nm-text-side{display: none; width: calc(100% - 48px); margin-left: 8px; height: 40px; align-items: center; float:left; text-align: left;}
    .main-menu-mobile .left-side ul li a.has-menu:after{ color: #495257; content: '\f0da'; font-family: FontAwesome; font-size: 14px; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; padding-top: 2px; display: none;}
    .main-menu-mobile .left-side ul li a span { display: block; float: none; width: 100%; font-size: 14px; font-weight: 600; letter-spacing:0.2px;}
    .main-menu-mobile .right-side{ z-index: 5; -webkit-overflow-scrolling: touch; position: absolute; top:0; right: -230px; height: calc(100vh - 50px); overflow-y: auto; width: 230px; background: #293740; display: block; /* border-right: 1px solid #e8e8e8; */ }
    .main-menu-mobile .right-side.opened{transition: .3s ease; right: 0;}
    .main-menu-mobile .right-side .menu-inside{ width: 100%; height: auto; /*display: block;*/ position: relative; display: none;}
    .main-menu-mobile .right-side .menu-title{ width: 100%; margin-bottom: 0; position: relative; display: flex; height: 50px; align-items: center; padding: 4px 20px; }
    .main-menu-mobile .right-side .menu-title h4{ font-weight: 600; margin: 0; color: #f1f1f1; text-transform: uppercase;letter-spacing: 0.4px; font-size:14px;}
    .main-menu-mobile .right-side .item-title{ width: 100%; display: block; position: relative; padding: 0 10px; margin-bottom: 8px; }
    .main-menu-mobile .right-side .item-title a{ color: #fff; transition: .3s ease; border-radius: 3px; padding: 10px; font-size: 14px; font-weight: 600; display: flex; height: 40px; align-items: center; }
    .main-menu-mobile .right-side .item-title a:hover{background: #3f4c6b; color: #fff;}
    .main-menu-mobile .right-side .item-title a:focus,
    .main-menu-mobile .right-side .item-title a:active,
    .main-menu-mobile .right-side .item-title a.active{ color: #fff; background: #bc243a; }
    .main-menu-mobile .right-side .item-title .child-div{ display: none; }
    .main-menu-mobile .right-side .item-title .child-div a{ padding: 5px 15px; }
    .main-menu-mobile .right-side .item-title .child-div a:before{ content: "-"; display: inline-block; position: relative; margin-right: 5px; }
    .main-menu-mobile .item-title strong {color: #fff; margin-right: 3px; display: none;}
    .main-menu-mobile.opened{}
    .main-menu-mobile.opened .left-side .left-logo-side{ justify-content: flex-start; padding-left: 8px; }
    .main-menu-mobile.opened .left-side .left-logo-side .opened-img{display: block; width: 30px; height: 30px;}
    .main-menu-mobile.opened .left-side .left-logo-side .closed-img{display: none;}
    .main-menu-mobile.opened .left-side ul{ max-width: 100%;}
    .main-menu-mobile.opened .left-side ul li { padding: 0 0 8px;}
    .main-menu-mobile.opened .left-side ul li a{ border-radius: 0;}
    .main-menu-mobile-mobile{ display: none; }
    .main-menu-mobile .nm-bottom-menu{ background: #152027; height: 50px; width: 100%; position: absolute; bottom: 0; left:0; display: block;}
    .main-menu-mobile .nm-bottom-menu .opened-div{display: none;}
    .main-menu-mobile .nm-bottom-menu .closed-div{display: block;}
    .main-menu-mobile .nm-bottom-menu .bottom-side{ width: 100%; height: 50px; display: block; border-top: 1px solid #0d171d; }
    .main-menu-mobile .nm-bottom-menu .closed-div.bottom-side{ display: flex; justify-content: center; align-items: center; }
    .main-menu-mobile .nm-bottom-menu .bottom-side a:active,
    .main-menu-mobile .nm-bottom-menu .bottom-side a:focus,
    .main-menu-mobile .nm-bottom-menu .bottom-side a{ position:relative; width: 33.333333%; color: #fff; font-size: 16px; display: flex; justify-content: center; align-items: center; height: 49px; float: left; }
    .main-menu-mobile .nm-bottom-menu .bottom-side a:hover{background: #1a2730;}
    .main-menu-mobile .nm-bottom-menu .bottom-side a sub{ position: absolute; padding: 7px 5px 5px; border-radius: 50%; background: #ed5153; top: calc(50% - 13px); left: calc(50% + 2px); height: 16px; width: auto; font-weight: bold; }
    .main-menu-mobile .nm-bottom-menu .bottom-side a.mm-bottom-btn{width: 100%;}

    /* Menu açılırsa */
    .mm-opened .main-menu-mobile{ width: 275px; }
    .mm-opened .overlay-body{ display: block; z-index: 3; }
    .mm-opened .main-menu-mobile .left-side .left-logo-side .opened-img{display: none;}
    .mm-opened .main-menu-mobile .left-side .left-logo-side .closed-img{display: block;}
    .mm-opened .main-menu-mobile .left-side ul li a .nm-text-side{ display: flex;}
    .mm-opened .main-menu-mobile .nm-bottom-menu .opened-div{display: block;}
    .mm-opened .main-menu-mobile .nm-bottom-menu .closed-div{display: none;}
    /* new mobile test */
    .site-layout{ width: 100%; left:0;}
    .main-menu-mobile{ width: 0;  bottom: 0;}
    .main-menu-mobile .left-side .left-logo-side{ display: none; }
    .fixed-mobile-button{ padding-left: 0; display: flex; align-items: center; position: fixed; top:0; left: 0; height: 50px; z-index: 4; color: #fff; width: 200px;}
    .fixed-mobile-button a.mobile-logo-bars-close,
    .fixed-mobile-button a.mobile-logo-bars{ padding-right: 10px; color: #fff; font-size: 20px; height: 50px; width: 50px; display: flex; justify-content: center; align-items: center; float: left; }
    .fixed-mobile-button a.mobile-logo-bars-close{ display: none; }
    .mm-opened .fixed-mobile-button a.mobile-logo-bars-close{ display: flex;}
    .mm-opened .fixed-mobile-button a.mobile-logo-bars{ display: none;}
    .fixed-mobile-button a.mobile-logo-img{ display: flex; align-items: center; width: 100px; height: 50px;}
    .fixed-mobile-button img{ position: relative; width: 100px; height: auto; }
    .p-l-50.p-r-50{ padding-left: 10px; padding-right: 10px; }
    .notify-modal .modal-dialog{ width: 95%; margin: 85px auto; }
    .full-on-mobile{ width: 100%;}
    .full-on-mobile.nb_btn_add_finish{ height: 43px; }
    .auth-panels.manage-package-auth .panel-heading .title-side{ width: calc(100% - 120px); }
    .auth-panels.manage-package-auth .panel-heading .checkbox-side{ width: 120px; }
    .auth-panels.manage-package-auth .panel-heading .title-side h4{ font-size: 14px; padding-top: 3px; }
    .modal-dialog{ margin-top: 66px; }
    .load_media_content .media_listing_box{ width: 33.3333%; float: left; padding-right: 5px; padding-left: 5px;}
    .load_media_content .media_listing_box.media_add_new{ padding-top: 5px; padding-bottom: 5px; position: relative; }
    .load_media_content .media_listing_box.media_add_new .img-thumbnail{ transition: none!important; width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; }
    .modal-footer.media-footer .btn:active,
    .modal-footer.media-footer .btn:focus,
    .modal-footer.media-footer .btn:hover,
    .modal-footer.media-footer .btn{ background-color: #ddd; border-color: #ddd; color: #222; width: calc(50% - 5px); padding: 9px; font-weight: 600; font-size: 16px;  }
    .modal-footer.media-footer .btn+.btn:active,
    .modal-footer.media-footer .btn+.btn:focus,
    .modal-footer.media-footer .btn+.btn:hover,
    .modal-footer.media-footer .btn+.btn{ background-color: #337ab7; border-color: #337ab7; color: #fff;  }
    .container.rewidth.options-buttons{ margin-top: 0; }
    .branch-status-div .row.branch-status-row .branch-action-div{ position: relative; display: block; padding: 0;}
    .branch-status-div .row.branch-status-row .branch-action-div .btn-default{ width: 100%; height: 100%; position: absolute; border-radius: 0; font-size: 20px; display: flex; justify-content: center; align-items: center;}
    .main-menu-mobile{ top: 50px; height: calc(100% - 50px); }

    /* Buttons Functions Css controller */
    .main-layout-container .quick-action-div .inner .btn-side .btns-container.text-right,
    .main-layout-container .quick-action-div .inner .btn-side .btns-container{ padding-top: 10px; padding-bottom: 10px; }
    .main-layout-container .quick-action-div .inner .btn-side{ background: #d7e0e5; }
    .main-layout-container .quick-action-div .inner .btn-side .btn{ padding: 9px; display: none; }
    .main-layout-container .quick-action-div .inner .btn-side.modify-it .btn{ padding: 9px!important; display: inline-block; }
    /* one */
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-1 .btn:nth-child(1){ width: 100%!important; margin-bottom: 0;}
    /* two */
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-2 .btn:nth-child(1),
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-2 .btn:nth-child(2){ width: calc(50% - 2px)!important; margin-bottom: 0px!important;}
    /* three */
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-3 .btn:nth-child(1),
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-3 .btn:nth-child(2){ width: calc(50% - 2px)!important; margin-bottom: 5px!important;}
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-3 .btn:nth-child(3){ width: 100%!important;}
    /* four */
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-4 .btn:nth-child(1),
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-4 .btn:nth-child(2),
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-4 .btn:nth-child(3),
    .main-layout-container .quick-action-div .inner .btn-side.has-btn-4 .btn:nth-child(4){ width: calc(50% - 2px)!important; margin-bottom: 5px!important;}

}

/* iphone X landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-height: 812px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape){
    html.with-statusbar .site-layout, html.with-statusbar .main-menu{ height: 100%; }
    .main-layout,
    .main-menu-mobile .left-side{ padding-left: constant(safe-area-inset-left); padding-left: env(safe-area-inset-left); }
}

/* iphone X portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-height: 812px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait){
    .device-iphone-x .main-menu-mobile .right-side,
    .device-iphone-x .main-menu-mobile .left-side{ height: calc(100% - (50px + 22pt)); }
    .device-iphone-x .main-menu-mobile .nm-bottom-menu{ height: calc(50px + 22pt); padding-bottom: 22pt; }
    .device-iphone-x .mm-opened .main-menu-mobile .nm-bottom-menu .opened-div{ background: #152027; border-bottom: 1px solid #0d171d;}
    .device-iphone-x body:not(.body-login),
    .device-iphone-x .main-layout{ padding-bottom: 22pt; }
    .device-iphone-x body:not(.body-login):before{ content:""; z-index: 3; display: block; position: fixed; bottom: 0; left:0; width: 100%; height: 22pt; background: rgba(249, 249, 249, .9); }
}

@media (max-height: 450px){
    html.with-statusbar,
    html.with-statusbar.device-ios body,
    html.with-statusbar.ios:not(.device-ios):not(.device-android) body,
    html.device-ios.device-iphone-x body,
    body.body-login{ height: auto; }
    html.device-ios .login-container,
    html.ios:not(.device-ios):not(.device-android) .login-container,
    html.device-ios.device-iphone-x .login-container,
    .login-container{ min-height: auto; height: auto; padding-bottom: 30px; }
    .login-container .login-div .login-text p, .login-container .login-div .login-text .sub-text{ display: none; }
    .login-container .login-div .login-text{ min-height: 100px; }
}

/* 27.11.20 */
.order-detail-modal label.label.label-sodendi {
    letter-spacing: 1px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}
.offers-row:nth-of-type(1) {
    display: none !important;
}


/* Dashboard Makeup - 22.01.2022 */
.mm-price-btn{background:#ffffff !important;border-color:#ffffff !important;border:1px dashed #ddd !important;color:#1d282f !important;font-weight:bold !important;}
.table-bordered{border:0px !important;}
td, th, thead, tr{border:0px !important;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:10px 8px;}
.site-layout .prodlistbuttons{background:#f9f9f9;position:relative;color:#777 !important;transition:0.2s;top:0;padding:4px 8px;margin-left:5px;font-size:17px;min-width:35px;line-height:1.5;border-radius:3px;}
.panel, .panel-heading{border:0px !important;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{border:0px !important;}
.panel-default>.panel-heading{background:#f9f9f9;}
.alert-info{border:0px !important;color:#555;background-color:#ffffff;}
.alert-info i{margin-right:10px !important;}
.nav-tabs>li{margin-bottom:0px !important;}
.nav-tabs{border:0px !important;}
.product-view .newNav-style.nav-tabs.lang-nav>li.active>a:focus, .newNav-style.nav-tabs>li.active>a{background:#f9f9f9 !important;}
.area-map-container .shape-panel .btn-save{background:#4caf50;border-color:#4caf50;width:100% !important;}
.area-map-container .shape-panel .btn-saved{background:#009688;border-color:#009688;width:100% !important;}
.area-map-container #panel{background:#293740 !important;}
.area-map-container .panel-body{background:#f1f1f1;}
.site-layout .alert-danger{border:0px !important;}
.btn{border:0px !important;}
.login-container .login-div .input-group{background:#fff !important;border-radius:5px !important;}
.login-container .login-div .form-div .btn-default{background:#d71920 !important;border-color:#d71920 !important;}
.login-container .login-div .form-div .form-group .checkbox label input[type="checkbox"]:checked + .cr{background:#d71920 !important;border-color:#d71920 !important;}
.login-container .login-div .form-div{background:#f2f2f2 !important;}
a.btn.btn-default.btn-xs.btn-copy.new-pr-btn.mm-price-btn{box-shadow:0px 0px 8px 0px rgb(0 0 0 / 5%) !important;}
.input-group-addon, .form-control{border-color:#e9e9e9;}
/*.dataTables_wrapper .form-control {border: 0px !important;}*/
.form-div .images-preview, .sub-menu.quick-settings .wSwitch, .quick-modal .wSwitch, .main-layout-container .form-div .wSwitch {border: 1px solid #e5eaed;}
.tab-content .product-menu-panel .panel-heading {background: #ffffff !important;}
.form-div a.btn.btn-default.dropdown-toggle {border: 1px solid #e5eaed !important;}


/*270222 Temp*/
.panel {box-shadow: 0 0 10px rgb(0 0 0 / 5%);}
.top-main-btns .info-inner {box-shadow: 0 0 10px rgb(0 0 0 / 5%);}
.site-layout .page-container .table-striped>tbody>tr:nth-of-type(odd) .btn {background: #fff !important;color: #777;}
.site-layout .page-container .table-hover>tbody>tr:hover .btn {background:#fff;}
.page-container .data-table-container .btns-container .btn {background: #f9f9f9;color:#777;}
.site-layout .page-container .data-table-container .btns-container .btn:hover {box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%) !important;}
#tableModifierList th.sorting {text-align: center !important;}
#tableModifierList td.appendChangeInput {text-align: center !important;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border:0px !important;}
.product-list-table .form-control {border: 0px !important;}
.dataTables_filter .form-control {border: 0px !important;}
.site-layout .resetstbt {background: #ccc !important;}
.customerlist-table .form-control {border: 0px !important;}
input#comment_search_input {border: 0px !important;}
.dataTables_length .form-control {border: 0px !important;}
div#section-to-print {background: #fff !important;}
.nw-pr-price-modal .modal-body {background: #f2f2f2 !important;}
.nw-pr-price-modal .auth-panels .panel-default>.panel-heading {background: #fff !important;}
.site-layout .page-container .table .btn-coupon-code-list, .site-layout .page-container .table-striped>tbody>tr:nth-of-type(odd) .btn.btn-coupon-code-list {background: #00bcd4 !important; color: #fff !important;}
.productMatchTable .btn{ font-weight: 600; }
.productMatchTable .btn+.btn{ margin-left: 5px; }


@media only screen and (max-width: 767px) {
.top-main-btns .info-item:nth-child(1), .top-main-btns div:nth-child(3) {padding-left: 15px !important; padding-right: 5px !important;}
.top-main-btns .info-item:nth-child(2), .top-main-btns div:nth-child(4) {padding-left: 5px !important; padding-right: 15px !important;}
.top-main-btns .info-item {width: 50% !important;}
.restaurant-welcome-div.top-main-btns .info-item.top-btns .info-inner {padding: 30px 15px !important;}
.restaurant-welcome-div.top-main-btns .info-item.top-btns .info-inner {min-height: 262px !important;}
.restaurant-welcome-div.top-main-btns .info-item.top-btns {margin-bottom: 10px !important;}
.restaurant-welcome-div.top-main-btns .info-item.top-btns {min-height: unset !important;}
.top-main-btns .info-item .btn-edit {left: unset !important; bottom:unset !important; position:relative !important; width:100% !important;}
}