@font-face {
font-family: Conv_gilroy-light;
src: url(fonts/gilroy-light.eot);
src: url(fonts/gilroy-light.woff) format('woff'), url(fonts/gilroy-light.ttf) format('truetype'), url(fonts/gilroy-light.svg) format('svg');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: Gilroy-Regular;
src: url(fonts/Gilroy-Regular.eot);
src: url(fonts/Gilroy-Regular.woff) format('woff'), url(fonts/Gilroy-Regular.ttf) format('truetype'), url(fonts/Gilroy-Regular.svg) format('svg');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: Gilroy-SemiBold;
src: url(fonts/Gilroy-SemiBold.eot);
src: url(fonts/Gilroy-SemiBold.woff) format('woff'), url(fonts/Gilroy-SemiBold.ttf) format('truetype')
}
@font-face {
font-family: Gilroy-Medium;
src: url(fonts/Gilroy-Medium.eot);
src: url(fonts/Gilroy-Medium.woff) format('woff'), url(fonts/Gilroy-Medium.ttf) format('truetype')
}
html {
font-family: Conv_gilroy-light;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
body {
font-family: Gilroy-Regular;
letter-spacing: 1px;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none
}
/*::-webkit-scrollbar {
width: 6px
}
::-webkit-scrollbar-track {
background-color: #ccc;
border-radius: 4px
}
::-webkit-scrollbar-thumb {
background-color: #3a8ece;
border-radius: 4px
}*/
::-webkit-scrollbar {
width: 30px;
border: 5px solid white;
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
background-color: rgb(232, 232, 232);
}
::-webkit-scrollbar-thumb {
background-color: rgb(59, 141, 205);
background-clip: padding-box;
border: 2px solid transparent;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgb(59, 141, 205);
}
::-webkit-scrollbar-thumb:active {
background-color: rgb(59, 141, 205);
}
/* Buttons */
::-webkit-scrollbar-button:single-button {
background-color: rgb(232, 232, 232);
display: block;
background-size: 20px;
background-repeat: no-repeat;
}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
height: 22px;
width: 26px;
background-position: center 10px;
background-image: url("data:image/svg+xml;utf8,");
display:block;
}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
background-image: url("data:image/svg+xml;utf8,");
display:block;
}
::-webkit-scrollbar-button:single-button:vertical:decrement:active {
background-image: url("data:image/svg+xml;utf8,");
display:block;
}
/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
height: 22px;
width: 26px;
background-position: center 10px;
background-image: url("data:image/svg+xml;utf8,");
display:block;
}
::-webkit-scrollbar-button:single-button:vertical:increment:hover {
background-image: url("data:image/svg+xml;utf8,");
display:block;
}
::-webkit-scrollbar-button:single-button:vertical:increment:active {
background-image: url("data:image/svg+xml;utf8,");
display:block;
}
/* Left */
::-webkit-scrollbar-button:sing [1]: le-button:horizontal:decrement {
height: 12px;
width: 12px;
background-position: 3px 3px;
background-image: url("data:image/svg+xml;utf8,");
display:block;
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
background-image: url("data:image/svg+xml;utf8,");
display:block;
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
background-image: url("data:image/svg+xml;utf8,");
display:block;
}
/* Right */
::-webkit-scrollbar-button:single-button:horizontal:increment {
height: 12px;
width: 12px;
background-position: 3px 3px;
background-image: url("data:image/svg+xml;utf8,");
display:block;
}
::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
background-image: url("data:image/svg+xml;utf8,");
display:block;
}
::-webkit-scrollbar-button:single-button:horizontal:increment:active {
background-image: url("data:image/svg+xml;utf8,");
display:block;
}
.mrg0 {
margin: 0!important
}
.mrgb0 {
margin-bottom: 0!important
}
.mrgb10 {
margin-bottom: 10px!important
}
.mrgb50 {
margin-bottom: 50px
}
.mrgb5 {
margin-bottom: 5px
}
.mrgb15 {
margin-bottom: 15px !important;
}
.mrgt-15 {
margin-top: -15px!important;
}
.mrgt0 {
margin-top: 0!important
}
.mrgt3 {
margin-top: 3px
}
.mrgt5 {
margin-top: 5px
}
.mrgt7 {
margin-top: 7px
}
.mrgt10 {
margin-top: 10px
}
.mrgt15 {
margin-top: 15px
}
.mrgt17 {
margin-top: 17px
}
.mrgt25 {
margin-top: 25px
}
.mrgt30 {
margin-top: 30px
}
.mrgt40 {
margin-top: 40px
}
.mrgl5 {
margin-left: 5px
}
.mrgt-3 {
margin-top: -3px
}
.mrgr5 {
margin-right: 5px
}
.pdng0 {
padding: 0!important
}
.pdng15 {
padding: 15px !important;
}
.pdl5 {
padding-left: 5px!important
}
.pdl15 {
padding-left: 15px!important
}
.pdl5em {
padding-left: 5em !important;
}
.pdr15 {
padding-right: 15px!important
}
.pdt15 {
padding-top: 15px!important
}
.pdt0 {
padding-top: 0!important
}
.pdtb20 {
padding: 20px 0!important
}
.pdb0 {
padding-bottom: 0!important
}
.pdb2 {
padding-bottom: 2px!important
}
.pdb5 {
padding-bottom: 5px!important
}
.pdb10 {
padding-bottom: 10px!important
}
.brdrt0 {
border-top: 0!important
}
.brdrt1 {
border-top: 1px solid #c9c9ca!important
}
.brdrr1 {
border-right: 1px solid #c9c9ca
}
.brdrb1 {
border-bottom: 1px solid #c9c9ca
}
.brdrl1 {
border-left: 1px solid #c9c9ca
}
.word-break {
word-break: break-all;
}
.tab-content2,
.tablepart,
.webtabs {
border: 1px solid #eaeaea
}
.bg-silver { background-color: #e8e8e8; }
.block { display: block !important; }
.font-11 { font-size: 11px; }
.wd8 {
width: 8em
}
.wd30 {
width: 30px
}
.wd60 {
width: 60%
}
.wd100 {
width: 100%
}
.tab-content2,
.tab-content3 {
float: left;
width: 100%;
overflow: auto
}
.maxwd10 {
max-width: 10px;
}
.maxwd13 {
max-width: 13px;
}
.maxwd14 {
max-width: 14px;
}
.maxwd15 {
max-width: 15px;
}
.maxwd16 {
max-width: 16px;
}
.maxwd17 {
max-width: 17px;
}
.maxwd18 {
max-width: 18px;
}
.maxwd19 {
max-width: 19px;
}
.maxwd20 {
max-width: 20px;
}
.maxwd22 {
max-width: 22px;
}
.maxwd24 {
max-width: 24px;
}
.text-white { color: #fff; }
.lightred {
color: #e5725c;
}
.theme-color {
color: #61dd9d;
}
.verticletexttop {
vertical-align: text-top
}
.none {
display: none
}
.cur_pointer {
cursor: pointer;
}
.foodpart,
.revieworder,
.sliderpart {
box-shadow: 0 0 10px #d9d9d9
}
.notes,
textarea.form-control {
resize: none;
height: 50px;
}
.roundedOne input[type=radio],
.roundedTwo input[type=checkbox],
.roundedTwo input[type=radio] {
visibility: hidden
}
.noty-bar,
.noty-layout-topRight {
-webkit-backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased
}
.addtoorder,
.btn-footer,
.btn-payment,
.btn-signin,
.btn-view,
.tableModalfooter,
a.logo {
text-transform: uppercase
}
.nav-tabs>li>a:focus {
background-color: transparent
}
.nav-tabs>li>a:hover {
text-decoration: none;
background-color: #3c8ecd;
color: #fff
}
.tablepart {
margin-right: -5px;
margin-left: -5px
}
.tab-content2 {
padding: 1em 0 .5em;
min-height: 640px;
max-height: 740px;
}
.tab-content3 {
min-height: 350px;
max-height: 350px
}
.tab-content3 .tab-pane {
padding: 1.5em .5em 0
}
.tab-content3 .tab-pane:last-child {
padding: 0
}
.webtabs>li {
margin-bottom: 0
}
.webtabs>li>a {
padding: 8px 9.07px;
border-right: 1px solid #cecece;
border-radius: 0!important;
margin-right: 0;
color: #4d4e4e
}
.webtabs>li:first-child>a {
border-left: 0
}
.webtabs>li:last-child>a {
margin-right: 0;
border-right: 0
}
.webtabs>li.active>a,
.webtabs>li.active>a:focus,
.webtabs>li.active>a:hover {
color: #fff;
cursor: default;
background-color: #3c8ecd;
border: none;
border-bottom-color: #ddd!important
}
.webtabs>li>a img {
max-width: 15px
}
.webtabs>li.tabimg {
border: 1px solid #ddd;
vertical-align: middle
}
.webtabs>li.tabimg.active,
.webtabs>li.tabimg:hover {
background-color: #3c8ecd;
border-bottom: 1px solid #ddd
}
.webtabs>li.tabimg>a {
background: url(../images/tabdark.png) 50% 50% no-repeat;
background-size: 15px;
border: none!important;
padding: 0;
height: 35px
}
.webtabs>li.tabimg:focus>a,
.webtabs>li.tabimg:hover>a {
background: url(../images/tab.png) 50% 50% no-repeat #3c8ecd;
background-size: 15px
}
.webtabs>li.tabimg.active>a {
background: url(../images/tab.png) 50% 50% no-repeat;
background-size: 15px
}
.w3-badge {
background-color: #e5725c;
color: #fff;
float: right;
display: inline-block;
font-family: sans-serif;
font-weight: 700;
font-size: 12px;
width: 26px;
height: 26px;
line-height: 24px;
padding: 1px 4px;
margin-top: -1px;
text-align: center;
border-radius: 50%;
-webkit-animation: pulse 1.5s infinite;
-moz-animation: pulse 1.5s infinite;
-ms-animation: pulse 1.5s infinite;
-o-animation: pulse 1.5s infinite;
animation: pulse 1.5s infinite
}
.select {
background: url("../images/down-arrow.png") no-repeat right center/18px;
border-radius: 0px;
padding: 6px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.select:focus {
box-shadow: none;
outline: 0 none;
}
.numbers .border-black,
.numbers .border-blue,
.numbers .border-engblue,
.numbers .border-golden,
.numbers .border-green,
.numbers .border-red {
background-color: transparent
}
.background-red {
background-color: #e7705a;
border-color: #e7705a;
color: #fff;
}
.background-green {
background-color: #4cce84;
border-color: #4cce84;
color: #fff;
}
.background-aqua {
background-color: #47c7bc;
border-color: #47c7bc;
color: #fff;
}
.background-black {
background-color: #4d4f4e;
border-color: #4d4f4e;
color: #fff;
}
.background-blue {
background-color: #2a84c0;
border-color: #2a84c0;
color: #fff;
}
@-webkit-keyframes pulse {
0%,
100% {
transform: scale(1)
}
20%,
80% {
transform: scale(1.1)
}
50% {
transform: scale(.9)
}
}
@-moz-keyframes pulse {
0%,
100% {
transform: scale(1)
}
20%,
80% {
transform: scale(1.1)
}
50% {
transform: scale(.9)
}
}
@-o-keyframes pulse {
0%,
100% {
transform: scale(1)
}
20%,
80% {
transform: scale(1.1)
}
50% {
transform: scale(.9)
}
}
@keyframes pulse {
0%,
100% {
transform: scale(1)
}
20%,
80% {
transform: scale(1.1)
}
50% {
transform: scale(.9)
}
}
.numbers {
/* padding: 0 10px */
}
.numbers .panel {
border-radius: 6px;
margin-bottom: 10px;
cursor: pointer
}
.numbers .border-red {
border-color: #e7705a;
color: #e5725c
}
.numbers .border-green {
border-color: #4cce84;
color: #4cce84
}
.numbers .border-black {
border-color: #4d4f4e;
color: #4d4f4e
}
.numbers .border-blue {
border-color: #2a84c0;
color: #2a84c0
}
.numbers .border-golden {
border-color: #F0E88D;
color: #F0E88D
}
.numbers .border-engblue {
border-color: #3cc;
color: #3cc
}
.numbers .panel .panel-body.active {
background: url(../images/greenright.png) 96% 4px no-repeat;
background-size: 23px
}
.numbers .panel .panel-body.active-dark {
background: url(../images/right.png) 96% 4px no-repeat;
background-size: 23px
}
.numbers .panel .panel-body {
padding: 2px 2px 0;
min-height: 120px
}
.numbers .panel .panel-body .heading-elements {
top: 10%;
right: 0
}
.numbers .panel .panel-body .heading-elements .badge {
background-color: #e5725c;
border-radius: 50%
}
.numbers .panel .panel-body .heading-elements .badge-dark {
background-color: #ec2600;
border-radius: 50%
}
.numbers .panel .panel-body h4 {
text-align: center;
margin: 1.2em auto 10px;
font-size: 22px;
font-family: Gilroy-SemiBold;
font-weight: 600;
line-height: 30px
}
.numbers .panel .panel-body p {
margin-bottom: 0;
text-align: center;
padding: 0 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.numbers .panel .panel-body .tableimg {
position: absolute;
bottom: 12px
}
.tab-red {
background-color: #e5725c;
color: #fff;
text-align: center;
border-radius: 4px
}
.tab-red h2 {
font-weight: 600
}
.tab-red p {
letter-spacing: 2px;
font-size: 16px
}
.revieworder {
margin-top: 25px;
margin-right: 0;
margin-left: 0px;
border: 1px solid #eaeaea
}
.reviewordertabs {
margin-bottom: .5em
}
.revieworder .liveorder .table,
.revieworder .totalamttable>.table {
margin-bottom: 0
}
.reviewordertabs>li {
margin-bottom: 0;
font-family: Gilroy-SemiBold
}
.reviewordertabs>li>a {
padding: 8px 9.07px;
border: none;
border-right: 1px solid #cecece;
border-radius: 0!important;
margin-right: 0;
color: #4d4e4e
}
.reviewordertabs>li>a:hover {
/* border-top: 1px solid #3c8ecd!important; */
border-bottom: 1px solid #3c8ecd!important
}
.reviewordertabs>li:last-child>a {
margin-right: 0;
border-right: none
}
.reviewordertabs>li:last-child>a:hover {
border-left: 0!important;
border-right: 0!important
}
.reviewordertabs>li.active>a,
.reviewordertabs>li.active>a:focus,
.reviewordertabs>li.active>a:hover {
color: #fff;
cursor: default;
background-color: #3c8ecd;
border-top: 1px solid #3c8ecd!important;
border-bottom: 1px solid #3c8ecd!important;
border-left: 0!important;
outline: 0
}
.revieworder .liveorder .table>tbody>tr.discription>td,
.revieworder .liveorder>.orderid>.table>tbody>tr:first-child>td {
border-top: 0
}
.reviewordertabs>li:last-child.active>a {
border-right: 0!important
}
.revieworder h4 {
text-align: center;
color: #4d4e4e;
background-color: #cecece;
padding: 10px;
margin-top: 0
}
.ordertabs {
/*max-height: 563px;
min-height: 563px;*/
max-height: 640px;
min-height: 700px;
overflow: auto
}
.ordertabs .table tbody tr td.rquestmsg {
border: 0px;
}
.revieworder .table>thead>tr>th {
color: #15baa0;
font-weight: 500
}
.revieworder .table>tbody>tr:last-child>td {
border-bottom: 1px solid #ddd;
vertical-align: middle
}
.revieworder .table>tbody>tr>td {
vertical-align: middle
}
.revieworder .table>tbody>tr>td.cls_customizemenu {
color: #1f79bf;
font-family: Gilroy-Medium
}
.foodtabs>li,
.sliderpart .border-red .panel-body h5 {
font-family: Gilroy-SemiBold;
cursor: pointer
}
.revieworder .liveorder .table>tbody>tr.discription>td span {
color: #aaa;
font-size: 13px
}
.revieworder .totalamttable {
background-color: #61dd9d;
color: #fff
}
.revieworder .totalamttable>.table>tfoot>tr {
font-size: 18px
}
.revieworder .liveorder .liveorderfooter {
padding: 0;
border: 1px solid #e8e8e8;
text-transform: uppercase
}
.revieworder .liveorder .liveorderfooter p {
display: table-cell;
width: 1%;
text-align: center;
border-right: 1px solid #e8e8e8;
padding: 10px 2px;
cursor: pointer
}
.foodtabs>li,
.foodtabs>li>a {
padding: 7px 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.revieworder .liveorder .liveorderfooter p:last-child {
border-right: 0
}
.revieworder .liveorder .liveorderfooter p.active,
.revieworder .liveorder .liveorderfooter p:hover {
background-color: #2a84c0;
color: #fff
}
.swiper-container {
width: 100%;
margin: 0 auto 5px
}
.swiper-slide {
text-align: center;
background: #fff;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}
.foodtabs>li {
margin-bottom: 0;
list-style: none;
border: 1px solid #e8e8e8;
border-top: 0;
/*border-bottom: 1px;*/
}
.foodtabs>li.active {
background-color: #3a8ece;
color: #fff
}
.foodtabs>li:first-child {
border-left: 0
}
.foodtabs>li:last-child {
border-right: 0
}
.foodtabs>li:first-child>a {
border-left: 0;
border-top: 0
}
.foodtabs>li:last-child>a {
border-right: none
}
.foodtabs>li>a {
border-radius: 0!important;
color: #4d4e4e;
border-right: 1px solid #cecece;
position: relative;
display: block
}
.foodtabs>li>a:focus,
.foodtabs>li>a:hover {
text-decoration: none
}
.foodtabs>li.active>a,
.foodtabs>li.active>a:focus,
.foodtabs>li.active>a:hover {
border-left: 0!important;
border-top: 0!important;
background-color: #3a8ece;
color: #fff
}
.foodpartdetails .panel {
min-height: 105px;
border-radius: 0
}
.border-silver {
background-color: transparent;
border-color: #d4d4d4
}
.bg-green-400 {
background-color: #4dce87;
border-color: #4dce87;
color: #fff
}
/*.border-silver.active {
background-color: transparent;
border-color: #e5725c;
color: #e5725c
}
.border-silver.active p {
color: #e5725c!important
}*/
.border-silver.active { border:2px solid #3a8ece !important;
max-height: 132px;
}
#food .border-silver .heading-elements {
right: 16px;
margin-top: 0
}
.foodpart,
.slidertable {
margin-top: 25px
}
#food .border-silver .heading-elements .heading-text {
min-width: 32px;
padding: 4px 7px 4px 1em;
font-size: 14px;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: right;
white-space: nowrap;
vertical-align: middle;
background-color: #E5725C
}
.menupart {
/* margin-bottom: 4em */
}
.foodpartdetails {
min-height: 510px;
max-height: 510px;
/*min-height: 630px;
max-height: 740px;*/
overflow: auto
}
.foodpart {
border: 1px solid #eaeaea
}
.foodpartdetails .panel .panel-body {
padding: 0 3px;
min-height: 85px;
overflow: hidden;
max-height: 103px
}
.foodpartdetails .panel .panel-body:hover,
.sliderpart {
overflow-y: auto
}
.foodpartdetails .panel .panel-body .heading-elements {
top: 0;
margin-top: 0;
z-index: 10
}
.heading-elements {
background-color: inherit;
position: absolute;
top: 50%;
right: 16px;
height: 36px;
margin-top: -18px
}
.heading-elements:not(.visible-elements) .heading-text {
display: inline-block
}
.heading-elements input {
width: 32px;
/*background-color: #E5725C;
border: 1px solid #E5725C;*/
background-color: #3a8ece;
border: 1px solid #3a8ece;
color: #fff;
text-align: right;
font-weight: 600;
padding-right: 5px
}
.foodpartdetails .panel .panel-body h6 {
font-size: 14px;
margin-bottom: 0
}
.foodpartdetails .panel .panel-body+p {
margin-bottom: 0;
padding: 0 3px;
font-size: 11px;
position: absolute;
bottom: 22px;
color: #959595;
background-color: #fff;
height: 18px;
line-height: 18px
}
.foodpartdetails .panel .panel-body p {
font-size: 12px;
color: #aaa;
position: absolute;
bottom: 12px
}
.foodimg {
max-width: 16px
}
.bg-white-veg {
background-color: transparent;
border-color: #4dce87;
color: #4d4e4e
}
.bg-red-400 {
background-color: #e5725c;
border-color: #e5725c;
color: #fff
}
.bg-white-nonveg {
background-color: transparent;
border-color: #e5725c;
color: #4d4e4e
}
.sliderpart {
/*min-height: 602px;
max-height: 602px*/
min-height: 602px;
max-height: 602px;
}
.sliderpart .panel {
min-height: 55px;
border-radius: 0;
margin-bottom: 0;
box-shadow: none;
border-bottom: 1px solid #e8e8e8
}
#sidebar-wrapper,
.footer,
.mergedtables,
.tables {
box-shadow: 0 0 10px #d9d9d9
}
.sliderpart .border-red {
background-color: transparent;
border-bottom: 1px solid #e7705a;
min-height: 22px!important
}
.bg-active,
.bg-white {
border-color: #e8e8e8
}
.sliderpart .border-red .panel-body h5 {
color: #e7705a;
text-align: center
}
.sliderpart .bg-updown {
background-color: #f7f7f7;
border-color: #e8e8e8;
min-height: 22px!important
}
.sliderpart .bg-updown .panel-body {
padding: 0!important;
text-align: center
}
.bg-updown img {
max-width: 10px
}
.bg-white {
background-color: #fff
}
.bg-active {
background-color: #3a8ece !important;
color: #fff
}
.bg-category-active {
font-family: 'Gilroy-SemiBold';
border: 4px solid #3a8ece !important;
}
.sliderpart .panel .panel-body {
padding: 5px 6px
}
.sliderpart .panel .panel-body h5 {
/*white-space: nowrap;*/
overflow: hidden;
/*text-overflow: ellipsis*/
}
.form-control1 {
display: block;
width: 100%;
height: 40px;
padding: 6px 12px 6px 3em;
font-size: 14px;
font-family: Gilroy-Medium;
line-height: 1.42857143;
color: #000;
background: url("../images/search.png") no-repeat left center/25px;
border-left: 0 solid #e8e8e8;
border-right: 0 solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
border-top: 0 solid #e8e8e8;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
letter-spacing: 1px
}
.form-search {
display: block;
width: 100%;
height: 40px;
padding: 6px 12px 6px 3em;
font-size: 14px;
font-family: Gilroy-Medium;
line-height: 1.42857143;
color: #000;
background: url(../images/search.png) 2% 50% no-repeat;
background-size: 12px;
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
border-top: 1px solid #e8e8e8;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
letter-spacing: 1px
}
.form-control1:focus {
outline: 0
}
.btn,
.btn-subtotal {
font-family: Gilroy-SemiBold
}
.selecttbl span {
color: #ababab;
font-size: 12px
}
.subtotalamttable {
float: left;
width: 100%
}
.subtotalamttable>.table {
margin-bottom: 0
}
.subtotalamttable>.table>tbody>tr {
font-size: 17px
}
.subtotalamttable>.table>tbody>tr>td:last-child {
color: #61dd9d
}
.btn-blue-orderprint,
.btn-makeinvoice,
.btn-subtotal,
.btn-subtotal:focus,
.btn-subtotal:hover {
color: #fff;
border-color: #3c8ecd
}
.addtoorder {
float: left;
width: 100%;
padding: 0;
border-top: 1px solid #ddd
}
.addtoorder p {
display: table-cell;
width: 1%;
text-align: center;
border-right: 1px solid #ddd;
padding: 8px 2px;
cursor: pointer
}
.addtoorder p:last-child {
border-right: 0
}
.slideupdown {
height: 100px;
background: red;
padding: 0 10px;
overflow: hidden;
margin-top: 4em
}
.content {
background-color: #eee
}
.gredientr {
background-color: #f7f7f7
}
.customitem {
padding: 10px 0 0;
border-right: 1px solid #b9b9b9;
background-color: #fff;
z-index: 104
}
.customextra {
padding: 10px 0 0;
animation: customextra .5s 1 forwards
}
@keyframes customextra {
0% {
left: -50%
}
100% {
left: 0
}
}
.menudiscription {
min-height: 377px;
max-height: 377px;
overflow: auto;
float: left;
width: 100%
}
.menudiscription .form-select {
height: 30px;
text-overflow: ellipsis;
}
.ingredients {
min-height: 427px;
max-height: 427px;
overflow: auto;
float: left;
width: 100%;
background-color: #fafafa
}
.ingredients table tbody tr td.text-right label {
margin-bottom: 2.4px
}
.btn-footer {
border-radius: 0;
letter-spacing: 1px;
float: right
}
.btn-subtotal {
background-color: #5fa8df
}
.btn-subtotal:focus,
.btn-subtotal:hover {
background-color: #3c8ecd
}
.btn-makeinvoice {
background: url(../images/invoice.png) 5% 50% no-repeat #5fa8df;
background-size: 16px;
padding-left: 2.3em;
margin-right: 0px
}
.btn-makeinvoice:focus,
.btn-makeinvoice:hover {
color: #fff;
background-color: #3c8ecd;
border-color: #3c8ecd
}
.btn-blue-orderprint {
background: url(../images/orderprint_white.png) 7.5% 50% no-repeat #5fa8df;
background-size: 18px;
padding-left: 2.5em;
margin-right: 10px
}
.btn-blue-orderprint:focus,
.btn-blue-orderprint:hover {
color: #fff;
background-color: #3c8ecd;
border-color: #3c8ecd
}
.btn-abuse,
.btn-cleartable,
.btn-customerinfo,
.btn-deleteorder,
.btn-home,
.btn-mergecancel,
.btn-mergetable,
.btn-orderprint {
color: #4d4e4e;
padding-left: 2.5em;
border-color: #8a8a8a;
margin-right: 10px
}
.btn-orderprint {
background: url(../images/orderprint.png) 7.5% 50% no-repeat #fff;
background-size: 18px
}
.btn-deleteorder {
background: url(../images/deleteorder.png) 7.5% 50% no-repeat #fff;
background-size: 14px
}
.btn-customerinfo {
background: url(../images/custinfo.png) 7.5% 50% no-repeat #fff;
background-size: 16px
}
.btn-home {
background: url(../images/home.png) 12.5% 50% no-repeat #fff;
background-size: 18px
}
.btn-mergetable {
background: url(../images/tabdark.png) 6.5% 50% no-repeat #fff;
background-size: 16px;
border-radius: 0;
margin-left: 10px;
}
.btn-mergecancel {
background: url(../images/mergecancel.png) 12.5% 50% no-repeat #fff;
background-size: 12px
}
.btn-cleartable {
background: url(../images/cleartable.png) 7.5% 50% no-repeat #fff;
background-size: 12px
}
.btn-abuse {
background: url(../images/abuse.png) 7.5% 50% no-repeat #fff;
background-size: 12px
}
.footer .btn {
margin-top: 10px;
}
.footer .btn:first-child {
margin-right: 0px;
}
ul.top-menu>li>h4 {
margin-right: 2px;
margin-top: 1.1em;
color: #fff;
font-family: gilroy-semibold
}
ul.top-menu>li>.logout {
margin-top: 8px;
padding-right: 0px;
}
ul.top-menu>li>.logout:focus,
ul.top-menu>li>.logout:hover {
background: 0 0
}
.bars {
padding: 20px 15px 0 0
}
.bars:focus {
outline: 0
}
.bars img {
width: 25px;
height: 20px
}
.bars .homeimg {
width: 27px;
height: 22px
}
#wrapper {
padding-left: 0;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
#wrapper.toggled {
padding-left: 250px
}
#sidebar-wrapper {
position: fixed;
left: 300px;
top: 60px;
z-index: 1000;
overflow-y: scroll;
overflow-x: hidden;
margin-left: -300px;
width: 300px;
height: 90%;
background: #fff;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
#wrapper.toggled #sidebar-wrapper {
width: 0
}
#page-content-wrapper {
padding: 15px;
width: 100%
}
#wrapper.toggled #page-content-wrapper {
position: absolute;
margin-right: -300px
}
.sidebar-nav {
position: absolute;
top: 0;
margin: 0;
padding: 0 0 50px;
width: 300px;
overflow: hidden;
list-style: none
}
.sidebar-nav li {
/*text-indent: 25px;*/
padding: 0px 25px;
line-height: 55px;
border-bottom: 1px solid #e2e2e2;
}
.sidebar-nav li:hover {
background: #f2f2f2;
}
.sidebar-nav li .side-menu {
display: block;
color: #4d4e4e;
text-decoration: none;
/*border-bottom: 1px solid #e2e2e2;*/
margin-bottom: 0;
cursor: pointer
}
.sidebar-nav li .side-menu:hover {
color: #4d4e4e;
text-decoration: none
}
.sidebar-nav li .side-menu:active,
.sidebar-nav li .side-menu:focus {
text-decoration: none;
outline: 0
}
.sidebar-nav li:last-child .side-menu {
border-bottom: 0px;
}
.sidebar-nav li .side-menu img {
width: 30px;
margin-right: 15px;
margin-top: -2px
}
.sidebar-nav>.sidebar-brand {
height: 60px;
font-size: 18px;
line-height: 60px
}
.sidebar-nav>.sidebar-brand a {
color: #999
}
.sidebar-nav>.sidebar-brand a:hover {
background: 0 0;
color: #fff
}
@media (min-width:768px) {
#wrapper {
padding-left: 300px
}
#wrapper.toggled {
padding-left: 0
}
#sidebar-wrapper {
width: 300px
}
#wrapper.toggled #sidebar-wrapper {
width: 0
}
#page-content-wrapper {
padding: 20px
}
#wrapper.toggled #page-content-wrapper {
position: relative;
margin-right: 0
}
}
.footer {
position: fixed;
left: 0;
right: 0;
z-index: 999
}
/* Header */
.header {
min-height: 60px;
padding: 0 15px;
position: fixed;
left: 0;
right: 0;
z-index: 1002;
}
.header.header-bg {
background: #0063afcc;
background: -moz-linear-gradient(left, #61a9e0 0%,#0063af 100%);
background: -webkit-linear-gradient(left, #61a9e0 0%,#0063af 100%);
background: linear-gradient(to right, #61a9e0 0%,#0063af 100%);
}
.header > .header-block {
position: relative;
text-align: center;
}
.header > .header-block > .header-left {
display: inline-block;
position: absolute;
left: 0;
}
.header > .header-block .logo-wrap {
}
.header > .header-block .logo-wrap .logo {
font-size: 20px;
color: #ffffff;
float: left;
margin-top: 13px;
text-transform: uppercase;
width: 100%;
}
.header > .header-block .logo-wrap .logo:hover, .header > .header-block .logo-wrap .logo:focus {
text-decoration: none;
outline: none;
}
.header > .header-block .header-right {
display: inline-block;
position: absolute;
right: 0;
}
/* Header */
#main-content {
margin-left: 0
}
.wrapper {
display: inline-block;
margin: 60px 0px;
width: 100%;
padding: 0 15px 15px
}
a.logo {
font-size: 20px;
color: #fff;
float: left;
margin-top: 15px;
width: 100%
}
a.logo b {
font-weight: 900
}
a.logo:focus,
a.logo:hover {
text-decoration: none;
outline: 0
}
a.logo span {
color: #68dff0
}
ul.top-menu>li {
float: left
}
.sidebar-toggle-box {
float: left;
margin-top: 10px;
font-size: 28px;
color: #fff
}
.footer {
padding: 0px 15px 10px;
background-color: #fff;
margin-top: 2em;
bottom: 0
}
.slideaside {
max-height: 481px;
min-height: 481px;
overflow: auto
}
.mergedtables,
.tables {
float: left;
width: 100%;
margin-top: 25px
}
.mergedtables {
max-height: 223px;
overflow: auto
}
.mergedtables table {
margin-bottom: 0
}
.tbltitle {
text-align: center;
background-color: #e8e8e8;
border: 1px solid #e8e8e8;
margin: 0;
padding: 12px 5px;
font-size: 16px
}
.tbltitle img {
float: right;
padding-right: 10px
}
.tblno {
padding-right: 8px;
padding-left: 8px;
}
.tblno img.firstmiddle,
.tblno img.thirdfirstmiddle {
left: 15px
}
.tblno img.secondmiddle {
right: 15px
}
.tblno .panel .panel-body {
padding: 4px;
min-height: 118px
}
.tblno .panel .panel-body:after {
position: absolute;
right: 0;
top: -8px;
font-size: 14px;
line-height: 24px;
width: 24px;
text-align: center;
border-radius: 50%;
color: #fff;
font-weight: 700;
background-color: #e5725c;
box-shadow: 0 0 0 1px #fff;
content: counter(li-counter);
counter-increment: li-counter;
display: none
}
.tblno .panel .panel-body .heading-elements .heading-text {
padding: 1px 4px;
font-size: 12px;
text-align: center;
font-family: sans-serif;
width: 26px;
height: 26px;
line-height: 24px
}
.btn-payment,
.btn-view,
.credit .recent-posts li .user-info,
.menudetails .panel .panel-body h4,
.payment h3 {
font-family: Gilroy-SemiBold
}
.tblno .panel .panel-body.active {
background: url(../images/greenright.png) 96% 4px no-repeat;
background-size: 23px
}
.tblno .panel .panel-body.active-dark {
background: url(../images/right.png) 96% 4px no-repeat;
background-size: 23px
}
.tblno .panel .panel-body h4 {
position: absolute;
left: 0;
right: 0;
top: 17%
}
.tblno .panel .panel-body p {
position: absolute;
left: 0;
right: 0;
bottom: 15%;
margin: 0 auto 10px;
text-overflow: ellipsis;
overflow: hidden;
width: 8.5em;
white-space: nowrap
}
.tblno .panel .panel-body .tableimg {
position: absolute;
bottom: 10%;
margin: 0 auto
}
.tblno .panel.no-content .panel-body h4 {
line-height: 75px
}
.menudetails .panel .panel-body {
padding: 4px 4px 0;
min-height: 120px
}
.menudetails .panel .panel-body .heading-elements {
top: 7px;
right: 7px
}
.menudetails .panel .panel-body .heading-elements .heading-text {
padding: 6px 9px;
font-size: 14px;
background-color: #e5725c;
border-radius: 50%
}
.menudetails .panel .panel-body h4 {
text-align: center;
font-size: 22px;
font-weight: 600;
margin: 1.1em auto;
color: #e5725c
}
.menudetails .panel .panel-body p {
margin-bottom: 0;
text-align: center;
color: #e5725c
}
.menudetails img.firstmiddle {
left: 20px;
top: 3.8em
}
@media (min-width:1856px) and (max-width:2048px) {
.tblno .panel .panel-body {
min-height: 131px
}
.tblno .panel .panel-body .heading-elements .heading-text {
padding: 6px 9px;
font-size: 14px
}
.foodimg {
max-width: 18px
}
.numbers .panel .panel-body h4 {
font-size: 24px
}
.numbers .first .panel-body h4 {
margin: .6em auto .88em
}
.foodpartdetails .panel .panel-body {
min-height: 130px
}
.foodpartdetails .panel .panel-body h6 {
font-size: 15px;
margin-top: 20px
}
.foodpartdetails .panel .panel-body+p {
font-size: 14px
}
.tab-content2 {
height: 421px
}
}
@media (min-width:1280px) and (max-width:1400px) {
.tblno {
padding-right: 5px;
padding-left: 5px
}
.tblno .panel .panel-body .heading-elements {
right: 0
}
.foodimg {
max-width: 16px
}
.tab-content2 {
height: 423px
}
}
@media (min-width:1024px) and (max-width:1279px) {
.slidertable,
.tblno {
width: 25%
}
.tblno {
padding-right: 5px;
padding-left: 5px
}
.tblno .panel .panel-body .heading-elements {
right: 0
}
.foodparttable {
width: 75%
}
.tab-content2 {
height: 445px
}
}
#running .details {
padding-top: .5em;
padding-bottom: .5em;
border-bottom: 1px solid #eaeaea;
float: left;
width: 100%
}
#running .details:first-child {
padding-top: 0
}
.widget-content {
min-height: 390px;
max-height: 390px;
float: left;
width: 100%;
overflow: auto
}
.new-update {
border-top: 1px solid #cec6c6;
padding: 12px;
line-height: 25px;
cursor: pointer
}
/* .new-update:focus, */
/* .new-update:hover { */
/* background-color: #f6f6f6 */
/* } */
.new-update:first-child {
border-top: medium none
}
.new-update span {
display: block
}
.new-update .details-icon {
color: #4d4e4e;
text-align: right;
}
.new-update .details-icon .update-day {
font-weight: 700;
line-height: 3.5
}
.new-update .details-icon .update-day img {
max-width: 15px;
/*margin-right: 15px;*/
/*margin-top: -.1em*/
margin-top: -7px;
}
.update-alert,
.update-done,
.update-notice {
display: block;
float: left;
max-width: 76%
}
.roundedTwo {
width: 23px;
height: 22px;
position: relative
}
.roundedTwo label {
width: 18px;
height: 18px;
position: absolute;
top: 3px;
left: 1px;
cursor: pointer;
border-radius: 50%;
background: #fff;
border: 1px solid #8D8585;
margin-bottom: 0
}
.roundedTwo label:after {
content: '';
width: 8px;
height: 5px;
position: absolute;
top: 4px;
left: 3px;
border: 2px solid #CDCDCD;
border-top: none;
border-right: none;
background: 0 0;
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.roundedTwo input[type=checkbox]:checked+label:after,
.roundedTwo input[type=radio]:checked+label:after {
opacity: 1;
border: 2px solid #61DD9D;
border-top: none;
border-right: none
}
.roundedTwo input[type=checkbox]:checked+label {
border: 2px solid #61DD9D
}
.checkradio input[type=checkbox]:not(old),
.checkradio input[type=radio]:not(old) {
width: 28px;
margin: 0;
padding: 0;
opacity: 0;
cursor: pointer
}
.checkradio input[type=checkbox]:not(old)+label,
.checkradio input[type=radio]:not(old)+label {
display: inline-block;
margin-left: -35px;
padding-left: 35px;
background: url(../images/check.png) no-repeat;
line-height: 22px;
font-weight: 500;
margin-bottom: 0;
cursor: pointer
}
.checkradio input[type=checkbox]:not(old):checked+label,
.checkradio input[type=radio]:not(old):checked+label {
background-position: 0 -48px
}
.extrangredients {
position: relative;
overflow: hidden;
height: 563px
}
.showhide {
position: absolute;
left: -95%;
transition: 2s
}
.extrangredients:hover .showhide {
transition: 2s;
left: 0;
width: 100%;
padding-right: 15px
}
.payment h3 {
text-align: center;
border-bottom: 1px solid #c9c9ca;
margin: 0;
padding: 5px 5px 15px;
font-size: 17px
}
#paymentmode .modal-body {
padding-bottom: 0
}
#paymentmode h4 {
margin: 0;
padding: 15px;
border-top: 1px solid #e8e8e8;
font-size: 15px
}
#paymentmode .table {
vertical-align: middle;
margin-bottom: 0
}
#paymentmode .table tbody td {
padding: 0 10px;
height: 50px;
vertical-align: middle
}
#paymentmode .table tbody td label {
margin-bottom: 0;
cursor: pointer;
width: 100%;
font-weight: 500;
font-size: 15px;
line-height: 3
}
#paymentmode .table tbody td .roundedOne label {
width: 18px
}
.spmradio {
float: right;
margin-right: 7px!important;
margin-top: 4px!important;
cursor: pointer
}
.btn-payment {
color: #4d4e4e;
background: #fff;
border-radius: 0;
border: 0 #e7e7e7;
width: 100%;
padding: 11px
}
.btn-payment:active {
box-shadow: none;
border: 0
}
.fixedbtn {
position: absolute;
bottom: 0;
right: 0;
left: 0;
padding: 0;
margin: 0 15px 0 11px;
background-color: #fff
}
.roundedOne label,
.roundedOne label:after {
left: 3px;
border-radius: 50px;
position: absolute
}
.credit {
margin-top: 25px;
margin-right: 0;
margin-left: -5px;
border: 1px solid #eaeaea;
box-shadow: 0 0 10px #d9d9d9;
height: 604px;
overflow: auto
}
.notes,
.notes:focus {
box-shadow: none;
outline: 0
}
.credit .widget-content1 {
border-top: 1px solid #cdcdcd
}
.credit .recent-posts {
margin: 0;
padding: 0;
}
.credit .recent-posts li {
border-bottom: 1px solid #cdcdcd;
list-style: none;
padding: 10px;
cursor: pointer;
width:100%;
display: inline-block;
}
.credit .recent-posts li .user-info {
font-size: 15px
}
.credit .recent-posts li .bal-info {
margin-top: 15px;
margin-bottom: 0
}
#cleartableModal h4,
#creditpaymentModal h4 {
margin: 0;
border-top: 1px solid #e8e8e8;
text-align: center
}
#creditpaymentModal .modal-body,
#sendmailModal .modal-body {
padding-bottom: 0
}
#creditpaymentModal h4 {
padding: 50px 0
}
#cleartableModal h4 {
padding: 40px 0;
border-bottom: 0
}
.notes {
border: 0;
float: left;
width: 100%;
font-size: 15px;
color: #000;
padding: 8px 7px;
height: 50px;
}
.form-select,
.form-text {
display: block;
width: 100%;
height: 40px;
padding: 6px 12px 6px 6px;
font-size: 14px;
line-height: 1.42857143;
background-color: #fff;
background-size: 12px;
background-position: 2% 50%;
border: 1px solid #bdbdbd;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
letter-spacing: 1px;
border-radius: 2px
}
.form-text:focus,
.form-text:hover {
outline: 0
}
.form-select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: url(../images/input-arrow.png) 95% 50% no-repeat
}
.form-select:focus,
.form-select:hover {
outline: 0
}
.form-takeaway-text {
display: block;
width: 100%;
height: 28px;
font-size: 16px;
padding: 6px 12px;
border: 0;
border-bottom: 1px solid #ccc;
box-shadow: none;
}
.form-takeaway-text:focus {
outline: 0
}
.form-takeaway-text~.focus-border {
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background-color: #70C491;
transition: .4s
}
.form-takeaway-text:focus~.focus-border {
width: 100%;
transition: .4s;
left: 0
}
.item-priority,
.item-priority > td {
color: #e4715c!important;
}
.has-success {
border-color: #4dce86;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-error {
border-color: #ec705a;
}
.form-credit {
height: 22px;
padding: 0 12px 0 0;
border: 0 solid #bdbdbd
}
#sendmailModal .modal-body .form-text {
border: 0 solid #bdbdbd;
padding: 6px 18px;
height: 50px;
font-size: 16px
}
.roundedOne {
width: 24px;
height: 24px;
position: relative;
background: #61dd9d;
border-radius: 50px;
float: right
}
.roundedOne label {
width: 18px;
height: 18px;
cursor: pointer;
top: 3px;
background: #fff
}
.roundedOne label:after {
content: '';
width: 12px;
height: 12px;
top: 3px;
background: #61dd9d;
opacity: 0
}
.roundedOne label:hover::after {
opacity: .3
}
.roundedOne input[type=radio]:checked+label:after {
opacity: 1
}
.isa_success,
.isa_error {
left: 50%;
position: absolute;
top: 60px;
transition: 2s ease;
display: block;
z-index: 9999;
margin: 0 auto 0 -150px;
transition: all 2s ease 0s;
width: 480px;
}
.isa_success span,
.isa_error span {
font-size: 14px;
color: #fff;
opacity: 0.8;
display: block;
width: 300px;
word-wrap: break-word;
}
.isa_success span {
border: 0px solid #51a351;
padding: 15px 15px 15px 50px;
background: #51a351 url("../images/success.png") no-repeat 10px center;
}
.isa_error span {
border: 0px solid #bd362f;
padding: 15px 15px 15px 50px;
background: #bd362f url("../images/error.png") no-repeat 15px center;
}
.isa_success span:hover, .isa_error span:hover {
opacity: 1;
cursor: pointer;
}
.hide_eroor {
opacity: 0;
top: 0px;
}
.cls_loader.cls_hide {
display: none
}
.cls_loader,
.loading_image {
background: #fff;
cursor: wait;
display: block;
height: 100%;
left: 0;
opacity: .8;
top: 0;
z-index: 1000001;
width: 100%
}
.cls_loader {
position: fixed
}
.cls_loader .cls_loader_img {
margin-left: 46%;
position: absolute;
margin-top: 15%
}
.loading_image {
position: fixed;
text-align: left
}
.loading_image img {
margin-left: 42%;
position: absolute;
margin-top: 15%
}
@media all and (max-width:480px) {
.cls_loader .cls_loader_img,
.loading_image img {
margin-left: 32%;
margin-top: 16%
}
.isa_success,
.isa_error {
width: 280px;
}
}
@media all and (max-width:320px) {
.cls_loader .cls_loader_img,
.loading_image img {
margin-left: 25%;
margin-top: 45%
}
}
.btn:active:focus,
.btn:focus {
outline: 0
}
.btn-cancle {
color: #4d4e4e;
background-size: 14px;
border-color: #8a8a8a;
margin-right: 10px;
background-color: #fff
}
.btn-view {
color: #3c8ecd;
background: #fff;
border-color: #3c8ecd;
font-size: 12px;
padding: 4px 6px;
border-radius: 4px;
height: 26px
}
.btn-generate-payment {
color: #4d4e4e;
background-size: 14px;
border-color: #8a8a8a;
margin-right: 10px;
background-color: ##ced0d2;
}
.table>thead>tr>th,
div.activity {
font-family: Gilroy-Medium
}
.btn-view:active,
.btn-view:focus,
.btn-view:hover {
color: #fff;
background: #3c8ecd;
border-color: #3c8ecd
}
.btn-changetbl {
color: #4d4e4e;
background: url(../images/sidebar/table.png) 3% 50% no-repeat #fff;
background-size: 25px;
border-color: #8a8a8a;
margin-right: 10px;
padding-left: 2.2em
}
.numbers .mrg-tbl .panel-body h4 {
margin: .4em auto 0
}
.tbl_no_data {
margin: 3% 0;
text-align: center;
width: 100%
}
.cls_tables .tab-pane .numbers .panel {
cursor: pointer
}
.running-orders .new-update .details-icon .update-day {
line-height: 3.5
}
.cls_date span {
float: left;
margin-right: 5%;
margin-top: 8px
}
.cls_date input.cls_date_from,
.cls_date input.cls_date_to {
cursor: pointer;
float: left;
/* width: 65%; */
background-color: #fff;
background-image: url(../../common/images/date_bg1.png);
background-position: right center;
background-repeat: no-repeat;
background-size: 22px auto;
padding-right: 25px!important
}
#last .widget-content {
border-top: 1px solid #eaeaea;
min-height: 425px;
max-height: 425px
}
#feedbackPanel .widget-content {
border-top: 1px solid #eaeaea;
min-height: 443px;
max-height: 443px
}
#searchbillerorder .widget-content {
border-top: 1px solid #eaeaea;
min-height: 346px;
max-height: 346px
}
.cls_pointer {
cursor: pointer
}
.pointer-events {
pointer-events: none;
opacity: .3
}
.order-history {
list-style-type: none;
font-size: 12px;
margin-bottom: 0
}
.vacant_table {
float: left;
width: 100%;
padding-top: 1em;
height: 350px;
overflow: auto
}
.modalfooter {
border-top: 1px solid #c9c9ca;
float: left;
width: 100%
}
.txtinline-table {
display: inline-table
}
.custmerinfoplus {
margin: 0 10px;
width: 10%;
display: inline;
text-align: center;
background-color: #fff!important;
border: 0
}
.mrgbtmivc,
.table2 .table {
margin-bottom: 0
}
.table2 {
margin-top: 25px;
margin-right: 0;
margin-left: -5px;
border: 1px solid #eaeaea;
box-shadow: 0 0 10px #d9d9d9
}
.btn-confirm,
.btn-pending {
float: right;
margin-top: -10px;
pointer-events: none
}
.table2 .table>thead>tr>th {
color: #61dd9d;
font-weight: 600
}
.table2 .table>tbody>tr:last-child>td,
.table2 .table>tfoot>tr>td {
border-bottom: 1px solid #ddd
}
.btn-pending,
.btn-pending:hover {
background-image: none;
border-color: #d9534f
}
.btn-pre_pending {
float: right;
color: #fff;
background-color: #E5725C;
border-color: #E5725C;
font-size: 13px;
margin-top: -4px;
padding: 4px 10px;
}
.btn-pre_pending:hover {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.btn-pending {
color: #d9534f;
background-color: transparent
}
.btn-pending:hover {
color: #fff;
background-color: #d9534f
}
.btn-confirm,
.btn-confirm:hover {
color: #4d4e4e;
background-image: none;
border-color: #4d4e4e
}
.btn-confirm {
background-color: transparent
}
.btn-confirm:hover {
background-color: #f8f8f8
}
.neworders {
min-height: 546px;
max-height: 546px;
overflow: auto
}
.payment h4 {
margin: 0;
padding: 10px;
font-size: 16px
}
.rating {
background: url(../images/star.png) 10% 40% no-repeat;
background-size: 14px;
border-radius: 3px;
padding: 2px 10px 2px 24px;
color: #fff!important;
font-size: 13px!important;
margin-left: 5px
}
.ratinggreen {
background-color: #46d28a;
border: 1px solid #46d28a;
display: none; /* RATING DISABLE */
}
.ratingyellow {
background-color: #FFBA00;
border: 1px solid #FFBA00
}
.ratingred {
background-color: #F69124;
border: 1px solid #F69124
}
.table-strip .table-condensed>tbody>tr>td {
padding: 0;
vertical-align: middle;
height: 38px
}
.table-strip .table-condensed>tbody>tr>td:first-child {
padding-left: 7px
}
.table-strip .table-condensed>tbody>tr>td:last-child {
padding-right: 7px
}
.rqst-brdr-color {
border-color: #d9534f;
color: #d9534f;
height: 28px;
border-radius: 3px
}
.rqst-brdr-color:active,
.rqst-brdr-color:focus,
.rqst-brdr-color:hover {
background-color: #d9534f;
border-color: #d9534f;
color: #fff
}
.noty-layout-topRight {
position: fixed;
margin: 0;
padding: 0;
z-index: 9999999;
-webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
-ms-transform: translate(0, 0) scale(1, 1);
transform: translate(0, 0) scale(1, 1);
top: 20px;
right: 16px;
width: 350px
}
.noty-bar {
-webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
-ms-transform: translate(0, 0) scale(1, 1);
transform: translate(0, 0) scale(1, 1);
margin: 4px 0;
overflow: hidden;
position: relative;
font-size: 16px;
border-radius: .28571429rem
}
.noty-close-button {
position: absolute;
top: 0;
right: 7px;
font-weight: 800;
font-size: 22px;
cursor: pointer;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out
}
.card,
.card-body {
position: relative
}
.noty-info.noty-bar {
background-color: #f8ffff;
color: #276f86;
box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 transparent
}
.noty-warning.noty-bar {
background-color: #FFF8F7;
color: #e7705a;
box-shadow: 0 0 0 1px #e7705a inset, 0 0 0 0 transparent
}
.noty-bar .noty-body {
padding: .7em 1em;
line-height: 1.4285em
}
.noty-info.noty-bar .noty-buttons {
padding: 10px
}
div.activity-item {
padding: 7px 12px
}
div.activity-item>.activity-img {
max-width: 14px;
float: left;
margin-top: 5px
}
div.activity {
margin-left: 28px;
line-height: 1.4em
}
div.activity>span {
display: block;
font-size: .8em
}
.printer-details,
.printerlist {
min-height: 350px;
max-height: 350px;
overflow: auto
}
.printerlist .new-update {
padding: 10px
}
.printerlist .new-update .details-icon {
width: 3%
}
.printerlist .new-update .details-icon .update-day {
font-size: 24px;
margin-bottom: 0;
margin-top: -8px;
line-height: 0
}
.printer-details {
background-color: #fafafa
}
.printer-details .printer-detail {
padding: 10px;
border-top: 1px solid #eaeaea
}
.printer-details .printer-detail:first-child {
border-top: medium none
}
.printer-details .printer-detail-done {
display: block;
float: left;
max-width: 60%
}
.printer-details .printer-detail .printer-details-icon {
width: 40%;
color: #4d4e4e;
float: right;
margin: 0;
text-align: right
}
.printer-details .printer-detail .details-icon .printer-update-day {
font-size: 24px;
margin-bottom: 0;
margin-top: -8px;
line-height: 0
}
.printlist .addtoorder p {
font-family: 'Gilroy-SemiBold';
}
.printing {
color: #000;
text-align: center;
margin-top: 25%;
font-weight: 800
}
.card {
margin-bottom: 24px;
background-color: #fff;
color: #313534;
border-radius: 2px;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .33);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .33)
}
.card .style-transparent,
.card.style-transparent {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: inherit
}
.contain-sm {
max-width: 769px;
margin-left: auto;
margin-right: auto
}
.card-body {
padding: 0 24px 24px
}
.card-body:last-child {
border-radius: 0 0 2px 2px
}
.card-body .loading_image img {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.card-body img {
margin: 0 auto
}
@media (min-width:560px) {
.card-body {
padding: 100px 24px 24px;
position: relative
}
}
.checkbox-styled:not(ie8),
.radio-styled:not(ie8) {
position: relative;
margin-top: 0;
padding-left: 0
}
.checkbox-styled:not(ie8) input~span,
.radio-styled:not(ie8) input~span {
position: relative;
padding-left: 30px;
display: inline-block;
cursor: pointer;
vertical-align: text-top;
color: #fff
}
.checkbox-styled:not(ie8) input~span::before,
.radio-styled:not(ie8) input~span::before {
content: "";
position: absolute;
left: 0;
top: 1px;
z-index: 1;
width: 18px;
height: 18px;
border: 1px solid #ccc;
background-color: #fff
}
.checkbox-styled:not(ie8) input[type=checkbox],
.radio-styled:not(ie8) input[type=checkbox] {
position: absolute;
z-index: -1;
opacity: 0;
filter: alpha(opacity=0)
}
.checkbox-styled:not(ie8) label,
.radio-styled:not(ie8) label {
padding-left: 0
}
.checkbox-styled:not(ie8) input~span::before {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.checkbox-styled:not(ie8) input:checked~span::before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
height: 10px;
background-color: transparent;
border: 3px solid #fff;
border-top-style: none;
border-right-style: none
}
.loginbody {
background-color: #2880C3
}
.floating-label .form-control {
height: 40px;
font-size: 16px
}
.btn-signin {
color: #fff;
background-color: #0C9AE2;
border-color: #0C9AE2;
font-family: Gilroy-SemiBold
}
.btn-signin:active,
.btn-signin:focus,
.btn-signin:hover {
color: #fff;
background-color: #0393DD;
border-color: #0C9AE2
}
.customerinfo h3 {
border-bottom: 1px solid #ccc
}
.customerinfo .form-control2 {
display: block;
width: 100%;
height: 36px;
font-size: 16px;
padding: 6px 12px;
border: 0;
border-bottom: 1px solid #ccc
}
.customerinfo .form-control2:focus {
outline: 0
}
.customerinfo .form-control2~.focus-border {
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background-color: #70C491;
transition: .4s
}
.customerinfo .form-control2:focus~.focus-border {
width: 100%;
transition: .4s;
left: 0
}
.customerinfo .person-text {
line-height: 30px
}
.customerinfo .noofperson {
border: 1px solid #adadad;
border-radius: 4px;
line-height: 26px;
padding: 0
}
.customerinfo .noofperson .nominus {
padding: 5px 12px;
border-right: 1px solid #adadad
}
.customerinfo .noofperson .custmerinfoplus {
width: 30%
}
.customerinfo .noofperson .noplus {
padding: 5px 12px;
border-left: 1px solid #adadad
}
.unmergemodal .payment>h4 {
padding: 40px 10px;
border: 0;
text-align: center
}
.delete_item_note h5 {
margin: 20px auto
}
.delete_item_note .notes {
border-top: 1px solid #ccc;
height: 40px!important
}
.announcement-bar,
.netspeed-announcement-bar,
.synch-button {
height: 33px;
line-height: 33px;
position: fixed;
color: #fff
}
.theme-toggle {
position: absolute;
right: 21%;
width: 45px;
height: 20px;
border-radius: 100px;
background-color: #3c8ecd;
margin: -38px -40px;
overflow: hidden;
}
.theme-check {
position: absolute;
display: block;
cursor: pointer;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 6;
margin: 0px;
}
.theme-check:checked ~ .theme-track {
box-shadow: inset 0 0 0 20px #d8d8d8;
}
.theme-check:checked ~ .theme-switch {
left: 2px;
}
.theme-switch {
position: absolute;
top: 2px;
bottom: 2px;
right: 2px;
background-color: #fff;
border-radius: 100%;
z-index: 1;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
width: 16px;
height: 16px;
}
.theme-track {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
box-shadow: inset 0 0 0 2px rgba(0,0,0,.05);
border-radius: 0px;
}
.generate-invoice-footer .btn-payment {
padding: 11px 0px;
/* font-family: Gilroy-Regular; */
text-transform: capitalize;
background-color: #f9f9f9;
}
.generate-invoice-footerdiv {
border-right: 1px solid #c9c9ca;
background-color: #f9f9f9;
}
.generate-invoice-footerdiv:last-child {
border-right: 0px solid #c9c9ca;
}
@media (min-width:768px) and (max-width:1024px) {
}
@media (min-width:1024px) and (max-width:1279px) {
}
@media (min-width:1280px) and (max-width:1379px) {
}
@media (min-width:769px) and (max-width:1024px) {
.tblno .panel .panel-body {
min-height: 110px;
}
.revieworder {
margin-left: -5px;
}
}
@media (min-width:540px) and (max-width:768px) {
.live-order {
margin-bottom: 25px;
}
}
@media (max-width:768px) {
.ordertabs {
min-height: auto;
margin-bottom: 30px;
}
}
.addprnotification,
.prnotificationlist {
float: left;
width: 100%;
margin-top: 25px;
border: 1px solid #eaeaea;
box-shadow: 0 0 10px #d9d9d9
}
.addprnotification {
padding-top: 12px;
min-height: 560px;
max-height: 560px;
overflow: auto
}
.addprnotification .addprnotificationform {
padding: 15px
}
.prnotificationlist .date {
margin: 0;
padding: 15px 0;
border-bottom: 1px solid #eaeaea
}
.prnotificationlist .date .cls_date input.cls_date_from {
width: 65%
}
.prnotificationlist .widget-content {
min-height: 493px;
max-height: 493px;
overflow: auto
}
.prnotificationlist .widget-content .update-done,
.update-alert,
.update-notice {
max-width: 100%
}
/* GIFT CARD */
.giftcardissues .giftcardissuesform {
padding: 15px
}
.giftcardissues{
float: left;
width: 100%;
margin-top: 25px;
border: 1px solid #eaeaea;
box-shadow: 0 0 10px #d9d9d9
}
.giftcardissues {
padding-top: 12px;
min-height: 560px;
max-height: 560px;
overflow: auto
}
.giftcardissues .giftcardissuesform label{
margin-bottom: 0px;
margin: 15px 0px 0px;
}
.synch-button {
top: 40%;
right: 0;
width: 40px;
background: #1773bb;
font-size: 17px;
padding-left: 5px;
text-align: center;
cursor: pointer;
border-radius: 40px 0 0 40px
}
.fa-refresh:hover {
-animation: spin .7s infinite linear;
-ms-animation: spin .7s infinite linear;
-webkit-animation: spinw .7s infinite linear;
-moz-animation: spinm .7s infinite linear
}
@keyframes spin {
from {
transform: scale(1) rotate(0)
}
to {
transform: scale(1) rotate(360deg)
}
}
@-webkit-keyframes spinw {
from {
-webkit-transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg)
}
}
@-moz-keyframes spinm {
from {
-moz-transform: rotate(0)
}
to {
-moz-transform: rotate(360deg)
}
}
.alert-note {
margin-bottom: 0!important;
border-radius: 0!important;
font-family: Gilroy-Medium
}
.announcement-bar {
background-color: #e7705a;
width: 100%;
font-family: gilroy-semibold;
font-size: 14px;
padding: 0 30px 0 15px;
top: 0;
left: 0;
z-index: 104
}
.announcement-bar .close-link {
cursor: pointer;
float: right;
color: #fff
}
.announcement-bar .close-link:focus {
outline: 0
}
.netspeed-announcement-bar {
background-color: #000000ad;
width: 100%;
font-family: gilroy-semibold;
font-size: 12px;
padding: 0 30px 0 15px;
top: 0;
left: 0;
z-index: 104
}
.netspeed-announcement-bar .close-link {
cursor: pointer;
float: right;
color: #fff
}
.netspeed-announcement-bar .close-link:focus {
outline: 0
}
.tablesmodal {
padding-right: 10px;
padding-left: 10px
}
.tablesmodal .panel {
border-radius: 6px;
margin-bottom: 10px;
cursor: pointer
}
.border-red {
background-color: transparent;
border-color: #e7705a;
color: #e5725c
}
.border-green {
background-color: transparent;
border-color: #4cce84;
color: #4cce84
}
.border-aqua {
background-color: transparent;
border-color: #47c7bc;
color: #47c7bc;
}
.border-black {
background-color: transparent;
border-color: #4d4f4e;
color: #4d4f4e
}
.border-blue {
background-color: transparent;
border-color: #2a84c0;
color: #2a84c0
}
.tablesmodal .background-red {
background-color: #e7705a;
border-color: #e7705a;
color: #fff;
}
.tablesmodal .background-green {
background-color: #4cce84;
border-color: #4cce84;
color: #fff;
}
.tablesmodal .background-black {
background-color: #4d4f4e;
border-color: #4d4f4e;
color: #fff;
}
.tablesmodal .background-blue {
background-color: #2a84c0;
border-color: #2a84c0;
color: #fff;
}
.tablesmodal .panel .panel-body {
padding: 2px 2px 0;
min-height: 120px
}
.tablesmodal .panel .panel-body.active {
background: url(../images/greenright.png) 96% 4px no-repeat;
background-size: 23px
}
.tablesmodal .panel .panel-body.active-dark {
background: url(../images/right.png) 96% 4px no-repeat;
background-size: 23px
}
.tablesmodal .panel .panel-body .heading-elements {
top: 10%;
right: 0
}
.tablesmodal .panel .panel-body .heading-elements .badge {
background-color: #e5725c;
border-radius: 50%;
padding: 4px;
font-size: 14px;
text-align: center;
font-family: sans-serif;
width: 23px;
height: 23px
}
.tablesmodal .panel .panel-body .heading-elements .badge-dark {
background-color: #ec2600;
border-radius: 50%;
padding: 4px;
font-size: 14px;
text-align: center;
font-family: sans-serif;
width: 23px;
height: 23px
}
#tablesModal .modal-title,
.tablesmodal .panel .panel-body h4 {
text-align: center;
font-family: Gilroy-SemiBold
}
.tablesmodal .panel .panel-body h4 {
margin: 0 auto;
font-size: 22px;
font-weight: 600;
line-height: 55px;
position: absolute;
left: 0;
right: 0;
top: 19%
}
.tablesmodal .panel.no-content .panel-body h4 {
line-height: 65px
}
.tablesmodal .panel .panel-body p {
position: absolute;
left: 0;
right: 0;
bottom: 19%;
margin: 0 auto 10px;
text-align: center
}
.tablesmodal .panel .panel-body .tableimg {
position: absolute;
bottom: 10%;
margin: 0 auto
}
.tableModalfooter {
float: left;
width: 100%;
padding: 0
}
.tableModalfooter p {
display: table-cell;
width: 1%;
text-align: center;
border-right: 1px solid #ddd;
padding: 13px;
cursor: pointer
}
.unmergedtables>.table>tbody>tr>td {
border-top: 0;
border-bottom: 1px solid #ddd;
padding: 12px 15px
}
#tablesModal .close {
font-size: 28px;
opacity: .5
}
#tablesModal .modal-footer {
padding: 0
}
.otp-no {
border: 0px;
box-shadow: none;
text-align: right;
padding-right: 0px;
}
.otp-no:focus {
box-shadow: none;
}
@media (max-width:767px) {
.webtabs.nav-tabs.nav-justified > li {
display: block;
width: 100%;
}
.foodpartdetails,
.ordertabs,
.sliderpart {
min-height: auto;
max-height: 510px
}
.wrapper {
margin-bottom: 7em
}
.reviewordertabs.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #cecece;
}
}
@media (max-width:768px) {
#sidebar {
margin-left: -210px
}
ul.top-menu>li>h4 {
margin-right: 0
}
}
@media (min-width:1024px) and (max-width:1279px) {
.foodpartdetails{
max-height: 580px;
}
.ordertabs{
max-height: 620px;
}
.foodpartdetails .col-md-2 {
padding-right: 5px;
padding-left: 5px;
width: 25%;
}
.foodpartdetails .panel {
border-radius: 0;
margin-bottom: 5px
}
.foodpartdetails .panel .panel-body .heading-elements {
right: 6px
}
.heading-text {
font-size: 10px;
padding: 3px 5px
}
.foodpartdetails .panel .panel-body+p {
padding: 0 3px;
bottom: 8px
}
.foodpartdetails .panel .panel-body p {
bottom: -4px;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 7em
}
}
@media (min-width:1280px) and (max-width:1379px) {
.tblno .panel .panel-body {
min-height: 120px
}
.foodpartdetails .col-md-2 {
padding-right: 7px;
padding-left: 7px
}
.foodpartdetails .panel {
border-radius: 0;
margin-bottom: 5px
}
#food .border-silver .heading-elements,
.foodpartdetails .panel .panel-body .heading-elements {
right: 7px
}
.heading-text {
font-size: 10px;
padding: 3px 5px
}
.foodpartdetails .panel .panel-body+p {
padding: 0 3px;
bottom: 6px
}
.foodpartdetails .panel .panel-body p {
bottom: -4px;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
}
/* -------- START :: PRE_PAYMENT -------- */
.pre_payment {
margin-bottom: 3.7em;
}
.pre_payment .menupart {
margin-bottom: 0em;
}
.pre_payment .contentdiv {
min-height: 533px;
max-height: 533px;
overflow: auto;
padding-top: 10px;
}
.pre_payment .pre-tblno {
padding-left: 10px;
padding-right: 10px;
}
.pre_payment .pre-tblno a {
text-decoration: none;
}
.pre_payment .pre-tblno .panel {
border-radius: 6px;
margin-bottom: 10px;
cursor: pointer;
}
.pre_payment .pre-tblno .panel .panel-body {
min-height: 90px;
text-align: center;
padding: 4px 4px;
}
.pre_payment .pre-tblno .border-black {
background-color: transparent;
border-color: #4d4f4e;
color: #4d4f4e;
}
.pre_payment .pre-tblno .panel .panel-body h3 {
text-align: center;
margin: 1.5em 0 0.5em;
font-size: 20px;
font-family: 'Gilroy-SemiBold';
font-weight: 600;
}
.pre_payment .pre-tblno .panel .panel-body .tableimg {
max-width: 13px;
margin-top: -4px;
}
.pre_payment .pre-tblno .panel .panel-body h5 {
font-size: 16px;
font-weight: bold;
margin: 0px 0px 0px 5px;
display: inline-block;
}
.pre_payment .btn-order {
color: #4d4e4e;
background: transparent;
border-radius: 0;
border-right: 0px;
border-right-color: currentcolor;
border-left: 0px;
border-left-color: currentcolor;
border-color: #e7e7e7;
width: 100%;
height: 40px;
}
.pre_payment .reviewordertabs > li {
display: table-cell;
width: 1%;
}
.pre_payment .reviewordertabs > li > a {
border-bottom: 1px solid #cecece;
}
.pre_payment .reviewordertabs > li > a > .badges {
float: right;
background-color: #3c8ecd;
border: 0px solid;
border-radius: 6px;
padding: 0px 5px;
font-weight: 800;
color: #fff;
}
.pre_payment .reviewordertabs > li > a:hover > .badges {
background-color: #fff;
color: #3c8ecd;
}
.pre_payment .reviewordertabs > li.active > a > .badges {
background-color: #fff;
color: #3c8ecd;
}
.pre_payment .revieworder .details {
float: left;
width: 100%;
padding-bottom: 8px;
border-bottom: 1px solid #eaeaea;
}
.pre_payment .revieworder .widget-content {
min-height: 485px;
max-height: 485px;
}
.pre_payment .tab-content4 {
float: left;
width: 100%;
padding: 15px 0px 0px;
max-height: 500px;
overflow: auto;
}
.pre_payment .prenumbers {
}
.pre_payment .prenumbers .panel {
border-radius: 6px;
margin-bottom: 10px;
}
.pre_payment .prenumbers .panel a {
text-decoration: none;
}
.pre_payment .prenumbers .panel .panel-body {
padding: 2px 2px 0;
min-height: 90px;
}
.pre_payment .prenumbers .border-black {
background-color: transparent;
border-color: #4d4f4e;
}
.pre_payment .prenumbers .border-black::-moz-focus-inner {
border: 0;
}
.pre_payment .prenumbers .panel .panel-body h4 {
text-align: center;
line-height: 4;
font-size: 20px;
font-family: 'Gilroy-SemiBold';
color: #4cce84;
}
.pre_payment .prenumbers .panel.background-green .panel-body h4 {
color: #fff;
}
.pre_payment .token-content {
float: left;
padding: 15px 0;
width: 100%;
text-align: center;
}
.pre_payment .token-content .running-img {
height: 115px;
width: 115px;
}
.pre_payment .acceptdetails {
padding: 15px 15px 25px;
margin-top: -15px;
}
.pre_payment .acceptdetails .tokentime {
border: 1px solid #d4d4d4;
border-radius: 6px;
cursor: pointer;
padding: 6px 15px;
margin-right: 10px;
}
.pre_payment .acceptdetails .tokentime.active {
background: #61dd9d none repeat scroll 0 0;
color: #fff;
}
.pre_payment .acceptdetails .tokentime .form-control3 {
border: none;
width: 20px;
text-align: center;
display: inline-block;
}
.pre_payment label.paymenttype {
margin: 0;
padding: 15px;
border-top: 1px solid #ddd;
font-size: 15px;
display: block;
font-weight: 500;
cursor: pointer;
}
.home-takeaway .home-takeaway-tabs > li > a > .badges {
float: right;
background-color: #3c8ecd;
border: 0px solid;
border-radius: 6px;
padding: 0px 5px;
font-weight: 800;
color: #fff;
}
.home-takeaway .home-takeaway-tabs > li > a:hover > .badges {
background-color: #fff;
color: #3c8ecd;
}
.home-takeaway .home-takeaway-tabs > li.active > a > .badges {
background-color: #fff;
color: #3c8ecd;
}
@media screen and (max-width:539px){
.pre_payment .pre-tblno .panel .panel-body {
min-height: 80px;
}
.pre_payment .pre-tblno .panel .panel-body h3 {
margin-top: 1em;
}
.pre_payment .prenumbers:nth-child(n) {
padding-right: 5px;
padding-left: 5px;
}
.pre_payment .prenumbers:nth-child(3n) {
padding-right: 10px;
}
.pre_payment .prenumbers:nth-child(3n+1) {
padding-left: 10px;
}
.pre_payment .token-content .running-img {
width: 50px;
height: 50px;
}
}
@media screen and (max-width:991px){
.pre_payment .contentdiv {
min-height: auto;
max-height: 495px;
}
}
/* -------- END :: PRE_PAYMENT -------- */
.tokenCustomerInfo.customerinfo input.form-control2[disabled="disabled"] {
background: #fff none repeat scroll 0 0;
cursor: not-allowed;
}
.x-overflow {
overflow-x: auto;
white-space: nowrap;
padding-top: 5px;
height: 45px;
}
/* -------- START :: CINEMA -------- */
.cinema-tblno {
}
.cinema-tblno a {
text-decoration: none;
}
.cinema-tblno .panel {
border-radius: 3px;
margin-bottom: 10px;
}
.cinema-tblno .panel .panel-body {
padding: 0px;
}
.cinema-tblno .panel .panel-body h5 {
margin: 0;
padding: 7px 5px;
border-bottom: 1px solid #ccc;
font-size: 12px;
font-family: 'Gilroy-SemiBold';
}
.cinema-tblno .panel .panel-body h5 span {
color: #e5725c;
}
.cinema-tblno .panel .panel-body h5:last-child {
border: 0px;
}
.cinema-tblno .panel .panel-body .table-seat {
border-right: 1px solid #ccc;
padding: 0px;
}
.cinema-tblno .panel .panel-body .table-seat img {
margin-top: -2px;
}
.cinema-tblno .panel .panel-body p {
height: 55px;
margin-bottom: 0;
color: #e5725c;
font-size: 12px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
font-family: 'Gilroy-SemiBold';
}
.cinema-tblno .panel.dark-bg .panel-body h5,
.cinema-tblno .panel.dark-bg .panel-body h5 span,
.cinema-tblno .panel.dark-bg .panel-body p {
color: #fff;
}
.w3-dropdown-click {
position: relative;
float: right;
}
.w3-dropdown-click .w3-button {
outline: 0;
overflow: hidden;
text-decoration: none;
text-align: center;
cursor: pointer;
white-space: nowrap;
}
.w3-dropdown-click .w3-black {
max-width: 31px;
}
.w3-button {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.w3-button:disabled {
cursor: not-allowed;
opacity: 0.3
}
.w3-disabled *,:disabled *{
pointer-events:none
}
.w3-dropdown-hover:hover .w3-dropdown-content {
display: block;
z-index: 1
}
.w3-dropdown-content {
cursor:auto;
color:#000;
background-color:#fff;
position:absolute;
min-width:140px;
margin:0;
padding:0;
z-index: 9999;
top: 25px;
right: -46px;
}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button {
width: 100%;
text-align: left;
padding: 8px 16px;
}
.w3-bar-block .w3-bar-item {
width: 100%;
display: block;
padding: 8px 10px;
text-align: left;
border: none;
outline: none;
white-space: normal;
float: none;
font-size: 13px;
}
.w3-bar-block .w3-bar-item:hover, .w3-bar-block .w3-bar-item.active {
background-color: #3c8ecd;
color: #fff;
}
.w3-bar-block.w3-center .w3-bar-item {
text-align: center
}
.w3-block {
display: block;
width: 100%
}
.w3-border {
border: 1px solid #ccc!important
}
.w3-bar-item {
padding: 8px 16px;
float: left;
width: auto;
border: none;
outline: none;
display: block
}
.w3-show {
display: block!important
}
@media screen and (max-width:1380px){
.cinema-tblno .panel .panel-body .table-seat {
border-right: 0px solid #ccc;
border-bottom: 1px solid #ccc;
}
.cinema-tblno .panel .panel-body p {
height: 83px;
}
}
/* --------- END :: CINEMA --------- */
@media (max-width:992px){
.wrapper {
margin-bottom: 60px;
}
}
@media (min-width:992px) and (max-width:1199px) {
/* .ordertabs { */
/* max-height: 478px; */
/* min-height: 478px; */
/* overflow: auto; */
/* } */
.wrapper {
margin-bottom: 30px;
}
.generate-invoice-footerdiv:nth-child(1), .generate-invoice-footerdiv:nth-child(2) {
border-bottom: 1px solid #c9c9ca;
}
.generate-invoice-footerdiv:nth-child(2) {
border-right: 0px solid #c9c9ca;
}
}
.apply-discount .form-control {
border-radius: 0px;
box-shadow: none;
}
.apply-discount .form-control:focus {
border-color: #ccc;
box-shadow: none;
}
.apply-discount .percentage {
margin-top: 18px;
padding-left: 0px;
}
.apply-discount .checkbox span {
color: #333;
}
.apply-discount .checkbox-styled:not(ie8) input:checked ~ span::before {
border: 4px solid #61dd9d;
border-top-style: none;
border-right-style: none;
}
.apply-discount .discount-btn {
padding: 20px 12px;
}
@media screen and (max-width:539px){
.apply-discount .btn-payment {
padding: 11px 0px;
font-size: 13px;
}
.apply-discount .discount-btn {
padding: 20px 0px;
}
}
.quick-payment-btn {
float: right;
border-right: 1px solid #000;
padding-right: 20px;
margin-right: 20px;
}
.payment-mode {
float: left;
max-height: 350px;
min-height: 350px;
overflow: auto;
width: 100%;
border-bottom: 1px solid #c9c9ca;
}
/* Item Management */
.item-grey-active {
background-color: transparent;
border-color: #d4d4d4;
}
.item-green-active {
background-color: transparent;
border-color: #E5725C;
color: #E5725C;
}
.item-green-active {
}
.item-grey-active .heading-elements, .item-green-active .heading-elements {
right: 15px;
margin-top: 0px;
}
.item-green-active .heading-elements .heading-text {
min-width: 32px;
padding: 4px 7px 4px 1em;
line-height: 1;
background: #E5725C url(../images/item-green-active.png) 50% center no-repeat;
background-size: auto auto;
background-size: 18px;
border: 1px solid #E5725C;
height: 24px;
}
.item-grey-active .heading-elements .heading-text {
min-width: 32px;
padding: 4px 7px 4px 1em;
line-height: 1;
background: transparent;
height: 24px;
border: 1px solid #d4d4d4;
}
.item-management-title {
color: #fff;
cursor: default;
background-color: #3c8ecd;
border: none;
border: 1px solid #3c8ecd !important;
outline: none;
}
.item-management-table {
margin-top: 10px;
}
.item-management-table.table thead tr th, .item-management-table.table tbody tr td {
border: 0px;
padding: 0px 10px;
}
.item-management-list {
float: left;
width: 100%;
margin-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.item-management-list .item-vegimg {
max-width: 15px;
/* transform: translateY(140%); */
}
.item-management-chkbox {
display: inline-block;
margin-left: -10px !important;
padding-left: 35px;
background: url(../images/check.png) no-repeat;
line-height: 22px;
font-weight: 500;
margin-bottom: 0;
cursor: pointer
}
.selling-qty {
border: 0px;
box-shadow: none;
text-align: left;
padding-right: 0px;
}
.selling-qty:focus {
box-shadow: none;
}
.itemManagement .payment .form-control3 {
border: 0px;
background: url("../images/down-arrow.png") no-repeat right center/20px;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.itemManagement .payment .form-control3:focus {
box-shadow: none;
}
.three-btn {
padding: 22px 12px;
}
.three-btn2 {
padding: 12px;
}
@media screen and (max-width:539px){
.three-btn2 {
padding: 11px 0px;
font-size: 13px;
}
.three-btn {
padding: 20px 0px;
font-size: 13px;
}
.cls_date span {
width: 20%;
margin-top: 15px;
}
.details .cls_date:first-child span {
margin-top: 5px;
}
.cls_date input.cls_date_from {
margin-top: 0px;
}
}
.revieworder .table > tbody > tr.no_request > td.rquestmsg {
border-bottom: 0 none;
padding-top: 30px;
}
.tbl-row-brdr0 {
border-top:1px solid #F9EFEF !important;
}
tr.no-border td {
border: 0 !important;
}
.toggleWrapper {
position: relative;
display: inline-block;
line-height: 1.41;
float: right;
margin-top: 17px;
}
.toggleWrapper input {
position: absolute;
left: -99em;
}
.toggle {
cursor: pointer;
display: inline-block;
position: relative;
width: 45px;
height: 20px;
background-color: #cfcfcf;
border-radius: 84px;
transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
margin-bottom: 0px;
}
.toggle__handler {
display: inline-block;
position: relative;
z-index: 1;
top: 2px;
left: 25px;
width: 16px;
height: 16px;
background-color: #fff;
border-radius: 50px;
transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
transform: rotate(-45deg);
transform: translate3d(-22px, 0, 0) rotate(0);
}
input:checked + .toggle {
background-color: #3C8ECD;
}
input:checked + .toggle:before {
color: #749ED7;
}
input:checked + .toggle:after {
color: #ffffff;
}
input:checked + .toggle .toggle__handler {
transform: translate3d(1px, 0, 0) rotate(0);
}
input:checked + .toggle .toggle__handler .crater {
opacity: 1;
}
.disabled-title {
pointer-events: none;
}
.feedback-badge {
background-color: #000;
color: #fff;
display: inline-block;
text-align: center;
border-radius: 50%;
float: right;
height: 30px;
width: 30px;
line-height: 30px;
margin-top: 14px;
font-weight: 700;
}
.menu-badge {
position: absolute;
top: 5px;
right: 40px;
padding: 3px 8px;
border-radius: 100%;
background: #000;
font: bold 14px/18px "Helvetica Neue", sans-serif;
color: white;
}
#feedbackPanel .new-update .details-icon .update-day {
line-height: 4.2;
font-size: 18px;
}
#feedbackPanel .new-update .details-icon .update-day img {
max-width: 18px;
}
#feedbackDetailPanel .ordertabs .table .starimg {
max-width: 15px;
margin-top: -5px;
}
#feedbackDetailPanel .ordertabs {
max-height: 536px;
min-height: 536px;
}
#Employeedetail .table tbody td label {
margin-bottom: 0;
cursor: pointer;
width: 100%;
}
#Employeedetail .table tbody td .checkbox-styled:not(ie8) input ~ span:before {
border: 1px solid #969696
}
#Employeedetail .table tbody td .checkbox-styled:not(ie8) input:checked ~ span:before {
border: 3px solid #3c8ecd;
border-top: none;
border-right: none;
}
.employeelist.nav-tabs.nav-justified > li {
text-align: center;
background-color: #3c8ecd
}
.employeelist.nav-tabs.nav-justified > li a {
display: inline-block
}
.employeelist.nav-tabs.nav-justified > li .dropdown {
float: right;
display: inline-block
}
.employeelist.nav-tabs.nav-justified > li .dropdown .dropdown-toggle {
color: #fff;
padding: 8px 12px;
padding-right: 25px;
background: transparent url("../images/sort-arrows.png") no-repeat right/20px;
}
.employeelist.nav-tabs.nav-justified > li .dropdown .dropdown-toggle:active {
-webkit-box-shadow: none;
box-shadow: none
}
.employeelist.nav-tabs.nav-justified > li .dropdown .dropdown-menu {
right: 0;
left: auto;
min-width: 150px
}
.employeelist.nav-tabs.nav-justified > li .dropdown .dropdown-menu a {
color: #a2a2a2;
display: block;
padding: 5px 10px;
border-bottom: 1px solid #e8e8e8
}
.employeelist.nav-tabs.nav-justified > li .dropdown .dropdown-menu a:last-child {
border-bottom: 0
}
.employeelist.nav-tabs.nav-justified > li .dropdown .dropdown-menu a.active {
color: #333
}
.employeelist.nav-tabs.nav-justified > li .dropdown .dropdown-menu a:hover,
.employeelist.nav-tabs.nav-justified > li .dropdown .dropdown-menu a:focus {
color: #333;
text-decoration: none
}
#selected_emp_count {
border: 1px solid #8a8a8a;
background-color: white;
color: #000;
padding: 0 4px;
height: 20px;
margin-left: 5px;
float: right;
font-size: 13px;
line-height: 20px;
text-align: center;
}
.driver-cashup-footer{width:50%; padding:15px;}
.driver-cashup-footer .close-btn{float:right; margin:0;}
.driver-cashup-footer span{position:relative; top:10px;}
#drivercashupPanel .paymenttype{width:100%; padding:15px; padding-bottom: 0px;}
#drivercashupPanel .driver_list{width:24%;display: inline-block; position: relative; left: 20%; height: 33px;}
#drivercashupPanel .total-amt-label{width:100%; padding:0 15px;}
#drivercashupPanel .driver_total_amount{width:auto;display: inline-block; position: relative; left: 20%;}
#drivercashupPanel .driver_total_other_tips{width:auto;display: inline-block; position: relative; left: 18%;}
/*#drivercashupPanel .update-done{max-width:85%;}
*/
#drivercashupPanel .update-done{max-width: 100%;}
#drivercashupPanel .update-done span{padding:1px 0; font-weight: 600}
.cc_settlement_div { max-width: 100% !important;}
#drivercashupPanel .update-done span input[type="text"] {
box-shadow: none;
outline: none;
border: 1px solid #277fc2;
border-radius: 2px;
width: 50%;
margin-left: 2px;
}
.home-takeaway .btn-callerid {
color: #4d4e4e;
border-radius: 0px;
border-color: #8a8a8a;
font-size: 12px;
background-color: #fff;
text-transform: uppercase;
padding: 5px;
margin: 2px;
width: 110px;
}
.caller_number{
width: 25%;
}
.caller_line { width: 5%;}
.callerId_details{ border-collapse: separate;
border-spacing: 0px 15px;}
@media (max-width: 991px) {
.driver-cashup-footer{width:100%; padding:15px;}
}
.cc-number-box{width: 100%; height: 30px; padding-left: 10px;}
.card-holder-name{width: 100%; height: 30px; padding-left: 10px;}
.card-month{width: 48%; height: 30px; padding-left: 10px; display: inline-block;}
.card-cvc{width: 48%; height: 30px; padding-left: 10px; display: inline-block; margin-left: 5px;}
.avs-street{width: 100%; height: 30px; padding-left: 10px;}
.avs-zip{width: 100%; height: 30px; padding-left: 10px;}
.form-credit-tip-amt{width: 100%; height: 30px; padding-left: 10px;}
@media (min-width: 481px) and (max-width: 767px) {
#orderSummaryLeft{width:55%;}
.currentOrderDetailPanel{width:45%;}
}
@media (min-width: 768px) and (max-width: 991px) {
#orderSummaryLeft{width:55%;}
.currentOrderDetailPanel{width:45%;}
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
#orderSummaryLeft{width:55%;}
.currentOrderDetailPanel{width:45%;}
.categorySidebar{width:30%;}
.itemcenterbar{width:70%;}
.foodpartdetails .col-md-2 {
padding-right: 5px;
padding-left: 5px;
width: 33%;
}
}
@media (min-width: 1700){
.sliderpart{
min-height: 100vh;
max-height: 120vh;
},
.foodpartdetails{
min-height: 100vh;
max-height: 120vh;
}
}
@media (min-width: 1440px){
.sliderpart{height: 80vh; max-height:inherit;}
.foodpartdetails{max-height:inherit !important; height: 75vh;}
.ordertabs{max-height:inherit; height: 80vh;}
}
/*@media (min-width: 1700){
.sliderpart{
min-height: 640px;
max-height: 740px;
},
.foodpartdetails{
min-height: 630px;
max-height: 740px;
}
}*/
.custom_item_price {
width: 65px;
margin-left: 5px;
}
#ccdevice_detail{
word-break: break-word;
}
.select2-selection.select2-selection--single{
margin-top: 5px;
height:34px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 34px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
margin-top: 5px !important;
}
.payment{width: 100%; display: inline-block; position: relative;}
.payment h3 span{margin-top: -10px;}
.verify-btn{float: right; margin-top: -30px; margin-right: 10px; z-index: 10; position: relative; padding: 2px 10px;}
.giftcard_status_view{padding:15px; display: inline-block; width:100%;}
.giftcard_status_view label, .giftcard_status_view strong{padding:3px; margin-bottom: 0;}
.radio-custom{display: inline-block; padding-left: 10px;}
.gm-ui-hover-effect{right:3px !important;}
.gm-ui-hover-effect>span{width: 25px !important; height: 25px !important; margin: 5px 0 !important;}
.quantity {
width:100%;
display:inline-block;
list-style:none;
padding-left: 0;
}
.quantity li{
width:auto;
display:inline-block;
max-width:24%;
margin-bottom:10px;
/*background-color: #3c8ecd;*/
border: 1px solid;
margin-right: 5px;
}
.quantityOne{
display: inline-block;
padding: 5px;
text-align: center;
width: 100%;
}
.quantityOutput{
font-size: 16px;
font-weight: 400;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
width: 100%;
text-align: center;
margin: 0 auto;
color:#000;
}
.spinNumber{
width: 100%;
line-height: normal;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 3px;
overflow: hidden;
border:1px solid #eee
}
.spinNumber .incrimentButton,.spinNumber .decrimentButton{
text-align: center;
font-size: 16px;
color: #000;
margin: 0;
background: #eee;
transition: .4s all ease-in-out;
border:none;
text-decoration:none;
display:inline-block;
height: 30px;
width: 30px;
line-height: 25px;
}
.spinNumber .incrimentButton:hover,.spinNumber .decrimentButton:hover{
}
.spinNumber input{
text-align: center;
font-size: 16px;
color: #000;
font-family:'Open Sans', sans-serif;
line-height: normal;
border: none;
width: 30px;
height: 30px;
}
.spinNumber input:focus{outline: none;}
.bordercls { border: 0;
box-shadow: none;
outline: 0;
color: #000;
width: 30%;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
.branch_printerID{ cursor: pointer; }