body {
  font-size: 1rem;
  font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
}

.ml0 {
  margin-left: 0 !important;
}

.action-sheet ul .activeOutlet a {
  color: #fff;
  background-color: #00b29d;
}

.disablemode {
  opacity: 0.5;
}

.decimalsetting {
  margin-top: 20px;
}

.quick_icons {
  margin: 0;
}

.upd-avail {
  margin: 0 10px;
}

.quick_icons a.product-update {
  font-size: 17px;
  padding-top: 5px;
  position: relative;
}

.quick_icons a.product-update i {
  pointer-events: none;
  color: #fff;
  display: inline-block;
  width: 17px;
  height: 17px;
}

.quick_icons a.product-update i:before {
  position: absolute;
  left: 0;
  top: 7px;
}

.modifier-list-title {
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quick_icons a.product-update.new-update i:before {
  top: 3px;
}

.quick_icons a.product-update.new-update i {
  position: relative;
  z-index: 1;
  color: #fff;
  margin-left: 5px;
}

.quick_icons a.product-update.new-update:after {
  position: absolute;
  content: "";
  top: -1px;
  right: 50%;
  margin-right: -17px;
  height: 32px;
  width: 32px;
  left: initial;
  padding: 0;
  background: #00b29d;
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
}

.quick_icons a.product-update.new-update:after {
  -webkit-animation: ripplering 1s linear infinite;
  animation: ripplering 1s linear infinite;
}

.loadspan {
  background: url('../../images/loading_big.gif') no-repeat;
  height: 125px;
  left: 45%;
  position: absolute;
  top: 35%;
  width: 126px;
  z-index: 1000;
}

@-webkit-keyframes ripplering {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(186, 248, 241, 0.4), 0 0 0 7px rgba(186, 248, 241, 0.3), 0 0 0 14px rgba(186, 248, 241, 0.3), 0 0 0 21px rgba(186, 248, 241, 0.2);
  }

  100% {
    -webkit-box-shadow: 0 0 0 7px rgba(186, 248, 241, 0.3), 0 0 0 14px rgba(186, 248, 241, 0.3), 0 0 0 21px rgba(186, 248, 241, 0.2), 0 0 0 28px rgba(186, 248, 241, 0);
  }
}

@keyframes ripplering {
  0% {
    box-shadow: 0 0 0 0 rgba(186, 248, 241, 0.3), 0 0 0 7px rgba(186, 248, 241, 0.3), 0 0 0 14px rgba(186, 248, 241, 0.3), 0 0 0 21px rgba(186, 248, 241, 0.2);
  }

  100% {
    box-shadow: 0 0 0 7px rgba(186, 248, 241, 0.3), 0 0 0 14px rgba(186, 248, 241, 0.3), 0 0 0 21px rgba(186, 248, 241, 0.2), 0 0 0 28px rgba(186, 248, 241, 0);
  }
}

#eO-featuresPanel:before {
  top: -16px;
  right: 64px;
  margin-left: -4px;
  border: 8px solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #1faa71;
  z-index: 8;
}

#eO-featuresPanel #releaseloder {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

#eO-featuresPanel {
  position: fixed;
  top: 50px;
  margin-left: 11px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #eff0f2;
  z-index: 5;
  right: -170px;
  width: 346px;
  height: 0;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-flow: column;
  -webkit-box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s cubic-bezier(0.27, 0.05, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.27, 0.05, 0.25, 1);
}

#eO-featuresPanel.panelShow {
  height: calc(100vh - 102px);
  overflow: initial;
}

.ft-panel-head {
  background-color: #1faa71;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding: 0 10px 0 15px;
  flex: 0 0 46px;
  align-items: center;
}

.ft-panel-head i {
  font-size: 12px;
  cursor: pointer;
  margin-right: 0;
  margin-left: auto;
  padding: 5px;
}

.ft-panel-body {
  display: flex;
  flex: 1 1 100%;
  overflow-y: auto;
  padding: 10px;
}

.groupfeature {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
}

.groupfeature .relsTitle {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  color: #2f7de7;
  margin-bottom: 10px;
  line-height: 1.2;
  text-align: left;
}

.groupfeature .relsTitle small {
  font-size: 12px;
  color: #8892a0;
  margin-left: auto;
}

.groupfeature #releasesection {
  text-align: left;
  flex: 1 0 0;
  overflow: auto;
}

.groupfeature ul {
  margin-left: 0;
  margin-bottom: 0;
}

.groupfeature ul li {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 1px 2px rgba(76, 89, 101, 0.24);
  margin-left: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.27, 0.05, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.27, 0.05, 0.25, 1);
}

.groupfeature ul li:hover {
  box-shadow: 0px 4px 12px rgba(76, 89, 101, 0.24);
}

.groupfeature ul li+li {
  border-top: 1px solid #dcdfe2;
}

.groupfeature li {
  padding: 12px;
  line-height: 1.2;
}

.groupfeature li a {
  text-decoration: none;
  color: #222;
}

.groupfeature li a:hover {
  color: #2f7de7;
}

.groupfeature li h4 {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
  white-space: normal;
}

.groupfeature li h4+h4 {
  margin-top: 4px;
}

.groupfeature li p {
  white-space: normal;
  color: #676f7b;
  margin-bottom: 0;
}

.groupfeature li .detail {
  font-size: 12px;
  margin-top: 3px;
  color: #676f7b;
  margin-bottom: 0;
  white-space: normal;
}

.groupfeature .readmore {
  padding: 0;
  margin-top: 10px;
}

.groupfeature .readmore a {
  background: #e6e7e9;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #263140;
  cursor: pointer;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
}

.groupfeature .readmore a:hover {
  color: #2f7de7;
}

.groupfeature .readmore i {
  position: relative;
  top: -1px;
  margin-left: 3px;
}

.featurewrap .feature-title {
  white-space: normal;
}

.featurewrap p {
  white-space: normal;
  color: #676f7b;
}

::selection {
  background: none !important;
}

input::selection,
textarea::selection {
  color: #fff;
  background: #00b29d !important;
}

.no-select::selection {
  color: #fff;
  background: #00b29d !important;
}

::-moz-selection {
  background: none !important;
}

input::-moz-selection,
textarea::-moz-selection {
  color: #fff;
  background: #00b29d !important;
}

.no-select::-moz-selection {
  color: #fff;
  background: #00b29d !important;
}

.front #main {
  background-color: #f2f5f7;
}

a {
  color: #00b29d;
  cursor: pointer;
}

.guestName {
  font-weight: bold;
}

.titlebar {
  width: 100%;
}

.sidenav {
  flex: 0 0 30%;
}

.mainbar {
  flex: 0 0 70%;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 30px;
  width: 100%;
  background: #050505;
  color: snow;
}

.txt-right {
  text-align: right !important;
}

.txt-center {
  text-align: center;
}

/* margin padding reset */
.mar0 {
  margin: 0;
}

.linav {
  width: 150px;
  margin: 2px;
  color: #fff;
}

.menu-bar {
  background: none;
}

.navdiv {
  width: 100%;
  margin: 15px 0;
}

.navdiv .menu-bar li.active a i,
.navdiv .menu-bar li.active a.linav {
  color: #00b29d;
  font-weight: bold;
}

.navdiv .menu-bar li.active a i {
  font-weight: normal;
}

.navdiv .menu-bar li a:hover,
.navdiv .menu-bar li a:hover i {
  color: #00b29d;
  background-color: rgba(0, 0, 0, 0);
}

.navdiv .menu-bar li.active a:before {
  content: '';
  position: absolute;
  top: 50%;
  border-right-color: #fff;
  margin-top: -8px;
  z-index: 990;
}

.filter-bar {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
  background: #eee;
  color: #000;
  padding-top: 10px;
  padding-left: 10px;
  border-bottom: 1px solid #ccc;
  overflow: visible;
}

.active .linav i::after {
  background-color: #1de9b6 !important;
}

.navdiv .menu-bar li a {
  position: relative;
  width: 100%;
  padding-left: 60px;
  margin: 0;
  color: #ffffff;
}

.navdiv .menu-bar li a:focus {
  outline: 0;
  outline-style: none;
}

.navdiv .menu-bar li a:hover {
  text-decoration: none;
}

.navdiv .menu-bar li a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 3.2rem;
  width: 2px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}

.navdiv .menu-bar li a:hover::after,
.navdiv .menu-bar li.active a::after,
.front .navdiv .menu-bar li a:hover::after,
.front .f-nav-menu li a:hover::after,
.front .f-nav-menu li.active a::after {
  background-color: #00b29d;
}

.navhdr {
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5);
}

.navdiv .menu-bar li a i {
  position: absolute;
  left: 0.9rem;
  top: 0.9rem;
  color: #ffffff;
  font-size: 17px;
  font-weight: normal;
}

.navdiv .menu-bar li a i.fa-star,
.navdiv .menu-bar li a i.fa-star-o {
  top: 50%;
  left: 15px;
  margin-top: -8px;
}

.navdiv .menu-bar li a i.fa-pencil-square-o {
  top: 0.7rem;
}

.actnbuttonWrap {
  display: inline-block;
  vertical-align: top;
  border-left: 0 solid #dfdfdf;
}

.actnbutton {
  float: left;
  padding: 8px 7px;
  text-align: center;
  wicursdth: 35px;
  hecursight: 35px;
  macursrgin: 0;
  color: #000;
}

.actnbutton:hover {
  background-color: #fbfbfb;
  color: #00b29d;
  cursor: pointer;
}

.actnbutton .dataOn {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #4caf50;
}

.actnbutton.disable .dataOff {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #aaa;
}

.actnbutton.disable {
  position: relative;
}

.actnbutton.disable .dataVoid {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ef5350;
}

.actnbutton.disable:not(:-moz-handler-blocked) i::after {
  top: 11px;
}

.searchtext {
  display: inline-block;
  width: 40%;
  height: 100%;
  pacursdding: 8px;
  margin-bottom: 0;
}

.btn1 {
  margin: 0;
  background: rgba(42, 47, 43, 0.53);
  padding: 10px;
  color: #fff;
}

.btn2 {
  background: #000 !important;
}

.pr10 {
  padding-right: 10px !important;
}

.title-bar.primary {
  background: #000;
}

.textbox {
  width: 50% !important;
  height: 30px !important;
  border-radius: 3px;
  border: rgba(0, 0, 0, 0.3) 2px solid !important;
  box-sizing: border-box;
  padding: 10px !important;
  margin-bottom: 30px !important;
}

.head {
  background-color: #fff;
}

.modulehead.title-bar {
  background-color: rgba(255, 255, 255, 0);
  color: #667486;
  border-bottom: 0;
  padding: 0.7rem 15px;
  height: 50px;
  padding-bottom: 0;
}

.front .modulehead.title-bar {
  position: fixed;
  top: 56px;
  height: 50px;
  background-color: rgba(251, 251, 251, 0.95);
  border-bottom: none;
  color: #667486;
  padding: 0.5rem 15px;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
  z-index: 9;
}

.modulehead.title-bar .title {
  font-size: 20px;
  font-weight: normal;
  order: 0;
}

.modulehead.title-bar .button.btn1 {
  float: right;
  background-color: #00b29d;
  border: 0;
  padding-bottom: 8px;
  padding-top: 8px;
  color: #fff;
}

/* default override */
.switch input:checked+label {
  background: #00b29d;
}

.switch input:checked+label::after {
  border-color: #00b29d;
}

/* common custom elemets */
.cstm_select {
  display: block;
  position: relative;
  height: 38px;
  background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" ></polygon></svg>') right 10px center no-repeat;
  background-size: 8px 6px;
  border: 1px solid #d6dee6;
  border-radius: 3px;
  width: 180px;
  cursor: pointer;
}

.selected-value {
  display: block;
  width: 100%;
  position: relative;
  text-align: left;
  line-height: 22px;
  color: #222;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.selected-value:after {
  content: "";
}

.cstm_select .dd-box {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  padding: 3px 0;
  box-shadow: 0px 2px 12px 0px rgba(66, 71, 79, 0.3);
  background: #fff;
  margin-top: 10px;
  border-radius: 3px;
  z-index: 10;
}

.cstm_select .search_wrap {
  padding: 4px 10px;
}

.select-list {
  text-align: left;
  padding: 0;
  list-style: none;
  margin: 0;
}

.select-list li {
  padding: 4px 10px;
  cursor: pointer;
  line-height: 24px;
  color: #222;
}

.select-list li .multiline {
  line-height: 1.1;
  white-space: normal;
}

.select-list li:hover {
  background: #00b29d;
  color: #fff;
}

.select-list li.selected {
  background: #f2f5f7;
  color: #00b29d;
}

.cstm_select .itm_desc {
  font-size: 12px;
}

.cstm_select .itm_title {
  font-size: 1rem;
}

.cstm_select .clear-select {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 8px;
  background: #eee;
  color: #666;
  border-radius: 50%;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
}

.cstm_select .clear-select:hover {
  color: #ef5350;
}

.elem-over {
  position: relative;
}

.elem-over input {
  padding-left: 2rem;
}

.elem-over .elem {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 10;
}

.dd-box:before {
  position: absolute;
  display: block;
  content: "";
  border: 7px solid transparent;
  border-bottom-color: #fff;
  left: 40px;
  top: -14px;
  -webkit-filter: drop-shadow(0 -1px 1px #0606061c);
  filter: drop-shadow(0 -1px 1px #0606061c);
}

.selctgrn {
  width: 260px;
}

#main.back .back-main-con {
  display: flex;
  flex-flow: column;
  height: auto !important;
}

#main.back .footerdiv {
  position: relative;
  flex: 0 0 50px;
}

#main.back .modulehead.title-bar {
  flex: 0 0 auto;
  padding: 0.7rem 10px;
  padding-bottom: 0;
}

#main.back .tbl-fld_label {
  font-size: 14px;
  color: #667486;
}

#main.back .maincontainer {
  display: flex;
  flex-flow: column;
  flex: 1 0 auto;
  height: initial !important;
  min-height: initial !important;
}

#main.back .maincontainer.setting-back {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
}

#main.back .maincontainer.setting-back .setting-content {
  display: flex;
  flex-flow: row;
  flex: 1 0 0;
  overflow: hidden;
}

#main.back .maincontainer.setting-back .side-bar-tab {
  display: flex;
  flex-flow: column;
  flex: 0 0 0;
  background: #f5f5f5;
  border: 1px solid #d6dee6;
  border-right: none;
}

#main.back .maincontainer.setting-back .side-bar-tab .grid-block {
  max-height: 45px;
}

#main.back .maincontainer.setting-back .side-bar-tab .grid-block .title-bar {
  background: none;
  border: none;
  padding: 11px 14px;
}

#main.back .maincontainer.setting-back .side-bar-tab .grid-block .title-bar:before {
  content: normal;
}

#main.back .maincontainer.setting-back .side-bar-tab .grid-block .title-bar:after {
  border-top-color: transparent;
  border-left-color: #e3e3e3;
  left: initial;
  right: -15px;
  top: calc(50% - 8px);
  bottom: initial;
}

#main.back .maincontainer.setting-back .side-bar-tab .grid-block .title-bar span {
  white-space: nowrap;
}

#main.back .maincontainer.setting-back .side-bar-tab .grid-block.activetab {
  background: #e3e3e3;
}

#main.back .maincontainer.setting-back .innercontainer {
  display: flex;
  flex: 1 0 0;
  overflow: auto;
  box-shadow: none;
}

#main.back .maincontainer.setting-back .innercontainer .tab-wrap .innerTabs ul {
  margin-top: 0;
}

#main.back .maincontainer.setting-back .tg-list,
.toggle-profit-setting .tg-list,
.qrcodeModal .tg-list {
  text-align: center;
  display: flex;
  align-items: center;
}

#main.back .maincontainer.setting-back .tg-list-item,
.toggle-profit-setting .tg-list-item,
.qrcodeModal .tg-list-item {
  margin: 0 2em;
  list-style: none;
}

.toggle-profit-setting .tg-list-item {
  display: flex;
  align-items: center;
  margin-right: 0;
}

.toggle-profit-setting .tg-list-item .frontofficebtn_txt {
  margin-right: 8px;
}

#main.back .maincontainer.setting-back .tgl,
.toggle-profit-setting .tgl,
.qrcodeModal .tgl {
  display: none;
}

#main.back .maincontainer.setting-back .tgl,
.toggle-profit-setting .tgl,
.qrcodeModal .tgl,
#main.back .maincontainer.setting-back .tgl:after,
.qrcodeModal .tgl:after,
#main.back .maincontainer.setting-back .tgl:before,
.toggle-profit-setting .tgl:before,
.qrcodeModal .tgl:before,
#main.back .maincontainer.setting-back .tgl *,
.toggle-profit-setting .tgl *,
.qrcodeModal .tgl *,
#main.back .maincontainer.setting-back .tgl *:after,
.toggle-profit-setting .tgl *:after,
.qrcodeModal *:after,
#main.back .maincontainer.setting-back .tgl *:before,
.toggle-profit-setting .tgl *:before,
.qrcodeModal *:before,
#main.back .maincontainer.setting-back .tgl+.tgl-btn,
.toggle-profit-setting .tgl+.tgl-btn,
.qrcodeModal .tgl+.tgl-btn {
  box-sizing: border-box;
}

#main.back .maincontainer.setting-back .tgl::selection,
.toggle-profit-setting .tgl::selection,
.qrcodeModal .tgl::selection,
#main.back .maincontainer.setting-back .tgl:after::selection,
.toggle-profit-setting .tgl:after::selection,
.qrcodeModal .tgl:after::selection,
#main.back .maincontainer.setting-back .tgl:before::selection,
.toggle-profit-setting .tgl:before::selection,
.qrcodeModal .tgl:before::selection,
#main.back .maincontainer.setting-back .tgl *::selection,
.toggle-profit-setting .tgl *::selection,
.qrcodeModal .tgl *::selection,
#main.back .maincontainer.setting-back .tgl *:after::selection,
.toggle-profit-setting .tgl *:after::selection,
.qrcodeModal .tgl *:after::selection,
#main.back .maincontainer.setting-back .tgl *:before::selection,
.toggle-profit-setting .tgl *:before::selection,
.qrcodeModal .tgl *:before::selection,
#main.back .maincontainer.setting-back .tgl+.tgl-btn::selection,
.toggle-profit-setting .tgl+.tgl-btn::selection,
.qrcodeModal .tgl+.tgl-btn::selection {
  background: none;
}

#main.back .maincontainer.setting-back .tgl+.tgl-btn,
.toggle-profit-setting .tgl+.tgl-btn,
.qrcodeModal .tgl+.tgl-btn {
  outline: 0;
  display: block;
  width: 3em;
  height: 1.75em;
  position: relative;
  cursor: pointer;
  user-select: none;
}

#main.back .maincontainer.setting-back .tgl+.tgl-btn:after,
.toggle-profit-setting .tgl+.tgl-btn:after,
.qrcodeModal .tgl+.tgl-btn:after,
#main.back .maincontainer.setting-back .tgl+.tgl-btn:before,
.qrcodeModal .tgl+.tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}

#main.back .maincontainer.setting-back .tgl+.tgl-btn:after,
.toggle-profit-setting .tgl+.tgl-btn:after,
.qrcodeModal .tgl+.tgl-btn:after {
  left: 0;
}

#main.back .maincontainer.setting-back .tgl+.tgl-btn:before,
.toggle-profit-setting .tgl+.tgl-btn:before,
.qrcodeModal .tgl+.tgl-btn:before {
  display: none;
}

#main.back .maincontainer.setting-back .tgl:checked+.tgl-btn:after,
.toggle-profit-setting .tgl:checked+.tgl-btn:after,
.qrcodeModal .tgl:checked+.tgl-btn:after {
  left: 50%;
}

#main.back .maincontainer.setting-back .tgl-light+.tgl-btn,
.toggle-profit-setting .tgl-light+.tgl-btn,
.qrcodeModal .tgl-light+.tgl-btn {
  background: #dcdcdc;
  border-radius: 2em;
  padding: 2px;
  transition: all 0.4s ease;
  margin-bottom: 0;
}

#main.back .maincontainer.setting-back .tgl-light+.tgl-btn:after,
.toggle-profit-setting .tgl-light+.tgl-btn:after,
.qrcodeModal .tgl-light+.tgl-btn:after {
  border-radius: 50%;
  background: #fff;
  transition: all 0.2s ease;
}

#main.back .maincontainer.setting-back .tgl-light:checked+.tgl-btn,
.toggle-profit-setting .tgl-light:checked+.tgl-btn,
.qrcodeModal .tgl-light:checked+.tgl-btn {
  background: #00b29d;
}

#main.back .maincontainer.setting-back .footer-bar {
  background: none;
  border: 1px solid #d6dee6;
  border-top: none;
}

#main.back .maincontainer.setting-back .small-up-2 .grid-block {
  display: flex;
  align-items: center;
}

#main.back .maincontainer.setting-back .small-up-2 .grid-block span:not(.red) {
  width: 25%;
  color: #667486;
  padding-right: 7px;
}

#main.back .maincontainer.setting-back .small-up-2 .grid-block select {
  width: 200px;
}

#main.back .maincontainer.setting-back .tablediv1 {
  padding: 10px;
  display: flex;
  flex: 1 0 0;
}

#main.back .maincontainer.setting-back .tablediv1>div {
  display: flex;
  flex-flow: column;
  align-self: flex-start;
  flex: 1 0 0;
}

#main.back .maincontainer.setting-back .tablediv1>div .tab-wrap {
  display: flex;
  flex: 1 0 0;
}

#main.back .maincontainer.setting-back .tablediv1>div .tab-wrap #row {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
}

#main.back .maincontainer.setting-back .tablediv1>div .tab-wrap #row #left {
  flex: 0 0 auto;
}

#main.back .maincontainer.setting-back .tablediv1>div .tab-wrap #row .gst-setting {
  display: flex;
  flex: 1 0 0;
  min-height: initial;
  max-height: initial;
}

#main.back .maincontainer.setting-back .tablediv1>div .tab-wrap #row .tax-setting {
  display: flex;
  flex: 1 0 0;
  min-height: initial;
  max-height: initial;
}

#main.back .maincontainer.setting-back .tablediv1>div .tab-wrap #row .gst-setting div[ng-if="gstSettingsTab==0"] {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
}

#main.back .maincontainer.setting-back .tablediv1>div .tab-wrap #row .gst-setting div[ng-if="gstSettingsTab==0"]>.grid-block {
  flex: 0 0 auto;
}

#main.back .maincontainer.setting-back .tablediv1>div .tab-wrap #row .gst-setting div[ng-if="gstSettingsTab==0"] .tab-wrap {
  flex: 1 0 0;
}

#main.back .maincontainer.setting-back .tablediv1>div .tab-wrap #row .gst-setting .gst-ind-set {
  flex: 1 0 0;
  min-height: initial;
  max-height: initial;
}

#main.back .maincontainer.setting-back .tablediv1>div[ng-if="tab==5"],
#main.back .maincontainer.setting-back .tablediv1>div[ng-if="tab==6"],
#main.back .maincontainer.setting-back .tablediv1>div[ng-if="tab==7"] {
  height: 100%;
}

#main.back .jiogst {
  display: flex;
  flex-flow: row wrap;
}

#main.back .jiogst .grid-block {
  flex: 0 0 50%;
}

#main.back .jiogst .grid-block label {
  width: 90%;
}

#main.back .searchdiv {
  flex: 0 0 auto;
}

#main.back .searchdiv .button.btn1 {
  padding-bottom: 7px;
  padding-top: 7px;
  line-height: 26px;
  height: 38px;
}

#main.back .innercontainer {
  flex: 1 0 auto;
}

#main.back .ft-note {
  display: flex;
  justify-content: space-between;
}

#main.back .ft-note .red {
  margin-top: 10px;
}

#main.back td p {
  white-space: normal;
  line-height: initial;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tablediv .tblth {
  line-height: 36px;
}

.frm-addon {
  position: relative;
}

.frm-addon input {
  padding-right: 35px;
}

.frm-addon .button.btn1 {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.5;
  padding: 7px 10px;
  border: none;
  background: transparent;
}

.frm-addon .button.btn1:hover {
  opacity: 1;
  color: #ef5350;
}

.popupbox {
  min-height: 350px;
  margin: 30px auto 0;
  padding: 30px;
  background: #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}

.closebtn {
  color: #d6d6d6;
  text-decoration: none;
  font-size: 30px;
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  right: 10px;
  top: 5px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 10;
}

.popupbox2 .closebtn {
  color: #cad0ec;
}

.closebtn:hover,
.closebtn:focus {
  color: #ff3333;
}

.popbox {
  position: relative;
  z-index: 1;
}

.popcontent {
  display: inline-block;
  width: 100%;
}

.poptext {
  width: 54%;
  float: left;
}

.popbox-img {
  width: 46%;
  text-align: right;
  float: right;
  margin: 30px 0 0;
}

.popbox-img img {
  width: 100%;
}

.popbox h2 {
  font-size: 26px;
  font-weight: 300;
  line-height: 1.4em;
  color: #333;
  margin: 0 0 20px;
}

.popbox h2 span {
  display: block;
  color: #00b29d;
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 20px;
  line-height: 1.4em;
}

.popbox p {
  color: #747474;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6em;
  margin: 0 0 15px;
}

.popbox p a {
  color: #747474;
  text-decoration: underline;
}

.popbox p a:hover,
.popbox p a:focus {
  text-decoration: none;
}

.popbox .popsmalltxt {
  font-size: 14px;
}

.popbox p:last-child {
  margin-bottom: 0;
}

.popboxbtn {
  text-decoration: none;
  background: #00b29d;
  color: #fff;
  padding: 15px 60px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 30px 0 0;
  display: table;
  font-size: 18px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.popboxbtn:hover,
.popboxbtn:focus {
  background: #00b29d;
  color: #fff;
}

.popbtm {
  background: #4965f9;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 15px 10px 60px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  text-align: left;
  font-size: 17px;
}

.reward_icn {
  display: block;
  position: absolute;
  left: 15px;
  top: 10px;
  width: 32px;
}

.reward_icn img {
  max-width: 100%;
}

#pop-patterns span:nth-child(1) {
  background: rgba(73, 101, 249, 0.08);
  width: 300px;
  height: 300px;
  position: absolute;
  left: 0;
  top: -170px;
  display: block;
  transform-origin: 0 0;
  -webkit-transform: rotate(65deg);
  transform: rotate(65deg);
}

#pop-patterns span:nth-child(2) {
  background: rgba(73, 101, 249, 0.08);
  width: 250px;
  height: 250px;
  position: absolute;
  right: -150px;
  bottom: -80px;
  display: block;
  transform-origin: 0 0;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

#pop-patterns2 span:nth-child(1) {
  background: rgba(73, 101, 249, 0.06);
  position: absolute;
  width: 300px;
  height: 300px;
  right: -190px;
  top: -140px;
  display: block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

#pop-patterns2 span:nth-child(2) {
  background: rgba(73, 101, 249, 0.05);
  position: absolute;
  width: 250px;
  height: 250px;
  right: -150px;
  top: -140px;
  display: block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

#pop-patterns2 span:nth-child(3) {
  background: rgba(73, 101, 249, 0.06);
  position: absolute;
  width: 350px;
  height: 350px;
  left: -280px;
  bottom: -40px;
  display: block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

#pop-patterns2 span:nth-child(4) {
  background: rgba(73, 101, 249, 0.05);
  position: absolute;
  width: 300px;
  height: 300px;
  left: -250px;
  bottom: -40px;
  display: block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.voidbtn {
  color: rgba(239, 101, 1, 0.5);
}

.voidbtn:hover {
  color: #ef6501;
}

.searchdiv {
  background-color: #fff;
  padding: 0;
  border-bottom: 0;
  margin-bottom: 15px;
}

.searchdiv.toppagination {
  padding-left: 0;
  padding-right: 0;
}

.tablediv {
  padding-left: 0;
  padding-right: 0;
  margin-top: -9px;
  border-bottom: 0;
}

.savebtn {
  border: none !important;
  background: none;
  color: #303130;
  font-size: 17px;
  margin-left: 9px;
}

.ui-grid-cell-contents {
  padding: 5px !important;
}

.ui-grid-header-canvas {
  height: 30px !important;
  background: #fff !important;
}

.uiview1 {
  background: #222;
}

.data-import {
  max-height: 335px;
  overflow: auto;
  padding: 0 !important;
  margin: 1rem 15px 0;
  border: 1px solid #d4d4d4;
}

.data-import thead tr {
  position: sticky;
  top: 0;
}

.data-import tr {
  display: flex;
  table-layout: fixed;
  margin: 0;
  height: initial;
}

.data-import th {
  border-right: 1px solid #d4d4d4;
}

.data-import th,
.data-import td {
  min-width: 130px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  flex: 1 0 0;
  text-overflow: ellipsis;
  padding-left: 5px;
}

.data-import tr:nth-child(even) {
  background: #f3f3f3;
}

.menu-bar {
  overflow-x: visible;
}

.menu-bar .action-sheet-container {
  display: block;
}

.userdrop {
  position: relative;
  padding-right: 10px;
  color: #000;
  font-size: 1.2rem;
}

.modulehead.title-bar .searchdiv,
.login-fields .logInTxt:last-child,
.from_field input,
.topSaleBlock:last-child,
.runningOrdersWrap .block-list ul,
.reportpage .navdiv .menu-bar,
.reportpage .tablediv1 select,
.reportpage .navdiv .menu-bar {
  margin-bottom: 0;
}

.front .modulehead.title-bar .searchdiv .listSearchWrap:before {
  font-size: 1em;
}

.front .modulehead.title-bar .listSearchWrap .button.btn1 {
  background: none;
  color: rgba(239, 101, 1, 0.5);
}

.front .modulehead.title-bar .listSearchWrap input[type="text"].searchbar-txt {
  border: 1px solid #d6dee6;
  box-shadow: none;
  min-width: 250px;
}

.orderhistorypage .filter-bar .grid-block label {
  white-space: nowrap;
  margin: 0 6px 0 0 !important;
}

.orderhistorypage .resetbtn,
.orderhistorypage .filter-bar .listSearchWrap input,
.orderhistorypage .filter-bar .bk-slbox select {
  margin-bottom: 0 !important;
}

.orderhistorypage.roomservice .innercontainer .tablediv1 .tablebody th:first-child,
.orderhistorypage.roomservice .innercontainer .tablediv1 .tablebody .trdatabody td:first-child {
  padding-left: 10px;
}

.customerlookuppage .frontDashDate {
  flex: 0 0 auto;
  margin-left: 20px;
}

.orderhistorypage .maincontainer,
.customerlookuppage .maincontainer,
.accountlookuppage .maincontainer {
  display: flex;
  flex-flow: column;
}

.customerlookuppage .title-bar .button.btn1 {
  height: 38px;
  margin-left: 10px;
  float: none;
}

.orderhistorypage .innercontainer,
.customerlookuppage .innercontainer,
.accountlookuppage .innercontainer {
  display: flex;
  flex: 1 0 0;
}

.orderhistorypage .innercontainer .tablediv1,
.customerlookuppage .innercontainer .tablediv1,
.accountlookuppage .innercontainer .tablediv1 {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
}

.orderhistorypage .innercontainer .tablediv1 .tablebody,
.customerlookuppage .innercontainer .tablediv1 .tablebody,
.accountlookuppage .innercontainer .tablediv1 .tablebody {
  flex: 0 0 36px;
}

.orderhistorypage .innercontainer .tablediv1 .tablebody+div,
.customerlookuppage .innercontainer .tablediv1 .tablebody+div,
.accountlookuppage .innercontainer .tablediv1 .tablebody+div {
  flex: 1 0 0;
  overflow-x: auto;
}

.orderhistorypage .orderFooterButtons {
  flex: 0 0 50px;
}

.disable-btn {
  pointer-events: none;
  opacity: 0.6;
}

input[type="text"] {
  margin-bottom: 0 !important;
}

.toggle-order {
  padding: 5px 10px;
  border: 1px solid #d6dee6;
  border-radius: 3px;
  margin-left: 20px !important;
  margin-bottom: 0 !important;
  cursor: pointer;
}

.toggle-order ul {
  display: flex;
  margin: 0;
  list-style: none;
}

.toggle-order li+li {
  border-left: 1px solid #d6dee6;
}

#menu_management,
#floor_management {
  width: 100%;
}

#menu_management thead,
#floor_management thead {
  border-bottom: 1px solid #00b29d;
}

#menu_management tbody tr,
#floor_management tbody tr,
.runningOrdersWrap .block-list li,
#adtRpt .navitm,
.runningOrdersWrap .block-list li,
#adtRpt .navitm {
  border-bottom: 1px solid #d6dee6;
}

#menu_management td,
#floor_management td+td {
  width: 80%;
}

#menu_management td+td,
#floor_management td+td+td {
  width: 20%;
  text-align: right;
}

.breadcrumb {
  height: 35px;
  line-height: 35px;
  margin: 0;
}

.breadcrumb li {
  display: inline;
  list-style: none;
  text-decoration: none;
  color: #000;
}

