html,
body,
.container-fluid {
  min-height: 400px;
  width: 100%;
  height: 100%;
}
.container-fluid {
  padding: 0px !important;
  max-width: 850px !important;
  background: #f2f2f2;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.textRight {
  text-align: right !important;
}
.textLeft {
  text-align: left !important;
}
.textCenter {
  text-align: center !important;
}
html {
  overflow-x: hidden;
  overflow-y: auto;
  direction: rtl;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
html.nprogress-busy .page,
html.nprogress-busy footer,
html.nprogress-busy menu {
  filter: blur(3px);
  -moz-filter: blur(3px);
  -webkit-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  transform: scale(0.95, 0.95);
  -moz-transform: scale(0.95, 0.95);
  -webkit-transform: scale(0.95, 0.95);
  -o-transform: scale(0.95, 0.95);
  -ms-transform: scale(0.95, 0.95);
}
body {
  font-size: 13px;
  color: #222;
  background: #444;
  font-family: 'WebYekanLight';
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
body #app:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0);
  z-index: 1000;
  visibility: hidden;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.centered {
  width: 100%;
  transform: translate(-50%, -55%);
  -moz-transform: translate(-50%, -55%);
  -webkit-transform: translate(-50%, -55%);
  -o-transform: translate(-50%, -55%);
  -ms-transform: translate(-50%, -55%);
}
.noScroll {
  overflow: hidden;
}
.datepicker-container.pwt-mobile-view .datepicker-plot-area {
  width: 100% !important;
}
button,
.button {
  display: block;
  background: #05d172;
  color: #fff !important;
  border-color: #05d172;
  cursor: pointer;
  padding: 8px 20px;
  text-align: center;
  line-height: inherit !important;
  font-size: 14px !important;
  font-family: 'WebYekan';
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
button:hover,
.button:hover {
  background: #05974d;
  border-color: #05974d;
}
button.warning,
.button.warning {
  background: #f48259;
  border-color: #f48259;
}
button.warning:hover,
.button.warning:hover {
  background: #d6643b;
  border-color: #d6643b;
}
button.light,
.button.light {
  background: #fff;
  color: #333;
  border-color: #999;
  overflow: hidden;
}
button.light i,
.button.light i {
  background: #999;
  color: #fff;
  padding: 14px;
  position: absolute;
  right: 0px;
  top: 0px;
}
button.light:hover,
.button.light:hover {
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}
button.fullWidth,
.button.fullWidth {
  width: 100%;
}
.jconfirm-buttons .btn-default {
  color: #444 !important;
}
input,
textarea,
select {
  font-size: 14px;
}
.box {
  display: block;
  background: #fff;
  padding: 20px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.box img {
  max-width: 100%;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.box img.borderImage {
  display: block;
  margin: 0 auto;
  background: -webkit-linear-gradient(45deg, #fdcb5c, #ed4956);
  border: 5px double #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.box:after {
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 2;
  visibility: hidden;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.box.loading {
  position: relative;
  cursor: default;
}
.box.loading .loadProgress {
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.box.loading .loadProgress:before {
  content: '';
  position: absolute;
  top: 0px;
  left: -100%;
  z-index: 3;
  background: #05d172;
  animation-name: loadProgress;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  width: 50%;
  height: 5px;
}
@keyframes loadProgress {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}
.box.loading:after {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tab .tabTitles {
  text-align: center;
  margin-bottom: -5px;
}
.tab .tabTitles a {
  display: block;
  padding: 10px 10px 15px 10px;
  overflow: hidden;
  font-family: 'WebYekan';
}
.tab .tabTitles a.active {
  background: #fff;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}
.tab .tabContents .tabItem {
  display: none;
}
.tab .tabContents .tabItem.active {
  display: block;
}
.itemList {
  list-style: none;
}
.itemList li {
  padding: 10px 10px;
  border-bottom: 1px solid #eee;
}
.itemList li:last-child {
  border-bottom: none;
  padding-bottom: 5px;
}
#app {
  overflow: hidden !important;
  position: relative !important;
}
.page {
  position: relative;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.page.auth .symbol1 {
  background: url(../../images/symbol1.svg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.page.auth .symbol2 {
  background: url(../../images/symbol2.svg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50%;
  height: 50%;
}
.page.auth .box {
  width: calc(100% - 40px);
  margin: 0 auto;
  position: relative;
  padding: 40px 30px;
  box-shadow: none;
}
.page.auth .box:before {
  content: '';
  position: absolute;
  top: 15%;
  right: 10%;
  z-index: -1;
  box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.3);
  width: 80%;
  height: 80%;
  filter: blur(4px);
  -moz-filter: blur(4px);
  -webkit-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
}
.page.auth .box .title {
  text-align: center;
  margin-bottom: 20px;
}
.page.auth .box .title i {
  display: inline-block;
  font-size: 60px;
  padding: 20px 0px 30px 0px;
  background: -webkit-linear-gradient(45deg, #fdcb5c, #ed4956);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page.auth .box .title h2,
.page.auth .box .title h1 {
  font-size: 20px;
}
.page.auth .box .title p {
  color: #888;
}
.page.auth .box .formRow {
  position: relative;
}
.page.auth .box .formRow label {
  position: absolute;
  left: 1px;
  top: 7px;
  z-index: 1;
  padding: 8px 15px;
  color: #888;
}
.page.auth .box .formRow input {
  padding-left: 40px;
}
.page.auth .box a {
  font-size: 12px;
  line-height: 40px;
  color: #888;
}
.page.auth .box a:hover {
  color: #333;
}
.page.auth .box button,
.page.auth .box .button {
  float: left;
  margin-top: 7px;
}
.page.auth .box button i,
.page.auth .box .button i {
  font-size: 20px;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.page.auth .box button.backBtn,
.page.auth .box .button.backBtn {
  float: right;
  min-width: auto;
  background: #ccc;
  color: #888;
  border-color: #eee;
}
.page.auth .box button.backBtn i,
.page.auth .box .button.backBtn i {
  margin-right: 0px;
}
.page.panel,
.page.form {
  background: #f2f2f2;
}
.page.panel header,
.page.form header {
  padding: 20px 10px 0px 10px;
  font-size: 18px;
  position: relative;
}
.page.panel header a,
.page.form header a,
.page.panel header h1,
.page.form header h1 {
  padding: 15px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  z-index: 1;
  font-family: 'WebYekanLight';
}
.page.panel header h1,
.page.form header h1 {
  padding-right: 0px;
  font-size: 16px;
  position: relative;
  top: -17px;
}
.page.panel header h1 i,
.page.form header h1 i {
  margin-right: 3px;
}
.page.panel header a,
.page.form header a {
  padding: 8px 15px 8px 15px;
  overflow: hidden;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.page.panel header a.notifs,
.page.form header a.notifs {
  float: left;
  margin-top: 5px;
  position: relative;
}
.page.panel header a.notifs span,
.page.form header a.notifs span {
  display: inline-block;
  background: #ed4956;
  font-size: 10px;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 8px;
  top: 8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.page.panel main,
.page.form main {
  padding: 0px 20px;
}
.page.panel main .col-6,
.page.form main .col-6,
.page.panel main .col-12,
.page.form main .col-12 {
  padding-right: 10px;
  padding-left: 10px;
}
.page.panel main a.box,
.page.form main a.box {
  position: relative;
  padding: 15px 10px;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 14px;
  font-family: 'WebYekan';
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}
.page.panel main a.box p,
.page.form main a.box p {
  text-shadow: 0px 0px 10px #000;
}
.page.panel main a.box span,
.page.form main a.box span {
  background: #e9b748;
  padding: 0px 5px;
  font-size: 12px;
  position: absolute;
  left: -10px;
  top: 10px;
  font-family: 'WebYekanBold';
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.page.panel main .box,
.page.form main .box {
  margin-bottom: 20px;
  position: relative;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}
.page.panel main .box.panelItem,
.page.form main .box.panelItem {
  padding: 25px 20px 20px 20px;
  text-align: center;
  cursor: pointer;
  background: #f9f9f9;
  font-family: 'WebYekanLight';
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.page.panel main .box.panelItem h3,
.page.form main .box.panelItem h3 {
  font-size: 14px;
  font-family: 'WebYekan';
}
.page.panel main .box.panelItem p,
.page.form main .box.panelItem p {
  font-size: 12px;
  color: #888;
}
.page.panel main .box.panelItem .badge,
.page.form main .box.panelItem .badge {
  position: absolute;
  left: -13.5px;
  top: 29px;
  text-align: center;
  background: #999;
  padding: 0px 10px;
  color: #fff;
  font-family: 'WebYekan';
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  width: 50px;
  height: auto;
}
.page.panel main .box.panelItem .badge.gold,
.page.form main .box.panelItem .badge.gold {
  background: #fdcb5c;
}
.page.panel main .box.panelItem i,
.page.form main .box.panelItem i {
  font-size: 40px;
  position: relative;
  line-height: 30px;
  top: 4px;
  z-index: 1;
  margin-bottom: 30px;
}
.page.panel main .box.panelItem i:after,
.page.form main .box.panelItem i:after {
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  background: #fdcb5c;
  z-index: -1;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.page.panel main .box.panelItem.fullWidth,
.page.form main .box.panelItem.fullWidth {
  padding: 30px 20px;
  background: #fff;
}
.page.panel main .box.panelItem.fullWidth h3,
.page.form main .box.panelItem.fullWidth h3 {
  margin-top: -10px;
  font-size: 18px;
}
.page.panel main .box.panelItem.fullWidth h3,
.page.form main .box.panelItem.fullWidth h3,
.page.panel main .box.panelItem.fullWidth p,
.page.form main .box.panelItem.fullWidth p {
  text-align: right;
}
.page.panel main .box.panelItem.fullWidth i,
.page.form main .box.panelItem.fullWidth i {
  margin-bottom: 0px;
}
.page.panel main .box.panelItem.smallHeight,
.page.form main .box.panelItem.smallHeight {
  padding: 15px !important;
}
.page.panel main .box.panelItem:hover,
.page.form main .box.panelItem:hover {
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}
.page.panel main .box.panelItem.button,
.page.form main .box.panelItem.button {
  background: #05d172;
}
.page.panel main .box.panelItem.button:hover,
.page.form main .box.panelItem.button:hover,
.page.panel main .box.panelItem.button:focus,
.page.form main .box.panelItem.button:focus {
  background: #00bd5e;
}
.page.panel main .formRow,
.page.form main .formRow {
  font-size: 14px;
  margin-bottom: 10px;
}
.page.panel main .floatChoice,
.page.form main .floatChoice {
  background: rgba(50, 50, 50, 0.2);
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  font-size: 15px;
  visibility: hidden;
  overflow: hidden;
  width: 100%;
  height: 100%;
  font-family: 'WebYekanLight';
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.page.panel main .floatChoice ul,
.page.form main .floatChoice ul {
  background: #fff;
  padding: 5px 0px;
  list-style: none;
  position: relative;
  top: -100%;
  width: 100%;
  height: auto;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.page.panel main .floatChoice ul li,
.page.form main .floatChoice ul li {
  display: block;
}
.page.panel main .floatChoice ul li a,
.page.form main .floatChoice ul li a {
  display: block;
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
}
.page.panel main .floatChoice ul li a i,
.page.form main .floatChoice ul li a i {
  margin-left: 10px;
}
.page.panel main .floatChoice ul li:last-child a,
.page.form main .floatChoice ul li:last-child a {
  border-bottom: none;
}
.page.panel main .floatChoice ul li:hover,
.page.form main .floatChoice ul li:hover,
.page.panel main .floatChoice ul li:focus,
.page.form main .floatChoice ul li:focus {
  background: #fafafa;
}
.page.panel main .floatChoice ul li.selected,
.page.form main .floatChoice ul li.selected,
.page.panel main .floatChoice ul li.choose,
.page.form main .floatChoice ul li.choose {
  background: #eee;
  font-family: 'WebYekan';
}
.page.panel main .floatChoice ul li.btn a,
.page.form main .floatChoice ul li.btn a {
  color: #999;
  text-align: center;
  background: #fafafa;
  font-family: 'WebYekan';
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.page.panel main .floatChoice ul li.btn.confirm a,
.page.form main .floatChoice ul li.btn.confirm a {
  background: #05d172;
  color: #fff;
}
.page.panel main .floatChoice ul li.btn.confirm:hover a,
.page.form main .floatChoice ul li.btn.confirm:hover a,
.page.panel main .floatChoice ul li.btn.confirm:focus a,
.page.form main .floatChoice ul li.btn.confirm:focus a {
  background: #00bd5e;
}
.page.panel main .floatChoice ul li.btn.cancel a,
.page.form main .floatChoice ul li.btn.cancel a {
  background: #f48259;
  color: #fff;
}
.page.panel main .floatChoice ul li.btn.cancel:hover a,
.page.form main .floatChoice ul li.btn.cancel:hover a,
.page.panel main .floatChoice ul li.btn.cancel:focus a,
.page.form main .floatChoice ul li.btn.cancel:focus a {
  background: #e06e45;
}
.page.panel main .floatChoice ul li.btn:hover a,
.page.form main .floatChoice ul li.btn:hover a,
.page.panel main .floatChoice ul li.btn:focus a,
.page.form main .floatChoice ul li.btn:focus a {
  background: #e6e6e6;
}
.page.panel main .floatChoice.active,
.page.form main .floatChoice.active {
  visibility: visible;
}
.page.panel main .floatChoice.active ul,
.page.form main .floatChoice.active ul {
  top: 0px;
}
.page.panel main .floatChoice.bottomFloat ul,
.page.form main .floatChoice.bottomFloat ul {
  position: absolute;
  top: auto;
  bottom: -100%;
}
.page.panel main .floatChoice.bottomFloat.active ul,
.page.form main .floatChoice.bottomFloat.active ul {
  bottom: 0px;
}
.page.panel main .floatChoice.justBtn ul,
.page.form main .floatChoice.justBtn ul {
  padding: 0px;
}
.page.panel main .reserveTable,
.page.form main .reserveTable {
  margin: 0px -20px 0px -20px;
  background: #fff;
  overflow: hidden;
  font-size: 10px;
  white-space: nowrap;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}
.page.panel main .reserveTable ul,
.page.form main .reserveTable ul {
  list-style: none;
  text-align: center;
}
.page.panel main .reserveTable ul li,
.page.form main .reserveTable ul li {
  float: right;
  width: 12.5%;
  border-left: 1px dashed #eee;
}
.page.panel main .reserveTable ul li span,
.page.form main .reserveTable ul li span {
  display: block;
  height: 50px;
  line-height: 50px;
  color: #ed4956;
  border-bottom: 1px dashed #eee;
  background: #fff2f0;
  cursor: default;
  transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
}
.page.panel main .reserveTable ul li span.last,
.page.form main .reserveTable ul li span.last {
  border-bottom: none;
}
.page.panel main .reserveTable ul li span.head,
.page.form main .reserveTable ul li span.head {
  background: #fff;
  color: #444;
  position: relative;
  font-size: 12px;
  font-family: 'WebYekan';
}
.page.panel main .reserveTable ul li span.head.fieldDay,
.page.form main .reserveTable ul li span.head.fieldDay {
  height: 60px;
  line-height: 43px;
}
.page.panel main .reserveTable ul li span.head.fieldDay .dayDate,
.page.form main .reserveTable ul li span.head.fieldDay .dayDate {
  color: #999;
  position: relative;
  top: -25px;
  font-size: 9px;
}
.page.panel main .reserveTable ul li span.open,
.page.form main .reserveTable ul li span.open,
.page.panel main .reserveTable ul li span.discount,
.page.form main .reserveTable ul li span.discount {
  color: #05974d;
  background: #ddffe9;
}
.page.panel main .reserveTable ul li span.hasDiscount,
.page.form main .reserveTable ul li span.hasDiscount {
  border: 1px solid #05d172;
}
.page.panel main .reserveTable ul li span.tooltipData,
.page.form main .reserveTable ul li span.tooltipData {
  border: 1px solid #f48259;
}
.page.panel main .reserveTable ul li span.disabled,
.page.form main .reserveTable ul li span.disabled,
.page.panel main .reserveTable ul li span.close,
.page.form main .reserveTable ul li span.close,
.page.panel main .reserveTable ul li span.default,
.page.form main .reserveTable ul li span.default {
  background: #fafafa;
  color: #ccc;
}
.page.panel main .reserveTable ul li span.selected,
.page.form main .reserveTable ul li span.selected {
  color: #fff;
  background: #f48259 !important;
}
.page.panel main .reserveTable ul li span:active:not(.head),
.page.form main .reserveTable ul li span:active:not(.head) {
  color: #fff;
  background: #f48259 !important;
}
.page.panel main .reserveTable ul li.last,
.page.form main .reserveTable ul li.last {
  border-left: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.page.panel main .reserveTable .selected,
.page.form main .reserveTable .selected {
  animation-name: scale;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
}
.page.bookingEditPhase main .reserveTable ul li span.fieldItem.default {
  opacity: 0;
  filter: alpha(opacity=0);
}
menu {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 100;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
menu:after {
  content: 'X';
  position: absolute;
  left: 0px;
  top: 0px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 60px;
  margin: 15px;
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  width: 60px;
  height: 60px;
}
menu aside {
  background: #fff;
  padding: 20px;
  font-size: 14px;
  margin-right: -260px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 260px;
  height: 100%;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
menu aside .head {
  background: linear-gradient(45deg, #ed4956, #fdcb5c) !important;
  margin: -20px -20px 10px -20px;
  padding: 20px;
  width: calc(100% + 40);
  height: auto;
}
menu aside .head img {
  border: 5px double #fff;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
menu aside .head h2 {
  margin-top: 15px;
}
menu aside .head h2,
menu aside .head p {
  color: #fff;
}
menu aside ul {
  list-style: none;
}
menu aside ul li {
  position: relative;
}
menu aside ul li a {
  display: block;
  padding: 10px 0px;
}
menu aside ul li a i {
  margin-left: 5px;
  width: 25px;
  text-align: center;
  font-size: 16px;
}
menu aside ul li:before {
  content: '';
  position: absolute;
  right: -20px;
  top: 50%;
  background: #05d172;
  width: 4px;
  height: 0%;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
menu aside ul li.active {
  color: #05d172;
  font-family: 'WebYekanBold';
}
menu aside ul li.active a {
  color: #05974d;
}
menu aside ul li.active:before {
  height: 100%;
  top: 0px;
  background: #05974d;
}
menu aside ul li.choose {
  color: #333;
  font-family: 'WebYekanBold';
}
menu aside ul li.choose a {
  color: #333;
}
menu aside ul li.choose:before {
  height: 100%;
  top: 0px;
  background: #333;
}
menu aside ul li.marked i {
  background: #ed4956;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 25px;
  height: 25px;
}
menu aside ul li:hover:before {
  height: 100%;
  top: 0px;
}
menu aside ul li.sep {
  background: #eee;
  height: 4px;
}
menu.active {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
menu.active aside {
  margin-right: 0px;
}
.space {
  width: 100%;
  height: 50px;
}
footer {
  background: #fff;
  position: fixed;
  bottom: 0px;
  right: 0px;
  left: 0px;
  text-align: center;
  width: 100%;
  height: auto;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
footer button {
  padding: 10px;
  margin: 0px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}
footer button i {
  margin-right: 10px;
}
footer button .counter {
  background: #fff;
  color: #05d172;
  display: inline-block;
  line-height: 22px;
  text-align: center;
  padding: 0px;
  margin-left: 5px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-family: 'WebYekan';
}
footer button.noBg {
  background: none !important;
  color: #333 !important;
  border: none !important;
  font-family: 'WebYekanLight';
}
footer button.normalFont {
  font-family: 'WebYekan';
}
footer button.mainBtn {
  font-size: 16px !important;
  font-family: 'WebYekan';
}
footer button.mainBtn:after {
  content: ' ';
  position: absolute;
  left: calc(50% - 12.5px);
  bottom: 0px;
  background: #f48259;
  width: 25px;
  height: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
footer .row .col-3,
footer .row .col-4,
footer .row .col-6 {
  padding: 0px;
}