.breadcrumb li a {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.breadcrumb li:last-child a {
  color: #00b29d;
}

.breadcrumb li+li:before {
  content: "/";
  font-size: 16px;
  font-weight: 600;
  padding: 0 6px 0 1px;
}

.tablebody {
  width: 100%;
}

.trbody {
  height: 35px;
  background-color: #fff;
  border-bottom: 1px solid #d6dee6;
  text-align: left;
  margin: 5px;
}

.trbody.trinputfield {
  height: 44px;
  border-bottom: 0;
}

.trdatabody {
  height: 35px;
  background: #fff;
  border-bottom: 1px solid #d6dee6;
}

.trdatabody.inactive {
  background: #fff;
  opacity: 0.6;
}

.trdatabody.inactive .actnbutton,
.footertext {
  color: #636363;
}

.trdatabody.ordervoided {
  background: #ed9c8a;
  opacity: 0.5;
}

.tablediv {
  margin-top: 0 !important;
}

.tdcontent {
  color: #636363;
  word-break: break-word;
}

.cursor tr {
  cursor: pointer;
}

.cursor tr:hover td {
  color: #00b29d;
}

.cursortd {
  color: #636363;
  cursor: pointer;
}

.cursortd:hover {
  color: #00b29d;
}

.trdatabody td {
  padding-left: 2px;
  padding-right: 2px;
}

.tablediv1 {
  margin-top: 0 !important;
}

.rolediv {
  width: 250px;
  border: 1px solid black;
  clear: both;
  padding: 0 1em;
  min-height: 150px;
  max-height: 150px;
  overflow: auto;
}

.rolediv1 {
  width: 250px;
  border: 0.5px solid #d6dee6;
  clear: both;
  padding: 0 0.5em;
  min-height: 120px;
  max-height: 150px;
  overflow: auto;
}

.roletitle {
  border: 1px solid #000;
  padding: 5px 5px 0 5px;
  background-color: #eee;
  color: #333;
  list-style: none;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(99, 99, 99, 0.61);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(99, 99, 99, 0.61);
}

.fade1.ng-hide {
  opacity: 0;
}

.fade1.ng-hide-remove,
.fade1.ng-hide-add {
  display: block !important;
}

.fade1.ng-hide-remove {
  transition: all linear 1000ms;
}

.fade1.ng-hide-add {
  transition: all linear 500ms;
}

.blocker {
  position: fixed;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100%;
  opacity: 1;
  overflow: hidden;
  text-align: center;
  cursor: wait;
  z-index: 1050;
  background: rgba(0, 0, 0, 0.65);
  transition: opacity 0.4s;
}

.blocker.ng-hide {
  position: fixed;
  top: 0;
  left: 0;
  display: block !important;
  opacity: 0;
  transition: opacity 0.4s, visibility 0.4s;
  visibility: hidden;
}

.blockdiv {
  position: fixed;
  top: 60%;
  left: 50%;
  display: flex;
  width: 300px;
  padding: 10px;
  border: 3px solid #212121;
  text-align: center;
  margin-top: -100px;
  margin-left: -150px;
  background: #fff;
  overflow: hidden;
}

.loadingdiv {
  position: absolute;
  width: 100%;
  padding: 1rem;
  background: #fff;
  text-align: center;
  transition-property: transform opacity;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.25);
  bottom: 0;
  transform: translateY(100%);
  transform: translateY(0%);
  font-weight: bold;
  color: #ef5350;
  z-index: 1000;
}

.loadingdiv[ng-show="loadingdiv"],
.active .linav,
.active .linav i,
.button.btn1:hover {
  color: #00b29d;
}

.thtext {
  padding: 2px;
  color: #4C4C4C;
  cursor: pointer;
}

.thtext:last-child {
  padding-right: 10px;
}

.footerdiv {
  height: 50px;
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #b3bbc5;
  background: #fff;
  z-index: 9;
}

.footerdiv .title-bar {
  background-color: #fff;
}

.footerdiv .footerdivinr {
  background: #fff;
  padding: 1rem 1.5rem;
}

.footerdiv1 {
  position: fixed !important;
  width: 17%;
  height: 45px;
  bottom: 0;
}

.footerdiv2 {
  position: absolute !important;
  height: 45px;
  bottom: 0;
}

.footerdivinr1 {
  background: #2a2f2b;
}

.footertext {
  color: #636363;
  margin-right: 30px;
  font-weight: normal;
}

.button.primary,
.btn,
button {
  background: #00b29d;
  color: #fff;
  border-radius: 3px;
  line-height: 1;
  transition: all ease 0.2s;
  padding: 0.7rem 1.5rem;
  font-size: 1.2rem;
  font-weight: normal;
  box-shadow: 0 2px 6px rgba(0, 178, 157, 0.4);
}

.button.primary:hover,
.btn:hover,
button:hover {
  background: #017063;
}

.button.primary:focus,
.btn:focus,
button:focus {
  outline: 0;
}

.button.red {
  background: #ef5350;
  box-shadow: 0 2px 6px rgba(255, 71, 71, 0.4);
}

.button.red:hover {
  background: #da3431;
}

.endshift input {
  width: auto;
  height: auto;
  padding: 0;
  border: none;
  background: none;
  font-size: 1.2rem;
  line-height: 1;
}

.endshift input:focus {
  outline: none;
}

.shift-menu {
  margin-bottom: 0;
}

.shift-print .userdrop {
  display: block;
  width: 100%;
  color: #666 !important;
}

.shift-print .ti-more-alt:before {
  display: inline-block;
  transform: rotate(90deg);
}

.shift-print-drop.action-sheet {
  transform: translateX(-9%) translateY(-4%) !important;
}

.shift-print-drop.action-sheet:before {
  top: initial;
  bottom: -10px;
  transform: rotate(180deg);
}

.shift-print-drop.action-sheet:after {
  top: initial;
  bottom: -9px;
  transform: rotate(180deg);
}

.shift-print-drop.action-sheet.is-active {
  transform: translateX(-9%) translateY(-50%) !important;
}

#multiEndShiftPopup .modal .grid-content input,
#endShiftPopup .modal .grid-content input {
  border: 1px solid #d6dee6;
}

.button.default,
.button.btnsecondary {
  background: #eee;
  color: #667486;
  border-radius: 3px;
  line-height: 1;
  transition: all ease 0.2s;
  padding: 0.7rem 1.5rem;
  font-size: 1.2rem;
  font-weight: normal;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.button.btnsecondary {
  margin: 0;
}

.button.default:focus,
button:focus {
  outline: 0;
}

.button.secondary,
button.secondary {
  background: rgba(0, 0, 0, 0) !important;
  color: #000 !important;
  border-radius: 3px;
  line-height: 1;
  transition: all ease 0.2s;
  padding: 0;
  font-size: 1.3rem;
  font-weight: 100;
}

.button.secondary:focus,
button.secondary:focus {
  outline: 0;
}

.button.alt,
button.alt {
  cursor: pointer;
  background: transparent;
  color: #667486;
  border: 1px solid #d6dee6;
  border-radius: 3px;
  transition: all ease 0.2s;
}

.button.alt:hover,
button.alt:hover {
  box-shadow: 0 4px 8px 0 rgba(103, 117, 134, 0.18);
}

.button.tiny {
  padding: 0.5rem;
  font-size: 0.9rem;
  text-transform: uppercase;
}

.grid-msg-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.grid-msg-overlay .msg {
  opacity: 1;
  position: absolute;
  top: 20%;
  left: 20%;
  display: table;
  width: 60%;
  height: 50%;
  background-color: #eee;
  border-radius: 4px;
  border: 1px solid #555;
  text-align: center;
  font-size: 24px;
}

.grid-msg-overlay .msg>.center {
  display: table-cell;
  vertical-align: middle;
}

.grid input[type="file"] {
  display: inline-block;
  font-size: 14px;
}

.lbl {
  display: inline-block;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  color: #333;
  width: 30%;
  text-align: right;
  padding: 15px;
  font-size: large;
}

.txt {
  text-align: left;
  padding: 8px;
  margin-left: 20px;
  margin-top: 10px;
}

.grid2 {
  min-height: 357px;
}

.lbl1 {
  display: inline-block;
  width: 20%;
  padding: 15px;
  margin-bottom: 0.5rem;
  font-size: 14px;
  color: #333;
  text-align: left;
}

.txt1 {
  width: 20% !important;
  height: 33px;
  padding: 8px;
  margin-top: 10px;
  font-size: 14px;
  text-align: left;
}

.mapdiv {
  display: inline-table;
}

.exportresult {
  max-height: 300px;
  overflow: auto;
}

.removeimage {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 20px;
  height: 20px;
  padding-top: 4px;
  border-radius: 3px;
  background: #E45A5A !important;
  font-size: 0.7rem;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}

.accordion-title {
  background: #fff !important;
  border-bottom: 1px solid #000 !important;
  color: #54C194 !important;
}

.accordion {
  border: none !important;
  background: #f0f0f0;
}

.formdivgrp {
  color: #303130;
}

.back .formcontainerdiv {
  border: 1px solid #efefef;
  margin: 1rem !important;
}

.back .formdivgrp {
  padding: 10px;
}

.back .formdivgrp h5 {
  background: #f2f4f7;
  margin-bottom: 8px;
  margin-left: -10px;
  margin-top: -10px !important;
  width: calc(100% + 20px);
  padding: 10px;
}

.back .formdivgrp .sec_title {
  color: #00b29d;
  font-size: 15px;
}

.template-title {
  font-size: 20px;
}

/* Add QR time visibility setting */
.formdivgrp.timeVisible{
  display: flex;
  padding-top: 0;
  position: relative;
}
.timeVisible .listChkWrap .custChk{
  top: 11px;
}
.timeVisible .from_lbl{
  width: 42%;
}
.timeVisible .from_field{
  width: 58%;
}
.timeVisible .diffTime{margin-bottom: 5px;}
.timeVisible .angular-time-picker-button{line-height: 24px;}
.timeVisible .angular-time-picker-caret{margin-top: 10px;}
.timeVisible .button.tiny{margin: 0 !important;}
.timeVisible .button.tiny i{font-weight: bold!important;}
.timeVisible .button.tiny.remove{
  color: #ef5350;
  border-color: currentColor;
}
.timeVisible .copyBtn{
  position: absolute;
  left: 410px;
  top: 0px;
  font-size: 12px;
  color: #303130;
}
.timeVisible .copyBtn:hover{
  color: #00b29d;
}

#alifsalesmodal .fixtopfiler {
  padding-bottom: 15px;
  border-bottom: 1px solid #d6dee6;
}

.formcontainerdiv {
  min-height: 400px;
  max-height: 500px;
}

.menuaddiv {
  max-height: 500px;
}

.formcontainerdiv .from_lbl {
  line-height: 36px;
  vertical-align: top;
}

.modal .from_lbl:not(.fix-lblwrap) {
  line-height: 36px;
  vertical-align: top;
}

#changeRatePlanModal .modal .from_lbl:not(.fix-lblwrap),
#changeRatePlanModal .modal .from_field {
  display: inline-flex;
  align-items: center;
  line-height: initial;
  min-height: 36px;
}

.txtsearchdiv {
  width: 150px;
  padding: 5px;
  margin: 0;
}

.fontawesome-select {
  font-family: 'FontAwesome', 'Helvetica';
}

.menumanage>aside.modal.is-active {
  max-width: 800px !important;
  min-height: 600px !important;
  max-height: 600px !important;
}

.sortdiv {
  min-height: 301px;
  max-height: 300px;
  overflow: auto;
}

.sort ul[dnd-list],
.sort ul[dnd-list]>li {
  position: relative;
}

.sort ul[dnd-list] {
  min-height: 42px;
  padding-left: 0;
  margin: 0 !important;
  cursor: move;
}

.sort ul[dnd-list] .dndPlaceholder {
  display: block;
  min-height: 42px;
  background-color: #ddd;
}

.sort ul[dnd-list] li {
  display: block;
  padding: 10px 15px;
  border: 1px dashed #ddd;
  border-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  background-color: #fff;
}

.sort ul[dnd-list] li:first-child {
  border-radius: 4px 4px 0 0;
}

.sort ul[dnd-list] li:last-child {
  border-radius: 0 0 4px 4px;
  border-bottom: 1px dashed #ddd;
}

.sort ul[dnd-list] li.selected {
  background-color: #dff0d8;
  color: #3c763d;
}

.productxls .modal,
.largeModal .modal {
  max-width: 1000px;
}

.cldPosLogo,
.tableDatasidebar td,
#modifierModalPopup .orderMenuGridList .orderListLinks .menu {
  padding: 10px;
}

.maindiv .title-bar.dark {
  position: relative;
  padding: 0;
  border-bottom: 0;
  background-color: #fff;
  z-index: 99;
}

.maindiv .titlebar .menu-right {
  box-shadow: 0 1px 0 #bec7d5;
  -webkit-box-shadow: 0 1px 0 #bec7d5;
}

.maindiv .titlebar .menu-right .headerBtn {
  display: inline-block;
  vertical-align: middle;
}

.maindiv .titlebar .menu-right .headerBtn.logOut a {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: top;
  border: 2px solid #ef5350;
  border-radius: 50%;
}

.maindiv .titlebar .menu-right .headerBtn.logOut a::after {
  content: '';
  position: absolute;
  display: inline-block;
  top: -3px;
  left: 50%;
  width: 2px;
  height: 8px;
  background-color: #ef5350;
  box-shadow: 0 0 0 3px #fff;
  margin-left: -1px;
}

.menu-tbl td input[type="checkbox"],
.frontMenu,
.settlecalc td svg,
.settlecalc p svg {
  vertical-align: middle;
}

.menu-right .action-sheet-container .ng-isolate-scope {
  padding: 8px;
  margin-right: 12px;
  cursor: pointer;
}

.menu-right .action-sheet-container .ng-isolate-scope:hover {
  background: rgba(255, 255, 255, 0.06);
}

.maindiv .titlebar .menu-right .headerBtn.logOut {
  padding: 18px;
  border-left: 1px solid #d6dee6;
  cursor: pointer;
}

.menu-right .action-sheet {
  border-radius: 3px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.25);
}

.action-sheet:before {
  top: -10px;
}

.action-sheet:after {
  top: -9px;
}

.menu-right .action-sheet:before {
  left: auto;
  right: 20px;
  filter: blur(2px);
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
}

.menu-right .action-sheet:after {
  left: auto;
  right: 20px;
}

.menu-right .action-sheet ul {
  padding: 3px 0;
}

.menu-right .action-sheet {
  right: 15px;
  left: initial;
  transform: translateX(0) translateY(110%);
  -webkit-transform: translateX(0) translateY(110%);
}

.menu-right .action-sheet.is-active {
  transform: translateX(0%) translateY(100%);
  -webkit-transform: translateX(0%) translateY(100%);
}

.action-sheet ul a {
  border-color: #eee;
  text-align: left;
  cursor: pointer;
}

.action-sheet ul li:first-child a {
  border-top: 0;
}

.icon-caret-down {
  position: absolute;
  right: 0;
  top: 50%;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #000;
  margin-top: -2px;
}

.userdrop .user-icon {
  position: relative;
  display: initial;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-color: transparent;
  border-radius: 2px;
  padding-top: 0;
  border: 1px solid;
  color: #00b29d;
  font-style: normal;
  text-align: center;
}

.userdrop .user-icon .userChar {
  padding: 0 2px 0 6px;
}

.maincontainer {
  padding: 0.8rem 10px;
}

.innercontainer {
  background-color: #ffffff;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
}

.listSearchWrap {
  position: relative;
  display: inline-block;
}

.listSearchWrap input[type="text"].searchbar-txt {
  width: 100%;
  min-width: 320px;
  height: 38px;
  padding-left: 1rem;
  padding-right: 75px;
  border-radius: 3px;
  border: 1px solid #d6dee6;
  background: none;
  font-weight: 400;
  margin: 0;
}

.inventory-pages datepicker>input {
  height: 38px;
}

.listSearchWrap .searchBtn.btn1,
.listSearchWrap .clearBtn.btn1,
.listSearchWrap .reloadBtn.btn1 {
  position: absolute;
  padding: 11px;
  background: none;
  border: 0;
}

.listSearchWrap .reloadBtn.btn1 {
  top: 0;
  right: 40px;
  color: rgba(239, 101, 1, 0.5);
}

.listSearchWrap .reloadBtn.btn1:hover {
  color: #ef6501 !important;
}

.listSearchWrap .searchBtn.btn1 {
  top: 0;
  right: 5px;
  color: #ccc !important;
}

.listSearchWrap .searchBtn.btn1.guestsearch {
  top: 10px;
  color: #7a7a7a !important;
}

.listSearchWrap .searchBtn.btn1:hover {
  color: #000 !important;
}

.listSearchWrap .clearBtn.btn1 {
  top: 0;
  right: 75px;
  color: red !important;
}

.listSearchWrap .clearBtn.btn1:hover {
  color: red !important;
}

.searchRightBtns {
  display: inline-block;
  vertical-align: top;
}

.searchRightBtns select {
  font-weight: 400;
  height: 38px;
}

.searchRightBtns .moremenu .button.btn1 {
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #d6dee6;
  padding: 10px 10px;
  font-size: 1.1rem;
  color: #677587;
}

.searchRightBtns .moremenu .innermenu .button.btn1 {
  color: #677587;
}

.moremenu.moreoperations {
  float: none;
}

.moremenu.moreoperations .innermenu {
  top: initial;
  right: initial;
  left: 0;
  bottom: 100%;
  border: 1px solid #d6dee6;
  border-radius: 3px;
}

.moremenu.moreoperations .innermenu .button {
  justify-content: flex-start !important;
  width: 100%;
  margin-left: 0;
  color: #222;
}

.moremenu.moreoperations .innermenu .button:hover,
.moremenu.moreoperations .innermenu .button:focus {
  color: #017063;
}

.moremenu.moreoperations .innermenu .button+.button {
  border-top: 1px solid #d6dee6;
}

.moremenu.moreoperations .innermenu .button svg {
  width: 16px;
  height: 16px;
}

.moremenu.moreoperations .innermenu .button:hover {
  background: none;
}

.moremenu.moreoperations .innermenu .button:hover .svg svg path,
.moremenu.moreoperations .innermenu .button:hover .svg svg rect {
  fill: #017063;
}

.moremenu.row-more .innermenu {
  display: flex;
  flex-flow: column;
  /* border: 1px solid #d6dee6 !important; */
}

.moremenu.row-more>.button.btn1 {
  padding: 7px 10px !important;
  border: 0 !important;
  margin: 0 !important;
}

.moremenu.row-more .button.btn1 {
  text-align: left;
  border-bottom: none !important;
  margin: 0 !important;
}

.moremenu.row-more .button.btn1:first-child {
  border-radius: 3px 3px 0 0;
}

.moremenu.row-more .button.btn1:last-child {
  border-radius: 0 0 3px 3px;
  border-bottom: 1px solid #d6dee6 !important;
}

.moremenu.row-more .button.btn1 i {
  margin-right: 8px;
}

.moremenu.row-more .button.btn1+.button.btn1 {
  border-top: 1px solid #d6dee6 !important;
}


.select-all {
  position: absolute;
  left: calc(50% - 120px);
}

.select-all-btn {
  background: rgba(71, 153, 255, 0.1);
  padding: 5px;
  border-radius: 3px;
  margin-left: 5px;
}

.select-all-btn:hover {
  color: #333;
}

.button.btn1 {
  float: left;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #d6dee6;
  padding: 10px 10px;
  font-size: 1.1rem;
  color: #677587;
  margin-left: 10px;
}

.button.btn1.btnsmall {
  padding: 7px 12px;
}

.searchRightBtns .innermenu .button i[class^="ti"] {
  margin-right: 0.5rem;
}

.emailsChk {
  padding-top: 1rem;
}

.emailsChk .slctEid>* {
  display: block;
}

.emailsChk>label {
  display: inline-block;
  width: 45%;
  margin-right: 10px;
}

.emailsChk .from_field {
  width: 100%;
  height: 138px;
  margin-top: 5px;
  border: 1px solid #dadee0;
  overflow-y: scroll;
}

.emailsChk .listChkWrap {
  width: 95%;
  margin: 0;
  padding: 3px 5px;
  margin-left: 5%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.login-right {
  display: flex;
  justify-content: center;
  height: 100%;
  background: #f4f4f4;
  background: #00b29d;
  background: -moz-linear-gradient(-45deg, #00b29d 0%, #00b29d 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #00b29d), color-stop(100%, #00b29d));
  background: -webkit-linear-gradient(-45deg, #00b29d 0%, #00b29d 100%);
  background: -o-linear-gradient(-45deg, #00b29d 0%, #00b29d 100%);
  background: -ms-linear-gradient(-45deg, #00b29d 0%, #00b29d 100%);
  background: linear-gradient(135deg, #00b29d 0%, #00b29d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#263140', endColorstr='#414f61', GradientType=1);
}

.logInhdr {
  padding-bottom: 20px;
}

.login-wrap .avl-user,
.login-wrap .avl-user-pwd,
.login-wrap .pin_login {
  width: 340px;
}

.login-wrap .avl-user section h4,
.login-wrap .avl-user-pwd section h4,
.login-wrap .pin_login section h4 {
  text-align: left;
  padding: 0 0 15px;
  font-size: 18px;
  border-bottom: 1px solid #d6dee6;
  margin: 0;
}

.login-wrap .avl-user section ul,
.login-wrap .avl-user-pwd section ul,
.login-wrap .pin_login section ul {
  margin: 0;
  list-style: none;
}

.login-wrap .avl-user section li,
.login-wrap .avl-user-pwd section li,
.login-wrap .pin_login section li {
  cursor: pointer;
}

.login-wrap .avl-user section li:hover,
.login-wrap .avl-user-pwd section li:hover,
.login-wrap .pin_login section li:hover {
  background: rgba(248, 248, 248, 0.5);
}

.login-wrap .avl-user section li:last-child,
.login-wrap .avl-user-pwd section li:last-child,
.login-wrap .pin_login section li:last-child {
  margin-bottom: 10px;
}

.login-wrap .avl-user section li>span,
.login-wrap .avl-user-pwd section li>span,
.login-wrap .pin_login section li>span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  text-align: left;
}

.login-wrap .avl-user section li>span h5,
.login-wrap .avl-user-pwd section li>span h5,
.login-wrap .pin_login section li>span h5 {
  margin: 0;
}

.login-wrap .avl-user section .uname,
.login-wrap .avl-user-pwd section .uname,
.login-wrap .pin_login section .uname {
  font-size: 15px;
}

.login-wrap .avl-user section .hcode,
.login-wrap .avl-user-pwd section .hcode,
.login-wrap .pin_login section .hcode {
  font-size: 13px;
}

.login-wrap .avl-user section .ti-close,
.login-wrap .avl-user-pwd section .ti-close,
.login-wrap .pin_login section .ti-close {
  font-size: 12px;
  margin-right: 15px;
}

.login-wrap .avl-user-scroll {
  max-height: 250px;
}

.login-wrap .avl-user-pwd section h4 {
  margin: 0;
}

.login-wrap .avl-user-pwd section li>span {
  padding: 10px 0;
}

.login-main {
  padding: 15px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #e8e8e8;
}

.pin_login ul {
  list-style: none;
  margin: 0;
}

.pin_login li {
  margin-bottom: 0 !important;
}

.login-type {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0 0 20px;
}

.login-type li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #d8d8d8;
  color: #667486;
}

.login-type li a img {
  opacity: 0.5;
}

.login-type li a:hover,
.login-type li a.active {
  background: #e8e8e8;
  border: 1px solid #e8e8e8;
}

.login-type li a:hover img,
.login-type li a.active img {
  opacity: 1;
}

.login-type li+li {
  margin-left: 10px;
}

.pin_login .avl-user-scroll {
  max-height: 126px;
  overflow: auto;
}

.pin-dots {
  display: flex;
  flex-flow: row;
  justify-content: center;
  margin: 0;
  padding: 0 0 20px;
  border-bottom: 1px solid #d4d6d9;
  width: calc(100% + 30px) !important;
  margin-left: -15px !important;
}

.pin-dots li+li {
  margin-left: 10px;
}

.pin-dots span {
  display: block !important;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #c8c8c8;
  padding: 0 !important;
}

.pin-dots li.filled span {
  background: #263140;
}

.pin-panel {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  width: calc(100% + 30px) !important;
  margin-left: -15px !important;
  margin-bottom: -15px !important;
}

.pin-panel li {
  flex: 0 0 33.33%;
  height: 80px;
  border: 1px solid #d4d6d9;
  border-left: 0;
}

.pin-panel li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #667486;
  font-size: 1.25em;
}

.pin-panel li a:active {
  background: #f2f4f7;
}

.pin-panel li:nth-child(n-3),
.pin-panel li:nth-child(n+3) {
  border-top: 0;
}

.pin-panel li:nth-child(3n) {
  border-right: 0;
}

.pin-panel li:nth-last-child(-n+3) {
  border-bottom: 0;
}

.pin-change:hover svg {
  fill: #00b29d;
}

.pin-dots.pin-error li {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {

  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

.card-swipe {
  position: relative;
}

.card-swipe:before {
  content: "";
  position: absolute;
  width: 35px;
  height: 105px;
  background: #808080;
  border-radius: 0 10px 10px 0;
  left: calc(50% - 70px);
  border: 5px solid #fff;
  top: 60px;
  z-index: 9;
}

.card-swipe img {
  animation: cardSwipe 3s infinite linear;
}

@keyframes cardSwipe {
  0% {
    opacity: 0;
    transform: translate3d(0, -40px, 0);
  }

  5% {
    opacity: 1;
    transform: translate3d(0, -40px, 0);
  }

  80% {
    transform: translate3d(0, 50px, 0);
    opacity: 1;
  }

  85% {
    opacity: 0;
  }

  100% {
    transform: translate3d(0, 50px, 0);
    opacity: 0;
  }
}

.shift-details label {
  position: relative;
}

.shift-details .from_lbl {
  position: absolute;
  top: 15px;
  left: 10px;
  width: auto;
}

.shift-details .from_field {
  width: auto;
}

.shift-details .avl-user-scroll {
  overflow-x: hidden;
}

.custom_select {
  position: relative;
  text-align: left;
}

.custom_select label {
  position: relative;
  display: inline-block;
  width: 340px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 35px;
  cursor: pointer;
}

.custom_select label:hover {
  background: #fff;
}

.custom_select label:before {
  content: "";
  position: absolute;
  top: 11px;
  right: 2px;
  width: 7px;
  height: 7px;
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.custom_select ul {
  position: absolute;
  width: 100%;
  max-height: 107px;
  border-radius: 3px;
  border: 1px solid #d6dee6;
  background: #fff;
  list-style: none;
  overflow: auto;
  margin: 0;
  z-index: 9;
}

.custom_select ul li {
  max-width: 340px;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 35px;
}

.custom_select ul li:hover {
  background: #f4f4f4;
}

.login-wrap {
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
}

.logInForm {
  position: relative;
  display: inline-block;
}

.login-fields {
  display: flex;
  flex-flow: column;
}

.login-fields .logInTxt {
  position: relative;
  margin-bottom: 0;
}

.login-fields .logInTxt+.logInTxt {
  margin-top: 30px;
}

.login-fields .logInTxt:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 38px;
  width: 1px;
  height: 30px;
  background: #f2f2f2;
  z-index: 8;
}

.add-remove-user {
  display: flex;
  justify-content: space-between;
}

.add-remove-user a {
  line-height: 35px;
}

.remove_user ul {
  min-height: 150px;
  max-height: 250px;
  margin: 0;
  list-style: none;
}

.remove_user li {
  position: relative;
  width: 340px;
  padding-right: 20px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 35px;
}

.remove_user li:after {
  content: '✖';
  position: absolute;
  right: 0;
  font-size: 12px;
  cursor: pointer;
}

.select-terminal_outlet {
  width: 340px;
}

.terminal_outlet {
  min-height: 150px;
}

.terminal_outlet select {
  height: 40px;
  margin-bottom: 15px;
}

.terminal_outlet .has-error {
  margin-bottom: 15px;
}

.terminal_outlet .has-error select {
  margin-bottom: 0;
}

.login-fields.logInTxt input[type="text"],
.login-fields.logInTxt input[type="password"] {
  width: 340px;
  height: 50px;
  border-radius: 3px;
  padding-left: 50px;
  border: 1px solid #dbdbdb;
  margin: 0;
}

.login-fields .logInTxt input+span,
.login-fields .logInTxt input+label {
  position: absolute;
  width: 100%;
  text-align: right;
}

.login-fields .logInTxt input:placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.login-fields .logInTxt input+label.has-error.validationMessage {
  display: block;
  padding: 2px;
  color: #c75353;
  text-align: right;
}

.login-fields .logInTxt input[type="text"]:hover,
.login-fields .logInTxt input[type="text"]:focus,
.login-fields .logInTxt input[type="password"]:hover,
.login-fields .logInTxt input[type="password"]:focus {
  background-color: #f2f4f7;
}

input#username,
input#password,
input#direct-password,
input#hotelcode {
  background: #fff url('../../images/login-icon.png') no-repeat 10px 0;
}

input#password,
input#direct-password {
  background-position: 10px -50px;
}

input#hotelcode {
  background-position: 10px -100px;
}

input#hotelcode:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 40px;
  background: #ccc;
}

.button.primary.logInBtn,
.button.primary.removeBtn {
  width: 340px;
  height: 45px;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  background: #00b29d;
  box-shadow: none;
}

.logInBtn:focus {
  outline: 0;
}

.logInBtn:active {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.loginbtngrp {
  margin-top: 30px;
}

.layoutselected {
  box-shadow: inset 0 0 0 1px #00b29d;
}

div[qty-stepper] {
  border: none;
  display: flex;
  height: 40px;
  border-radius: 3px;
}

div[qty-stepper]>input,
div[qty-stepper]>button {
  float: left;
}

div[qty-stepper].ng-invalid-out-of-bounds input {
  color: #FF3B34;
}

div[qty-stepper][disabled] input {
  color: #aaa;
  border: 0;
}

div[qty-stepper] button {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  appearance: none;
  margin: 0;
  width: 36px;
  height: 36px;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  outline: none;
  padding: 0 10px;
}

div[qty-stepper] button:first-child {
  border-radius: 3px 0 0 3px;
}

div[qty-stepper] button:last-child {
  border-radius: 0 3px 3px 0;
}

div[qty-stepper] button[disabled] {
  opacity: 0.3;
}

div[qty-stepper] button:active {
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.25);
}

div[qty-stepper] input {
  display: inline-block;
  width: 90px;
  height: 36px;
  vertical-align: top;
  padding: 0;
  background: #fff;
  text-align: center;
  line-height: 36px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  margin: 0;
}

#modifierModal.modal-overlay .is-active.modal {
  overflow: visible;
}

.modal-overlay {
  background-color: rgba(0, 0, 0, 0.65);
}

.small-custModal .modal {
  max-width: 350px;
  border-radius: 3px;
}

.modal .close-button {
  color: #aaa;
  height: 45px;
  width: 45px;
  text-align: center;
  background: none;
  padding-top: 13px;
  font-size: 2rem;
  border-radius: 0;
  top: 0;
  right: 0;
  border-left: 1px solid #d6dee6;
}

.modal .close-button:hover {
  color: #E45A5A;
  background-color: rgba(228, 90, 90, 0.06);
}

datepicker .actnbutton.close-button {
  height: 37px;
}

datepicker .actnbutton .close-button {
  height: 37px;
  padding-top: 11px;
}

datepicker .actnbutton .close-button:hover,
datepicker .actnbutton .close-button:hover {
  background-color: transparent;
  color: #222;
}

.modal {
  position: relative;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
  border-radius: 0;
}

.modal .title-bar {
  height: 45px;
}

#announcement-notify {
  background: rgba(0, 0, 0, 0.9);
}

#announcement-notify .is-active.modal {
  width: auto;
  max-width: 600px;
  background: none;
  box-shadow: none;
  text-align: center;
}

#trialAccPopup .is-active.modal {
  max-width: 800px;
}

#trialAccPopup .popupbox {
  margin-top: 0;
}

#announcement-notify .title {
  width: 100%;
  text-align: left;
  color: #fff;
}

#announcement-notify .title span {
  font-size: 20px;
  color: #fff;
}

#announcement-notify p {
  font-size: 16px;
  margin-top: 15px;
}

#announcement-notify .store-icons {
  display: flex;
  margin-top: 20px;
}

#announcement-notify .store-icons a {
  margin-right: 15px;
}

#announcement-notify .demo-img {
  width: 200px;
}

#announcement-notify .popupfooter {
  justify-content: flex-start;
  background: none;
  border: none;
  padding-left: 0;
  padding-bottom: 15px;
  white-space: nowrap;
  margin-top: 20px;
}

#announcement-notify .button.primary {
  padding: 10px 15px;
}

#announcement-notify .button.default {
  background: none;
  border: 1px solid rgba(187, 215, 250, 0.2);
  color: #bbd7fa;
  padding: 10px 15px;
  width: 160px;
}

#announcement-notify .button.default:hover {
  background: #ebf1f9;
  color: #00b29d;
}

.modal .popupfooter,
.sideTableguests:last-child,
.frontdashboardpage .trbody {
  border-bottom: none;
}

.popuptitle {
  padding: 1rem 1.5rem;
  background: #f2f4f7;
  color: #00b29d;
  border-bottom: 1px solid #d6dee6;
  font-size: 1.2rem;
}

.small-custModal .popuptitle {
  padding: 1rem;
}

#dayClosePopup #mainView {
  display: flex;
  max-height: 370px;
}

#dayClosePopup #mainView .tablescroll {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: initial;
  max-height: 310px;
}

#dayClosePopup #mainView .tablescroll .tablebody:first-child {
  flex: 0 0 auto;
}

#dayClosePopup #mainView .tablescroll .tablebody+.tablebody {
  display: flex;
  flex: 0 1 auto;
  overflow-y: auto;
}

#dayClosePopup #mainView .tablescroll .tablebody+.tablebody tbody {
  width: 100%;
}

#dayClosePopup #mainView .tablescroll .large-10 {
  flex: 0 0 auto;
}

#dayClosePopup #mainView h3 {
  padding-top: 0 !important;
}

#dayClosePopup .dayCloseSummary {
  width: 100%;
}

#dayClosePopup .dayCloseSummary .dayclosedata {
  display: flex;
  justify-content: space-between;
}

#dayClosePopup .dayCloseSummary .summary-dash-area {
  flex: 0 0 50%;
}

#dayClosePopup .dayCloseSummary .summary-dash-area+div {
  flex: 0 0 46%;
}

#dayClosePopup .dayCloseSummary .summary-dash {
  display: flex;
  flex-flow: row wrap;
}

#dayClosePopup .dayCloseSummary .summary-data {
  display: flex;
  flex: 0 0 30%;
  align-items: center;
  margin-bottom: 15px;
  margin-right: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#dayClosePopup .dayCloseSummary .summary-data span {
  flex: 1 0 0;
  text-align: center;
  padding: 10px;
  background: #fff;
  border-radius: 3px;
}

#dayClosePopup .dayCloseSummary .summary-data span b {
  display: block;
  font-size: 16px;
  padding-top: 5px;
}

#dayClosePopup .dayCloseSummary .summary-data span p {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  color: #667486;
  font-size: 14px;
  margin-bottom: 0;
}

#dayClosePopup .dayCloseSummary .summary-data span+span {
  margin-left: 10px;
}

#dayClosePopup .dayclosetitle {
  font-size: 15px;
  opacity: 0.8;
}

#multioutletdayclose .trbody.yes-avail {
  color: green;
}

#multioutletdayclose .trbody.notpossible {
  color: #ef5350;
}

#multioutletdayclose .trbody.updated {
  color: #aaa;
}

#multioutletdayclose .legend {
  display: inline-block;
  text-indent: 15px;
  margin-right: 10px;
}

#multioutletdayclose .legend:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  margin-top: 5px;
  margin-left: -15px;
  background: green;
}

#multioutletdayclose .legend.notpossible:before {
  background: #ef5350;
}

#multioutletdayclose .legend.updated:before {
  background: #aaa;
}

#prodtcttranmodal .grid-block.vertical {
  overflow: hidden;
}

#prodtcttranmodal .grid-block.vertical li label {
  padding-right: 2rem;
}

.modal .popuptitle div,
.small-custModal .popuptitle div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#holdPopup .modal .popuptitle div {
  max-width: initial;
}

.popupfooter {
  padding: 0.6rem;
  background: #fff;
  color: #000;
  border-top: 1px solid #d6dee6;
}

.popupfooter .primary {
  margin: 0;
}

.modal .title-bar.popupfooter {
  height: inherit;
}

#linkModal.small-custModal .title-bar {
  white-space: nowrap;
}

#linkModal.small-custModal .title-bar div {
  width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#linkModal:not(.small-custModal) .title-bar {
  white-space: nowrap;
}

#linkModal:not(.small-custModal) .title-bar div {
  width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#linkModal:not(.small-custModal) h5 {
  font-size: 14px;
  color: #4c4c4c;
}

.popupfooterBtn .savebtn {
  color: #000;
  background-color: #13dba9;
  padding: 0.5rem 1rem;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  transition: all ease 0.2s;
}

.popupfooterBtn .savebtn:active {
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
}

.popupfooterBtn .savebtn:hover {
  background-color: #0fca9b;
}

.popupfooterBtn .savebtn:focus {
  outline: none;
}

.qrcode {
  width: 250px;
  /* height: 250px; */
  margin: 0 auto;
  margin-bottom: 20px;
}

.qrcode img {
  display: block;
  width: 250px;
  height: 250px;
}

.qrcode-tabswrap {
  display: flex;
  align-items: flex-end;
}

.qrcode-tabswrap .innerTabs {
  width: 0;
  flex: 1 0 auto;
  overflow: hidden;
}

.qrcode-tabswrap .innerTabs ul {
  display: flex !important;
}

.qrcode-container {
  display: flex !important;
  padding: 15px;
}

.qrcode-settings {
  width: 100%;
  padding-left: 30px;
  padding-top: 15px;
}

.qr-link {
  display: flex;
  align-items: flex-start;
  /* margin-right: 2em; */
  float: right;
}

.qr-link span {
  word-break: break-all;
}

.has-error.validationMessage {
  display: none;
  padding: 2px;
  color: #c75353;
  text-align: right;
  line-height: initial;
  margin-bottom: 0.2rem;
}

.has-error .ng-invalid {
  border: 1px solid #eca29d !important;
  background-color: #fee;
}

.inner-tab {
  position: relative;
}

.red {
  color: #ef5350;
}

.modalFullname .grid-block {
  flex-flow: row wrap;
}

.modalFullname .grid-block .has-error.validationMessage {
  width: 100%;
}

.usedrecord-modal .from_field {
  width: calc(48% - 25px);
}

.waiter-modal.small-custModal .modal,
.waiter-modal .modal .grid-content,
.colorpopfix .modal,
.colorpopfix .modal .grid-content {
  overflow: visible;
}

#imginput {
  width: inherit;
}

.modalFullname select {
  max-width: 85px;
}

.usedrecord-modal .from_field {
  width: calc(48% - 25px);
}

.inner-arrow {
  position: absolute;
  top: 7px;
  left: -12px;
  display: inline-block;
  width: 10px;
  height: 12px;
  border: 1px solid #009688;
  border-top-style: none;
  border-right-style: none;
}

.inner-arrow::before,
.inner-arrow::after {
  content: '';
  position: absolute;
  right: 0;
  width: 5px;
  height: 1px;
  background-color: #009688;
}

.inner-arrow::after {
  bottom: 1px;
  transform: rotate(45deg);
}

.inner-arrow::before {
  bottom: -3px;
  transform: rotate(-45deg);
}

.tdcontent .icontoggle {
  margin-right: 8px;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
  border-radius: 0.2rem;
  border: 1px solid #d6dee6;
  background-color: #fff;
  height: 36px;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="month"]:hover,
input[type="week"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
input[type="color"]:hover,
textarea:hover {
  background-color: #f8f8f8;
  border: 1px solid #d6dee6;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
  background-color: #f8f8f8;
  border: 1px solid #d6dee6;
}

select {
  padding: 0.5rem 1.75rem 0.5rem 0.5rem;
  border: 1px solid #d6dee6;
  border-radius: 3px;
  margin: 0;
}

select:hover {
  background-color: #f8f8f8;
}

.table_header .trbody {
  background-color: #fff;
}

.modal-form .eletext {
  max-width: 225px;
}

.form-element {
  display: inline-block;
  width: 100%;
}

.form-element .eleLable,
.form-element .eletext {
  display: inline-block;
  vertical-align: middle;
  margin: 0 !important;
}

.form-element .eleLable {
  width: 100%;
  max-width: 100px;
}

.eletext {
  max-width: 180px;
}

.listChkWrap {
  position: relative;
  display: inline-block;
  margin: 0;
  margin-top: 3px;
  vertical-align: top;
}

.listChkWrap input[type="checkbox"] {
  position: relative;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  margin: 0 5px 0 0;
}

.listChkWrap .custChk {
  position: absolute;
  display: inline-block;
  width: 14px;
  height: 14px;
  z-index: 1;
  top: 2px;
  left: 0;
  border: 2px solid #aaa;
  border-radius: 2px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.listChkWrap .custChk::after {
  content: '';
  position: absolute;
  border: 2px solid transparent;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: 6px;
  width: 100%;
  border-top-style: none;
  border-right-style: none;
  -webki-transition: all ease 0.2s;
  transition: all ease 0.2s;
  left: 0;
}

.listChkWrap input[type="checkbox"]:checked~.custChk {
  background: #00b29d;
  border-color: #00b29d;
}

.listChkWrap input[type="checkbox"]:checked~.custChk::after {
  border-color: #fff;
}

.tooltip {
  background-color: #000;
  padding: 5px 5px;
  font-size: 10px;
  z-index: 1003;
}

.tooltip-arrow {
  visibility: hidden;
}

.modal .card {
  border: 0;
  margin-bottom: 0;
  box-shadow: none;
}

.eo_tooltip {
  text-align: left;
  display: inline-block;
  position: relative;
}

.eo_tooltip .ti-comment {
  padding-left: 20px;
}

.eo_tooltip .trigger {
  display: inline-block;
  padding: 5px;
  z-index: 1;
  text-decoration: none;
  color: #2980b9;
}

.eo_tooltip .trigger::before {
  content: '';
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  transition: all 150ms ease-in-out;
}

.eo_tooltip .content {
  display: inline-block;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
  padding: 1em;
  border-radius: 5px;
  width: 280px;
  font-size: 14px;
  transition: all 150ms ease-in-out;
}

.eo_tooltip .trigger::before {
  border-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.9);
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.eo_tooltip .content {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.eo_tooltip .trigger::before {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.eo_tooltip .content {
  top: 100%;
  left: 0;
}

.eo_tooltip.bottom .trigger::before {
  border-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.9);
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.eo_tooltip.bottom .content {
  right: auto;
  bottom: auto;
  top: 100%;
  left: 0;
  overflow: visible;
}

.eo_tooltip.bottom .content:before {
  content: "";
  position: absolute;
  top: -16px;
  left: 15px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #d6dee6;
}

.eo_tooltip.bottom .content:after {
  content: "";
  position: absolute;
  top: -15px;
  left: 15px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #ffffff;
}

.eo_tooltip.left .trigger::before {
  border-color: transparent;
  border-left-color: rgba(0, 0, 0, 0.9);
  bottom: auto;
  left: auto;
  border-right: none;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

.eo_tooltip.left .content {
  bottom: auto;
  left: auto;
  top: -50%;
  right: 106%;
  right: calc(100% + 6px);
}

.eo_tooltip.right .trigger::before {
  border-color: transparent;
  border-right-color: rgba(0, 0, 0, 0.9);
  right: auto;
  bottom: auto;
  border-left: none;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
}

.eo_tooltip.right .content {
  top: -50%;
  right: auto;
  bottom: auto;
  left: 106%;
  left: calc(100% + 6px);
}

.eo_tooltip .tt_overflow {
  max-height: 200px;
  overflow: auto;
}

.eo_tooltip.top .trigger::before {
  border-color: transparent;
  border-top-color: rgba(0, 0, 0, 0.9);
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}

.eo_tooltip.top .content {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 0;
}

.eo_tooltip:hover .trigger::before {
  opacity: 1;
  visibility: visible;
}

.eo_tooltip:hover .content {
  opacity: 1;
  visibility: visible;
}

.eo_tooltip .trigger:focus::before {
  opacity: 1;
  visibility: visible;
}

.eo_tooltip .trigger:focus+.content {
  opacity: 1;
  visibility: visible;
}

.rs-remark .eo_tooltip.left .trigger::before {
  right: 52%;
}

.rs-remark .eo_tooltip.left .content {
  top: 0;
  right: calc(60% + 6px);
  width: initial;
  min-width: 150px;
  max-width: 280px;
  padding: 0.5rem;
}

.moremenu {
  position: relative;
  float: right;
}

.moremenu .innermenu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 100;
  min-width: 150px;
  background-color: #fff;
}

.searchRightBtns .moremenu .innermenu .button.btn1 {
  background: #fff;
  width: 100%;
  text-align: left;
  border: 0;
  border: 1px solid #d6dee6;
  border-radius: 0;
  margin-left: 0;
  margin-bottom: -1px;
}

.searchRightBtns .moremenu .innermenu .button.btn1:first-child {
  border-radius: 3px 3px 0 0;
}

.searchRightBtns .moremenu .innermenu .button.btn1:last-child {
  border-radius: 0 0 3px 3px;
}

.footerdiv1.poweredFtr {
  width: 16.66vw;
  height: 50px;
}

.footerdiv1.poweredFtr .footerdivinr1 {
  width: 100%;
  height: 50px;
  justify-content: center;
  border-bottom: 0;
  background: rgba(0, 0, 0, 0.15);
  font-size: 0.8rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
}

.footerdiv2.poweredFtr {
  width: 100%;
  height: 102px;
}

.menuGrpadd .form-element .eleLable {
  max-width: 145px;
}

.colorPickerWrap,
.color-picker-input-wrapper {
  width: 100%;
  position: relative;
}

.colorPickerWrap .color-picker-input-wrapper .input-group-addon:first-child {
  position: absolute;
  height: 24px;
  width: 20px;
  border: 1px solid #9fafaf;
  border-right-width: 1px !important;
  top: 50%;
  margin-top: -12px;
  left: 5px;
  border-radius: 3px;
}

.colorPickerWrap .color-picker-input-wrapper .color-picker-input-swatch {
  width: 100%;
  max-width: 180px;
  padding-left: 40px !important;
}

.file-selectWrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 34px;
  border-radius: 0.2rem;
  border: 1px solid #d6dee6;
}

.file-selectWrap::before {
  content: '\e633';
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.6rem;
  font-family: 'themify';
  font-size: 1.2rem;
  line-height: 1;
  color: #999;
}

.file-selectWrap input {
  opacity: 0;
}

.imgWrapper {
  box-sizing: content-box;
}

.fileselect {
  position: relative;
  width: 200px;
  height: 196px;
  border: 1px solid #d6dee6;
}

.file-lbl {
  position: absolute;
  left: 26px;
  padding: 0.65rem;
  max-width: 90%;
  line-height: 1;
  color: #999;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.file-selectWrap #imginput {
  max-width: 270px;
}

.addGroupModal .is-active.modal {
  max-width: 470px;
}

.addGroupModal .is-active.modal .grid-content {
  overflow-y: visible;
}

#shiftManagementModal .menu-bar {
  border: 1px solid #d6dee6;
}

#shiftManagementModal .menu-bar .button {
  box-shadow: none !important;
  border-radius: 0 !important;
  border: none !important;
}

#shiftManagementModal .menu-bar li+li .button {
  border-left: 1px solid #d6dee6 !important;
}

#shiftManagementModal .menu-bar .cancelorder .button {
  color: #ef5350;
}

#shiftManagementModal .shiftdata {
  margin: 0;
  padding: 10px;
}

#shiftManagementModal .shiftdata li {
  display: flex;
  justify-content: space-between;
}

#shiftManagementModal .closing-shift td {
  padding: 5px 0;
}

#shiftManagementModal .closing-shift .textdisplay {
  padding: 5px;
}

#shiftManagementModal input {
  border-color: #d6dee6;
}

#shiftManagementModal [class^="ti-"],
#shiftManagementModal [class*=" ti-"],
#shiftManagementModal [class^="fa-"],
#shiftManagementModal [class*=" fa-"] {
  margin-right: 5px;
  margin-left: -5px;
}

.endshift-process {
  display: flex;
  flex-flow: column;
}

.endshift-process .head-content,
.endshift-process .bottom-content {
  display: flex;
  align-items: center;
  padding: 5px 0;
  border-bottom: 1px solid #d6dee6;
}

.endshift-process ul,
.endshift-process li {
  margin: 0;
  list-style: none;
}

.endshift-process .shift-currency {
  max-height: 350px;
  overflow: auto;
}

.endshift-process .shift-currency li {
  display: flex;
  align-items: center;
  padding: 5px 0;
  border-bottom: 1px solid #d6dee6;
}

.shift-details h5 {
  text-align: left;
  margin: 15px 0 10px;
}

.shift-details h4 {
  text-align: left;
  padding: 0 0 15px;
  font-size: 18px;
  border-bottom: 1px solid #d6dee6;
  margin: 0;
}

.shiftRunning {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  padding: 10px;
  background: rgba(214, 222, 230, 0.3);
  margin-top: 15px;
}

.shiftRunning p {
  text-align: left;
  margin-bottom: 0;
}

.shiftRunning p span {
  font-size: 16px;
  font-weight: 600;
}

.shiftRunning p+p {
  text-align: right;
}

.payInOutForm .payment {
  display: flex;
  margin: 0.5rem 0 1rem 0;
}

.payInOutForm .payment select {
  width: 100px;
  margin-right: 10px;
}

.payInOutForm [class^="ti-"],
.payInOutForm [class*=" ti-"],
.payInOutForm [class^="fa-"],
.payInOutForm [class*=" fa-"],
.payInOutForm .endshift img {
  margin-right: 5px;
  margin-left: -5px;
}

.shift-transactions {
  padding-bottom: 20px;
  border-bottom: 1px solid #d6dee6;
  margin-bottom: 20px;
}

.payment-transaction {
  width: 100%;
  background: #fff;
  margin-bottom: 10px;
}

.payment-transaction tbody {
  display: block;
  max-height: 90px;
  overflow: auto;
}

.payment-transaction tr {
  display: table;
  width: 100%;
  height: 30px;
  margin: 0;
}

.payment-transaction th:first-child,
.payment-transaction td:first-child {
  text-align: left;
  padding-left: 10px;
}

.payment-transaction th:last-child,
.payment-transaction td:last-child {
  padding-right: 10px;
}

#endShiftPopup .shiftdata {
  margin: 0;
  padding: 10px;
}

#endShiftPopup .shiftdata li {
  display: flex;
  justify-content: space-between;
}

#paymentupdatenotice .is-active.modal {
  height: 95vh !important;
}

#paymentupdatenotice .is-active.modal .popup_cntr {
  margin-top: 0;
}

.modalSearchWrap {
  position: relative;
  width: 100%;
  margin-bottom: 0;
}

.modalSearchWrap span,
.modalSearchWrap input {
  display: inline-block;
  vertical-align: middle;
}

.modalSearchWrap span {
  position: absolute;
  height: 34px;
  padding: 0.7rem;
  font-size: 1.2rem;
  cursor: pointer;
}

label.modalSearchWrap>input[type="text"].ng-hide {
  border: 0;
}

label.modalSearchWrap>input[type="text"] {
  width: 180px;
  padding: 0.5rem 0.5rem 0.5rem 2.5rem;
  background: #fff;
  border-radius: 3px;
  border: 0;
  border: 1px solid #d6dee6;
  color: #000;
  -webkit-transition: all ease 0.1s;
  transition: all ease 0.1s;
  margin: 0;
}

.modalSearchWrap input[type="text"].ng-hide:not(.ng-hide-animate) {
  display: inline-block !important;
  width: 0 !important;
  padding: 0.5rem 0 !important;
  -webkit-transition: all ease 0.1s;
  transition: all ease 0.1s;
}

.sort-arrow {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 15px;
  width: 20px;
}

.sort-arrow::after,
.sort-arrow::before {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
  margin: 0 auto;
}

.sort-arrow::after {
  bottom: -2px;
  border-top-color: #000;
}

.sort-arrow::before {
  top: -2px;
  border-bottom-color: #000;
}

.formdivgrp h5 {
  margin: 10px 0 5px;
  color: #667486;
}

.formdivgrp label {
  margin-bottom: 0.2rem;
}

.label-gp {
  margin-bottom: 0.5rem;
}

.label-gp.gp-center {
  display: flex;
  align-items: center;
}

.formdivgrp .popuptitle {
  display: inline-block;
  max-width: 570px;
  padding: initial;
  background: none;
  border-bottom: none;
  font-size: inherit;
  font-weight: 500;
  -ms-word-break: break-all;
  word-break: break-all;
}

.small-custModal .formdivgrp .popuptitle {
  max-width: 320px;
}

.small-custModal aside.modal>.grid-block {
  width: 100%;
}

.addSubMenu-modal .checktime .listChkWrap {
  margin-top: 8px;
}

.modiaddBtn {
  cursor: pointer;
}

input[type="text"].from_field,
.from_field,
.from_lbl {
  display: inline-block;
  vertical-align: middle;
  width: 48%;
  margin: 0;
}

.from_field.two_box {
  display: inline-flex;
}

.from_field.two_box>div+div {
  padding-left: 5px;
}

.from_field.password-show {
  position: relative;
}

.from_field.password-show input {
  padding-right: 36px;
}

.from_field.password-show i.fa-eye {
  position: absolute;
  right: 12px;
  top: 12px;
  opacity: 0.5;
  cursor: pointer;
}

.from_field.password-show i.fa-eye-slash {
  position: absolute;
  right: 12px;
  top: 12px;
  opacity: 1;
  cursor: pointer;
}

.financial-year-sel {
  display: flex;
  flex-flow: column;
  padding-left: 1rem;
}

.financial-year-sel .from_field {
  width: auto;
}

.year-fields {
  display: flex;
  align-items: center;
  padding-top: 8px;
}

.year-fields>* {
  padding-right: 8px;

}

.year-fields span {
  color: #667486
}

#reset_no .from_field.two_box {
  display: flex;
  width: 100%;
}

#reset_no .from_field.two_box>div {
  flex: 1 0 0;
}

.reportcontainer input[type="text"].from_field,
.reportcontainer .from_field,
.reportcontainer .from_lbl {
  width: 132px;
}

.reportcontainer .from_field {
  width: auto;
}

.reportcontainer .userdrop {
  padding: 0;
  height: 14px;
  display: block;
  position: relative;
}

.reportcontainer .ti-calendar {
  position: absolute;
  font-size: 14px;
  top: 0;
}

.reportcontainer .actionButtons .from_field {
  max-width: 200px;
}

.reportcontainer .actionButtons .btn-combo {
  border: 1px solid #bfc5cc;
}

.reportcontainer .actionButtons .btn-combo .default {
  border-left: 1px solid #bfc5cc;
}

.reportcontainer .report-select-lbl {
  display: flex;
  align-items: center;
}

.reportcontainer .report-select-lbl .from_lbl {
  margin-right: 10px;
}

.reportcontainer .report-select-lbl .btn-combo .default {
  padding: 0;
}

.reportcontainer .report-select-lbl .userdrop {
  padding: 10px 10px 9px;
  height: 36px;
  color: #666;
}

.reportcontainer .report-select-lbl .ti-calendar {
  top: 10px;
}

.reportcontainer .date-range .from_field+.from_field {
  position: relative;
}

.reportcontainer .date-range .from_field+.from_field:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background: #ccc;
  top: calc(50% - 1px);
  left: -20px;
  z-index: 9;
}

.btn-combo {
  display: flex !important;
  border: 1px solid #d6dee6;
  border-radius: 3px;
}

.btn-combo select {
  min-width: 150px;
  border-radius: 3px 0 0 3px;
  border: none;
}

.btn-combo .default {
  border-radius: 0 3px 3px 0;
  box-shadow: none;
  border-left: 1px solid #d6dee6;
  background: #eee;
  padding: 10px 10px 9px;
  width: 35px;
  margin-left: 0 !important;
}

.btn-combo .default:hover {
  background: #fff;
}

.from_lbl {
  font-size: 14px;
  color: #667486;
}

input[type="text"].from_field {
  max-width: 180px;
}

.titlebar .from_field .ng-datepicker {
  right: 0;
}

.from_field .listChkWrap {
  margin: 3px;
}

.modiaddBtn {
  display: inline-block;
  vertical-align: middle;
  padding: 0.2rem 0.2rem;
  margin-left: 5px;
  border: 1px solid #ddd;
  line-height: 1;
  background-color: #f8f8f8;
  border-radius: 0.2rem;
  color: #000;
  font-size: 14px;
}

.from_field .form-select {
  width: 100%;
  margin-bottom: 0;
}

.from_field .listChkWrap.timeckbox,
.innerTabCnt.rolediv>ul>li,
.total-val-breakup label~label {
  margin-top: 10px;
}

.from_field .outletcheck {
  margin-top: 0 !important;
}

.modifireInrTbleWrap {
  border: 1px solid #d1dbd8;
}

.modifireInrTbleWrap .modifier-list-items {
  max-height: 108px;
  overflow: auto;
  overflow-x: hidden;
}

.modifireInrTbleWrap .modifier-list-items table {
  table-layout: fixed;
}

.modifireInrTbleWrap .modifier-list-items table tr {
  display: block;
}

.modifireInrTbleWrap table {
  border: 0;
}

.modifireInrTbleWrap table tr {
  border: 0;
  border-bottom: 1px solid #d1dbd8;
}

.modifireInrTbleWrap table tr:last-child {
  border-bottom: 0;
}

.modifireInrTbleWrap table tr th,
.modifireInrTbleWrap table td {
  padding: 0 10px;
  border: 0;
  border-right: 1px solid #d1dbd8;
}

.modifireInrTbleWrap table th:first-child,
.modifireInrTbleWrap table td:first-child {
  min-width: 240px;
  max-width: 240px;
}

.modifireInrTbleWrap table tr th:last-child,
.modifireInrTbleWrap table td:last-child {
  border-right: 0;
}

.modifireInrTbleWrap table th:last-child,
.modifireInrTbleWrap table td:last-child {
  min-width: 65px;
  max-width: 65px;
}

.modifireInrTbleWrap table tr th {
  border-bottom: 1px solid #d1dbd8;
}

.modifireInrTbleWrap table tr .txtRight {
  padding: 0;
  text-align: right;
}

.modifireInrTbleWrap table tr .txtRight .actnbutton {
  width: 50%;
  border-right: 1px solid #d1dbd8;
}

.modifireInrTbleWrap table tr .txtRight .actnbutton:last-child {
  border-right: 0;
}

.modalFullname select {
  border-radius: 3px 0 0 3px;
}

.modalFullname input {
  border-radius: 0 3px 3px 0;
  margin-left: -1px !important;
}

form[name="paymentForm"] input[type="radio"] {
  margin: 0 5px 0 0;
}

form[name="paymentForm"] label.check .from_field {
  display: inline-flex;
  align-items: center;
  height: 36px;
}

form[name="paymentForm"] input+input {
  margin-left: 10px !important;
}

form[name="discountForm"] .formcontainerdiv {
  min-height: initial;
}

form[name="paymentForm"] label.check+label .listChkWrap {
  margin-left: 0;
}

.importModal .grid-block.vertical {
  overflow: hidden;
}

.importModal .card-divider {
  display: flex;

  padding: 1rem 1.5rem;
  padding-bottom: 0;
  background: #fff;
  font-weight: bold;
}

.importModal .grid-msg-overlay {
  background: #f8f8f8;
}

.importModal .grid-msg-overlay .msg {
  background: #fff;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.importModal .card-section {
  display: flex;
  /*align-items: center;*/
  padding: 1rem 15px 0;
}

.importModal .card-section-padding {
  padding: 1rem 15px 0;
}

.importModal .card-section.map-field-label {
  display: flex;
  flex-flow: row;
  padding: 0 !important;
  margin-left: auto;
}

.importModal .card-section.map-field-label .card-divider {
  padding-top: 0;
}

.importModal .card-section.map-field-label .select-field-label {
  display: flex;
  flex-flow: row;
  align-items: center;
}

.importModal .card-section.map-field-label .select-field-label label {
  display: flex;
  align-items: center;
  margin: 0 10px 0 0;
}

.importModal .card-section.map-field-label .select-field-label label input {
  margin: 0 5px 0 0;
}

.importModal .card-section:last-child {
  padding-bottom: 15px;
}

.importModal .file-selectWrap {
  margin-top: 15px;
}

.importModal .file-selectWrap::before {
  content: '\e6a4';
}

.mapping-fields {
  display: flex;
  flex-flow: row wrap;
  overflow-y: auto;
}

.mapping-fields div {
  display: flex;
  flex: 0 0 50%;
  margin-bottom: 15px;
}

.mapping-fields div:nth-child(odd) {
  padding-right: 15px;
}

.mapping-fields div label {
  display: flex;
  align-items: center;
  height: 35px;
  width: 40%;
  margin: 0 10px;
  white-space: normal;
  word-break: break-all;
}

.mapping-fields select {
  max-height: 35px;
}

.exchange-rt {
  position: relative;
  display: inline-block;
  width: 49%;
  vertical-align: top;
}

.exchange-rt .cur_sign {
  top: 10px;
  left: 90px;
  max-width: 44px;
  margin-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.exchange-rt.exc-rt-input {
  display: flex;
  align-items: center;
  padding-right: 0;
}

.exchange-rt.exc-rt-input input {
  max-width: 70px;
}

.equleSign {
  padding: 10px 15px;
}

.side-bar-tab {
  display: table;
}

.side-bar-tab .title-bar.dark {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  background: none;
  cursor: pointer;
}

.side-bar-tab .activetab {
  position: relative;
}

.side-bar-tab .activetab .title-bar.dark::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -13px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #00b29d;
  margin-left: -8px;
}

.side-bar-tab .activetab .title-bar.dark::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent;
  border-top-color: rgba(255, 255, 255, 0.2);
  margin-left: -8px;
}

.side-bar-tab .activetab .title-bar.dark {
  background: #00b29d;
}

.side-bar-tab .grid-block {
  display: table-cell;
  width: 1%;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  overflow: visible;
}

.side-bar-tab .grid-block:last-child {
  border-right: 0;
}

.recordShow {
  float: right;
  text-align: right;
  margin: 10px 0 0;
  margin-left: auto;
}

.btn-listupdt.button.primary {
  float: left;
  margin-right: 10px;
}

.loadinglist {
  float: left;
  text-align: left;
  color: red;
  margin: 10px 0 0;
}

.maincontainer .side-bar-tab {
  display: table;
  width: 100%;
  text-align: center;
}

.maincontainer .side-bar-tab .grid-block {
  display: inline-block;
  width: auto;
  font-weight: 500;
  margin-bottom: -1px;
  margin-right: -1px;
}

.maincontainer .side-bar-tab .title-bar {
  position: relative;
  padding: 10px 15px;
  background: none;
  font-size: 1.1rem;
  text-transform: uppercase;
  color: #898E95;
  border-bottom: none;
  border: 1px solid #d6dee6;
  margin-right: -1px;
  background-color: #f8f8f8;
  cursor: pointer;
}

.maincontainer .side-bar-tab .activetab .title-bar {
  background: #fff;
  color: #222;
  cursor: default;
}

.maincontainer .side-bar-tab .activetab .title-bar:before {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 50%;
  border-width: 8px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #d6dee6;
  margin-left: -8px;
}

.maincontainer .side-bar-tab .activetab .title-bar:after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 50%;
  border-width: 8px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #fff;
  margin-left: -8px;
}

.maincontainer .side-bar-tab~.innercontainer {
  padding-top: 15px;
  border-radius: 0;
  border: 1px solid #d6dee6;
}

.tab-wrap {
  display: inline-block;
  width: 100%;
}

.tab-wrap .innerTabs ul {
  display: inline-block;
  width: auto;
  margin: 0;
  margin-bottom: -1px;
  margin-top: 10px;
}

.tab-wrap .innerTabs .roletitle {
  position: relative;
  display: inline-block;
  border: none;
  padding: 0;
  vertical-align: top;
  background: none;
  white-space: nowrap;
}

.tab-wrap .innerTabs .roletitle a {
  float: left;
  padding: 10px 12px;
  color: #aaa;
  text-transform: capitalize;
  cursor: pointer;
}

.tab-wrap .innerTabCnt {
  display: inline-block;
  width: 100%;
  padding: 0.5em 1em;
  border: 1px solid #d6dee6;
}

.tab-wrap .innerTabCnt b {
  display: inline-block;
  margin-bottom: 5px;
  color: #667486;
}

.tab-wrap .innerTabCnt ul {
  margin-left: 0;
  border-radius: 0;
}

.tab-wrap .innerTabs .roletitle.active {
  background-color: #fff;
}

.tab-wrap .innerTabs .roletitle.active a {
  width: 100%;
  color: #00b29d;
  cursor: default;
}

.tab-wrap .innerTabs .roletitle.active::after {
  content: '';
  position: absolute;
  background: #00b29d;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
}

.tab-wrap.vert-tab .innerTabs .roletitle.active::after,
.tab-wrap.vert-tab .innerTabs .roletitle.active::before {
  content: '';
  position: absolute;
  left: initial;
  right: -16px;
  top: calc(50% - 4px);
  bottom: initial;
  border-width: 8px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #d6dee6;
  width: auto;
  background: none;
  margin-left: initial;
}

.tab-wrap.vert-tab .innerTabs .roletitle.active::before {
  border-left-color: #fff;
  right: -15px;
  z-index: 9999;
}

.vert-tab {
  display: flex;
}

.vert-tab .innerTabs {
  background: #f4f4f4;
  border: 1px solid #d6dee6;
  border-right: 0;
  margin-bottom: 0;
}

.vert-tab .innerTabs ul {
  list-style-type: none;
  display: flex;
  flex-flow: column;
  margin-top: 0;
}

.vert-tab .textcheck .listChkWrap {
  max-width: 400px;
}

.ord-setting {
  max-height: 250px;
}

.menu-layout span {
  display: inline-flex;
  align-items: center;
  width: 13.25%;
  padding-left: 1rem;
  color: #667486;
}

.menu-layout .from_field {
  width: calc(100% - 100px);
}

.menu-layout .from_field ul {
  margin-bottom: 0;
}

.menu-layout li {
  cursor: pointer;
}

.menu-layout li+li {
  margin-right: 10px;
}

.menu-layout li img {
  width: auto;
  height: auto;
}

.gst-setting {
  min-height: 290px;
  max-height: 290px;
}

.gst-setting.innerTabCnt b {
  color: inherit;
  margin: 0;
}

.gst-ind-set .listChkWrap b {
  margin: 2px 0 10px 0;
}

.gst-ind-set .sub-check {
  margin-left: 10px;
}

.gst-ind-set ul {
  margin-bottom: 5px;
  list-style-type: none;
}

.tax-setting {
  min-height: 290px;
  max-height: 290px;
}

.tax-setting.innerTabCnt b {
  color: inherit;
  margin: 0;
}

.tax-ind-set .listChkWrap b {
  margin: 2px 0 10px 0;
}

.tax-ind-set .sub-check {
  margin-left: 10px;
}

.tax-ind-set ul {
  margin-bottom: 5px;
  list-style-type: none;
}

.hierarchy th+th:before,
.hierarchy td+td:before {
  content: ">";
}

.tablebox {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: auto;
  border-radius: 3px;
  margin: 20px;
  overflow: auto;
}

.paddingTabbleWaiter td {
  padding: 6px;
}

.productOptionBlockInner {
  position: relative;
  width: 91%;
  background: rgba(150, 145, 145, 0.14);
  margin: 0;
  margin-top: 10px;
}

.productOptionBlock {
  height: 90px;
}

.grid-block.tableblock {
  height: 120px;
  padding: 10px;
  padding-top: 1rem;
}

.tableblockinner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #d6dee6;
  background: #f2f4f7;
  font-weight: bold;
  margin: 0;
  margin-top: 0;
}

.tableblockinner .tablename {
  margin-top: -15px;
  color: #5c6a79;
}

.tablecolor {
  display: table-cell;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  text-align: center;
  margin: 9px;
}

.tablecolor.noshadow {
  vertical-align: middle;
  box-shadow: none;
}

.selectedWaiter {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
}

.tablescroll {
  height: 90%;
  overflow: auto;
}

.tableselect {
  position: absolute;
  bottom: 10px;
  left: 13px;
  font-size: 1.125rem;
  color: #657e98;
}

.tableselect1 {
  position: absolute;
  right: 2px;
  bottom: 20px;
}

.tableselected {
  position: absolute;
  top: 11px;
  left: 11px;
  color: #667486;
  font-size: 17px;
}

.btn3 {
  margin: 0 !important;
  background: #fff;
  padding: 10px;
  color: #000 !important;
  border: 1px solid;
}

.tablewaitercolor {
  position: absolute;
  width: 100%;
  height: 6px;
  left: 0;
  bottom: 0;
  border-radius: 0 0 3px 3px;
  margin: 0;
}

.bottomaction {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
}

.textdisplay {
  max-width: 0;
  padding-right: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.textcheck,
.textcheck .listChkWrap {
  display: block;
  max-width: 518px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tax-information {
  border-top: 1px dashed #aaa;
  border-bottom: 1px dashed #aaa;
}

.tax-information .productrow:first-child td {
  font-weight: 600;
  color: #000 !important;
}

.tax-information .productrow:nth-child(n+2) td:first-child {
  padding-left: 25px;
}

#taxgroupauditlogModal .thtext:first-child,
#taxgroupauditlogModal .textdisplay:first-child {
  padding-left: 5px;
}

.auditback {
  background: #e8e8e8;
}

.tax-group {
  max-width: 280px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.taxlist {
  max-width: 140px;
  padding-right: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

form[name="taxgroupForm"] .sort.tax-group {
  max-width: initial;
}

form[name="taxgroupForm"] .grid-content.sort {
  overflow-y: initial;
}

.max-h-auto {
  height: auto !important;
  max-height: 367px !important;
}

.add-edit-tax-group .grid-content div:first-child {
  height: auto !important;
}

.add-edit-tax-group .from_field span:first-child,
.add-edit-tax-group .from_field span:first-child~span,
.front #splitbyqtymodal .btn-move {
  margin-left: 10px;
}

.add-edit-tax-group span.main-tax-name {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.add-edit-tax-group .per-ic {
  line-height: 11px;
}

.add-edit-tax-group span.main-tax-name~.from_field span.sub-tax-name {
  display: block;
  min-width: 188px;
  max-width: 188px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.add-edit-tax-group .from_field .listChkWrap {
  margin: 1px 5px 3px 3px;
}

#rePrintItemSelectionModal h6 {
  background: #d6dee6;
  color: #00b29d;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}

.box-blue {
  display: flex;
  flex-flow: column;
  border: 1px solid #d6dee6 !important;
}

.box {
  background-color: #fff;
  border-radius: 4px;
}

.box>h6 {
  display: block;
  color: #333;
  border-color: #d6dee6;
  border-radius: 3px 3px 0 0;
  padding: 5px;
  margin: 0;
}

.delete-label {
  position: absolute !important;
  top: -18px;
  right: 15px;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 100%;
  border: 1px solid #d6dee6;
  margin: 0;
  z-index: 9999;
}

.delete-label img {
  width: 24px;
  height: 24px;
  margin: 4px 0 0 5px;
}

#addTemplate ul,
#configTemplate ul,
#addTemplate li,
#configTemplate li {
  list-style: none;
}

#addTemplate ul,
#configTemplate ul {
  margin-left: 0;
}

#addTemplate ul.tags,
#configTemplate ul.tags {
  flex-flow: row wrap;
}

#addTemplate ul.tags li,
#configTemplate ul.tags li {
  display: flex;
  align-items: center;
  margin: 10px 5px 0 0;
}

#addTemplate ul.tags li span,
#configTemplate ul.tags li span {
  white-space: normal;
}

#addTemplate ul.tags .ti-info-alt,
#configTemplate ul.tags .ti-info-alt {
  color: #4799ff;
}

#addTemplate ul[dnd-list],
#configTemplate ul[dnd-list] {
  margin-bottom: 0;
}

#addTemplate code,
#configTemplate code {
  display: inline-block;
  height: 24px;
  background-color: #fff;
  border: 1px solid #d6dee6;
  border-radius: 15px;
  line-height: 18px;
  white-space: normal;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 4px;
  margin-left: 0;
}

#addTemplate .new-element-val ul,
#configTemplate .new-element-val ul {
  display: flex;
}

#configTemplate .qrcodeUrl_textarea{
  resize:none;
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: 0;
}

#addTemplate .new-element-val li,
#configTemplate .new-element-val li {
  flex: 1 0 0;
  border: 1px solid #d6dee6;
  text-align: center;
  cursor: move;
}

#addTemplate .new-element-val li+li,
#configTemplate .new-element-val li+li {
  border-left: 0;
}

#addTemplate .selected,
#configTemplate .selected {
  border: 1px dashed #00b29d !important;
}

#addTemplate .box-blue.container.selected,
#configTemplate .box-blue.container.selected {
  border: 1px solid #d6dee6 !important;
}

#addTemplate .make-template,
#configTemplate .make-template {
  display: flex;
  justify-content: space-between;
}

#addTemplate .make-template>div:first-child,
#configTemplate .make-template>div:first-child {
  flex: 0 0 270px;
}

#addTemplate .make-template>div:first-child .padding,
#configTemplate .make-template>div:first-child .padding {
  padding-right: 0;
}

#addTemplate .make-template>div:last-child,
#configTemplate .make-template>div:last-child {
  flex: 0 0 270px;
}

#addTemplate .make-template>div:last-child .padding,
#configTemplate .make-template>div:last-child .padding {
  padding-left: 0;
}

#addTemplate .container,
#configTemplate .container {
  margin: 5px;
  border-color: #bce8f1;
}

#addTemplate .container-element,
#configTemplate .container-element {
  border-color: #bce8f1;
  margin: 5px;
}

#addTemplate .container-element span,
#configTemplate .container-element span {
  white-space: normal;
  word-break: break-all;
}

#addTemplate .container-ele-label,
#configTemplate .container-ele-label {
  display: flex;
  margin-left: 18px;
}

#addTemplate .container-element .column-2,
#configTemplate .container-element .column-2 {
  flex: 1 0 0;
  border: 1px solid #fff;
}

#addTemplate .container-element .column-3,
#configTemplate .container-element .column-3 {
  flex: 1 0 0;
  border: 1px solid #fff;
}

#addTemplate .container-element .column-4,
#configTemplate .container-element .column-4 {
  flex: 1 0 0;
  border: 1px solid #fff;
}

#addTemplate .side-bar-tab .title-bar,
#configTemplate .side-bar-tab .title-bar {
  position: relative;
  padding: 10px 15px;
  background: none;
  font-size: 1.1rem;
  text-transform: uppercase;
  color: #898E95;
  border-bottom: none;
  border: 1px solid #d6dee6;
  margin-right: -1px;
  background-color: #f8f8f8;
  cursor: pointer;
}

#addTemplate .side-bar-tab .grid-block,
#configTemplate .side-bar-tab .grid-block {
  display: inline-block;
  width: auto;
  font-weight: 500;
  margin-bottom: -1px;
  margin-right: -1px;
}

#addTemplate .side-bar-tab .activetab .title-bar,
#configTemplate .side-bar-tab .activetab .title-bar {
  background: #fff;
  color: #222;
  cursor: default;
}

#mrtTemplate code {
  white-space: normal;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 4px;
}

#mrtTemplate ul.tags li {
  display: flex;
  align-items: center;
}

#addSMSTemplateModal .make-template,
#addWhatsappTemplateModal .make-template {
  display: flex;
}

#addSMSTemplateModal .make-template>div:first-child,
#addWhatsappTemplateModal .make-template>div:first-child {
  flex: 0 0 70%;
}

#addSMSTemplateModal .make-template>div:first-child .from_field,
#addWhatsappTemplateModal .make-template>div:first-child .from_field {
  width: 49%;
}

#addSMSTemplateModal .make-template>div:last-child,
#addWhatsappTemplateModal .make-template>div:last-child {
  flex: 0 0 30%;
}

#addSMSTemplateModal .make-template>div:last-child .padding,
#addWhatsappTemplateModal .make-template>div:last-child .padding {
  padding-left: 0;
}

#addSMSTemplateModal .make-template .mod-properties ul,
#addWhatsappTemplateModal .make-template .mod-properties ul {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 10px 0 0;
}

#addSMSTemplateModal .make-template .mod-properties ul li,
#addWhatsappTemplateModal .make-template .mod-properties ul li {
  margin-right: 10px;
}

#messageBodySMS {
  resize: vertical;
  height: 120px;
  max-height: 120px;
}

#addEmailTemplateModal .emailsChk ul {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 10px 0 0;
}

#addEmailTemplateModal .emailsChk ul li {
  margin-right: 10px;
}

.emailsmsnotification .searchdiv {
  padding-left: 15px;
  padding-right: 15px;
}

.emailsmsnotification .searchdiv .searchRightBtns {
  display: flex;
  justify-content: flex-end;
}

.emailsmsnotification {
  display: flex;
  flex-flow: column;
}

.emailsmsnotificationpg .side-bar-tab {
  flex: 0 0 auto;
}

.emailsmsnotificationpg .innercontainer {
  flex: 1 0 0;
}

.emailsmsnotificationpg .innercontainer .tablediv1 {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
}

.emailsmsnotificationpg .innercontainer .tablediv1 div[ng-if="tab==2 || tab==undefined"] {
  display: flex;
  flex: 1 0 0;
}

.emailsmsnotificationpg .innercontainer .tablediv1 form[name="providerDetailForm"] {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
}

.emailsmsnotificationpg .innercontainer .tablediv1 form[name="providerDetailForm"] .formcontainerdiv {
  min-height: initial;
  max-height: initial;
}

.notificationsetting {
  display: flex;
  flex-flow: column;
}

.notificationsetting .notify-head {
  background: #f4f4f4;
  line-height: 30px;
  padding-left: 10px;
  margin-bottom: 0;
}

.notificationsetting .tablediv1 {
  flex: 1 0 0;
  display: flex;
  flex-flow: column;
}

.notificationsetting .tablediv1 .tablebody {
  flex: 0 0 auto;
}

.notificationsetting .tablediv1 .tablebody th:first-child,
.notificationsetting .tablediv1 .tablebody td:first-child {
  padding-left: 10px;
}

.notificationsetting .tablediv1 .tablebody td span {
  line-height: 35px;
  padding: 8px 7px;
}

.notificationsetting .tablediv1 .tablebody [class^="ti-"] {
  padding: 0 5px;
}

.notificationsetting .tablediv1 .guest-list,
.notificationsetting .tablediv1 .user-list {
  flex: 1 0 0;
  overflow: auto;
}

.tab-template-data {
  border: 1px solid #d6dee6;
  height: 300px;
  overflow: auto;
}

.mod-properties {
  padding: 10px;
  background: #f4f4f4;
  margin-bottom: 0;
  max-width: 270px;
}

.mod-properties h5 {
  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;
  color: #00b29d;
  margin: 10px 0 5px !important;
}

.mod-properties input,
.mod-properties select {
  margin: 5px 0 10px;
}

.caption {
  margin-bottom: 10px;
}

.box-blue>h6 {
  background-color: #ccc !important;
  cursor: pointer;
}

.mod-properties-2up {
  display: flex;
}

.mod-properties-2up>span {
  flex: 1 0 0;
  padding-right: 10px;
}

.mod-properties-2up>span:last-child {
  padding-right: 0;
}

.mod-properties .menu-bar .layoutselected {
  border: 1px solid #00b29d;
  border-radius: 3px;
  background: #dedede;
}

.mod-properties .menu-bar li {
  max-width: 30px;
  height: 30px;
  box-sizing: border-box;
  border: 1px solid transparent;
}

.mod-properties .menu-bar li+li {
  margin-left: 10px;
}

.innerTabCnt .expandcollapse>.listChkWrap {
  width: 100%;
  background: #eee;
  padding: 3px;
  cursor: pointer;
}

.innerTabCnt .expandcollapse>.listChkWrap b {
  margin-bottom: 0;
}

.innerTabCnt .expandcollapse>.listChkWrap .custChk {
  margin-left: 5px;
  margin-top: 5px;
}

.innerTabCnt .expandcollapse>.listChkWrap input[type="checkbox"] {
  margin-right: 7px;
}

.innerTabCnt .listChkWrap {
  margin-top: 0;
}

.innerTabCnt .listChkWrap .custChk {
  margin-top: 3px;
}

.highlighted {
  background: yellow;
}

.innerTabCnt.rolediv>ul>li b,
.modal .grid-content>.formdivgrp:first-of-type h5,
.custome-cardWrap .listChkWrap,
.reportpage .navdiv {
  margin-top: 0;
}

.actionactive {
  background: #f4f4f4;
  color: #000;
}

.paxno>li>a {
  border: 1px solid #d6dee6;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.paxno1 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #29313f;
}

.paxno>li>input {
  width: 90px;
  height: 45px;
}

.paxno1>li>a {
  border: none;
  color: #f1f0f0;
  border-left: 1px solid #f1f0f0;
  border-right: 1px solid #f1f0f0;
}

.paxno .finishorder a {
  background: #00b29d;
  color: #fff;
  border-color: transparent;
}

.guestmodal>aside {
  max-width: 500px !important;
}

.toppagination {
  display: inline-flex;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.rightnav {
  position: absolute;
  right: 15px;
  float: right;
}

.menucontainer {
  display: flex;
  max-width: calc(100% - 37px);
  overflow: auto;
}

.navbutton {
  width: 100%;
  height: 40px;
  background: rgba(42, 47, 43, 0.53);
  border-bottom: 3px solid #f1f0f0;
  padding: 10px;
  color: #ffffff;
}

.menu {
  background: #f1f0f0;
  border-bottom: 3px solid #aaa;
  padding: 10px;
  color: #565656;
}

.selectedmenu {
  background: rgba(42, 47, 43, 0.53);
  border-bottom: 3px solid #f1f0f0;
  padding: 10px;
  color: #ffffff;
  margin: 0 !important;
}

.hold {
  background: #ffc107;
  color: black !important;
}

.holdcourse {
  background: #ff8080;
}

.voided {
  text-decoration: line-through;
  color: red !important;
}

.orderaction.action-sheet.is-active {
  transform: translateX(-15%) translateY(100%);
}

.spanbtn {
  position: absolute;
  top: 35%;
}

.productrow {
  height: 35px;
  background-color: #fff;
  text-align: left;
  margin: 5px;
}

.productrow td {
  padding-left: 15px;
}

.orderlist {
  overflow: auto;
  margin-bottom: 0;
}

.total {
  bottom: 12px;
  width: 100%;
  height: 50px;
  border-top: 1px solid #d6dee6;
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
}

.total1 {
  position: absolute;
  bottom: 12px;
  width: 100%;
  height: 50px;
  border-top: 1px solid #d6dee6;
}

.numpad {
  position: absolute;
  width: 302px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #d6dee6;
  z-index: 999;
}

.numpad-qty,
.numpad-price {
  display: flex;
  justify-content: space-between;
  height: 70px;
  font-size: 24px;
  text-align: center;
  line-height: 70px;
}

.numpad-qty .has-error.validationMessage,
.numpad-price .has-error.validationMessage {
  text-align: left;
}

.numpad-qty span,
.numpad-price span {
  padding-left: 20px;
}

.numpad-qty .backspace,
.numpad-price .backspace {
  width: 70px;
}

.pad ul {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
}

.pad ul li {
  display: inline;
  width: 100px;
  height: 70px;
  font-size: 18px;
  text-align: center;
  line-height: 70px;
  list-style: none;
  border-top: 1px solid #dedee6;
  border-right: 1px solid #d6dee6;
}

.pad ul li:nth-child(3n) {
  border-right: none;
}

.pad ul li a {
  display: block;
  width: 100px;
  height: 70px;
  color: #000;
}

.pad ul li a:hover,
.pad ul li a:focus {
  background: #e8e8e8;
}

.numpad button {
  width: 100%;
  height: 50px;
  border-radius: 0 0 5px 5px;
}

.numpad-qty~.pad .decimal a {
  visibility: hidden;
}

.numpad-qty input,
.numpad-price input {
  border: none;
  padding: 0;
  margin: 16px 0;
}

.numpad-qty input:focus,
.numpad-qty input:hover,
.numpad-price input:focus,
.numpad-price input:hover {
  border: none;
  background: none;
}

.modal-overlay .numpad {
  position: relative;
  margin: 10px auto 0;
}

#dragme {
  position: relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  z-index: 0;
  transform: translateZ(0);
  will-change: transform;
}

.form-select {
  position: relative;
  display: inline-block;
  background-color: #fff;
}

.form-select select {
  position: relative;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  padding-right: 30px;
  border-color: #d6dee6;
  z-index: 2;
}

.form-select .icon-down {
  position: absolute;
  top: 50%;
  right: 5px;
  height: 20px;
  width: 20px;
  margin-top: -10px;
  z-index: 1;
}

.form-select .icon-down::after,
.form-select .icon-down::before {
  content: '';
  position: absolute;
  height: 1px;
  width: 8px;
  background-color: #667486;
  margin-top: -1px;
  top: 50%;
}

.form-select .icon-down::after {
  left: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.form-select .icon-down::before {
  left: 8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.tableText {
  width: 100%;
  max-width: 350px;
  padding: 2px 5px;
  border: 1px solid #d6dee6;
  border-radius: 3px;
  background-color: #f8f8f8;
}

.tableText:focus {
  outline: none;
}

.is-active.modal {
  border-radius: 3px;
}

.lia {
  line-height: 2 !important;
  flex-flow: column !important;
}

.paxno2>li {
  margin: 5px;
}

#paymentDetailSection {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  flex: 0 0 63%;
  overflow: hidden;
  margin-right: 20px;
}

#paymentDetailSection ul {
  display: flex;
  justify-content: space-between;
  flex: 0 0 75px;
}

#paymentDetailSection .operationBtn {
  flex: 1 0 auto;
  margin: 0;
}

#paymentDetailSection .operationBtn+.operationBtn {
  margin-left: 10px;
}

#paymentDetailSection .operationBtn .button {
  justify-content: center;
  height: 75px;
  background: #fff;
  padding: 0;
  border-radius: 3px;
  border: 1px solid #d6dee6;
  box-shadow: none;
  display: flex;
}

#paymentDetailSection .operationBtn:hover .button,
#paymentDetailSection .operationBtn.active .button {
  border: 1px solid #00b29d;
}

#paymentDetailSection .operationBtn:hover .button span,
#paymentDetailSection .operationBtn.active .button span {
  color: #00b29d;
}

#paymentDetailSection .operationBtn:hover .tip-ic,
#paymentDetailSection .operationBtn.active .tip-ic {
  background-position: -44px -97px;
}

#paymentDetailSection .operationBtn:hover .cash-ic,
#paymentDetailSection .operationBtn.active .cash-ic {
  background-position: -174px -97px;
}

#paymentDetailSection .operationBtn:hover .bank-ic,
#paymentDetailSection .operationBtn.active .bank-ic {
  background-position: -304px -97px;
}

#paymentDetailSection .operationBtn:hover .credit-ic,
#paymentDetailSection .operationBtn.active .credit-ic {
  background-position: -434px -97px;
}

#paymentDetailSection .operationBtn:hover .posting-ic,
#paymentDetailSection .operationBtn.active .posting-ic {
  background-position: -559px -97px;
}

.payment-ic {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../../images/payment-icons.png") no-repeat -44px -22px;
}

.payment-ic+span {
  width: 60px;
  font-size: 14px;
  margin-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cash-ic {
  background-position: -174px -22px;
}

.bank-ic {
  background-position: -304px -22px;
}

.credit-ic {
  background-position: -434px -22px;
}

.posting-ic {
  background-position: -559px -22px;
}

.payment-ic.ticon {
  font-size: 28px;
  background: none;
  line-height: 32px;
  color: #b1b1bc;
}

.operationBtn .button:hover .payment-ic.ticon {
  color: #00b29d;
}

.operationBtn.eo_tooltip .icn-info {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
  padding: 5px;
  opacity: 0.6;
}

.operationBtn.eo_tooltip.left .content {
  transform: translateY(-50%);
  top: 50%;
}

.tablebox1 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  margin: 10px;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  overflow: auto;
}

.duetable>tbody>tr>td>input {
  margin: 0;
  width: 150px;
}

.modifiertimediv,
.producttimediv {
  position: relative;
}

.producttimediv[style*="pointer-events"] .angular-time-picker-button {
  background: #e2e2e2;
}

.angular-time-picker-button {
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
  border: 1px solid #d6dee6;
  border-radius: 3px;
  white-space: nowrap;
}

.producttimediv .angular-time-picker-dropdown__menu {
  position: absolute;
  border: 1px solid #d6dee6;
  border-radius: 3px;
  background: #fff;
}

.angular-time-picker-cancel-btn {
  color: #667486;
}

.angular-time-picker-light {
  background: #fff;
}

.angular-time-picker-dropdown__menu {
  position: absolute;
}

.angular-time-picker-caret {
  border-bottom-color: transparent;
}

.angular-time-picker-push--top a {
  cursor: pointer;
}

.selectedModifierItem {
  border: 3px solid #00b29d;
}

.mainWrapper {
  padding: 0 20px 20px;
  padding-top: 70px;
  overflow-y: auto;
}

.nav-buttonFront {
  display: inline-block;
  padding-top: 13px;
  padding-left: 5px;
  float: none;
  padding: 0;
  margin-right: auto;
  vertical-align: middle;
}

.nav-buttonFront .button {
  margin: 0;
  font-size: 1.2rem;
  background: none;
  color: #667486;
}

.companyNameFront {
  display: inline-block;
  padding: 13px;
  padding-left: 0;
  font-size: 22px;
  vertical-align: middle;
  color: #667486;
}

.frontCloseBtn {
  font-size: 1rem;
  line-height: 0;
}

.frontCloseBtn:hover {
  color: #00b29d;
}

.modulehead.title-bar span.frontDashDate {
  font-size: 1.1rem;
  font-weight: bold;
}

.frontDashBlock {
  flex: 1;
  padding: 15px 20px;
  border-radius: 3px;
  font-size: 1rem;
  color: #000;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  margin-left: 10px;
  margin-right: 10px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.frontDashBlock:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.frontDashBlock .wrap {
  margin: auto;
  text-align: center;
}

.frontDashBlock span {
  display: block;
  width: 100%;
  font-size: 1.714em;
  font-weight: bold;
}

.frontDashChart {
  padding-bottom: 1px;
  border: 0;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  margin-left: 10px;
  margin-right: 10px;
}

.frontDashChart .title-bar {
  padding: 10px;
  font-weight: bold;
  border-radius: 3px 3px 0 0;
  font-size: 18px;
  border-color: #d6dee6;
}

.frontDashChart .title-bar .title {
  font-weight: bold;
}

.frontDashChart.inline50 {
  float: left;
  width: calc(50% - 20px);
}

.topSaleBlockWrap {
  padding: 15px;
}

.topSaleBlock {
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  border-radius: 3px;
  border: 1px solid #d6dee6;
  font-size: 1.143em;
  color: #777;
  margin-bottom: 15px;
}

.topSaleBlock span {
  display: inline-block;
  width: 100%;
  font-size: 1.125em;
  font-weight: bold;
  color: #667486;
  text-align: right;
}

.pagepaddingWrap .tablebox {
  margin: 20px;
  margin-right: 0;
}

.pagepaddingWrap .tablebox .title-bar {
  background-color: #f2f4f7;
  color: #667486;
  border-color: #d6dee6;
  font-size: 18px;
}

.tablebox .title-bar.primary {
  background-color: #f2f4f7;
  color: #667486;
}

.frontPaxNumber {
  margin: auto;
}

.frontPaxNumber .paxno {
  border: none;
}

.frontPaxNumber .paxno li a {
  border: none;
  border-radius: 0;
  background: #fff;
  margin-right: -1px;
}

.frontPaxNumber .paxno li+li a {
  border-left: 1px solid #e1e4e7;
}

.frontPaxNumber .paxno li a:hover {
  background-color: #f8f8f8;
}

.frontPaxNumber .paxno li.active a {
  background: #00b29d;
  color: #fff;
}

.frontPaxNumber .paxno li:first-child a {
  border-radius: 3px 0 0 3px;
}

.frontPaxNumber .paxno li:nth-child(3n + 9) a {
  border-radius: 0 3px 3px 0;
}

.frontPaxNumber .paxno li:last-child {
  margin-left: 8px;
}

.frontPaxNumber .paxno li:last-child input {
  border-radius: 3px;
  border: none;
  margin: 0;
  height: 42px;
}

.modal .frontGuestDivGroup>.grid-block {
  margin: 0 -5px;
}

.modal .frontGuestDivGroup>.grid-block:first-of-type {
  margin-top: -1rem;
}

.modal .frontGuestDivGroup>.grid-block input,
.modal .frontGuestDivGroup>.grid-block select {
  margin: 1rem 0 0 0;
}

.frontGuestDivGroup .grid-block>.grid-block {
  padding: 0 5px;
}

.frontGuestDivGroup .fld_fall {
  padding: 0 5px;
}

.frontGuestDivGroup .fld_fall>.grid-block {
  padding: 0;
}

.frontGuestDivGroup .selectbg {
  background-color: #f8f8f8;
}

.frontPartyType ul {
  border: none;
  border-radius: 3px;
  margin-bottom: 1.5rem;
}

.frontPartyType ul li {
  border-right: 1px solid #e1e4e7;
}

.frontPartyType ul li a {
  justify-content: center;
  height: 100%;
  background: #fff;
  color: #667486;
  text-align: center;
  margin: 0;
  cursor: pointer;
}

.frontPartyType ul li a span {
  margin-top: 10px;
  font-weight: bold;
}

.frontPartyType ul li a:hover {
  background-color: #f8f8f8;
  color: #667486;
}

.frontPartyType ul li.actionactive {
  background-color: transparent;
}

.frontPartyType ul li.actionactive a {
  color: #fff;
  background-color: #00b29d;
}

.frontPartyType ul li:last-child {
  border-right: 0;
}

.manageserver .guestmodal .grid-block,
.orderpage .guestmodal .grid-block {
  overflow: hidden;
}

.manageserver .guestmodal .grid-block .from_field,
.orderpage .guestmodal .grid-block .from_field,
.guestmodal .grid-block .from_field {
  width: auto;
  padding: 0 5px;
  flex: 1 1;
}

#paymentModal aside.modal {
  overflow: visible;
}

#paymentModal .money-tendered {
  display: flex;
  align-items: flex-start;
  flex-flow: row;
  flex: 0 0 48%;
  padding: 0;
  border: 0;
  margin-left: 3px;
}

#paymentModal .money-tendered .selcurrency {
  margin-right: 0;
  width: auto;
  height: 36px;
  line-height: 36px;
  padding-top: 0;
  border-radius: 3px 0 0 3px;
}

#paymentModal .money-tendered .from_field {
  width: 100%;
}

#paymentModal .money-tendered .from_field input {
  border-radius: 0 3px 3px 0;
}

#cashieringPanel {
  background: #f2f5f7;
  z-index: initial;
}

#cashieringPanel .modulehead.title-bar {
  top: initial;
}

#cashieringPanel .orderFooterButtons ul+div {
  margin-left: auto;
}

.clsnotification ul li {
  flex: 1 0 90px;
  position: relative;
}

.clsnotification ul li.notificationSingle .has-error.validationMessage {
  display: none;
}

.clsnotification ul li input[type="radio"] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9999;
}

.clsnotification label {
  display: flex;
}

.clsnotification .scrlarea {
  display: flex;
}

.clsnotification #prvBtn,
.clsnotification #nxtBtn {
  height: 80px;
}

.clsnotification #prvBtn .button,
.clsnotification #nxtBtn .button {
  height: 100%;
  line-height: 60px;
}

.clsnotification #notificationOnTable,
.clsnotification #notificationOnTable1 {
  flex: 0 0 83.33%;
  border: 1px solid #fff !important;
  border-radius: 0;
  margin-bottom: 0;
}

.clsnotification #notificationOnTable.has-error,
.clsnotification #notificationOnTable1.has-error {
  box-sizing: border-box;
  border: 1px solid #eca29d !important;
  background-color: #fee;
}

.clsnotification ul .dineInType {
  margin-top: 12px;
}

.clsnotification #prvBtn .button {
  border-radius: 3px 0 0 3px;
}

.clsnotification #nxtBtn .button {
  border-radius: 0 3px 3px 0;
}

.spinner {
  margin: 50px auto;
  width: 70px;
  text-align: center;
}

.spinner>div {
  width: 20px;
  height: 20px;
  background-color: #00b29d;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.loader {
  position: relative;
  margin: 0 auto;
  margin-left: 0;
  width: 35px;
}

.loader p {
  position: absolute;
  top: 0;
  left: 45px;
  white-space: nowrap;
  font-size: 12px;
  margin: 0;
  line-height: 35px;
}

.loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.pleasewait-txt {
  margin-bottom: 0;
  line-height: 35px;
  text-transform: initial;
}

.circular {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@-webkit-keyframes color {

  100%,
  0% {
    stroke: #d62d20;
  }

  40% {
    stroke: #0057e7;
  }

  66% {
    stroke: #008744;
  }

  80%,
  90% {
    stroke: #ffa700;
  }
}

@keyframes color {

  100%,
  0% {
    stroke: #d62d20;
  }

  40% {
    stroke: #0057e7;
  }

  66% {
    stroke: #008744;
  }

  80%,
  90% {
    stroke: #ffa700;
  }
}

.dineInType {
  margin-top: 12px;
}

.dineInType .fa {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #657e98;
  font-size: 1.5em;
  z-index: 2;
}

.dineInType timer {
  position: absolute;
  top: 0;
  right: -5px;
  padding: 2px 5px;
  border-radius: 3px;
  background: #657e98;
  color: #fff;
  font-size: 0.815em;
  box-shadow: 0 3px 6px rgba(100, 135, 173, 0.34);
  margin-top: -10px;
}

.frontPartyType li a {
  border: 0;
}

.runningOrdersWrap {
  margin-bottom: 15px;
}

.runningOrdersWrap .block-list {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.runningOrdersWrap .block-list li {
  display: flex;
}

.runningOrdersWrap .block-list li .listChkWrap {
  padding: 0;
  margin-top: 8px;
  margin-right: 1rem;
}

.runningOrdersWrap .block-list li .listChkWrap+span {
  padding: 10px 0;
}

.runningOrdersWrap .block-list li:last-child {
  border-bottom: 0;
}

.runningOrdersWrap .block-list li:first-child {
  border-top: 0;
}

.runningOrdersWrap .block-list li.actionactive {
  background-color: #fff;
  color: #000;
}

.runningOrdersWrap .runningOrderList {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #d6dee6;
}

.order-list-head {
  border-top: 1px solid #d6dee6;
  border-bottom: 1px solid #d6dee6;
}

.order-list-head th {
  color: #888;
  font-size: 13px;
  font-weight: normal !important;
  line-height: 35px;
  text-align: left;
  padding-left: 5px;
}

.order-list-head th:first-child {
  padding-left: 10px;
}

.order-list-head th:last-child {
  padding-right: 10px;
}

.order-list-head th .ti-trash {
  visibility: hidden;
}

.addupdate {
  font-weight: bold;
}

.orderListGuestWrap {
  padding: 0;
  border: none;
  margin: 0;
}

.orderListGuestWrap h6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #d6dee6;
  color: #00b29d;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}

.orderListGuestWrap legend b {
  color: #667486;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.orderListGuestWrap .guestName {
  border-bottom: 1px solid #d6dee6;
  font-weight: bold;
}

.orderListGuestWrap .guestName td {
  padding: 5px;
}

.orderListGuestWrap .orderProductList tr tr td {
  padding: 8px 0;
  padding-left: 5px;
}

.orderListGuestWrap .orderProductList tr tr td:first-child {
  padding-left: 10px;
}

.orderListGuestWrap .orderProductList tr tr td:last-child {
  padding-right: 10px;
}

.orderListGuestWrap .orderProductList .modifier-list .ti-trash {
  visibility: hidden;
}

.orderListGuestWrap .orderProductList .modifier-list tr td {
  padding: 3px 0;
  padding-left: 5px;
}

.orderListGuestWrap .orderProductList-1 tr td {
  padding: 8px 0;
  padding-left: 5px;
}

.orderListGuestWrap .orderProductList-1 tr td:first-child {
  padding-left: 10px;
}

.orderListGuestWrap .orderProductList-1 tr td:last-child {
  padding-right: 10px;
}

.disc-strike {
  font-size: 11px;
  color: #888;
  cursor: pointer;
}

#productModifiers .orderProductList-1 tr td {
  padding: 5px 0;
}

#productModifiers .orderProductList-1 tr td:first-child {
  padding-left: 10px;
}

#productModifiers .orderProductList-1 tr td:last-child {
  padding-right: 10px;
}

.orderListGuestWrap.itemWise {
  padding: 0;
  border: none;
}

.guestWise .guestName>td {
  padding: 5px;
}

.orderTotalFtr {
  bottom: 0;
  height: auto;
  border-top-color: #d6dee6;
  padding: 0;
}

.orderTotalFtr .chargeAmt div:first-child {
  max-width: 90px;
}

#amountSection {
  position: relative;
}

#amountSection lable {
  cursor: pointer;
}

#amountSection,
.chargeAmt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  padding: 0 10px;
  background: #ddd;
  font-size: 16px;
}

.chargeAmt {
  background: #00b29d;
  color: #fff;
}

.total-val-breakup,
.posting-info {
  position: absolute;
  right: 0;
  bottom: 40px;
  width: 100%;
  border: 1px solid #d6dee6;
  background: #fff;
  border-radius: 5px;
  z-index: 9;
}

.tol-val-content {
  max-height: 375px;
  padding: 10px;
  overflow-y: auto;
}

.total-val-breakup label,
.posting-info label {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.total-val-breakup table,
.posting-info table {
  width: 100%;
}

.total-val-breakup table tr,
.posting-info table tr {
  display: flex;
  line-height: 24px;
}

.total-val-breakup table td,
.posting-info table td {
  width: 77.5%;
  color: #666;
}

.total-val-breakup table td+td,
.posting-info table td+td {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  width: 22.5%;
  text-align: right;
}

.total-val-breakup table td+td i,
.posting-info table td+td i {
  padding-right: 3px;
  line-height: 24px;
}

.total-val-breakup .arrow,
.posting-info .arrow {
  position: absolute;
  border-style: solid;
}

.total-val-breakup .bottom,
.posting-info .bottom {
  right: 40px;
  bottom: -10px;
  border-color: #d6dee6 transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}

.total-val-breakup .bottom:after,
.posting-info .bottom:after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: -9px;
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 9px 9px 0 9px;
}

.posting-info {
  position: absolute;
  top: 30px;
  left: 10px;
  right: 0;
  bottom: auto;
  z-index: 9999;
  background: #fff;
  width: 165%;
}

.posting-info .top {
  left: 112px;
  top: -12px;
  border-color: #d6dee6 transparent;
  border-width: 0 12px 12px;
  position: absolute;
  border-style: solid;
}

.posting-info .top:before {
  content: '';
  left: -10px;
  top: 2px;
  border-color: #fff transparent;
  border-width: 0 10px 10px;
  position: absolute;
  border-style: solid;
}

.posting-info table {
  border: none !important;
  background: none !important;
}

.posting-info tr {
  justify-content: space-around;
}

.posting-info td {
  padding-left: 0 !important;
}

.posting-info tr.chkdesc {
  align-items: flex-start !important;
}

.posting-info tr.chkdesc td {
  width: 38%;
  padding-left: 10px !important;
}

.posting-info tr.chkdesc td+td {
  width: 62%;
  padding-right: 10px !important;
  white-space: normal;
}

.orderMenuGrid .orderMenuGridListWrap {
  padding: 0 15px 0;
}

.orderMenuGrid .orderMenuGridListWrap .orderMenuGridList {
  border-radius: 0;
  border: 1px solid #d6dee6;
  overflow: hidden;
  margin-bottom: -1px;
}

.orderMenuGrid .orderMenuGridListWrap .orderMenuGridList .navbutton {
  background-color: #fff;
  color: #777;
  border: 0;
  border-radius: 0;
  line-height: 1.5;
}

.orderMenuGrid .orderMenuGridListWrap .orderMenuGridList:first-child {
  border-radius: 3px 3px 0 0;
}

.orderMenuGrid .orderMenuGridListWrap .orderMenuGridList:last-child {
  border-radius: 0 0 3px 3px;
}

.orderMenuGrid .orderMenuGridListWrap .orderMenuGridList #prvBtn .navbutton {
  border-right: 1px solid #d6dee6;
}

.orderMenuGrid .orderMenuGridListWrap .orderMenuGridList #nxtBtn .navbutton {
  border-left: 1px solid #d6dee6;
}

.orderMenuGrid .orderMenuGridListWrap .orderMenuGridList .orderListLinks {
  padding: 0 10px;
  background: #fff;
  border-bottom: 0;
  overflow-x: auto;
}

.orderMenuGridList .orderListLinks .menu {
  display: table;
  padding: 10px 15px;
  background: #fff;
  border-bottom: 0;
  border-radius: 0;
  white-space: nowrap;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  cursor: pointer;
}

.orderMenuGridList .orderListLinks .menu:hover {
  box-shadow: 0 -3px 0 0 #ddd inset;
  -webkit-box-shadow: 0 -3px 0 0 #ddd inset;
}

.orderMenuGridList .orderListLinks .menu.selectedmenu {
  color: #00b29d;
  box-shadow: 0 -3px 0 0 #00b29d inset;
  -webkit-box-shadow: 0 -3px 0 0 #00b29d inset;
}

.orderMenuGridList div.small-1 {
  flex: 0 0 5%;
}

#menu_grp.orderMenuGridList,
#menusub_grp.orderMenuGridList {
  border: none;
  border-bottom: 1px solid #d6dee6;
}

#menu_grp.orderMenuGridList {
  border-bottom: 2px solid #d6dee6;
}

#menusub_grp .emptyData {
  padding-top: 0;
  line-height: 40px;
}

i.fa.fa-info {
  padding: 5px;
}

.card.title_info {
  max-width: 860px;
  margin: auto;
  margin-top: 30px;
  padding: 15px;
  color: #707886;
}

.card.title_info i.icn {
  font-size: 3rem;
}

.card.title_info h1 {
  font-size: 1.25rem;
  padding-left: 15px;
  margin: 0;
  font-weight: 600;
}

.screensaver {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #f2f4f7;
  text-align: center;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  transition: all ease 0.6s;
  -webkit-transition: all ease 0.6s;
  z-index: 20000;
}

.screensaver.ng-hide {
  display: block !important;
  transform: translateY(-120%);
  -webkit-transform: translateY(-120%);
}

.screensaverCnt {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 320px;
  height: 160px;
  margin-top: -80px;
  margin-left: -160px;
}

.screensaverCnt img {
  max-width: 75px;
}

.screensaverCnt h1 {
  color: #667486;
}

.ssLoader {
  position: relative;
  width: 320px;
  padding: 10px 25px;
  border-radius: 0;
  background: #f2f4f7;
  text-align: center;
}

.ssLoader .loader-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  border-radius: 0;
  opacity: 0.99;
}

.ssLoader .loader-bar .bar {
  position: absolute;
  bottom: 0;
  width: 80px;
  height: 4px;
  border-radius: 3px;
  background: #00b29d;
  animation: exordo-loader 3s ease infinite;
  transform-origin: 50% 50%;
  box-shadow: 0 10px 45px #2374da;
  -webkit-box-shadow: 0 10px 45px #2374da;
}

@-webkit-keyframes exordo-loader {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(240px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes exordo-loader {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(240px);
  }

  100% {
    transform: translateX(0);
  }
}

.emptyData {
  width: 100%;
  padding-top: 5px;
  color: rgba(0, 0, 0, 0.2);
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.noRecordFound {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  color: rgba(0, 0, 0, 0.2);
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}

.title-bar.right-buttons {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 1rem;
  padding-top: 0;
  border-top: 0;
  text-align: center;
}

.right-buttons .button.primary,
.right-buttons .button.default,
.right-buttons button {
  display: inline-block;
  min-width: 100px;
  padding: 0.9rem 1.2rem;
  font-size: 1rem;
  margin-left: 0;
  margin-bottom: 0;
}

.custome-cardWrap {
  position: relative;
  width: 100%;
  border: 1px solid #d6dee6 !important;
  margin: 0 10px;
}

.custome-cardWrap .card-divider {
  background-color: #f2f4f7;
  border-bottom: 1px solid #d6dee6;
}

.custome-cardWrap .card-section table th,
.custome-cardWrap .card-section table td {
  padding: 1px 3px;
}

.splititemdiv select {
  width: 40px;
  padding: 0 0 0 5px;
  border-color: #d6dee6 !important;
  margin: 0;
}

.front #splitbyqtymodal .modal .grid-content {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

#splitbyqtymodal>aside {
  min-width: 80%;
}

#splitbyqtymodal>aside .vertical {
  max-width: 100%;
}

.splititemdiv {
  height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
}

.footer-bar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 0 0 auto;
  background: #ebeff1;
}

.footer-bar .left:first-child,
.footer-bar .left:first-child+.right:last-child {
  flex: 1 1 auto;
}

.footer-bar .right {
  flex: 1 1 auto;
  text-align: right;
}

select {
  background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" ></polygon></svg>') right 10px center no-repeat;
  background-size: 8px 6px;
}

.manageserver .tableblockinner,
.side_buttonGroup .spandiv,
#tabs ul li {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}

#terminalPopup .block-list li a,
#outletPopup .block-list li a {
  max-width: 336px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

form[name="outletForm"] .small-lh .from_lbl {
  line-height: 28px;
  width: 95%;
}

form[name="outletForm"] .small-lh .from_lbl.w-auto {
  width: auto;
}

form[name="outletForm"] .w-auto {
  width: auto;
}

.front #main.mainWrapper>.maincontainer {
  padding: 0;
}

.front .listSearchWrap .reloadBtn.btn1 {
  right: 0;
}

.front .listSearchWrap.custSearchWrap .reloadBtn.btn1 {
  right: 40px;
}

._720kb-datepicker-calendar {
  display: none;
}

._720kb-datepicker-calendar._720kb-datepicker-forced-to-open,
._720kb-datepicker-calendar._720kb-datepicker-open {
  display: block;
}

._720kb-datepicker-calendar-month a span i {
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #000;
  margin-top: 16px;
  border-top-color: #fff;
  margin-top: 19px;
  margin-left: 5px;
}

._720kb-datepicker-calendar-month a span i:after {
  content: normal;
}

._720kb-datepicker-calendar-header-opened-pagination {
  border-top-color: transparent !important;
  border-bottom-color: #fff !important;
  margin-top: 13px !important;
}

.ng-datepicker>.calendar>span>span.day:hover {
  background: #00b29d;
}

.front .block-list li {
  border-color: #d6dee6;
}

#citylegerpopup .block-list li a,
#cashpaymenttypepopup .block-list li a,
#cashpaymenttypepopup .block-list li a,
#bankpaymenttypepopup .block-list li a,
#postingpaymenttypepopup .block-list li a,
#postingpaymenttypepopup .block-list li a,
#paidDetail table td:first-child {
  max-width: 330px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#paidDetail table td:first-child {
  max-width: 160px;
  white-space: normal;
}

a.room-posting {
  display: flex !important;
  flex-flow: row wrap;
}

a.room-posting span {
  flex: 0 0 33%;
  padding: 0;
}

a.room-posting span.name {
  flex: 0 0 100%;
  font-size: 16px;
}

a.room-posting span.remark {
  flex: 0 0 100%;
}

a.room-posting span .title {
  font-size: 11px;
  color: grey;
  margin-top: 8px;
  margin-bottom: 2px;
}

.room-st {
  background: url("../../images/status.png") no-repeat !important;
  max-width: 24px;
}

.room-st.rst {
  background-position: -24px -4px !important;
}

.room-st.rst-drt {
  background-position: -48px -4px !important;
}

.front .maindiv .title-bar.dark {
  background: #00b29d;
}

.front .maindiv .titlebar .menu-right {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.menu-right .action-sheet-container .action-sheet li a {
  overflow: hidden;
  text-overflow: ellipsis;
}

.menu-right .action-sheet-container span.userdrop {
  display: inline-block;
  max-width: 150px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}

.front .nav-buttonFront .button,
.front .userdrop,
.front .companyNameFront {
  color: #fff;
  font-weight: 300;
}

.front .companyNameFront {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  margin-left: 15px;
}

.front .tablebox .userdrop {
  padding-right: 1.2rem;
  color: #667486;
  font-size: 1.4rem;
  font-weight: normal;
  cursor: pointer;
}

.front .tablebox .userdrop .icon-caret-down {
  right: 0;
  border-top-color: inherit;
}

.front .maindiv .icon-caret-down {
  border-top-color: #fff;
}

.front .maindiv .titlebar .menu-right .ng-isolate-scope {
  margin-right: 0;
}

.front .maindiv .titlebar .menu-right .headerBtn.logOut {
  border: none;
}

.front .maindiv .titlebar .menu-right .headerBtn.logOut a:after {
  box-shadow: 0 0 0 3px #00b29d;
}

.front .tablebox {
  background: #fff;
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.front .pagepaddingWrap .tablebox .title-bar {
  color: #667486;
  font-size: 1.5em;
}

.front .pagepaddingWrap .tablebox .title-bar .title {
  font-weight: normal;
}

.front #sidebar .tablebody .trbody th {
  padding: 6px;
  background: #fff;
  color: #667486;
  font-size: 1.2em;
  font-weight: normal;
}

.frontscrconfig #main {
  background-image: url(images/frontscrconf-bg.png);
}

.userdrop>.userChar {
  display: inline-block;
  vertical-align: text-bottom;
  font-size: 21px;
  margin-right: 10px;
}

.voidtax {
  text-decoration: line-through;
  opacity: 0.8;
}

.manageserver .pagepaddingWrap .title-bar {
  padding: 5px 0 0 0 !important;
  margin-top: -9px;
}

.manageserver .tablebox {
  margin-right: 0 !important;
}

.manageserver .tableblock {
  padding-left: 0;
  padding-right: 15px;
}

.manageserver .pagepaddingWrap .action-sheet ul a {
  padding: 0.8rem 0.9rem !important;
}

.front .button.default {
  background: #e7e9eb;
  color: #353e4e;
  border: none;
}

.front .button.default:hover {
  background: #fff;
}

.front .modalFullname select {
  height: 36px;
}

.front .button,
.front button {
  margin: 0;
}

.button+.button {
  margin-left: 5px;
}

.notification.top-middle {
  transform: translateY(-130%);
}

.notification.login {
  opacity: 0;
  visibility: hidden;
}

.notification p span {
  white-space: normal;
}

.is-active.notification.login {
  opacity: 1;
  visibility: visible;
}

.notification .close-button {
  color: #ef6501;
}

.alertBox .alertClose {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  padding: 1em;
  border-radius: 3px;
  background-color: #eee;
  color: #ef5350;
  font-size: 10px;
  margin: 0;
}

.alertBox h5 {
  margin: 0;
  text-align: center;
}

.alertBox h5 i {
  display: inline-block;
  border-radius: 50%;
  padding: 0.5em;
  border: 2px solid;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.alertBox h5 i.ti-check {
  color: #43ac6a;
}

.alertBox h5 i.ti-close {
  color: #ef5350;
}

.alertBox h5 i.ti-alert {
  width: 2.1em;
  height: 2.1em;
  color: #ffc107;
  line-height: 0.9em;
}

.alertBox h5 i.ti-alert:before {
  content: "!";
  font-family: 'Roboto', sans-serif;
  font-size: 3rem;
  font-weight: 300;
}

.alertBox h5 span {
  display: block;
  font-size: 1.5rem;
  color: #667486;
  margin-bottom: 0.5rem;
}

.alertBox h5~p {
  color: #7a8088;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
}

.alertBox .modal {
  position: relative;
  min-width: 322px;
  max-width: 468px;
  min-height: 150px;
}

.alertBox .modal div {
  width: 100%;
}

.alertBox .modal .grid-content.padding {
  padding: 2rem 10px 1rem;
  margin-bottom: 0;
}

.alertBox .modal .popupfooter {
  justify-content: center;
  border: none;
  padding-bottom: 1.5rem;
  background: none;
}

.templateform {
  display: flex;
  flex-flow: column;
  max-height: 600px;
}

.templateform .popuptitle {
  flex: 0 0 45px;
}

.templateform .template-form-main {
  flex: 1 1 auto;
  overflow: auto;
}

.templateform .popupfooter {
  flex: 0 0 auto;
}

.bottomActionFront {
  height: 50px;
  padding: 10px;
  background: #d7e1e8;
}

.bottomActionFront .actnbutton {
  width: 40px;
  height: auto;
  padding: 0;
  border-radius: 50%;
  background-color: transparent;
  color: #00b29d;
  font-size: 1.143em;
  line-height: 40px;
  border: none;
  text-align: center;
  margin: 0 5px;
  margin-top: 4px;
}

.bottomActionFront .actnbutton i {
  display: inline-block;
}

.bottomActionFront .actnbutton.actionactive {
  position: relative;
  width: 60px;
  border-radius: 50%;
  border: 8px solid #d7e1e8;
  background: #00b29d;
  color: #fff;
  font-size: 1.25em;
  line-height: 44px;
  margin: -15px -5px 0;
}

.assigndiv {
  position: absolute;
  right: 0;
  bottom: 50px;
  left: 0;
  padding: 1.5rem;
  padding-top: 0;
  background: #fff;
}

.assignBtnWrap .spandiv {
  display: block;
  flex: 0 0 49%;
  padding: 10px 20px;
  border: none;
  font-size: 1rem;
  text-align: center;
  margin-top: 0;
}

.assignBtnWrap .spandiv+.spandiv {
  margin-left: 2%;
}

.front #navpanel.panel {
  position: fixed;
  width: 20rem;
  background: #fff;
  box-shadow: 0 0 45px rgba(123, 133, 140, 0.3);
  z-index: 999;
}

.front .footerdiv1.poweredFtr {
  display: block;
  float: left;
  width: auto;
}

.front .footerdiv1.poweredFtr .footerdivinr1 {
  justify-content: center;
  width: 20rem;
  background: #d7e1e8;
  color: #00b29d;
}

.front .navhdr {
  color: #667486;
}

.front .navdiv .menu-bar li a {
  line-height: 1.3;
}

.front .navdiv .menu-bar li a,
.front .navdiv .menu-bar li a i {
  color: #667486;
}

.front .navdiv .menu-bar li a:hover,
.front .navdiv .menu-bar li a:hover i,
.front .navdiv .menu-bar li.active a i {
  background-color: rgba(0, 0, 0, 0);
  color: #00b29d;
}

.front .navdiv .menu-bar li a::after {
  background-color: rgba(102, 116, 134, 0.1);
}

.front .reportpage .navdiv .menu-bar li a::after {
  background: none;
}

.front .navdiv .menu-bar li.active a:before {
  border-right-color: #657e98;
}

.front .navdiv .menu-bar li a.switch .ti-desktop {
  top: 8px;
  opacity: 0.5;
}

.front .navdiv .menu-bar li a.switch .ti-reload {
  top: 2px;
  left: 20px;
  z-index: 1;
}

#ratematrixmodal .data-filter,
#settingsaudit .data-filter {
  padding-bottom: 10px;
  border-bottom: 1px solid #d6dee6;
  margin-bottom: 10px;
}

#ratematrixmodal .data-filter .grid-block,
#settingsaudit .data-filter .grid-block {
  flex: 0 0 auto;
  align-items: center;
  margin-right: 10px;
}

#ratematrixmodal .data-filter .grid-block label,
#settingsaudit .data-filter .grid-block label {
  flex: 0 0 auto;
  margin: 0 10px 0 0;
}

#ratematrixmodal .data-filter .grid-block select,
#settingsaudit .data-filter .grid-block select {
  width: 120px;
  margin-bottom: 0;
}

#ratematrixmodal .data-filter .button.default,
#settingsaudit .data-filter .button.default {
  margin: 0 0 0 auto;
}

#ratematrixmodal .data-filter .button.default:hover,
#settingsaudit .data-filter .button.default:hover {
  background: #fff;
}

#ratematrixmodal .data-header,
#settingsaudit .data-header {
  padding: 0 0 10px;
}

#ratematrixmodal .data-header tr,
#settingsaudit .data-header tr {
  display: flex;
  align-items: center;
  line-height: 30px;
  background: #f5f5f5;
}

#ratematrixmodal .data-header tr th,
#settingsaudit .data-header tr th {
  font-weight: normal;
}

#ratematrixmodal .data-header tr th,
#settingsaudit .data-header tr th,
#ratematrixmodal .data-header tr td,
#settingsaudit .data-header tr td {
  padding-right: 10px;
}

#ratematrixmodal .formula-fields,
#settingsaudit .formula-fields {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 5px;
  flex: 0 0 auto;
}

#ratematrixmodal .formula-fields input,
#settingsaudit .formula-fields input {
  max-width: 40px;
  height: 30px;
  margin: 0 5px;
}

#ratematrixmodal .formula-fields .go,
#settingsaudit .formula-fields .go {
  font-size: 14px;
  padding-left: 10px;
}

#ratematrixmodal .data-container tr,
#settingsaudit .data-container tr {
  line-height: 45px;
}

#ratematrixmodal .data-container tr.discountable,
#settingsaudit .data-container tr.discountable {
  line-height: 35px;
}

#ratematrixmodal .data-container tr.openprice,
#settingsaudit .data-container tr.openprice {
  line-height: initial;
}

#ratematrixmodal .data-container tr.openprice td,
#settingsaudit .data-container tr.openprice td {
  padding-bottom: 20px;
  padding-left: 10px;
}

#ratematrixmodal .data-container tr.openprice td.fchk,
#settingsaudit .data-container tr.openprice td.fchk {
  padding-bottom: 25px !important;
}

#ratematrixmodal .data-container tr.openprice td:nth-child(2),
#settingsaudit .data-container tr.openprice td:nth-child(2) {
  padding-left: 0 !important;
}

#ratematrixmodal .data-container tr.openprice .listChkWrap+div,
#settingsaudit .data-container tr.openprice .listChkWrap+div {
  margin-left: 10px;
}

#ratematrixmodal .data-container tr td,
#settingsaudit .data-container tr td {
  position: relative;
  padding-right: 10px;
}

#ratematrixmodal .listChkWrap,
#settingsaudit .listChkWrap {
  width: 14px;
  height: 14px;
  margin: 0;
  vertical-align: initial;
}

#ratematrixmodal .listChkWrap input[type="checkbox"],
#settingsaudit .listChkWrap input[type="checkbox"] {
  position: absolute;
  top: 1px;
  left: 0;
  width: 14px;
  height: 14px;
}

#ratematrixmodal .listChkWrap .custChk,
#settingsaudit .listChkWrap .custChk {
  left: 0;
}

#ratematrixmodal .listChkWrap input[type="checkbox"].dirtyclass:checked~.custChk::before,
#settingsaudit .listChkWrap input[type="checkbox"].dirtyclass:checked~.custChk::before,
#ratematrixmodal .listChkWrap input[type="checkbox"].dirtyclass:not(:checked)~.custChk::before,
#settingsaudit .listChkWrap input[type="checkbox"].dirtyclass:not(:checked)~.custChk::before {
  content: "";
  width: 20px;
  height: 20px;
  background: rgba(71, 155, 255, 0.15);
  position: absolute;
  margin-left: -10px;
  margin-top: -5px;
}

#ratematrixmodal span[ng-show="filter.showdata == 'TAX'"],
#settingsaudit span[ng-show="filter.showdata == 'TAX'"] {
  display: flex;
  align-items: center;
}

#ratematrixmodal span[ng-show="filter.showdata == 'TAX'"] select,
#settingsaudit span[ng-show="filter.showdata == 'TAX'"] select {
  height: 35px;
  margin: 0 10px 0 10px;
  line-height: 16px;
}

#ratematrixmodal span[ng-show="filter.showdata == 'DISCOUNTABLE'"],
#settingsaudit span[ng-show="filter.showdata == 'DISCOUNTABLE'"],
#ratematrixmodal span.checkok,
#settingsaudit span.checkok {
  height: 14px;
  position: absolute;
  top: 10px;
}

#ratematrixmodal span[ng-show="filter.showdata == 'OPENPRICE'"],
#settingsaudit span[ng-show="filter.showdata == 'OPENPRICE'"] {
  display: flex;
  justify-content: center;
}

#ratematrixmodal span[ng-show="filter.showdata == 'OPENPRICE'"] input+input,
#settingsaudit span[ng-show="filter.showdata == 'OPENPRICE'"] input+input {
  margin-top: 10px;
}

#ratematrixmodal span[ng-show="filter.showdata == 'OPENPRICE'"] .listChkWrap,
#settingsaudit span[ng-show="filter.showdata == 'OPENPRICE'"] .listChkWrap {
  margin-top: 8px;
}

#ratematrixmodal input[type="text"].dirtyclass,
#settingsaudit input[type="text"].dirtyclass {
  background: rgba(71, 153, 255, 0.15);
}

#ratematrixmodal select.dirtyclass,
#settingsaudit select.dirtyclass {
  background: rgba(71, 153, 255, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" ></polygon></svg>') right 10px center no-repeat;
  background-size: 8px 6px;
}

#ratematrixmodal .dirtyclass,
#settingsaudit .dirtyclass {
  background: rgba(71, 153, 255, 0.15);
}

#settingsaudit .data-filter {
  margin-bottom: 0;
}

#settingsaudit .data-header {
  padding: 0;
}

#settingsaudit .data-header tr {
  margin: 0;
}

#settingsaudit .padding+.grid-content.padding {
  padding-top: 0;
}

#settingsaudit td p {
  margin-bottom: 0;
}

form[name="formulaForm"] .listChkWrap {
  width: 14px;
  height: 14px;
  line-height: initial;
  vertical-align: middle;
  margin-top: -7px;
}

#consolidatemodal table {
  width: calc(100% - 30px);
  margin: 10px 15px;
  table-layout: fixed;
}

#consolidatemodal table thead {
  border-bottom: 1px solid #d6dee6;
}

#consolidatemodal table th {
  text-align: left;
}

#consolidatemodal table tr {
  cursor: pointer;
  line-height: 30px;
}

#consolidatemodal table td {
  overflow: hidden;
  text-overflow: ellipsis;
}

#consolidatemodal table.guest-data {
  margin-top: 0;
}

#consolidatemodal .guest-data-area {
  max-height: 250px;
}

#orderform ul,
#orderform li {
  list-style: none;
  margin: 0;
}

#insight {
  margin-left: auto;
}

#insight ul {
  margin: 0;
  max-height: 120px;
  overflow: auto;
}

#insight li {
  padding: 5px;
}

#insight .insight-info {
  margin-top: 20px;
}

#insight .insight-info ul {
  display: flex;
  justify-content: space-between;
  text-align: center;
  overflow: hidden;
}

#insight .insight-info li {
  display: flex;
  flex-flow: column;
  flex: 0 0 33%;
}

#insight .insight-info li span:first-child {
  opacity: 0.7;
}

#insight .insight-info li span:first-child+span {
  font-weight: 500;
}

.univ-search-res {
  position: absolute;
  right: 20px;
  width: 48%;
  background: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  z-index: 9999;
}

.univ-search-res>div {
  padding: 10px;
  cursor: pointer;
}

.univ-search-res>div:hover {
  background: #f8f8f8;
}

.univ-search-res>div+div {
  border-top: 1px solid #d6dee6;
}

#purchaseorderModal .univ-search-res {
  right: 0;
  width: 100%;
  max-height: 160px;
  overflow: auto;
}

#purchaseorderModal .formcontainerdiv {
  min-height: 500px;
}

.item-search-result td {
  cursor: pointer;
}

.item-search-result td:hover {
  background: #f8f8f8;
}

.item-search-result td p {
  padding: 0 5px;
  margin-bottom: 0;
}

.front .front-nav-panel-manage {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-flow: column;
  height: 100%;
  background: #222;
  overflow: auto;
  z-index: 999;
}

.front .front-nav-panel-manage:hover {
  box-shadow: none;
}

.front .front-nav-panel-manage .nav-include {
  display: flex;
  flex-flow: column;
}

.front .front-nav-panel-manage:hover .nav-include {
  flex: 0 0 280px;
}

.front .front-nav-panel-manage .footerdivinr1 {
  flex: 0 0 100px;
  order: 1;
  background: #d7e1e8;
  color: #00b29d;
}

.front .front-nav-panel-manage .footerdivinr1 img {
  position: relative;
  visibility: visible;
  width: 30px;
  margin: 8px;
}

.front .front-nav-panel-manage .footerdivinr1 p {
  visibility: hidden;
  white-space: nowrap;
}

.front .front-nav-panel-manage:hover .footerdivinr1 img {
  visibility: visible;
}

.front .front-nav-panel-manage:hover .footerdivinr1 p {
  visibility: visible;
  white-space: nowrap;
  text-align: center;
  line-height: 16px;
  margin: 0;
  animation: powerbyshow 0.2s linear;
}

.front .f-nav-menu {
  flex: 1 0 0;
  list-style: none;
  margin: 0;
  white-space: nowrap;
  overflow-x: hidden;
}

.front .f-nav-menu .linav {
  display: block;
  padding-left: 0;
  line-height: 46px;
  text-indent: 12px;
}

.front .f-nav-menu li {
  position: relative;
  flex: 1 0;
  align-items: center;
  line-height: 46px;
  width: 47px;
}

.front .f-nav-menu li a,
.front .f-nav-menu li a i {
  color: #fff;
}

.front .f-nav-menu li a i.svg {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
}

.front .f-nav-menu li.active a i.svg svg path,
.front .f-nav-menu li.active a i.svg svg rect,
.front .f-nav-menu li:hover a i.svg svg path,
.front .f-nav-menu li:hover a i.svg svg rect {
  fill: #00b29d;
}

.front .f-nav-menu li a i {
  position: relative;
  top: 0;
  display: block;
  font-size: 17px;
  line-height: 46px;
}

.front .f-nav-menu li.active a i,
.front .f-nav-menu li.active a.linav {
  color: #00b29d;
  font-weight: normal;
}

.front .f-nav-menu li.active a i {
  font-weight: normal;
}

.front .f-nav-menu li a {
  position: relative;
  width: 100%;
  font-size: 1rem;
  line-height: 1.3;
  margin: 0;
}

.front .f-nav-menu li a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 3.2rem;
  width: 2px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  background-color: rgba(102, 116, 134, 0.1);
}

.front .f-nav-menu li a:hover,
.front .f-nav-menu li a:hover i,
.front .f-nav-menu li.active a i,
.front .f-nav-menu li.active a i~span {
  color: #00b29d;
  background-color: rgba(0, 0, 0, 0);
}

.front .f-nav-menu li.active a i~span {
  color: #fff;
  background: #00b29d;
}

.inventory .front-nav-panel-manage {
  position: fixed;
  top: 56px;
  left: 0;
  display: flex;
  flex-flow: column;
  width: 47px;
  height: 100%;
  background-image: linear-gradient(-135deg, #29313f, #233746);
  overflow: initial;
  z-index: 999;
}

.inventory .front-nav-panel-manage:hover {
  width: 47px;
  box-shadow: none;
}

.inventory .front-nav-panel-manage .nav-include {
  display: flex;
  flex-flow: column;
}

.inventory .front-nav-panel-manage:hover .nav-include {
  flex: 0 0 280px;
}

.inventory .front-nav-panel-manage .footerdivinr1 {
  flex: 0 0 100px;
  order: 1;
  background: #d7e1e8;
  color: #00b29d;
}

.inventory .front-nav-panel-manage .footerdivinr1 img {
  position: relative;
  visibility: visible;
  width: 30px;
  margin: 8px;
}

.inventory .front-nav-panel-manage .footerdivinr1 p {
  visibility: hidden;
  white-space: nowrap;
}

.inventory .front-nav-panel-manage:hover .footerdivinr1 img {
  visibility: visible;
}

.inventory .front-nav-panel-manage:hover .footerdivinr1 p {
  visibility: visible;
  white-space: nowrap;
  text-align: center;
  line-height: 16px;
  margin: 0;
  animation: powerbyshow 0.2s linear;
}

.inventory .f-nav-menu {
  flex: 1 0 0;
  list-style: none;
  margin: 0;
  white-space: nowrap;
  overflow-x: hidden;
}

.inventory .f-nav-menu .linav {
  display: block;
  padding-left: 0;
  line-height: 46px;
  text-indent: 12px;
}

.inventory .f-nav-menu li {
  position: relative;
  flex: 1 0;
  align-items: center;
  line-height: 46px;
}

.inventory .f-nav-menu li a,
.inventory .f-nav-menu li a i {
  color: #ddd;
}

.inventory .f-nav-menu li a i {
  position: relative;
  top: 0;
  display: block;
  font-size: 17px;
  line-height: 46px;
}

.inventory .f-nav-menu li.active a i,
.inventory .f-nav-menu li.active a.linav {
  color: #00b29d;
  font-weight: normal;
}

.inventory .f-nav-menu li.active a i {
  font-weight: normal;
}

.inventory .f-nav-menu li a {
  position: relative;
  width: 100%;
  font-size: 1rem;
  line-height: 1.3;
  margin: 0;
}

.inventory .f-nav-menu li a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 3.2rem;
  width: 2px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  background-color: rgba(102, 116, 134, 0.1);
}

.inventory .f-nav-menu li a:hover,
.inventory .f-nav-menu li a:hover i,
.inventory .f-nav-menu li.active a i,
.inventory .f-nav-menu li.active a i~span {
  color: #00b29d;
  background-color: rgba(0, 0, 0, 0);
}

.inventory .f-nav-menu li.active a i~span {
  background: #00b29d;
}

.menu-tooltip {
  position: fixed;
  display: none;
  padding: 5px 10px;
  background: #00b29d;
  color: #fff;
  line-height: 30px;
  text-indent: 0;
  margin-top: -42px;
  margin-left: 60px;
}

.menu-tooltip:before {
  content: "";
  position: absolute;
  top: 10px;
  bottom: auto;
  left: -10px;
  display: block;
  width: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #00b29d;
}

.front .f-nav-menu li:hover .menu-tooltip {
  display: block;
}

.inventory .f-nav-menu li:hover .menu-tooltip {
  display: block !important;
}

@keyframes menuslide {
  0% {
    width: 47px;
    box-shadow: none;
  }

  100% {
    width: 47px;
    box-shadow: none;
  }
}

@keyframes menuslideout {
  0% {
    width: 47px;
  }

  100% {
    width: 47px;
  }
}

.frontdashboardpage,
.manageserver,
.orderhistorypage,
.reportpage,
.orderpage,
.customerlookuppage,
.accountlookuppage {
  width: calc(100% - 47px) !important;
  margin-left: auto !important;
}

.frontdashboardpage .title-bar.modulehead,
.customerlookuppage .title-bar.modulehead,
.accountlookuppage .title-bar.modulehead,
.orderhistorypage .title-bar.modulehead {
  width: calc(100% - 47px) !important;
}

.reportpage .star {
  margin-left: 10px;
  color: #f9a825;
}

.order-hist,
.take-away,
.outlet-switch,
.inventory-switch {
  height: 46px;
}

.order-hist:before {
  content: "";
  position: absolute;
  display: block;
  width: 17px;
  height: 17px;
  background: url("../../images/order-history.png") no-repeat;
  margin: 14px 0 0 13px;
}

.take-away:before {
  content: "";
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  background: url("../../images/take-away.png") no-repeat;
  margin: 10px 0 0 10px;
}

.outlet-switch:before,
.inventory-switch:before {
  content: "";
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  margin: 12px 0 0 12px;
  background-size: 22px !important;
}

.outlet-switch:before {
  background: url("../../images/outlet-switch-icon.png") no-repeat;
}

.outlet-switch:hover:before {
  background: url("../../images/outlet-switch-icon-selected.png") no-repeat;
}

.inventory-switch:before {
  background: url("../../images/inventory-icon-switch.png") no-repeat;
  background-size: 22px;
  margin: 12px 0 0 12px;
}

.inventory-switch:hover:before {
  background: url("../../images/inventory-icon-switch-selected.png") no-repeat;
  background-size: 22px;
  margin: 12px 0 0 12px;
}

.front .f-nav-menu li:hover a i.order-hist:before,
.front .f-nav-menu li.active a i.order-hist:before {
  content: "";
  background: url("../../images/order-history-icon-selected.png") no-repeat;
}

.front .f-nav-menu li:hover a i.take-away:before,
.front .f-nav-menu li.active a i.take-away:before {
  content: "";
  background: url("../../images/take-away-icon-selected.png") no-repeat;
}

.outlet,
.quick-recall {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.outlet:before {
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../../images/outlet-icon-1.png") no-repeat;
  margin-top: 3px;
  margin-left: 0;
  left: 0;
}

.outlet-black {
  position: relative;
}

.outlet-black:before {
  content: "";
  background: url("../../images/outlet-icon-black.png") no-repeat;
  width: 14px;
  height: 14px;
  background-size: 14px 14px;
  opacity: 0.8;
  margin-top: 0;
}

.quick-recall:before {
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../../images/quick-recall-5.png") no-repeat;
  margin-top: 4px;
  margin-left: 0;
  left: 0;
}

.livesupport {
  padding-right: 0;
  cursor: pointer;
  margin-right: 15px;
}

.livesupport .ti-comments:before {
  position: absolute;
  top: 6px;
  right: 0;
}

.userdrop.frontMenu .ti-printer:before {
  animation: printblink 0.5s infinite;
}

@keyframes printblink {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ng-datepicker {
  margin-top: -1px;
}

.ng-datepicker>.controls {
  padding: 5px 0;
  background: #00b29d;
}

.ng-datepicker>.calendar>span>span.day {
  border: none;
  color: #666;
  font-weight: normal;
}

.ng-datepicker>.controls>span.date {
  color: #fff;
}

.ng-datepicker>.day-names {
  padding: 7px 0 10px;
}

.ng-datepicker>.controls>.left>i.prev-month-btn,
.ng-datepicker>.controls>.left>i.prev-year-btn,
.ng-datepicker>.controls>.right>i.next-month-btn,
.ng-datepicker>.controls>.right>i.next-year-btn {
  color: #fff;
}

.ng-datepicker>.controls>.left>i.prev-year-btn,
.ng-datepicker>.controls>.right>i.next-year-btn {
  opacity: 0.6;
}

.ng-datepicker>.calendar>span:last-child>span.day {
  border: none;
}

.ng-datepicker>.calendar>span>span.day:hover {
  border-radius: 100%;
}

.ng-datepicker>.calendar>span>span.day.disabled {
  opacity: 0.5;
}

.front .title-bar {
  padding: 0 15px 1rem;
  background: #fff;
  border-bottom: 1px solid #d6dee6;
}

.modal .popuptitle {
  padding: 0.786rem 1rem !important;
}

.front .modal .title-bar {
  position: relative;
  height: auto;
  background: #fff;
  color: #667486;
  border-bottom: none;
  font-size: 1.5em;
  font-weight: normal;
  text-align: center;
  z-index: 2;
}

.front .modal .title-bar>.ng-binding {
  width: calc(100% - 25px);
  text-align: center;
}

.front .small-custModal .modal .title-bar {
  padding-top: 1.429rem;
  background: transparent;
  box-shadow: none;
}

.front .small-custModal .modal .grid-content {
  padding-top: 0;
  background: transparent;
}

.front .alertBox .modal .grid-content {
  background: transparent;
}

.front .modal .grid-content input,
.front .modal .grid-content select,
.front .modal .grid-content textarea {
  border-color: transparent;
}

.front .small-custModal .modal .grid-content input,
.front .small-custModal .modal .grid-content select,
.front .small-custModal .modal .grid-content textarea,
.front .modal .grid-content input:focus,
.front .modal .grid-content select:focus {
  border-color: #d6dee6;
}

.front .modal .close-button {
  width: 1.6em;
  height: 1.8em;
  background: none;
  border: none;
  color: #667486;
  font-weight: 300;
}

.front .modal .close-button:hover {
  color: #ff5722;
}

.front .modal .popupfooter {
  justify-content: center;
}

.paym-check {
  display: flex;
  align-items: center;
}

.paym-check .from_field {
  display: flex;
  margin-left: 3px;
}

.paym-check .from_field input {
  width: 70%;
  border-radius: 3px 0 0 3px;
  border-right: 0;
}

.paym-check .from_field .button {
  width: 30%;
  color: #00b29d;
  margin: 0;
  padding: 8px;
  font-size: 12px;
  line-height: 18px;
  height: 36px;
  box-shadow: none;
  border-radius: 0 3px 3px 0;
  border: 1px solid #d6dee6;
  border-left: 0;
}

.front #splitbillmodal.small-custModal .modal .grid-content.padding,
.front #reasonSelectionPopup.small-custModal .modal .grid-content.padding,
.front #changetableModal.small-custModal .modal .grid-content.padding,
.front #itemDiscountPopup.small-custModal .modal .grid-content.padding,
.front #orderDiscountPopup.small-custModal .modal .grid-content.padding,
.front #courseSelectionPopup.small-custModal .modal .grid-content.padding,
.front #paxSelectionPopup.small-custModal .modal .grid-content.padding,
.front #orderExtraChargePopup.small-custModal .modal .grid-content.padding,
.front #mergermodal .modal .grid-content.padding,
.front #tableaction .modal .grid-content.padding,
.front #itemDiscountDetailPopup .modal .grid-content.padding,
.front #orderDiscountDetailPopup .modal .grid-content.padding,
.front #reasonSelectionExtrachargePopup .modal .grid-content.padding,
.front #quantityDecreaseReason .modal .grid-content.padding {
  max-height: 400px;
  padding-top: 1rem;
  overflow: auto;
}

.front #mergermodal .modal .grid-content.padding {
  background: transparent;
}

#itemDiscountPopup h6 {
  background: #d6dee6;
  color: #00b29d;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}

#basicModal .modal .grid-content {
  max-height: 400px;
}

.front .tablebody tr[ng-repeat*="tableguests"]:nth-child(even) {
  background: #f2f4f7;
}

.sideTableguests {
  border-bottom: 1px solid #00b29d;
  margin-bottom: 10px;
}

.sideTableguests+.sideTableguests {
  margin-top: 10px;
}

.sideTableguests .title-bar {
  padding: 0.5rem;
  font-weight: bold;
  color: #667486;
}

.sideTableguests .orderListGuestWrap:first-child {
  margin-top: 15px;
}

.sideTableguests .button {
  margin: 0;
}

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

.sideTableguests .editguest a {
  border-bottom: 2px dotted #00b29d;
}

.sideTableguests .editguest .title-bar .left:first-child+.right:last-child {
  flex: 0 0 50px;
}

.front .modal .title-bar .title {
  width: calc(100% - 25px);
  text-align: center;
  font-weight: normal;
}

.front .modal .grid-content {
  padding: 1rem 1.5rem;
  background: #ebeff1;
}

.front .pagepaddingWrap .tablebox {
  background: none;
  box-shadow: none;
  margin: 15px;
  z-index: 1;
}

.pagepaddingWrap .tablebox .title-bar {
  border: none;
  background: transparent;
}

.manageserver .tableblockinner {
  border: none;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
}

.manageserver .tableblockinner:hover {
  box-shadow: 0 5px 15px 0 rgba(103, 117, 134, 0.18);
  -webkit-box-shadow: 0 5px 15px 0 rgba(103, 117, 134, 0.18);
}

.manageserver .tableblockinner.activetable {
  border-radius: 5px;
  box-shadow: 0 5px 20px 0 rgba(0, 178, 157, 0.22), inset 0 0 0 2px rgba(0, 178, 157, 0.56);
}

.manageserver .dineInType timer {
  box-shadow: none;
}

.manageserver .tablewaitercolor {
  left: 50%;
  width: 44px;
  height: 22px;
  border-radius: 24px 24px 0 0;
  margin-left: -22px;
}

.orderonhold {
  position: absolute;
  left: 6px;
  top: 6px;
  display: block;
  padding: 5px;
  background: #ef5350;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 3px;
}

.rordercnt {
  position: absolute;
  bottom: 0;
  left: 7px;
  display: inline-block;
  width: 30px;
  height: 20px;
  padding-top: 5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAcCAMAAAAOe/xLAAAAaVBMVEUAAAA1Pk5VuUg1Pk5VuUhVuUg1Pk41Pk5VuUhVuUhVuUhVuUg1Pk41Pk5VuUhVuUhVuUhVuUhVuUg1Pk41Pk5VuUhVuUhVuUg1Pk5VuUhVuUhVuUhVuUhVuUhVuUhVuUhVuUhVuUhVuUjWajPPAAAAInRSTlMAQPE8HUcwKwu3YUIhF+eNg1IoCwd4MhMR+svCvbGonjlxiJBj6AAAARRJREFUOMud0duOgyAUheFFK57PVnu0tuv9H3KYjEmxbsbIH+XuC7CBVZxca3jWaCSH7Azo1EM/WcF8plsZ79YDW+DNHqg19ncu7+bcKSckzDx8fP89c8AWby+vGSDuzQLWHqMz6HVgg5RJvJ9nLzMA86PV8M7s658mG2x0UaqAXEI+tnikVAi54Mp2i5+U6mSc9lf2afAvLnKl8uK0nvzIuVE77x2pueiCRROtJte1rSJY3bnoJunQ1osBPkjBC1r0NVdV3zpXq/J55BQKvt9L6O8BKolXwuby9qXEyyU/SvwIU0uxwdadEusANDJPbV7IvACQybyx+cXJh6fMx8E6eyTzqAOdfbhyhuTg6PHh4dFR+APTHC0S8sDjtAAAAABJRU5ErkJggg==) no-repeat;
  background-position: -34px bottom;
  font-size: 11px;
  font-style: normal;
  text-align: center;
  color: #fff;
  z-index: 7;
}

.manageserver #sidebar .trbody {
  border: none;
}

.manageserver #sidebar .tablebox>div.ng-scope {
  margin: 10px;
  margin-bottom: 0;
}

.manageserver #sidebar .tablebox>div.ng-scope>.tablebody {
  border-bottom: 1px solid #d6dbe4;
}

.manageserver #sidebar .tablebox,
#receiptSection .tablebox {
  border-radius: 0;
  box-shadow: 0 0 90px rgba(123, 133, 140, 0.2);
  margin: 0;
}

#receiptSection .tablebox {
  display: flex;
  flex-flow: column;
  background: #fff;
  margin-right: 15px;
}

#receiptSection .tablebox>.title-bar {
  padding: 10px;
  font-size: 1.2em;
  margin-top: 0;
}

#receiptSection .orderListGuestWrap {
  margin-top: 0;
}

#receiptSection .orderlist {
  flex: 1 0 0;
}

#productDetailSection .orderMenuGrid .title-bar {
  padding: 0 0 10px 0;
}

#productDetailSection .orderMenuGrid .orderMenuGridListWrap {
  flex: 0 0 auto;
}

#productDetailSection .orderMenuGrid .orderMenuGridListWrap,
#productDetailSection .orderProductsWrap {
  padding: 0;
}

#productDetailSection .orderProductsWrap {
  display: flex;
  flex: 1 0 0;
  overflow: auto;
}

#productDetailSection .orderProductsWrap .outerList {
  flex: 1 0 0;
}

#productDetailSection>.tablebox {
  display: flex;
  flex-direction: column;
  margin-left: 0;
  overflow: hidden;
}

#productDetailSection .close-button {
  line-height: 2.5em;
  width: 2.5em;
  text-align: center;
  color: #fff;
  font-size: 1rem;
  top: 0;
  right: 0;
  background: #ef5350;
  border-radius: 3px;
}

#productDetailSection .productrow {
  background: transparent;
}

#productDetailSection .productrow>td:first-child {
  color: #667486;
  width: 41%;
}

#productDetailSection .iteminfo {
  justify-content: space-between;
}

#productDetailSection .iteminfo .medium-7 {
  flex: 0 0 58%;
}

#productDetailSection .iteminfo .medium-5 {
  flex: 0 0 40%;
}

#productDetailSection .productrow i {
  cursor: pointer;
}

#productDetailSection>.tablebox .title-bar .title {
  margin-left: 0;
}

#productDetailSection>.tablebox .title-bar span {
  margin-right: 30px;
}

#productDetailSection>.tablebox .title-bar span.change-rate {
  margin-left: auto;
  margin-right: 15px;
}

#productDetailSection>.tablebox .orderMenuGrid {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  flex: 0 0 100%;
}

#productDetailSection>.tablebox .orderMenuGrid .menuitemgridview {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
  padding-bottom: 10px;
}

#productDetailSection>.tablebox .orderMenuGrid .orderFooterButtons {
  flex: 0 0 50px;
}

#productDetailSection>.tablebox .orderMenuGrid .orderFooterButtons ul {
  padding-bottom: 0;
}

#productDetailSection>.tablebox .orderMenuGrid .orderFooterButtons ul a.button {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 40px;
}

#item_search {
  display: flex;
  min-width: 44px;
  max-width: 44px;
  width: 44px;
  border: 1px solid #d6dee6;
  background: #fff;
  transition: max-width linear 0.3s;
}

#item_search.active {
  max-width: 250px;
  outline: none;
  transition: max-width linear 0.3s;
}

#item_search .searchbar-txt {
  min-width: initial;
  max-width: 250px;
  border: none;
}

#item_search .fa-search {
  position: absolute;
  top: 10px;
  right: 14px;
  opacity: 0.5;
}

.front .pagepaddingWrap .tablebox .orderMenuGrid .title-bar {
  font-size: 1.2em;
}

.guestonhold {
  background: #f4f4f4;
}

.guestonhold .title-bar {
  background: none;
}

.front .formdivgrp h5 {
  margin-top: 15px;
  margin-bottom: 8px;
}

.orderProductsWrap {
  padding: 0 15px;
}

.orderProductsWrap .outerList {
  padding: 6px;
  background-color: #fff;
  overflow: auto;
}

.orderProductsWrap .grid-block.tableblock {
  padding: 6px;
  height: initial;
}

#itemGroupModal .orderMenuGrid {
  width: 100%;
}

#itemGroupModal .orderProductsWrap {
  flex-flow: row wrap;
  padding: 0;
}

#itemGroupModal .orderProductsWrap .grid-block.tableblock {
  flex: 0 0 33%;
}

#itemGroupModal .formcontainerdiv {
  min-height: initial;
}

figure {
  display: flex;
  flex-flow: column;
  margin: 0;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

figure img {
  width: 100%;
  height: 108px;
  border-radius: 3px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

figure.no-img img {
  border: 1px solid #dedede;
  background-color: #fff;
}

figcaption {
  padding-top: 5px;
  font-size: 14px;
  color: #444;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow: hidden;
}

.retailModeView p {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow: hidden;
  margin-bottom: 0;
}

.menu-list {
  background-color: #fff;
}

.menu-list,
.menu-pos {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  max-height: 52px;
  padding: 5px;
  text-align: center;
  border: 1px solid #dedede;
  cursor: pointer;
  overflow: hidden;
}

.menu-list p,
.menu-pos p {
  font-weight: 500;
  margin: 0;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.menu-list .item-color,
.menu-pos .item-color {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3px;
  left: 0;
  background: #000;
}

.menu-pos {
  color: #fff;
}

.orderFooterButtons {
  justify-content: flex-end;
}

.orderFooterButtons .menu-bar.medium-horizontal {
  overflow: visible;
}

.orderFooterButtons ul {
  float: right;
  width: auto;
  background: none;
  margin-bottom: 0;
}

.orderFooterButtons ul li:last-child {
  padding-right: 15px;
}

.orderFooterButtons ul li.cancelorder a.button {
  background-color: #ea655b;
  color: #fff;
}

.orderFooterButtons ul li.cancelorder a.button:hover {
  background-color: #e05248;
  color: #fff;
}

.orderFooterButtons [class^="ti-"],
.orderFooterButtons [class^="fa"] {
  margin-right: 5px;
}

.front .orderFooterButtons ul a.button {
  border: none;
  margin-right: 0;
  margin-bottom: 0;
}

.front .orderpage .orderFooterButtons ul a.button {
  font-size: 1.1rem;
  white-space: nowrap;
}

.orderpage .orderFooterButtons ul li {
  padding-left: 15px;
  padding-right: 0;
}

#modifierModalPopup .grid-block.vertical {
  overflow: hidden !important;
}

.strModi {
  align-content: stretch;
  overflow: hidden !important;
}

#modifierModalPopup>aside.modal.is-active,
#itemGroupModal>aside.modal.is-active {
  min-height: auto !important;
  max-height: initial !important;
}

#modifierModalPopup .modal .grid-content {
  display: flex;
  padding: 0;
  overflow-x: hidden;
}

#modifierModalPopup .tablebox {
  margin: 1rem 0 1rem 1rem;
  overflow: hidden;
}

#modifierModalPopup .tablewaitercolor {
  height: auto;
  padding-bottom: 10px;
}

#modifierModalPopup .orderMenuGrid .orderMenuGridListWrap {
  width: 100%;
  padding: 0;
  background: #fff;
}

#modifierModalPopup .orderMenuGrid {
  width: 100%;
}

#modifierModalPopup .orderMenuGrid .orderMenuGridListWrap .orderMenuGridList:last-child {
  margin: 0 0 10px;
}

#modifierModalPopup .grid-block.tableblock {
  padding: 6px;
}

#modifierModalPopup .orderProductsWrap {
  padding: 0;
}

#modifierModalPopup .menu-pos,
#modifierModalPopup .menu-list {
  padding: 5px 20px 5px 20px;
}

#modifierModalPopup .tableselect {
  top: 10px;
  left: 5px;
  bottom: initial;
  font-size: 1.2rem;
  color: initial;
}

#modifierModalPopup figure .tableselect {
  top: 7px;
  left: 7px;
  padding: 5px;
  background: #fff;
  margin: 5px 0 0 10px;
}

#modifierModalPopup .tiny {
  margin: 0;
  font-size: 1.2rem;
  color: #666;
  cursor: pointer;
}

#modifierModalPopup .tiny:hover {
  color: #ea655b;
}

#modifierModalPopup .tiny i {
  line-height: inherit;
}

#modifierModalPopup .orderProductsWrap .tableblockinner.selectedModifierItem:before {
  background: rgba(0, 0, 0, 0.67);
}

#productModifiers .tablebox>div,
#productModifiers .tablebox>div>div {
  height: 100% !important;
}

.mod-choices-grp {
  display: flex;
  flex-flow: row wrap;
  flex: 0 0 50px;
  margin-top: auto !important;
}

.mod-choices-grp .mod-choice {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30%;
  text-align: center;
  padding: 5px;
  border: 1px solid;
  margin: 6px;
  border-radius: 3px;
  cursor: pointer;
}

#bulkItemDiscountDetailPopup h5 {
  margin-top: 0;
}

#bulkItemDiscountDetailPopup .applied-items {
  margin-bottom: 20px;
}

#bulkItemDiscountDetailPopup .applied-items ul {
  margin-left: 0;
}

#bulkItemDiscountDetailPopup .applied-items li {
  list-style: none;
}

#bulkItemDiscountDetailPopup .rewrite-txt {
  padding: 1rem 1.5rem;
  background: #ebeff1;
}

#bulkItemDiscountDetailPopup .footer-bar span a~a {
  margin-left: 10px;
}

#orderDiscountPopup ul {
  margin-bottom: 0;
}

#orderDiscountPopup h6,
#prodtcttranmodal h6 {
  background: #d6dee6;
  color: #00b29d;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}

#prodtcttranmodal h6 {
  padding: 5px calc(2rem + 10px) 5px calc(1rem + 10px);
}

.settlemain {
  display: flex;
  flex-flow: row;
  height: 100%;
}

.paymentTypeHeader {
  font-size: 1.1rem;
  color: #667486;
  border-bottom: 1px solid #d6dee6;
}

.paymentTypeHeader th {
  padding: 10px;
  font-weight: normal !important;
}

.paymentTypeHeader th+th {
  padding-right: 30px;
}

.settlementpage {
  height: 100%;
  padding: 20px;
  background: #f4f4f4;
}

.settlementpage #receiptSection .orderListGuestWrap {
  margin-top: 1.5rem;
}

.settlementpage #receiptSection .orderlist {
  height: calc(100% - 88px);
}

#confirmsurcharge.alertBox .modal .grid-content.padding {
  padding-top: 1rem;
}

#confirmsurcharge tr {
  border-top: 1px solid #d6dee6;
}

#confirmsurcharge tr:first-child,
#confirmsurcharge tr:last-child {
  border-top: 0;
}

#confirmsurcharge tr:last-child {
  background: #f4f4f4;
}

#confirmsurcharge td {
  padding: 10px;
}

#confirmsurcharge td:first-child {
  font-size: 14px;
}

#confirmsurcharge .confirmmsg {
  text-align: center;
  font-size: 16px;
  margin-top: 1.25rem;
}

.manageserver .bottomActionFront .numb {
  display: inline-block;
  width: 30px;
  padding-top: 15px;
  font-size: 11px;
  text-align: center;
  font-style: normal;
  color: #00b29d;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAcCAMAAAAOe/xLAAAAaVBMVEUAAAA1Pk5VuUg1Pk5VuUhVuUg1Pk41Pk5VuUhVuUhVuUhVuUg1Pk41Pk5VuUhVuUhVuUhVuUhVuUg1Pk41Pk5VuUhVuUhVuUg1Pk5VuUhVuUhVuUhVuUhVuUhVuUhVuUhVuUhVuUhVuUjWajPPAAAAInRSTlMAQPE8HUcwKwu3YUIhF+eNg1IoCwd4MhMR+svCvbGonjlxiJBj6AAAARRJREFUOMud0duOgyAUheFFK57PVnu0tuv9H3KYjEmxbsbIH+XuC7CBVZxca3jWaCSH7Azo1EM/WcF8plsZ79YDW+DNHqg19ncu7+bcKSckzDx8fP89c8AWby+vGSDuzQLWHqMz6HVgg5RJvJ9nLzMA86PV8M7s658mG2x0UaqAXEI+tnikVAi54Mp2i5+U6mSc9lf2afAvLnKl8uK0nvzIuVE77x2pueiCRROtJte1rSJY3bnoJunQ1osBPkjBC1r0NVdV3zpXq/J55BQKvt9L6O8BKolXwuby9qXEyyU/SvwIU0uxwdadEusANDJPbV7IvACQybyx+cXJh6fMx8E6eyTzqAOdfbhyhuTg6PHh4dFR+APTHC0S8sDjtAAAAABJRU5ErkJggg==) no-repeat;
}

.manageserver .bottomActionFront .numb+.numb {
  margin-left: 5px;
}

.manageserver .bottomActionFront .numb.ico-occu {
  background-position: 2px bottom;
  color: #fff;
}

.manageserver .bottomActionFront .numb.ico-open {
  background-position: -34px bottom;
}

#main.settleOperationWrap {
  background: #fff !important;
}

.settelPaymentWrap {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
}

.settelPaymentWrap .duetable {
  margin: 0;
  flex: 0 0 65px;
  text-align: center;
}

.settelPaymentWrap .duetable label {
  font-size: 14px;
  font-weight: normal;
  color: #444;
  margin-bottom: 0;
}

.settelPaymentWrap .duetable .duebal {
  padding: 0;
  font-size: 24px;
  line-height: 1.2;
  color: #00b29d;
}

.settleOperationWrap .paxno>li>a {
  height: 100%;
  border: none;
}

.settlecalc>tbody>tr>td,
.settlecalc>div>p {
  border-radius: 3px;
  font-weight: bold;
  cursor: pointer;
}

.settlecalc>tbody>tr>td:before,
.settlecalc>div>p:before {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  display: block;
  background-color: rgba(53, 62, 78, 0.06);
  border-radius: 5px;
  box-shadow: inset 0px 1px 1px rgba(144, 145, 147, 0.17), 0px 1px 0px #fff;
  z-index: -1;
}

.settlecalc>tbody>tr>td:active,
.settlecalc>div>p:active {
  background: #f2f4f7;
}

.settleOperationWrap .menu-bar {
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
  align-content: center;
  width: 100%;
  height: auto;
  padding-bottom: 10px;
  overflow-x: visible;
}

.settleOperationWrap .menu-bar>li {
  margin: 8px 10px;
  height: auto;
  max-height: initial;
  flex: 1 1;
}

.settleOperationWrap .menu-bar.oparation {
  margin: 0 25px 0 15px;
}

.settleOperationWrap .menu-bar.oparation>li {
  margin: 8px 5px;
}

.settleOperationWrap .menu-bar li a {
  padding: 0.5rem 1rem;
}

.settleOperationWrap .menu-bar li i {
  margin-top: 0.5rem;
}

#paidDetail {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  flex: 0 0 calc(37% - 20px);
}

#paidDetail table {
  display: flex;
  flex-flow: column;
  flex: 0 0 calc(100% - 64px);
  background: #fff;
  border: 1px solid #d6dee6;
}

#paidDetail thead tr,
#paidDetail tbody tr,
#paidDetail tfoot tr {
  display: flex;
  align-items: center;
}

#paidDetail tbody {
  height: 100%;
  overflow: auto;
}

#paidDetail ul {
  display: flex;
  justify-content: space-between;
  margin: 0;
  list-style: none;
}

#paidDetail li {
  margin: 0;
  flex: 0 0 100%;
}

#paidDetail li:first-child {
  margin-left: 0;
}

#paidDetail li.cancelorder .button {
  background: #fff;
  border: 1px solid #d6dee6;
}

#paidDetail li a {
  display: flex;
  flex-flow: row;
  justify-content: center;
  height: 44px;
  padding: 0;
  line-height: 44px;
  box-shadow: none;
}

#paidDetail li i {
  margin: 0 7px 0 -7px;
  line-height: 44px;
}

#paidDetail table td {
  padding: 5px 10px;
}

#paidDetail table td+td {
  padding-left: 0;
}

#paidDetail table td:last-child {
  padding-right: 0;
}

#paidDetail table .totalpaid {
  height: 40px;
  background: #dadada;
  font-size: 18px;
  color: #000;
}

#paidDetail table .totalpaid td {
  padding: 0 10px 0 0;
  line-height: 40px;
}

#paidDetail table .totalpaid td:first-child {
  padding: 0 0 0 10px;
}

#checkpopup .modal,
#checkPopup .modal .grid-block.vertical {
  overflow: visible;
}

.settlecalcPanel {
  width: 875px !important;
  overflow: visible;
}

.calcmain {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
}

.money-tendered {
  display: flex;
  align-items: center;
  position: relative;
  flex: 0 0 65px;
  padding: 10px;
  border: 1px solid #d6dee6;
  border-bottom: 0;
  background: #fff;
  font-size: 12px;
  color: #666;
}

.money-tendered .selcurrency {
  width: 70px;
  border: 0;
  margin: 0 15px 0 0;
  background-color: #e8e8e8;
}

.money-tendered label {
  padding-top: 2px;
  margin-bottom: 0;
}

.money-tendered .duebal {
  font-size: 18px;
  color: #000;
}

.money-tendered .finishorder {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 20px;
  color: #fff;
  font-size: 20px;
  line-height: 65px;
}

.money-tendered .finishorder .ti-arrow-right {
  padding: 5px;
  border-radius: 50%;
  color: #fff;
  background: #00b29d;
  border: 1px solid #00b29d;
  font-weight: bold;
}

.money-tendered .finishorder .ti-arrow-right:hover {
  color: #017063;
  background: #fff;
  border: 1px solid #017063;
}

.settlecalc {
  position: relative;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 20px;
  border-radius: 0;
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
}

.settlecalc>div {
  display: flex;
  flex: 1 0 0;
}

.settlecalc>tbody>tr>td,
.settlecalc>div>p {
  position: relative;
  width: 14.29%;
  border-radius: 0;
  background: #fff;
  font-size: 1.25em;
  font-weight: normal;
  text-align: center;
  color: #667486 !important;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 25%;
  margin-bottom: 0;
  box-shadow: none;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.settlecalc>div>p.twice {
  flex: 0 0 50%;
}

.settlecalc>div>p.nearby {
  color: #fff !important;
}

.settlecalc>tbody>tr>td:before {
  content: normal;
}

.settlecalc>tbody>tr>td+td,
.settlecalc>div>p+p {
  border-left: 0;
}

.settlecalc>tbody>tr+tr td,
.settlecalc>div+div p {
  border-top: 0;
}

.settlecalc>tbody>tr>td.ng-binding,
.settlecalc>div>p.ng-binding {
  background: #00b29d;
  color: #fff;
}

.settlecalc>tbody>tr>td.quikadd,
.settlecalc>div>p.quikadd {
  background: #dadada;
  border: 1px solid #fff;
  border-top: 0;
  border-left: 0;
}

.settleOperationWrap .menu-bar.oparation {
  margin: 0 15px 0 15px;
}

.settleOperationWrap .menu-bar.oparation>li {
  margin: 8px 0 8px 10px;
}

@-moz-document url-prefix() {
  .settlecalc {
    border-collapse: separate;
    border-spacing: 0;
  }

  .settlecalc>tbody>tr>td,
  .settlecalc>div>p {
    background: #fff;
  }

  .settlecalc>tbody>tr>td+td,
  .settlecalc>div>p+p {
    border-left: 0;
  }

  .settlecalc>tbody>tr+tr td,
  .settlecalc>div+div p {
    border-top: 0;
  }

  .add-edit-tax-group span.main-tax-name {
    float: left;
  }

  .taxlist {
    clear: both;
    padding-top: 5px;
  }

  #amountSection .value,
  .chargeAmt .value {
    margin-left: auto;
  }
}

#receiptSection {
  overflow: visible;
}

.sideInfo .block {
  border-radius: 3px;
  background: transparent;
  padding: 5px 0;
  border: 1px solid #c7d0d8;
  margin: 0 1%;
}

.orderpage .scrPdt {
  height: 100%;
  overflow: auto;
}

.side_buttonGroup {
  position: relative;
  width: 100%;
  padding-top: 22px;
}

.side_buttonGroup .spandiv {
  position: relative;
  width: 48%;
  float: left;
  text-align: left;
  padding: 8px 0 8px 20px;
  border: 1px solid #d6dee6;
  border-radius: 3px;
  background: #fff;
  color: #667486;
  font-size: 1.125rem;
  line-height: 32px;
  margin: 0 1%;
  margin-bottom: 10px;
  cursor: pointer;
}

.side_buttonGroup .spandiv i[class^="ti-"] {
  margin-top: 2px;
  margin-right: 7px;
}

.side_buttonGroup .spandiv:hover {
  border-color: #c7d0d8;
  box-shadow: 0 5px 15px 0 rgba(103, 117, 134, 0.15);
  -webkit-box-shadow: 0 5px 15px 0 rgba(103, 117, 134, 0.15);
  color: #00b29d;
}

.side_buttonGroup .spandiv.disable {
  pointer-events: none;
  cursor: default;
  opacity: 0.65;
}

.reportpage .titlebar~.maincontainer {
  margin-top: 70px;
}

.reportpage .sidebar {
  position: relative;
  flex: 0 0 20rem;
  background: #fff;
  box-shadow: 0 0 90px rgba(123, 133, 140, 0.2);
  overflow: auto;
}

.reportpage .navhdr {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding: 0.7rem 1.5rem;
  font-size: 1.25em;
}

.reportpage .navhdr .star {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 2.5rem;
  margin-top: -1.3rem;
  line-height: 2.5rem;
  color: #f9a825;
}

.reportpage label.modalSearchWrap input[type="text"] {
  width: 100%;
}

.reportpage label.modalSearchWrap {
  padding: 0 1rem 1rem;
}

.reportpage label.modalSearchWrap a {
  color: #667486;
}

.reportpage .navitm {
  position: relative;
  padding: 0.75rem 1rem;
  padding-left: 60px;
  font-size: 15px;
  color: #667486;
  cursor: pointer;
}

.reportpage .navitm~.menu-bar .linav {
  font-size: 12px;
}

.reportpage .navitm .fa {
  margin-left: 0.25rem;
}

.reportpage .navitm .fa-sort-desc:before,
.reportpage .navitm .fa-sort-down:before {
  content: "\f0d8";
}

.back .reportpage .navitm:after {
  content: '';
  position: absolute;
  top: 0;
  left: 3.2rem;
  width: 2px;
  height: 100%;
  background-color: rgba(102, 116, 134, 0.1);
}

.front .reportpage .navitm:after {
  content: normal;
}

.reportpage .navitm .ico {
  position: absolute;
  font-size: 17px;
}

.reportpage .navitm .ico.onbtm {
  top: 10px;
  left: 14px;
  opacity: 0.4;
}

.reportpage .navitm .ico.ontop {
  top: 14px;
  left: 22px;
  text-shadow: #fff 1px 1px 0px, #fff -1px -1px 0px, #fff 1px -1px 0px, #fff -1px 1px 0px;
}

.reportpage .navdiv .menu-bar li a {
  padding: 0.7rem;
  padding-left: 61px;
  font-size: 0.9rem;
  cursor: pointer;
}

.reportpage .navdiv .menu-bar li a::after {
  left: 45px;
}

.reportpage .navdiv .menu-bar li.active a:before {
  border-width: 5px;
  margin-top: -5px;
  content: "";
  border: none;
}

.reportpage .tablediv1 {
  padding: 10px;
}

.actionButtons {
  display: block;
  margin-top: 1.5rem;
}

.actionButtons .button {
  font-size: 1rem;
  margin-left: 15px;
}

.actionButtons .button i {
  margin-right: 6px;
}

.customerlookuppage .actionButtons {
  margin-top: 10px;
}

.reportpage .actionButtons a:first-child {
  background: #00b29d;
  color: #fff;
}

.reportpage .actionButtons a:first-child:hover {
  background: #017063;
}

.reportpage .dateDD .userdrop {
  display: block;
  width: 35px;
  padding: 6px 5px;
  margin: 0;
  cursor: pointer;
}

.reportpage .sidebar {
  margin-top: 50px;
}

.reportpage label.modalSearchWrap input[type="text"] {
  width: 100%;
}

.reportpage label.modalSearchWrap {
  padding: 1rem;
}

.reportpage .navitm {
  position: relative;
  padding: 0.75rem 1rem 0.75rem 15px;
  background: #f6f6f6;
  border-top: 1px solid #d6dee6;
  font-size: 14px !important;
  cursor: pointer;
}

.reportpage .navdiv .menu-bar li a {
  padding: 0.7rem;
  padding-left: 45px;
  font-size: 0.9rem;
  cursor: pointer;
}

.reportpage .navitm .fa {
  position: absolute;
  right: 15px;
  margin-left: 0.25rem;
}

.reportpage .navitm.active-parent {
  border-bottom: 1px solid #d6dee6;
  background: rgba(53, 62, 78, 0.75);
  color: #fff;
}

.reportpage .sidebar+div {
  width: 83.33%;
}

.reportcontainer {
  margin-top: 60px;
}

.reportcontainer .innercontainer {
  min-height: 440px;
  max-height: 440px;
  overflow: auto;
}

.reportcontainer .title-bar {
  padding: 0 0 15px;
  border: none;
  font-size: 16px;
  font-weight: normal;
}

.reportpage .tablediv1 .small-up-3>div {
  padding-top: 5px;
  align-items: center;
}

.reportpage .dateDD .frontMenu {
  margin-left: -35px;
}

.reportpage .dateDD .action-sheet {
  left: 50%;
  transform: translateX(-50%) translateY(110%);
  -webkit-transform: inherit;
}

.reportpage .dateDD .action-sheet.is-active {
  transform: translateX(-50%) translateY(101%);
}

.front .reportcontainer .tablediv .from_field.sel_outlet {
  width: 325px;
  max-width: 325px;
  height: 100px;
  min-height: 100px;
  padding: 0;
  border: 1px solid #d6dee6;
  background: #f0f3f5;
}

.front .reportcontainer .tablediv .from_field.sel_outlet ul {
  margin: 0;
}

.front .reportcontainer .tablediv .from_field.sel_outlet ul li {
  margin-top: 5px;
  padding: 0 10px;
}

.front .reportcontainer .tablediv .from_field.sel_outlet ul li:first-child {
  position: sticky;
  top: 0;
  margin-top: 0;
  z-index: 9;
}

.front .reportcontainer .tablediv .date-range .from_field input[name="getdate"] {
  width: 144px !important;
  border-radius: 0.2rem 0 0 0.2rem;
  border: none;
}

.front .reportcontainer .tablediv .date-range .from_field+.from_field input {
  border-radius: 0 0.2rem 0.2rem 0;
  border-left: none;
}

.front .reportcontainer .tablediv .from_field select,
.front .reportcontainer .tablediv .from_field [type="text"] {
  width: 325px !important;
}

.orderhistorypage .titlebar~.maincontainer,
.customerlookuppage .titlebar~.maincontainer,
.accountlookuppage .titlebar~.maincontainer {
  margin-top: 60px;
}

.orderhistorypage .filter-bar {
  padding: 0;
  border: none;
  background: none;
}

.orderhistorypage .filter-bar .grid-block {
  flex: 0 0 auto;
  align-items: center;
}

.orderhistorypage .filter-bar .grid-block+.grid-block {
  margin-left: 15px;
}

.orderhistorypage .filter-bar datepicker input {
  width: 140px;
}

.orderhistorypage .filter-bar .bk-date .rptDate {
  width: 126px;
}

.orderhistorypage .filter-bar .bk-date .rptDate:before {
  content: "\e6b6";
  position: absolute;
  top: 10px;
  right: 11px;
  font-family: 'themify';
  opacity: 0.2;
  z-index: 1;
}

.orderhistorypage .filter-bar .bk-slbox select {
  width: 106px;
}

.orderhistorypage .filter-bar .listSearchWrap input {
  height: 35px;
  background: #fff;
  margin-bottom: 1rem;
}

.orderhistorypage .orderFooterButtons ul li {
  flex: 1 1 0;
}

.orderhistorypage .orderFooterButtons {
  justify-content: initial;
  padding-top: 10px;
}

.orderhistorypage .orderFooterButtons ul a.button {
  flex-flow: inherit !important;
  justify-content: center;
  width: auto;
  padding: 0.6em 1em;
  font-size: 1rem;
  margin-right: 0.5rem;
  white-space: nowrap;
  margin-bottom: 0;
}

.orderhistorypage .resetbtn {
  padding: 0.6em 1em;
  color: #ef5350;
  font-size: 1rem;
  white-space: nowrap;
  margin-bottom: 1rem;
}

.orderhistorypage .resetbtn i {
  position: relative;
  bottom: -2px;
  margin-right: 4px;
}

.orderhistorypage .resetbtn i,
.orderhistorypage .orderFooterButtons ul a i {
  font-size: 14px;
}

.orderhistorypage .orderFooterButtons ul a span {
  margin: 0 0 0 8px;
}

.orderhistorypage .tdcontent {
  padding-left: 2px;
}

.orderhistorypage .tdcontent:last-child {
  padding-right: 10px;
}

.fchk {
  padding: 5px 10px !important;
  vertical-align: middle !important;
}

.toggle-order {
  display: flex;
  margin-left: auto;
  margin-bottom: 1rem;
  padding: 0;
}

.toggle-order .button {
  height: 35px;
  padding: 0 15px 0 25px;
  border-radius: 0;
  font-size: 14px;
  line-height: 35px;
  box-shadow: none;
  margin: 0;
  background: #fff !important;
}

.toggle-order .all,
.toggle-order .running,
.toggle-order .completed,
.toggle-order .voided-ord {
  background: url('../../images/process.png') no-repeat 10px 8px !important;
}

.toggle-order.delivery .all,
.toggle-order.delivery .online-orders,
.toggle-order.delivery .running,
.toggle-order.delivery .completed,
.toggle-order.delivery .voided-ord,
.toggle-order.delivery .waiting,
.toggle-order.delivery .on-way {
  background: url('../../images/delivery-process.png') no-repeat 10px 8px !important;
}

.toggle-order .button.active,
.toggle-order .button.active:hover {
  background-color: #e7e9eb !important;
  color: #fff !important;
}

.toggle-order .running,
.toggle-order.delivery .running {
  background-position: 10px -23px !important;
}

.toggle-order .completed,
.toggle-order.delivery .completed {
  background-position: 10px -63px !important;
}

.toggle-order .voided-ord,
.toggle-order.delivery .voided-ord {
  background-position: 10px -103px !important;
}

.toggle-order.delivery .waiting {
  background-position: 10px -141px !important;
}

.toggle-order.delivery .on-way {
  background-position: 10px -181px !important;
}

.toggle-order.delivery .online-orders {
  background-position: 10px -221px !important;
}

.toggle-shift .button {
  padding: 0 15px;
}

.toggle-shift .fa {
  font-size: 20px;
  line-height: 36px;
}

.toggle-shift .fa-sign-in {
  color: green;
}

.toggle-shift .fa-sign-out {
  color: #ef5350;
}

.userdrop.status {
  display: flex;
  align-items: center;
  padding-right: 15px;
  width: 130px;
  color: #9a9a9a;
}

.userdrop.status .ti-list {
  padding-right: 10px;
}

.userdrop.status span {
  font-weight: 500;
}

.running {
  color: orange;
}

.settled {
  color: green;
}

.voided {
  color: red;
}

.front .searchdiv {
  background: transparent;
}

.front .searchdiv>.left {
  width: 100%;
}

.front .searchdiv .listSearchWrap {
  display: block;
  max-width: 440px;
}

.front .searchdiv .listSearchWrap:before {
  content: "\e610";
  position: absolute;
  top: 0.7em;
  left: 0.6em;
  display: block;
  color: #abc;
  font-family: 'themify';
  font-size: 1.4em;
}

.front .searchdiv .listSearchWrap.fixicon:before {
  content: "";
}

.front .searchdiv .listSearchWrap.custSearchWrap:before {
  content: normal;
}

.front .searchdiv .listSearchWrap>input[type="text"].searchbar-txt {
  padding-left: 3em;
  background: #fff;
  border-radius: 3px;
  border-color: transparent;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
}

.front .searchdiv .listSearchWrap.custSearchWrap>input[type="text"].searchbar-txt {
  padding-left: 1rem;
}

.front .searchdiv .listSearchWrap>input[type="text"].searchbar-txt:focus {
  border: 1px solid #d6dee6;
}

.front .thtext {
  color: #667486;
}

.front th {
  font-weight: 500;
}

.dine-user-search {
  position: relative;
}

.dine-user-search .guestsearch {
  position: absolute;
  background: none;
  border: none;
  right: 0;
  top: 0;
}

#searchModal .thtext,
#searchModal .textdisplay {
  padding: 0 5px 0 10px;
}

#searchModal tr+tr {
  cursor: pointer;
}

.front .customerlookuppage .innercontainer th:first-child,
.front .accountlookuppage .innercontainer th:first-child,
.front .itemlookuppage .innercontainer th:first-child,
.front .customerlookuppage .innercontainer td:first-child,
.front .accountlookuppage .innercontainer td:first-child,
.front .itemlookuppage .innercontainer td:first-child {
  padding-left: 10px;
}

.front .customerlookuppage .innercontainer th:last-child,
.front .itemlookuppage .innercontainer th:last-child {
  padding-left: 5px;
  padding-right: 5px;
}

.front .accountlookuppage .innercontainer th:last-child {
  padding-left: 2px;
  padding-right: 16px;
}

.front #holdPopup .modal .grid-content {
  padding: 0;
}

#holdPopup .modal {
  max-width: 480px;
}

#tabs ul {
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #d6dee6;
  text-align: center;
  list-style: none;
  margin: 0;
}

#tabs ul li {
  display: inline-block;
  padding: 5px;
  background-color: #fff;
  color: #898E95;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  margin: 0 5px;
  cursor: pointer;
}

#mainView {
  padding: 0 1em;
  clear: both;
}

#mainView h3 {
  padding-top: 1em;
  font-size: 1.7em;
  font-weight: bold;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
}

#tabs .active,
#tabs .active:hover {
  color: #00b29d;
  box-shadow: 0 -3px 0 0 #00b29d inset;
  -webkit-box-shadow: 0 -3px 0 0 #00b29d inset;
}

#holdPopup table td>.tiny {
  font-size: 13px;
  text-transform: uppercase;
  margin: 4px 0;
}

wysiwyg-edit .tinyeditor .sizer {
  height: 140px;
  min-height: 140px;
}

.badge.alert {
  background: #ef5350;
  line-height: 1.5;
  font-weight: 500;
}

.blockdiv {
  position: fixed;
  top: 50%;
  left: 50%;
  display: flex;
  width: 200px;
  padding: 2.5em 0;
  background: #fff;
  border-radius: 3px;
  border: none;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #667486;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.29);
  margin-left: -120px;
  overflow: hidden;
}

.loadingblock {
  padding: 15px !important;
}

.cssLoader {
  position: relative;
  display: flex;
  justify-content: center;
  vertical-align: middle;
  width: 125px;
  height: 125px;
  font-size: 2.5em;
  text-align: center;
  color: #667486;
  margin: auto;
  margin-bottom: 1rem;
}

.loader-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(44, 57, 68, 0.25);
  margin-left: -60px;
  margin-top: -60px;
}

.loader-line-mask {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  overflow: hidden;
  transform-origin: 60px 60px;
  -webkit-transform-origin: 60px 60px;
  -moz-transform-origin: 60px 60px;
  -webkit-mask-image: -webkit-linear-gradient(top, #000, rgba(0, 0, 0, 0));
  animation: rotate 1.2s infinite linear;
  -webkit-animation: rotate 1.2s infinite linear;
  -moz-animation: rotate 1.2s infinite linear;
}

.loader-line-mask .loader-line {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #00b29d;
}

.cssLoader .fa {
  position: relative;
  top: -2px;
  height: 1em;
  margin: auto;
  animation: blink 3s linear infinite;
}

@keyframes blink {
  50% {
    opacity: 0.5;
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@-o-keyframes rotate {
  0% {
    -o-transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}

.paymentvoided {
  color: red;
  text-decoration: line-through;
}

.currencynote table td {
  padding-top: 3px !important;
}

.currencynote table td:first-child label {
  width: 16px;
  margin-left: 10px;
}

.currencynote .listChkWrap {
  width: 14px;
}

#CurrencyDenominations td,
#CurrencyDenominations th {
  padding: 5px 10px;
}

#CurrencyDenominations input {
  text-align: right;
  border-color: #d6dee6;
}

#CurrencyDenominations .modal {
  width: 450px;
}

#CurrencyDenominations1 td,
#CurrencyDenominations1 th {
  padding: 5px 10px;
}

#CurrencyDenominations1 input {
  text-align: right;
  border-color: #d6dee6;
}

#CurrencyDenominations1 .modal {
  width: 450px;
}

.thtext {
  position: relative;
}

th .fa {
  position: absolute;
}

th .fa-sort-asc:before,
.fa-sort-up:before {
  position: absolute;
  margin: 5px 0 0 5px;
}

th .fa-sort-desc:before {
  margin-left: 5px;
}

#changePasswordPopup .is-active.modal {
  height: initial;
}

#userpassModal .from_field {
  width: 100%;
}

.frontDashChart .title-bar {
  padding-bottom: 0;
  font-size: 14px;
  line-height: 35px;
}

.nvd3.nv-noData {
  font-size: 28px !important;
  fill: rgba(0, 0, 0, 0.2);
}

.sideInfo .block {
  margin: 0 0 0 1%;
}

form[name="itemDiscountForm"] .trbody td,
form[name="orderDiscountForm"] .trbody td,
form[name="itemDiscountForm"] .trbody th,
form[name="orderDiscountForm"] .trbody th,
#guestLockPopup .trbody th,
#guestLockPopup .trbody td {
  padding-left: 10px;
}

form[name="itemDiscountForm"] .trbody td+td,
form[name="orderDiscountForm"] .trbody td+td,
#guestLockPopup .trbody td+td {
  padding-left: 0;
  padding-right: 10px;
}

form[name="itemDiscountForm"] .trbody th+th,
form[name="orderDiscountForm"] .trbody th+th,
#guestLockPopup .trbody th+th {
  padding-left: 0;
}

form[name="itemDiscountForm"] .trbody th[align="right"],
form[name="orderDiscountForm"] .trbody th[align="right"] {
  padding-right: 10px;
}

.notification-content {
  width: inherit;
  text-align: center;
}

.is-active.modal {
  height: inherit !important;
}

.is-active.modal .block-list header {
  font-size: 1em;
}

.frontdashboardpage .noRecordFound {
  padding: 40px 0;
}

.addupdate {
  font-weight: bold;
}

.orderListGuestWrap .ti-trash {
  cursor: pointer;
}

.cust-deliver {
  flex: 1 0 0;
}

.cust-deliver .del-form {
  display: flex;
  background: #fff;
  padding: 15px 0 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.cust-deliver .del-client-form {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
}

.cust-deliver .del-client-form .footer-bar {
  margin-top: auto;
}

.cusinsight .tablet-hide {
  border: 1px solid #d6dee6;
  margin-top: 5px;
}

.cusinsight .tablet-hide .thtext {
  color: #667486;
  border: 1px solid #d6dee6;
  padding: 4px 4px 4px 6px;
}

.cusinsight .tablet-hide td,
.cusinsight table.tablebody.tablediv td {
  border: 1px solid #d6dee6;
  padding: 7px 4px 6px 6px;
  text-align: left;
}

.cusinsight table.tablebody.tablediv td {
  border-top: none;
}

.cusinsight .small-up-3 .grid-block {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin: 0px auto;
  padding: 6px 5px;
  text-align: center;
  flex: 0 0 31.33333%;
  display: inline-block;
  background: #fff;
}

.cusinsight .small-up-3 .grid-block:first-child {
  margin-left: 0;
}

.cusinsight .small-up-3 .grid-block:last-child {
  margin-right: 0;
}

.cusinsight .small-up-3 .grid-block b {
  color: #667486;
}

.deliveryDivGroup .grid-block {
  margin: 12px 0px;
  display: flex;
  justify-content: space-between;
}

.deliveryDivGroup .grid-block.has-error {
  position: relative;
  margin-bottom: 25px;
}

.deliveryDivGroup .has-error.validationMessage {
  position: absolute;
  bottom: -23px;
  left: -1px;
}

.deliveryDivGroup .grid-block>.grid-block,
.deliveryDivGroup .grid-block:last-child {
  margin: 0px;
}

.deliveryDivGroup .grid-block>.grid-block input {
  margin-bottom: 0px;
}

#addEditItemModal aside {
  max-width: 1080px;
}

.back #addEditItemModal .formdivgrp {
  padding: 0;
}

#addEditItemModal .um-combo {
  min-width: 100px;
  margin-left: 0;
  width: 100%;
}

#addEditItemModal .um-combo div {
  display: inline-block;
  text-overflow: ellipsis;
  text-align: left;
  line-height: 34px;
  padding-left: 4px;
  margin-left: -1px;
}

.itemtype-sel {
  display: inline-flex;
}

.itemtype-sel label {
  display: flex;
  align-items: center;
  height: 35px;
  margin-bottom: 0;
}

.itemtype-sel label+label {
  margin-left: 10px;
}

.itemtype-sel label input {
  margin-top: 0;
  margin-right: 5px;
}

.um-combo {
  display: flex;
  min-width: 140px;
  margin-left: 10px;
}

.um-combo input {
  flex: 1 0 0;
  text-align: right;
  border-right: 0;
}

.um-combo input:hover,
.um-combo input:focus {
  border-right: 0;
}

.um-combo div {
  line-height: 34px;
  width: 50px;
  text-align: left;
  padding: 0 3px;
  border-radius: 0 3px 3px 0;
  border: 1px solid #d6dee6;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.um-combo.select div {
  width: 90px !important;
  height: 36px !important;
}

.um-combo.select select {
  background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" ></polygon></svg>') right 10px center no-repeat;
  background-size: 8px 6px;
  padding: 0 1.75rem 0 0.5rem;
  border: none;
}

.modulehead .filter-bar .um-combo input {
  text-align: left;
}

.modulehead .filter-bar .um-combo.select div {
  min-width: 120px;
}

.modulehead .filter-bar .um-combo .searchBtn {
  position: absolute;
  top: -17px;
  right: 5px;
}

.tdcontent .um-combo input {
  max-width: 90px !important;
}

.itemoutlet td,
#productBOMModal td {
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: top;
}

.bom-table-main {
  display: flex;
  flex-flow: column;
}

.bom-table-main table {
  flex: 0 0 auto;
}

.bom-table-main th {
  padding-top: 8px;
  padding-bottom: 4px;
}

.bom-table-main-scroll {
  display: flex;
  flex-flow: column;
  /* flex: 1 0 0; */
  /* overflow: auto; */
}

.bom-table-main-scroll .searchRightBtns {
  width: 100%;
}

.bom-table-main-scroll .searchRightBtns .cstm_select {
  width: 100% !important;
}

.toggle-profit.active .ti-angle-left {
  transform: rotate(180deg);
}

.expected-profit-head {
  display: flex;
  flex-flow: column;
  padding: 16px 8px;
}

.expected-profit-head-info {
  display: flex;
  align-items: center;
}

.bom-table-main td {
  padding-right: 5px;
  /* border-bottom: 1px solid #d6d6d9; */
  padding-bottom: 10px;
}

.bom-outlet-pl {
  display: flex;
  flex-flow: column;
  width: 35%;
  height: 100%;
  transition: width 2s;
  /* padding-left: 14px; */
  margin-left: 10px;
  border-left: 1px solid #e8e8e8;
}

.bom-outlet-pl table th {
  padding-top: 4px;
  padding-bottom: 4px;
}

.bom-outlet-pl table .trdatabody {
  height: 30px;
}

.bom-outlet-pl ul {
  position: relative;
  flex: 1 0 0;
  overflow: auto;
  margin: 0;
}

.bom-outlet-pl ul li {
  margin-bottom: 16px !important;
}

.bom-outlet-pl ul .cardcustome {
  width: calc(100% - 16px);
  margin: 0 auto;
}

.bom-outlet-pl ul .cardcustome:hover {
  box-shadow: none;
}

.bompandl {
  /* display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px !important; */
  border: 1px solid #d6d6d9;
}

.bompandl h4 {
  margin: 0;
}

.bompandl .profit {
  /* background: rgb(0 128 0 / 20%); */
  background: green;
  padding: 5px 8px;
  border-radius: 16px;
  color: white;
  font-weight: 600;
  margin-bottom: 0;
  margin-right: 16px !important;
}

.bompandl .loss {
  /* background: rgb(239 83 80 / 20%); */
  background: red;
  padding: 5px 8px;
  border-radius: 16px;
  color: white;
  font-weight: 600;
  margin-bottom: 0;
  margin-right: 16px !important;
}

.bompandl .normal {
  background: #2eb29d;
  padding: 5px 8px;
  border-radius: 16px;
  color: white;
  font-weight: 600;
  margin-bottom: 0;
  margin-right: 8px !important;
}

.bompandl .bomindicator {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.itemrecipe table+table,
.itemoutlet table+table,
.itemunits table+table,
#productBOMModal table+table {
  margin-top: 10px !important;
}

#productBOMModal th:first-child,
#productBOMModal td:first-child {
  padding-left: 5px;
}

.itemoutlet td,
.recipe td,
#productBOMModal td {
  vertical-align: top;
}

#productBOMModal .row-add-btns {
  margin-top: 20px;
}

#productBOMModal .note span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #ffbcbc;
  margin-right: 5px;
}

.itemrecipe td,
.itemunits td {
  padding-top: 5px;
  padding-bottom: 5px;
}

.defaultbom {
  background: #ffbcbc;
}

.companyNameFront {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  margin-left: 15px;
}

.inventory-pages {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: calc(100% - 47px);
  margin-left: auto;
}

.inventory-pages .title-bar {
  flex: 0 0 auto;
  width: calc(100% - 47px);
}

.inventory-pages .title-bar .button.btn1 {
  height: 38px;
  margin-left: 10px;
  float: none;
}

.inventory-pages .maincontainer {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
  margin-top: 50px;
}

.inventory-pages .maincontainer .innercontainer {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
  padding: 0;
}

.inventory-pages.po-view .maincontainer .innercontainer {
  background: none;
  box-shadow: none;
}

.inventory-pages.po-view .po-details {
  padding-left: 20px;
  position: fixed;
  top: 56px;
  width: calc(100% - 47px);
  height: 50px;
  background-color: rgba(251, 251, 251, 0.95);
  border-bottom: none;
  color: #667486;
  padding: 0.5rem 15px;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
  z-index: 9;
}

.po-details {
  display: flex;
  background: #fff;
}

.po-details .po-title {
  font-size: 20px;
  font-weight: normal;
  padding: 4px 0;
}

.po-details input {
  width: 100% !important;
  max-width: initial !important;
}

.po-details .v-field {
  display: flex;
  white-space: nowrap;
  align-items: center;
}

.po-details .v-field label {
  line-height: 36px;
  margin-right: 10px;
  margin-bottom: 0;
}

.po-details div+div {
  margin-left: 20px;
}

._720kb-datepicker-calendar._720kb-datepicker-open div+div {
  margin-left: 0;
}

.block-elem {
  padding: 10px 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.inventory ul {
  margin: 0;
}

.inventory ul,
.inventory li {
  list-style: none;
}

.inventory .purchase-order {
  display: flex;
  flex-flow: row;
  flex: 1 0 0;
  padding: 0;
  overflow: hidden;
}

.inventory .purchase-order .po-area {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
  padding: 10px;
  padding-bottom: 0;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
  overflow: auto;
}

.inventory .purchase-order .po-area .form-po {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
}

.inventory .purchase-order .po-area .form-po .um-combo {
  justify-content: flex-end;
}

.inventory .purchase-order .po-area .form-po table tbody input {
  max-width: 90px !important;
}

.inventory .purchase-order .po-area .form-po table tbody input.pricebox {
  max-width: initial !important;
}

.inventory .purchase-order .form {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.inventory .purchase-order .po-container {
  flex: 1 0 0;
  overflow: auto;
}

.inventory .purchase-order .po-container thead tr:nth-child(1) th {
  background: white;
  position: sticky;
  top: 0;
  z-index: 9;
}

.inventory .purchase-order .po-basic-info {
  display: flex;
}

.inventory .purchase-order .po-basic-info>div {
  display: flex;
  flex-flow: row wrap;
  white-space: nowrap;
  padding-right: 1rem;
}

.inventory .purchase-order .po-basic-info .v-field {
  display: flex;
  align-items: center;
  padding-right: 1rem;
  margin-bottom: 1rem;
}

.inventory .purchase-order .po-basic-info .v-field label {
  margin-bottom: 0;
  margin-right: 10px;
}

.inventory .purchase-order .po-basic-info .vendor .searchRightBtns,
.inventory .purchase-order .po-basic-info .vendor .cstm_select {
  width: 100%;
}

.inventory .purchase-order .po-basic-info textarea {
  resize: none;
  height: 90px;
}

.inventory .purchase-order .po-basic-info .cstm_select,
.inventory .purchase-order .po-basic-info .searchRightBtns {
  width: 100%;
}

.inventory table input {
  width: 100% !important;
  max-width: initial !important;
}

.inventory table input[type="checkbox"] {
  width: initial !important;
  margin: 0;
}

.inventory table input[disabled=disabled] {
  background: #f8f8f8;
}

.inventory table {
  width: 100%;
}

.inventory table th {
  text-align: left;
  font-weight: 600;
}

.inventory table.ratetable th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.inventory table td {
  position: relative;
  padding-top: 10px;
}

.inventory table tr:last-child td {
  padding-bottom: 10px;
}

.inventory table th+th,
.inventory table td+td {
  padding-left: 10px;
}

.inventory table .amount {
  width: 100px;
}

.inventory table .action {
  width: 36px;
  padding-left: 0;
  text-align: center;
}

.inventory table .action a {
  padding: 5px;
}

.inventory table .act-multiple {
  width: 140px;
  text-align: right;
}

.inventory thead {
  line-height: 30px;
  background: #f0f0f0;
  margin-bottom: 10px;
}

.inventory .po-area tbody tr {
  border-bottom: 1px solid #e8e8e8;
}

.inventory .po-area tbody tr.last-priced td {
  padding-bottom: 20px !important;
}

.inventory .po-area tbody tr .last-value {
  position: absolute;
  font-size: 12px;
  margin-top: 2px;
}

.inventory .po-area tbody tr.error {
  background: rgba(239, 83, 80, 0.2) !important;
}

.inventory .po-area tbody td {
  padding-top: 5px;
  padding-bottom: 5px !important;
}

.inventory .po-area tbody td:first-child {
  padding-left: 8px;
}

.inventory .qty-combo-cell {
  width: 150px;
}

.inventory .disc-combo-cell {
  width: 130px !important;
}

.inventory .tax-cell {
  width: 150px;
}

.inventory .inventory-qty-combo {
  display: flex;
}

.inventory .inventory-qty-combo input {
  width: 60px !important;
  border-radius: 3px 0 0 3px;
}

.inventory .inventory-qty-combo input+select {
  border-radius: 0 3px 3px 0;
  border-left: 0;
}

.inventory .btn,
.inventory button {
  background: rgba(71, 153, 255, 0.05);
  box-shadow: none;
  border: 1px solid currentColor;
  color: #00b29d;
  height: 36px;
  font-size: 14px;
  margin: 0;
}

.inventory .btn:hover,
.inventory button:hover {
  background: rgba(0, 178, 157, 0.2);
}

.inventory .price {
  font-size: 16px;
}

.inventory .reject-status-po td:first-child {
  text-indent: 10px;
}

.inventory .price-breakup {
  display: flex;
  align-items: flex-end;
  margin: 0;
  margin-left: 10px;
  background: #fff !important;
  padding: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
  width: 200px;
  flex-flow: column;
  justify-content: space-between;
  overflow: auto;
}

.inventory .price-breakup ul {
  width: 100%;
}

.inventory .price-breakup li {
  display: flex;
  justify-content: flex-end;
  flex-flow: column;
  margin-bottom: 10px;
  margin-left: auto;
  height: initial;
  text-align: right;
}

.inventory .price-breakup li span:first-child {
  color: #666;
}

.inventory .price-breakup .price {
  width: 100%;
  justify-content: flex-end;
}

.inventory .price-breakup .total {
  padding: 0;
  color: #00b29d;
  display: flex;
  flex-flow: column;
  height: auto;
  border: none;
  font-weight: 600;
  padding-top: 10px;
}

.inventory .footer-action {
  text-align: right;
  padding: 10px 0;
  border-top: 1px solid #d6dee6;
  flex: 0 0 auto;
}

.inventory .btn-extra,
.inventory .btn.btn-extra {
  height: 30px;
  font-size: 12px;
  line-height: 28px;
  padding-top: 0;
  padding-bottom: 0;
}

.inventory .btn.btn-secondary,
.inventory .btn-secondary {
  background: transparent;
  border: none;
  color: #666;
}

.inventory .btn.btn-secondary:hover,
.inventory .btn-secondary:hover {
  color: #888;
}

.inventory .btn.btn-primary,
.inventory .btn-primary {
  width: auto;
  background: #00b29d;
  border: none;
  color: #fff;
}

.inventory .btn.btn-primary:hover,
.inventory .btn-primary:hover {
  background: #017063;
}

.inventory .btn.btn-approve,
.inventory .btn-approve {
  background: #008000;
  color: #fff;
}

.inventory .btn.btn-approve:hover,
.inventory .btn-approve:hover {
  background: rgba(0, 128, 0, 0.7);
}

.inventory .btn.btn-reject,
.inventory .btn-reject {
  background: #ef5350;
  color: #fff;
}

.inventory .btn.btn-reject:hover,
.inventory .btn-reject:hover {
  background: rgba(239, 83, 80, 0.7);
}

.inventory .disc-combo {
  display: flex;
}

.inventory .disc-combo.after input[type="text"] {
  margin-right: 0 !important;
  border-radius: 3px 0 0 3px;
  border-left: 1px solid #d6dee6;
  border-right: 0;
}

.inventory .disc-combo.after .disc-type {
  order: 1;
}

.inventory .disc-combo.after .disc-type div {
  border-radius: 0 3px 3px 0;
  border-right: 1px solid #d6dee6;
  border-left: 0;
}

.inventory .disc-combo .hash-close {
  padding-right: 40px !important;
}

.inventory .disc-type {
  position: relative;
}

.inventory .disc-type+input {
  border-radius: 0 3px 3px 0;
  border-left: 0;
  text-align: right;
  width: initial;
  max-width: 130px;
}

.inventory .disc-type div {
  display: flex;
  width: 40px;
  overflow: hidden;
  border-radius: 3px 0 0 3px;
  border: 1px solid #d6dee6;
  border-right: 0;
}

.inventory .disc-type [type="checkbox"] {
  position: absolute;
  left: 0;
  width: 40px !important;
  height: 36px;
  z-index: 9;
  opacity: 0;
  cursor: pointer;
}

.inventory .disc-type [type="checkbox"]+div p {
  transform: translate3d(0, 0, 0);
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.inventory .disc-type [type="checkbox"]:checked+div p {
  transform: translate3d(-40px, 0, 0);
}

.inventory .disc-type p {
  min-width: 40px;
  width: 40px;
  height: 34px;
  line-height: 36px;
  text-align: center;
  background: #f0f0f0;
  margin-bottom: 0;
}

.inventory .disc-type~.has-error.validationMessage {
  order: 2;
  position: absolute;
  right: 0;
  white-space: nowrap;
  top: 35px;
}

.inventory .title-bar .button.btn1 {
  height: 38px;
}

.inventory .search-results {
  position: absolute;
  display: flex;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin-top: -1px;
}

.inventory .search-results ul,
.inventory .search-results li {
  width: 100%;
}

.inventory .search-results li {
  line-height: 30px;
  padding: 0 10px;
  cursor: pointer;
}

.inventory .search-results li:hover {
  background: #f0f0f0;
}

.inventory .listSearchWrap .button.btn1,
.inventory .searchRightBtns .button.btn1 {
  background: none;
  color: initial;
}

.inventory .po-status {
  width: 90px;
}

.inventory .po-status span {
  display: block;
  height: 24px;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #d6dee6;
  line-height: 22px;
}

.inventory .po-status span.approved {
  background: green;
  color: #fff;
  border: 0;
}

.inventory .po-status span.rejected {
  background: #ef5350;
  color: #fff;
  border: 0;
}

.inventory .po-listing thead,
.inventory .item-outlet thead {
  line-height: initial;
}

.inventory .po-listing table td,
.inventory .item-outlet table td {
  padding-top: initial;
}

.inventory .po-listing table th:first-child,
.inventory .item-outlet table th:first-child,
.inventory .po-listing table td:first-child,
.inventory .item-outlet table td:first-child {
  text-indent: 0;
}

.inventory .po-listing table tr:last-child td,
.inventory .item-outlet table tr:last-child td {
  padding-bottom: initial;
}

.inventory .po-listing .fchk input[type="checkbox"],
.inventory .item-outlet .fchk input[type="checkbox"] {
  width: initial !important;
}

.inventory .invitemlocation thead {
  line-height: initial;
}

.inventory .invitemlocation table td {
  padding-top: initial;
}

.inventory .invitemlocation table th:first-child,
.inventory .invitemlocation table td:first-child {
  text-indent: 0;
}

.inventory .invitemlocation table tr:last-child td {
  padding-bottom: initial;
}

.inventory .invitemlocation .fchk input[type="checkbox"] {
  width: initial !important;
}

.inventory .footer-action button,
.inventory .footer-action .button {
  margin-left: 10px;
  height: 36px;
}

.inventory .footer-action .btn.btn-extra {
  height: 36px;
  line-height: 34px;
}

.inventory .row-add-btns,
.inventory-pages .row-add-btns {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.inventory .row-add-btns button+button,
.inventory-pages .row-add-btns button+button {
  margin-left: 10px;
}

.inventory .row-add-btns .btn+.btn,
.inventory-pages .row-add-btns .btn+.btn {
  margin-left: 10px;
}

.inventory-pages .orderFooterButtons {
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
}

.inventory-pages .orderFooterButtons .button {
  flex-flow: row;
  font-size: 1rem;
  padding: 0.6em 1em !important;
  margin-right: 1rem !important;
  margin-bottom: 0 !important;
}

.inventory-pages .orderFooterButtons .button i {
  font-size: 14px;
}

.inventory-pages .orderFooterButtons .button span {
  margin: 0 0 0 8px;
}

.inventory-pages .orderFooterButtons .recordShow {
  line-height: 31px;
  margin-top: 0;
}

.checkbox-chips {}

.checkbox-chips input[type="checkbox"] {
  display: none;
}

.checkbox-chips input[type="checkbox"]+label {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-size: 14px;
  cursor: pointer;
  border-radius: 50px;
  background-color: #fff;
  border: solid 1px #7d7d7d;
  padding: 4px 8px;
  display: inline-block;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 8px 8px 0;
}


.checkbox-chips input[type="checkbox"]:checked+label {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  background-color: rgba(0, 178, 157, 0.1);
  color: #00b29d;
  border-color: #00b29d;
}



.productconfig-edit {
  display: flex;
  flex-flow: row wrap;
}

.sticky-head {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 9;
}

.productconfig-edit div.label-gp {
  display: flex;
  flex: 0 0 50%;
}

.productconfig-edit div.label-gp .from_lbl {
  width: 35%;
}

.productconfig-edit div.label-gp .from_field {
  width: 55.5%;
}

.productconfig-edit div.label-gp .toggle-order {
  margin-left: 0 !important;
}

.productconfig-edit div.label-gp .toggle-order .button {
  padding: 0 10px;
  white-space: nowrap;
}

.productconfig-edit div.label-gp .toggle-order .button.active {
  color: inherit !important;
}

.win-store,
.play-store,
.app-store {
  background: url('../../images/store-sprite.svg') no-repeat;
  width: 32px;
  height: 32px;
  background-position: 5px 2px;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

.win-store:hover,
.play-store:hover,
.app-store:hover {
  background: url('../../images/store-sprite.svg') no-repeat;
  transition: initial;
  background-position: 5px 2px;
}

.play-store {
  background-position: -28px 2px;
}

.play-store:hover {
  background-position: -28px 2px;
}

.app-store {
  background-position: -63px 2px;
}

.app-store:hover {
  background-position: -63px 2px;
}

/* Dayclose settings modal */
.formdivgrp .disableForm {
  opacity: 0.5;
  pointer-events: none;
}

.itemList {
  margin: 0;
  list-style: none;
}

.itemList li {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}

.itemList li:last-child {
  border-bottom: none;
}

/* Dayclose report configre modal */
.reportListItem {
  border-bottom: 1px solid #d6dee6;
}

.reportListItem>.from_lbl {
  width: calc(100% - 48px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modalSubtitle {
  text-align: left;
  font-weight: 600;
  padding: 8px;
  margin: 0;
}

.highlightbtn {
  width: 36px;
  height: 36px;
  margin-left: 0;
  font-size: 1.5rem;
  padding: 0;
  background-color: #05b29d;
  color: #ffffff;
  border: 1px solid #d6dee6;
}

.wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.wrapper>div {
  padding: 16px;
}

.wrapper.addNewPath .label-gp {
  margin-bottom: 0.5rem;
  width: 100%;
  padding: 0;
}

#outletBasicModal tr label {
  margin-top: 0;
  margin-bottom: 0;
}

#outletBasicModal tr label .from_field {
  display: flex;
  align-items: center;
  width: 100%;
}

#outletBasicModal tr label .from_field .from_lbl {
  width: 100%;
}

@media only screen and (min-width: 20em) {
  .action-sheet {
    transform: translateX(-9%) translateY(110%);
  }

  .action-sheet.is-active {
    transform: translateX(-9%) translateY(100%);
  }
}

@media (max-width: 1399px) {
  .blockdiv {
    padding: 20px;
    margin-left: -100px;
  }

  .cssLoader {
    width: 120px;
    height: 120px;
  }

  .loader-circle {
    width: 110px;
    height: 110px;
    margin-left: -55px;
    margin-top: -55px;
  }

  .loader-line-mask {
    width: 55px;
    height: 110px;
    margin-left: -55px;
    margin-top: -55px;
    transform-origin: 55px 55px;
    -webkit-transform-origin: 55px 55px;
    -moz-transform-origin: 55px 55px;
  }

  .loader-line-mask .loader-line {
    width: 110px;
    height: 110px;
  }

  .alertBox h5 i.ti-alert {
    width: 2em;
    height: 2em;
  }

  .alertBox h5 span {
    margin-bottom: 0;
  }

  .alertBox h5~p {
    margin-bottom: 0;
  }

  .alertBox .modal {
    max-width: 382px;
  }
}

@media (max-width: 1299px) {
  .manageserver .grid-block.tableblock {
    flex: 0 0 20%;
  }
}

@media (max-width: 1250px) {
  .front .orderpage .orderFooterButtons ul a.button {
    font-size: 1rem;
  }

  .front .orderFooterButtons ul a.extrachargeBtn {
    width: 7em;
  }
}

@media (max-width: 1199px) {
  .grid-block .is-active.modal {
    height: auto;
  }

  .manageserver .grid-block.tableblock {
    flex: 0 0 25%;
  }

  #sidebar.medium-3 {
    flex: 1 1 30%;
  }

  #main {
    flex: 1 1 70%;
  }

  .side_buttonGroup .spandiv {
    padding: 10px 5px 10px 10px;
    font-size: 1rem;
    line-height: 1.2;
  }

  .side_buttonGroup .spandiv i[class^="ti-"] {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
  }

  .listSearchWrap input[type="text"].searchbar-txt {
    min-width: 315px;
  }

  .orderhistorypage input[type="text"].searchbar-txt {
    min-width: 180px !important;
    max-width: 180px;
  }

  .settlecalcPanel {
    width: 730px !important;
  }

  .paymentTypeHeader th {
    padding: 5px;
  }
}

@media (max-width: 1024px) {
  .title-bar.back .left {
    flex: 0 0 21% !important;
  }

  :not(.front) #sidebar.medium-2 {
    flex: 0 0 21%;
  }

  #main.back {
    flex: 0 0 79% !important;
  }

  .footerdiv1.poweredFtr {
    width: 21vw;
  }

  .orderhistorypage input[type="text"].searchbar-txt {
    min-width: 120px !important;
    max-width: 120px;
    padding-right: 35px;
  }

  .orderhistorypage .filter-bar .grid-block+.grid-block {
    margin-left: 10px;
  }
}

@media (max-width: 992px) {

  .small-up-5>li,
  .small-up-5>div,
  .small-up-5>section {
    flex: 0 0 33.33%;
  }

  .medium-3 {
    flex: 0 0 35%;
  }

  .medium-9 {
    flex: 0 0 65%;
  }

  #main {
    flex: 1 1 65%;
  }

  .manageserver .grid-block.tableblock {
    flex: 0 0 33.33%;
  }

  #sidebar.medium-3 {
    flex: 1 1 35%;
  }
}

.title-bar.head.back span.left {
  flex: 0 0 auto !important;
  width: 220px;
  max-width: 220px;
}

:not(.front) #sidebar.medium-2 {
  flex: 0 0 auto;
  width: 220px;
}

#main.back {
  flex: 1 0 0 !important;
}

#main.back .inventory table td {
  /* vertical-align: top; */
  vertical-align: middle;
}

/* #main.back .inventory table td p {
  line-height: 2.5;
} */
.footerdiv1.poweredFtr {
  width: 220px;
}

#crtReportModal .modal .formdivgrp .grid-content {
  padding: 0 !important;
}

#crtReportModal .sort ul[dnd-list] {
  cursor: initial;
}

#crtReportModal .sort ul[dnd-list] li {
  max-width: initial !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#crtReportModal .sort ul[dnd-list] li .main-tax-name {
  min-width: 60px;
  max-width: initial;
  margin-right: 10px;
}

#crtReportModal .sort ul[dnd-list] li .main-tax-name:nth-child(-n+2) {
  min-width: 120px;
}

#crtReportModal .sort ul[dnd-list] .ti-menu {
  padding: 12px 10px 8px;
  opacity: 0.8;
  cursor: move;
}

#crtReportModal .add-edit-tax-group .grid-content div:first-child .max-h-auto {
  height: 300px !important;
}

#crtReportListModal .modifireInrTbleWrap table+div {
  height: initial !important;
}

#crtReportListModal .modifireInrTbleWrap table+div>div {
  height: initial !important;
}

.reportcontainer .action-sheet {
  width: auto;
  white-space: nowrap;
}

.reportcontainer .action-sheet:before,
.reportcontainer .action-sheet:after {
  left: 27px;
}

.itemaddUpdate {
  background: #00b29d17;
  font-weight: 500;
}

.card-column-head {
  display: flex;
  flex-flow: column;
  position: relative;
  padding: 6px 1.5rem;
}

.card-column-head label {
  font-weight: bold;
  font-size: 11px;
  padding: 0;
  margin-bottom: 2px;
}

.card-column-head .rect-badge {
  background: green;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  padding: 0px 10px;
  min-width: 74px;
  display: inline-block;
}

#iloyaltyRedeemPopup .um-combo input {
  text-align: left;
}

#iloyaltyRedeemPopup .button.btn1 {
  padding: 6px 12px;
}

.point-to-redeem span {
  white-space: nowrap;
}

.redeem-methods {
  display: flex;
  align-items: center;
}

.redeem-methods .redeem-option .button.default {
  white-space: nowrap;
  padding: 10px;
  background: #fff;
  border: none !important;
  display: flex;
  align-items: center;
}

.redeem-methods .redeem-option .button.default span {
  font-size: 14px;
  margin-left: 5px;
}

.redeem-methods .or-txt {
  margin-left: 10px;
}

.redeem-option {
  border-radius: 3px;
  border: 1px solid #d6dee6 !important;
}

.redeem-option button.default {
  border: none !important;
  background: #fff !important;
}

.redeem-option button.card-swipe-btn+button.card-swipe-btn {
  margin-left: 0 !important;
  border-left: 1px solid #d6dee6 !important;
}

#iloyaltyRedeemPopup .button.btn1 {
  border-left: 0;
  border-radius: 0;
  max-height: 36px;
}

.card-swipe-btn {
  max-height: 36px;
  border-radius: 0 3px 3px 0 !important;
}

.card-swipe-btn.default {
  border: 1px solid #d6dee6 !important;
  border-left: none !important;
  box-shadow: none;
}

.loyalty-price {
  font-weight: bold;
  width: 150px;
  text-align: right;
  margin-left: auto;
}

.loyalty-discount {
  display: flex;
  padding: 10px !important;
  color: #FFF;
  text-align: left !important;
  margin: 0 1.5rem !important;
  border: 2px dashed #e5fbe8;
  box-shadow: 0 0 0 3px white inset;
  font-size: 15px;
  background: #388E3C !important;
}

.loyalty-discount .ti-gift {
  font-size: 30px;
  line-height: 30px;
  height: 40px;
  overflow: hidden;
  padding: 5px 15px 5px 5px;
}

.loyalty-discount p {
  margin-bottom: 0;
}

.mobile-loyalty-check-combo {
  display: inline-flex;
  position: relative;
}

.mobile-loyalty-check-combo>div {
  position: absolute;
  left: 25px;
}

.mobile-loyalty-check-combo-1 {
  justify-content: center;
  width: 100%;
}

.mobile-loyalty-check-combo-1>div {
  left: 55px;
}

.rate-numeric {
  text-align: right;
}

.disablebutton {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
  background: #e7e9eb !important;
  color: #000000 !important;
}

#airpaymodel aside.modal {
  height: 450px !important;
}

.innercontainer.online-order {
  background: none;
  box-shadow: none;
  overflow: hidden;
}

.innercontainer.online-order .tablediv1 {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
  overflow: auto;
}

.innercontainer.online-order .tablediv1 th:first-child,
.innercontainer.online-order .tablediv1 td:first-child {
  padding-left: 10px;
}

.innercontainer.online-order .tablediv1 .trdatabody {
  cursor: pointer;
}

.innercontainer.online-order .tablediv1 .list-action {
  text-align: center;
}

.innercontainer.online-order .tablediv1 .list-action .button.primary {
  background: #fff;
  border: 1px solid;
  color: #ff9740;
  margin: 3px;
  box-shadow: none;
}

.innercontainer.online-order .tablediv1 .order-status {
  position: relative;
  flex: 0 0 auto;
  padding: 0 20px;
  min-width: 135px;
  margin-left: 0;
  overflow: visible;
}

.innercontainer.online-order .tablediv1 .order-status:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #4fb243;
  border-radius: 50%;
  margin-left: -15px;
  margin-top: 5px;
}

.innercontainer.online-order .tablediv1 .order-status.ready {
  background: transparent;
  color: #4fb243;
  border-radius: 5px;
}

.innercontainer.online-order .pop-orders {
  display: flex;
  align-items: flex-end;
  margin: 0;
  margin-left: 10px;
  width: 350px;
  flex-flow: column;
  overflow: auto;
}

#NucleusOrderDetail .is-active.modal {
  max-width: 800px;
}

#NucleusOrderDetail a.orng {
  color: #ff9740;
}

#NucleusOrderDetail a.close-button {
  height: 62px;
  color: #667486;
  padding: 24px 0;
  cursor: pointer;
}

#NucleusOrderDetail a.close-button:hover {
  color: #ff5722;
}

#NucleusOrderDetail .contact-swiggy {
  font-size: 16px;
}

#NucleusOrderDetail .contact-swiggy .contacting .fa {
  padding: 5px;
  border: 1px solid;
  border-radius: 50%;
}

.order-stats {
  display: flex;
  align-items: center;
  height: 40px;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 1px;
}

.order-stats ul {
  display: flex;
  list-style: none;
  margin: 0;
}

.order-stats li {
  border-right: 1px solid #fff;
}

.order-stats li a {
  display: flex;
  padding: 8px 10px;
  color: #222;
  border-bottom: 2px solid #fff;
}

.order-stats li a.active {
  border-bottom: 2px solid #00b29d;
}

.order-stats li span {
  display: flex;
  justify-content: center;
  background: #fff;
  min-width: 22px;
  height: 22px;
  text-align: center;
  color: #222;
  border-radius: 11px;
  margin-left: 5px;
}

.order-stats li.action-need span {
  background: red;
  color: #fff;
}

.order-stats li.inprogress span {
  background: #ff9740;
  color: #fff;
}

.order-stats li.completed span {
  background: #4FB243;
  color: #fff;
}

.order-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px;
  border-radius: 25px;
  border: 1px solid #e8e8e8;
  margin: 10px 10px 10px 0;
  min-width: 140px;
}

.order-badge span {
  padding: 0 5px;
}

.trdatabody img {
  width: 30px;
}

.trdatabody.order-alert {
  background: #fe6061;
}

.order-source.swiggy {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 15px;
}

.orderinfo p {
  margin-bottom: 0;
  text-align: left;
  line-height: 18px;
}

.orderinfo p.orderid {
  color: #222;
  font-weight: 600;
}

.order-listing-detail {
  height: 400px;
  display: flex;
}

.order-listing-detail>div {
  flex: 0 0 calc(60% - 10px);
  margin-right: 10px;
}

.order-listing-detail>div+div {
  display: flex;
  flex-flow: column;
  flex: 0 0 40%;
  margin-right: 0;
}

.order-listing-detail>div+div .bg-order-listing {
  flex: 1 0 0;
}

.item-info {
  font-size: 16px;
  font-weight: 600;
}

.eta-indicator {
  margin-right: 35px;
}

.eta-timer {
  display: flex;
  flex-flow: column;
  line-height: 12px;
  text-align: center;
  font-weight: 600;
}

.eta-timer span {
  font-size: 14px;
}

.bg-order-listing {
  display: flex;
  flex-flow: column;
  background: #fff;
  padding: 10px;
}

.bg-order-listing+.bg-order-listing {
  margin-top: 10px;
}

.bg-order-listing h5 {
  padding-bottom: 10px;
  border-bottom: 1px solid #d6dee6;
  margin: 0;
}

.bg-order-listing .cust-basic-details {
  display: flex;
}

.bg-order-listing .cust-basic-details .user-img {
  flex: 0 0 50px;
}

.bg-order-listing .cust-basic-details .user-info {
  flex: 1 0 0;
}

.order-status {
  color: #fff;
  padding: 5px;
  font-size: 14px;
  font-weight: 600;
  margin-left: 15px;
  text-transform: uppercase;
  border-radius: 5px;
  padding: 5px 10px;
  margin-right: auto;
}

.order-status.preparing {
  background: rgba(255, 151, 64, 0.2);
  color: #ff9740;
}

.order-status.ready {
  background: rgba(79, 178, 67, 0.2);
  color: #4FB243;
}

.order-status.golditem {
  background: rgba(255, 215, 0, 0.14901961);
  color: #d5ba27;
  white-space: nowrap;
}

.item-info-name-grp {
  display: flex;
  align-items: center;
}

#NucleusOrderDetail .button.primary.disabled {
  background: #b1b1b1;
  box-shadow: none;
}

#NucleusOrderDetail .trdatabody {
  border-bottom: none;
}

#NucleusOrderDetail .trdatabody+.trdatabody td:first-child {
  padding-left: 10px;
}

.item-ordered-listing {
  min-height: 200px;
  max-height: 300px;
  overflow: auto;
}

#NucleusOrderDetail .online-order-total {
  margin-top: auto;
  display: flex;
  flex-flow: column;
}

#NucleusOrderDetail .total-amount {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-top: 5px;
}

#NucleusOrderDetail .total-amount .value {
  font-size: 16px;
  font-weight: 600;
}

#NucleusOrderDetail .total-amount span {
  margin-left: 10px;
  width: 80px;
}

#NucleusOrderDetail .total-amount span+span {
  text-align: right;
}

.bg-order-listing .user-img {
  margin-right: 10px;
}

.bg-order-listing .user-img img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.driver-info,
.customer-info {
  display: flex;
  padding: 10px 0;
  overflow: auto;
}

.driver-info .driver-name,
.customer-info .driver-name {
  font-size: 16px;
  margin-bottom: 10px;
}

.customer-info .cust-name {
  font-size: 16px;
  margin-bottom: 0;
}

.track-de {
  display: flex;
}

.track-de .button.primary {
  background: transparent !important;
  box-shadow: none;
  border: 1px solid #ff9740 !important;
  color: #ff9740;
  margin-right: 10px;
}

.track-de .button.primary:hover {
  background: #ff9740 !important;
  color: #fff;
}

.pop-order-card {
  padding: 10px;
  background: #fff;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
  margin-bottom: 10px;
}

.pop-order-card .order-info-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pop-order-card .order-info-head .eta-timer {
  width: 50px;
  height: 50px;
}

.pop-order-card .order-status {
  margin-left: 0;
}

.pop-order-card .driver {
  display: flex;
  align-items: center;
}

.pop-order-card .driver p {
  font-size: 14px;
  color: #888;
  margin-right: 10px;
  margin-bottom: 0;
}

.pop-order-card .eta-indicator {
  margin-right: 0;
}

.pop-order-card .c100.small {
  font-size: 50px;
}

.pop-order-card .order-no-info {
  display: flex;
  align-items: center;
}

.pop-order-card .order-no-info img {
  height: 24px;
  margin-right: 10px;
}

.pop-order-card .order-no-info .order-source {
  height: 40px;
}

.pop-order-card .order-no-info p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  padding-right: 15px;
  line-height: initial;
}

.pop-order-card .order-no-info span.time {
  color: #888;
}

.pop-order-card .item-desc {
  display: flex;
  flex-flow: column;
  padding-top: 10px;
}

.pop-order-card .item-desc div {
  display: flex;
  justify-content: space-between;
}

.pop-order-card .item-desc span {
  font-size: 14px;
  color: #888;
}

.pop-order-card .item-desc span:first-child {
  margin-right: 5px;
}

.pop-order-card .item-desc span:nth-child(2) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pop-order-card .value {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  margin-left: auto;
}

.pop-order-card .min-free {
  padding-top: 0;
  border-bottom: 1px solid #d6dee6;
  margin-bottom: 10px;
}

.pop-order-card .min-free img {
  width: 130px;
}

.pop-order-card .min-free .time-left .timer {
  font-size: 18px;
}

.pop-order-action {
  display: flex;
  justify-content: space-between;
  border-top: 1px dashed #e8e8e8;
  margin-top: 10px;
}

.pop-order-action a {
  font-size: 15px;
  font-weight: 600;
  color: #666;
  padding: 10px;
  margin-bottom: -10px;
}

.min-free {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

.min-free img {
  width: 130px;
}

.min-free .time-left {
  display: flex;
}

.min-free .time-left p:first-child {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  margin-bottom: 0;
  margin-right: 5px;
}

.min-free .time-left .timer {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}

.online-order-listing-card {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
  padding: 10px;
  margin-bottom: 10px;
}

.online-order-listing-card.alert {
  background: rgba(71, 153, 255, 0.1);
}

.online-order-listing-card p {
  margin-bottom: 0;
  line-height: initial;
}

.online-order-listing-card .order-id {
  font-size: 16px;
  font-weight: 600;
}

.online-order-listing-card .cust-name {
  font-size: 16px;
  color: #888;
  margin-bottom: 3px;
}

.online-order-listing-card .bill-amount {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}

.online-order-listing-card .bill-amount span {
  background: #d2d2d2;
  padding: 5px;
  border-radius: 3px;
  font-size: 14px;
  margin-left: 10px;
}

.online-order-listing-card>div {
  flex: 1 0 0;
}

.online-order-listing-card>div+div {
  margin-left: 15px;
}

.online-order-listing-card .card-action {
  flex: 0 0 auto;
}

.online-order-listing-card .card-action .button {
  width: 140px;
}

.online-order-listing-card .order-source {
  flex: 0 0 auto;
}

.online-order-listing-card .order-source.swiggy {
  min-width: 40px;
  margin-right: 0;
}

.online-order-listing-card .eta-indicator {
  flex: 0 0 auto;
  padding: 0 20px;
  margin-right: 0;
}

.online-order-listing-card .eta-timer {
  width: 60px;
  height: 60px;
}

.online-order-listing-card .c100.small {
  font-size: 60px;
}

.alert-orders {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-flow: column;
  z-index: 9999;
  overflow: auto;
  max-height: calc(100vh - 90px);
}

.alert-orders p {
  margin-bottom: 0;
  line-height: initial;
}

.alert-orders .order-id {
  font-weight: 600;
}

.alert-orders .cust-name {
  padding-top: 2px;
}

.alert-orders .order-alert-card {
  width: 300px;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  border-radius: 3px;
  margin-top: 10px;
  transform: translate3d(0, 0, 0);
  transition: all 0.3s ease-in-out;
}

.alert-orders .card-head {
  display: flex;
  align-items: center;
  padding: 10px;
  cursor: pointer;
}

.alert-orders .card-head+p {
  padding: 0 10px 10px;
}

.alert-orders .close-button {
  position: initial;
  color: #999;
  font-size: 2.5em;
  line-height: 0.5;
  cursor: pointer;
  margin-left: auto;
  margin-top: -20px;
}

.alert-orders .item-list {
  padding: 0 10px 10px;
}

.alert-orders .item-list table {
  width: 100%;
}

.alert-orders .item-list table td {
  padding-bottom: 5px;
}

.alert-orders tfoot {
  border-top: 1px solid #585858;
  font-weight: 600;
}

.alert-orders tfoot td {
  padding: 5px 0;
}

.alert-orders .action-buttons {
  display: flex;
  border-top: 1px solid #a7a7a7;
}

.alert-orders .action-buttons a {
  flex: 1 0 0;
  text-align: center;
  color: #fff;
  line-height: 36px;
}

.alert-orders .action-buttons a.primary {
  background: green;
  border-radius: 0 0 3px 3px;
}

.alert-orders .action-buttons a.primary:hover {
  background: rgba(0, 128, 0, 0.8);
}

.alert-orders .action-buttons a.secondary {
  background: #4d4d4d;
  border-radius: 0 0 3px;
}

.alert-orders .action-buttons a+a {
  border-left: 1px solid #a7a7a7;
}

/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #307bbb;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  background-color: #ccc;
}

.c100 *,
.c100 *:before,
.c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.c100.center {
  float: none;
  margin: 0 auto;
}

.c100.small {
  font-size: 40px;
}

.c100>span {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  font-size: 0.2em;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #fff;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}

.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}

.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}

.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}

.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}

.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}

.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}

.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}

.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}

.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}

.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}

.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}

.c100.p13 .bar {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}

.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}

.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}

.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}

.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}

.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}

.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}

.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}

.c100.p21 .bar {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}

.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}

.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}

.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}

.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c100.p26 .bar {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}

.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}

.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}

.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}

.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}

.c100.p31 .bar {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}

.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}

.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}

.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}

.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}

.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}

.c100.p37 .bar {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}

.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}

.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}

.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}

.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}

.c100.p42 .bar {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}

.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}

.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}

.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}

.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}

.c100.p47 .bar {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}

.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}

.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}

.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}

.c100.p52 .bar {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}

.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}

.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}

.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}

.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}

.c100.p57 .bar {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}

.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}

.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}

.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}

.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}

.c100.p62 .bar {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}

.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}

.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}

.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}

.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}

.c100.p67 .bar {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}

.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}

.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}

.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}

.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}

.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}

.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}

.c100.p74 .bar {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}

.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}

.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}

.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}

.c100.p79 .bar {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}

.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}

.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}

.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}

.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}

.c100.p84 .bar {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}

.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}

.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}

.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}

.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}

.c100.p89 .bar {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}

.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}

.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}

.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}

.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}

.c100.p94 .bar {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}

.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}

.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}

.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}

.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}

.c100.p99 .bar {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}

.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.c100:hover {
  cursor: default;
}

.c100.dark {
  background-color: #777;
}

.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}

.c100.dark>span {
  color: #777;
}

.c100.dark:after {
  background-color: #666;
}

.c100.dark:hover>span {
  color: #c6ff00;
}

.c100.orange .bar,
.c100.orange .fill {
  border-color: #dd9d22 !important;
}

.c100.orange.alert .bar,
.c100.orange.alert .fill {
  border-color: #ff3333 !important;
}

.c100.orange.dark .bar,
.c100.orange.dark .fill {
  border-color: #e08833 !important;
}

.c100.orange.dark:hover>span {
  color: #e08833;
}

.import-invalid {
  background: #f7dada !important;
}

#marketPlace aside {
  height: calc(100vh - 50px) !important;
  max-width: calc(100vw - 50px);
}

.outlet-delivery-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}

.outlet-delivery-status img {
  width: 32px;
  margin-right: 10px;
}

.uiselecttd {
  width: 100%;
}

.numpad-qty-price {
  display: flex;
  align-items: center;
  width: 302px;
  margin: 10px auto 0;
}

.numpad-qty-price span {
  white-space: nowrap;
  margin-right: 10px;
}

.numpad-qty-price .active input {
  border: 1px solid #00b29d;
}

.online-order-action {
  display: flex;
  justify-content: center;
}

.online-order-action img {
  width: 20px;
  height: 20px;
}

.online-order-action img+img {
  margin-left: 10px;
}

.online-order-action .actnbutton {
  width: 20px;
  padding: 0;
}

.online-order-action span+span {
  margin-left: 10px;
}

.sticky-table {
  border-bottom: none !important;
}

.sticky-table th {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 9;
}

.outlet-order-setting .from_lbl b {
  margin: 10px 0 0;
}

.outlet-order-setting .from_field {
  width: 100%;
}

.outlet-order-setting .from_field label {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

.outlet-order-setting .from_field label input {
  margin-top: 0;
  margin-right: 5px;
}

.outlet-order-setting select {
  margin: 0 0 4px;
}

.nucleus-rejection-panelty {
  margin: 0 16px 16px;
  background: rgba(255, 0, 0, 0.1);
  padding: 8px;
}

.nucleus-rejection-panelty .rejection-time {
  display: flex;
  align-items: center;
}

.nucleus-rejection-panelty .rejection-time timer {
  background: rgba(255, 0, 0, 0.1);
  padding: 5px;
  border-radius: 3px;
  margin-left: 8px;
}

.nucleus-rejection-panelty .final-penalty {
  margin-bottom: 0;
}

.nucleus-rejection-panelty .content.tt_overflow:before,
.nucleus-rejection-panelty .content.tt_overflow:after {
  content: normal;
}

.nucleus-order-message {
  padding: 0 30px;
}

.nucleus-order-message span {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-word;
  white-space: normal;
  text-align: left;
  overflow: hidden;
}

.font-change {
  font-size: 1rem !important;
}

.reason {
  line-height: 30px;
  padding-left: 1.5rem;
}

.nucleus-order-detail .order-source,
.nucleus-order-detail .order-info,
.nucleus-order-detail .order-status,
.nucleus-order-detail .eta-indicator {
  flex: 0 0 auto;
}

.nucleus-order-detail .order-status {
  overflow: visible !important;
}

.nucleus-order-detail .nucleus-order-message {
  flex: 1 0 0;
}

.menu-right .action-sheet-container span.userdrop .outlet {
  display: initial;
  padding-left: 16px;
}

.menu-right .action-sheet-container span.userdrop .outlet:before {
  top: 0;
}

.preview-setting-data {
  display: flex;
  flex-flow: column;
  width: 100%;
  margin-top: 10px;
}

.preview-setting-data span {
  color: #7b7b7b;
  margin-right: 10px;
  font-size: 14px;
}

.preview-setting-data .from_field {
  width: auto;
}

.infocss {
  position: relative;
}

.infocss label+div {
  position: absolute;
  right: 0;
  top: 3px;
}

.infocss1 label+div {
  position: absolute;
  left: 25px;
  top: 1px;
}

.inv-track-ntc-prgrs {
  background: #fde4bb;
  padding: 10px;
  margin-bottom: 10px;
}

.inv-track-ntc-succss {
  background: #ceffff;
  padding: 10px;
  margin-bottom: 10px;
}

.from_lbl_xl {
  min-width: 180px;
}

.disable-templatebtn {
  pointer-events: none;
  box-shadow: none !important;
  background: #ebebeb !important;
  border: 1px solid #cfcfcf;
  color: #aaa !important;
}

.hide-template {
  display: none;
}

.cardcustome {
  /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
  transition: 0.3s;
  width: 100%;
  border-radius: 5px;
}

.cardcustome:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.containercard {
  padding: 2px 16px;
}

.chip {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  background-color: rgb(101 101 101);
  border-radius: 9999px;
  padding: 4px 8px;
}

.chip__content {
  margin-right: 4px;
  color: white;
}


.accordion input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}


/* Accordion styles */
.accordion .tabs {
  border-radius: 8px;
  /* overflow: hidden; */
  /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
}

.accordion .tab {
  width: 100%;
  padding: 0 !important;
  color: white;
  /* overflow: hidden; */
}

.accordion .tab-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  /* background: #2c3e50; */
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 0;
  /* Icon */
}

.accordion .tab-label::after {
  content: "❯";
  width: 1em;
  height: 16px;
  text-align: center;
  transition: all 0.2s;
}

.accordion .tab-label p {
  margin-bottom: 0;
}

.accordion .tab-label .ti-info-alt {
  display: inline-block;
  margin-top: 10px;
}

.accordion .tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  transition: all 0.35s;
}

.accordion .tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}

.accordion .tab-close:hover {
  background: #1a252f;
}

.accordion input:checked+.tab-label {
  /* background: #1a252f; */
}

.accordion input:checked+.tab-label::after {
  transform: rotate(90deg);
}

.accordion input~.tab-content {
  display: none;
}

.accordion input:checked~.tab-content {
  display: block;
  max-height: 100vh;
  padding: 8px;
}

.contact-checkbox {
  text-align: right;
  padding-right: 15px;
}

.disable-checkbox {
  background-color: #ccc;
}

/* Password Validation Start */

.password-error {
  color: red !important;
}

.qr-setting {
  padding-top: 8px !important;
  padding-bottom: 6px !important;
}

/* Password Validation End */
.contact-checkbox {
  text-align: right;
  padding-right: 15px;
}

.disable-checkbox {
  background-color: #ccc;
}

.onlineordering_lbl {
  width: 35%;
}

.onlineordering_form {
  width: 63%;
}

.onlineordering_status {
  width: 50%;
  float: right;
  margin-top: 11px;
  text-align: right;
}

.outlet-onlineorder-from_lbl {
  font-size: 12px !important;
}

/* Start Nutrition Modal Custom Styling */

.custom_nutrition select {
  display: inline-block;
  width: calc(100% - 84px);
}

.custom_nutrition#swiggyAttr select {
  display: inline-block;
  width: 100%;
}

.custom_nutrition input {
  display: inline-block;
  width: 80px;
}

.custom_nutrition#accompaniments input {
  display: inline-block;
  width: 100%;
}

.item_disabled input[type="text"]:disabled {
  background: #f8f8f8;
}

.custom_multiselect {
  position: relative;
  display: flex;
}

.custom_multiselect .split_allergens {
  flex-grow: 1;
}

#flex-start {
  align-items: flex-start;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.dish-details {
  display: inline-block;
  padding-right: 5px;
}

.dish-details .listChkWrap .custChk {
  margin-top: 0px;
}

.custom-col-3 {
  width: 25%;
  display: inline-block;
  min-height: 1px;
  margin-top: 5px;
}

.formcontainerdiv.custom-item-tags {
  margin: 0px !important;
  padding: 0px !important;
  max-height: inherit !important;
}

.flex-direction-col {
  flex-direction: column;
}

#swiggyIngredients {
  float: left;
  padding-right: 10px;
}

.time_scheduling {
  position: relative;
}

.time_scheduling[style*="pointer-events"] .angular-time-picker-button {
  background: #e2e2e2;
}

.time_scheduling .angular-time-picker-dropdown__menu {
  position: absolute;
  border: 1px solid #d6dee6;
  border-radius: 3px;
  background: #fff;
}

.swiggytimediv .angular-time-picker-button {
  background: #e2e2e2;
  pointer-events: none !important;
}

.swiggytimediv1 .angular-time-picker-button {
  background: #e2e2e2;
  pointer-events: none !important;
}

/* End Nutrition Modal Custom Styling */

/* Custom Buttons */
.btn-line-primary {
  border-width: 1px;
  border-style: solid;
  border-color: #00b29d;
  background-color: transparent;
  color: #00b29d;
  vertical-align: top;
}

.btn-line-secondary {
  border-width: 1px;
  border-style: solid;
  border-color: #00558b;
  background-color: transparent;
  color: #00558b;
  vertical-align: top;
}

.btn-line-secondary:hover {
  border-color: #004876;
  color: #004876;
  background-color: transparent;
}

.btn-line-primary:hover {
  border-color: #017063;
  color: #017063;
  background-color: transparent;
}

.btn-line-md {
  padding: 0px;
  height: 36px;
  width: 36px;
  text-align: center;
  line-height: 36px;
}

.time_scheduling-row {
  margin-bottom: 10px;
}

.time_scheduling-row:last-child {
  margin-bottom: 0px;
}

.label_header1 {
  background: #f2f4f7;
  width: 100%;
  padding: 10px;
}

.label_Body {
  padding: 10px !important;
}

.label_Body .label-gp:last-child {
  margin-bottom: 0px;
}


.zomoto_important_point {
  background-color: #cbbc132e;
  border: 1px solid #c1a931;
  padding: 8px 15px;
  margin-bottom: 12px
}

.zomoto_important_list {
  margin-bottom: 0;
  list-style-type: square;
}

.zomoto_scheduling_time {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.zomoto_scheduling_select select {
  width: 90px;
}


.zomototimediv {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" ></polygon></svg>') right 10px center no-repeat;
  background-color: #e2e2e2;
  background-size: 8px 6px;
  pointer-events: none !important;
}

.zomoto_parent .label-gp {
  align-items: flex-start;
}

.zomoto_parent .from_lbl {
  width: 43%;
}

.zomoto_parent .from_field {
  width: 57%;
}

.buttonsize {
  margin: 8px 0px;
}

.buttonbgcolor {
  background: grey !important;
  cursor: not-allowed !important;
}

.warning_lbl {
  font-size: 14px;
  color: red;
}

.disable-terminal-btn {
  border: 1px solid #999999;
  background-color: #cccccc !important;
  color: #666666 !important;
  box-shadow: none !important;
}
.action-btns .buttonsize{
  font-size: 1.2rem;
  vertical-align: top;
  height: 2.6rem;
}
.tracker-icon svg{
  vertical-align: top;
}
.tracker-container {
  min-height: 60vh;
  padding: 0 10px;
}
.tracker-textarea {
  height: 55vh;
  resize:none; 
  margin-top: 15px; 
  margin-bottom: 15px;
}
.online-order-act-icon {
  margin:0px;
  padding: 8px 7px;
  background: none;
  box-shadow: none;
  color: #000;
}
.online-order-act-icon:hover
{
  background: none;
  color:#00b29d;
}
.online-order-act-icon:last-child
{
  margin-right: 10px;
}

.modalFullnameub input {
  border-radius: 0 3px 3px 0;
  margin-left: -1px !important;
  padding-right: 38px !important;
}

.uboutletbox {
  position: relative;
  margin-bottom: 5px;
}

.uboutleticon {
  position: absolute;
  top: 0;
  right: 0;
}

.ubonlineordering_status {
  width: 50%;
  float: right;
  margin-top: 11px;
  text-align: right;
  padding-right: 18px;
}

.ubcontentbox {
  padding: 10px 15px;
}

.password-strength {
    font-size: 14px;
    padding: 5px 0px 0px 0px;
}

.password-strength li.valid {
    color: #008000;
    margin-left: 1rem;
    font-size: 13px;
}

.password-strength li.invalid {
    color: red;
    margin-left: 1rem;
    font-size: 13px;
}

.password-strength li {
    transition: color 0.3s ease;
}
.topresult {
  font-weight: bold;
  font-size: 14px;
  color: #ff0000;
  margin-bottom: 5px;
  display: inline-block;
}

.showStrong {
  font-weight: bold;
  font-size: 14px;
  color: rgb(0, 166, 81);
  margin-bottom: 5px;
  display: inline-block;
}
.Password_require{
  color: #7b7878;
  margin-bottom: 8px;
}
.addUserPassword{
    position: absolute;
    top: 50px;
    background: #ebeaea;
    border: 1px solid #efefef;
    box-shadow: 1px 2px #ccc;
    z-index: 22;
    padding: 15px 15px 0 15px;
    border-radius: 6px;
}
.addUserPassword:before,
.addUserPassword:after {
    position: absolute;
    bottom: 100%;
    content: '';
}

.addUserPassword:before {
    right: 52px;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #ebeaea;
    border-left: 17px solid transparent;
}

.input:focus + .password-strength {
  display: block;
}