html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

button, input[type=button], input[type=reset], input[type=submit],
button {
  -o-appearance: none;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  background-color: #477dca;
  border-radius: 3px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1em;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
button:hover, button:focus, input[type=button]:hover, input[type=button]:focus, input[type=reset]:hover, input[type=reset]:focus, input[type=submit]:hover, input[type=submit]:focus,
button:hover,
button:focus {
  background-color: #2c5999;
  color: #fff;
}
button:disabled, input[type=button]:disabled, input[type=reset]:disabled, input[type=submit]:disabled,
button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

fieldset {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  margin: 0 0 0.75em;
  padding: 1.5em;
}

input,
label,
select {
  display: block;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
}

label {
  font-weight: 600;
  margin-bottom: 0.375em;
}
label.required::after {
  content: "*";
}
label abbr {
  display: none;
}

input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea,
select[multiple=multiple],
textarea {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color;
  width: 100%;
}
input[type=color]:hover, input[type=date]:hover, input[type=datetime]:hover, input[type=datetime-local]:hover, input[type=email]:hover, input[type=month]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=time]:hover, input[type=url]:hover, input[type=week]:hover, textarea:hover,
select[multiple=multiple]:hover,
textarea:hover {
  border-color: #c4c4c4;
}
input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus,
select[multiple=multiple]:focus,
textarea:focus {
  border-color: #477dca;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(55, 112, 192, 0.7);
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=search] {
  -o-appearance: none;
  appearance: none;
}

input[type=checkbox],
input[type=radio] {
  display: inline;
  margin-right: 0.375em;
}

input[type=file] {
  padding-bottom: 0.75em;
  width: 100%;
}

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto;
}

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
dl {
  margin-bottom: 0.75em;
}
dl dt {
  font-weight: bold;
  margin-top: 0.75em;
}
dl dd {
  margin: 0;
}

table {
  -ms-font-feature-settings: "kern", "liga", "tnum";
  font-feature-settings: "kern", "liga", "tnum";
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%;
}

th {
  border-bottom: 1px solid #b7b7b7;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left;
}

td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0;
}

tr,
td,
th {
  vertical-align: middle;
}

body {
  -ms-font-feature-settings: "kern", "liga", "pnum";
  font-feature-settings: "kern", "liga", "pnum";
  -webkit-font-smoothing: antialiased;
  color: #333;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  line-height: 1.2;
  margin: 0 0 0.75em;
}

p {
  margin: 0 0 0.75em;
}

a {
  color: #477dca;
  text-decoration: none;
  transition: color 0.1s linear;
}
a:active, a:focus, a:hover {
  color: #2c5999;
}
a:active, a:focus {
  outline: none;
}

hr {
  border-bottom: 1px solid #ddd;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0;
}

img,
picture {
  margin: 0;
  max-width: 100%;
}

.atomic__wraper {
  font-family: "Prompt", sans-serif;
}
.atomic__wraper a.w {
  color: #89d5db;
}
.atomic__wraper a.d {
  color: #246e74;
}
@media print {
  .atomic__wraper a.d {
    color: #000;
  }
}
.atomic__wraper a {
  color: #36a6af;
}
@media print {
  .atomic__wraper a {
    color: #000;
  }
}
.atomic__wraper .test__shape {
  clip-path: polygon(0 75%, 100% 200px, 100% 100%, 0% 100%);
}
.atomic__wraper .animate__time {
  animation-duration: 3s;
}
.atomic__wraper button:hover {
  background-color: #246e74;
}
.atomic__wraper button.round {
  border-radius: 7.5px;
}
.atomic__wraper button.squre {
  border-radius: 0px;
}
.atomic__wraper button.no__hover {
  background: transparent;
}
.atomic__wraper button.login__button {
  font-family: "Prompt";
  font-size: 1.2em;
  width: 100%;
  border-radius: 10px;
  background-color: #3cb8c2;
  color: white;
  border: 2px solid #3cb8c2;
}
.atomic__wraper button.login__button:hover, .atomic__wraper button.login__button:focus {
  color: white;
  background-color: #3cb8c2;
}
.atomic__wraper button.login__button:focus {
  outline: 0;
}
.atomic__wraper button.login__button__disable {
  font-family: "Prompt";
  font-size: 1.2em;
  width: 100%;
  border-radius: 10px;
  background-color: #bdbdbd;
  color: white;
  border: 2px solid #bdbdbd;
  cursor: default;
}
.atomic__wraper button.login__button__disable:hover, .atomic__wraper button.login__button__disable:focus {
  color: white;
  background-color: #bdbdbd;
}
.atomic__wraper button.login__button__disable:focus {
  outline: 0;
}
.atomic__wraper button.reverse_login__button {
  font-family: "Prompt";
  font-size: 1.2em;
  width: 100%;
  border-radius: 10px;
  background-color: white;
  color: #3cb8c2;
  border: 2px solid #3cb8c2;
}
.atomic__wraper button.reverse_login__button:hover, .atomic__wraper button.reverse_login__button:focus {
  color: #3cb8c2;
  background-color: white;
}
.atomic__wraper button.reverse_login__button:focus {
  outline: 0;
}
.atomic__wraper button.orenge__light {
  border: 1px solid #3cb8c2;
  background: transparent;
  color: #3cb8c2;
}
.atomic__wraper button.orenge__light:focus, .atomic__wraper button.orenge__light:hover {
  outline: 0;
}
.atomic__wraper button.orenge__light:hover {
  color: #246e74;
  border-color: #246e74;
}
.atomic__wraper button.disabled__light {
  border: 1px solid #bdbdbd;
  background: transparent;
  color: #bdbdbd;
  cursor: default;
}
.atomic__wraper button.orenge__border {
  border: 1px solid #3cb8c2;
}
.atomic__wraper button.orenge__border:focus, .atomic__wraper button.orenge__border:hover {
  outline: 0;
}
.atomic__wraper button.orenge__border:focus {
  background-color: #3cb8c2;
}
.atomic__wraper button.orenge__border:hover {
  background-color: #246e74;
}
.atomic__wraper button.small {
  font-size: 0.8em;
  padding: 0.5em 1em;
  height: 2em;
}
.atomic__wraper .bg__red {
  background: #e6005c !important;
}
.atomic__wraper .br__r__red {
  border-right: 20px solid #e6005c;
}
.atomic__wraper .br__r__green {
  border-right: 20px solid #99cc00;
}
.atomic__wraper .br__r__yellow {
  border-right: 20px solid #fffc00;
}
.atomic__wraper .bg__green {
  background: #99cc00;
}
.atomic__wraper .bg__blue {
  background: #009bcc !important;
}
.atomic__wraper .br__r__blue {
  border-right: 20px solid #009bcc;
}
.atomic__wraper .bg__light__gray {
  background: #BBBBBB;
}
.atomic__wraper .bg__dark__gray {
  background: #363636;
}
.atomic__wraper .bg__dark__gray__forprint {
  background: #363636;
}
@media print {
  .atomic__wraper .bg__dark__gray__forprint {
    background: #FFF;
  }
}
.atomic__wraper .bg__orenge {
  background: #3cb8c2 !important;
}
.atomic__wraper .bg__orenge_new {
  background: #e95e00 !important;
}
.atomic__wraper .br__r__orenge {
  border-right: 20px solid #3cb8c2;
}
.atomic__wraper .bg__fade__orenge {
  background: #4fbfc9;
}
.atomic__wraper .color__orenge {
  color: #3cb8c2;
}
@media print {
  .atomic__wraper .color__orenge {
    color: #000;
  }
}
.atomic__wraper .br__line {
  border: 1px solid #f2f2f2;
}
.atomic__wraper .br__line__darker {
  border: 1px solid #ededed;
}
.atomic__wraper .br__lr__line {
  border-right: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
}
.atomic__wraper .br__r__line {
  border-right: 1px solid #f2f2f2;
}
.atomic__wraper .br__l__line {
  border-left: 1px solid #f2f2f2;
}
.atomic__wraper .br__line__black {
  border: 1px solid #4c4c4c;
}
.atomic__wraper .br__line__forprint {
  border: 1px solid #f2f2f2;
}
@media print {
  .atomic__wraper .br__line__forprint {
    border: 0px;
  }
}
.atomic__wraper .br__red {
  border: 1px solid red;
}
.atomic__wraper .br__blue__4px {
  border: 4px solid #477dca;
}
.atomic__wraper .br__line__white {
  border: 1px solid #fff;
}
.atomic__wraper .br__b__line {
  border-bottom: 1px solid #f2f2f2;
}
.atomic__wraper .br__b__line__forprint {
  border-bottom: 1px solid #f2f2f2;
}
@media print {
  .atomic__wraper .br__b__line__forprint {
    border: 0px;
  }
}
.atomic__wraper .br__b__line2 {
  border-bottom: 1px solid #737373;
}
.atomic__wraper .no__padding {
  padding: 0 !important;
}
.atomic__wraper .no__margin {
  margin: 0 !important;
}
.atomic__wraper .padding__02em {
  padding: 0.2em;
}
.atomic__wraper .padding__t__05em {
  padding-top: 0.5em;
}
.atomic__wraper .padding__05em {
  padding: 0.5em;
}
.atomic__wraper .padding__05em__forprint {
  padding: 0.5em;
}
@media print {
  .atomic__wraper .padding__05em__forprint {
    padding: 0px;
  }
}
.atomic__wraper .table__img {
  width: 50px;
  height: 50px;
}
.atomic__wraper .global__bg__over:hover {
  background: #eeeeee;
}
.atomic__wraper .global__br__over:hover {
  border: 2px solid #62c7cf;
}
.atomic__wraper .global__display__img--small {
  border-radius: 500px;
}
.atomic__wraper .global__display__img {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  padding-top: 100%;
}
.atomic__wraper .global__display__img.round {
  border-radius: 200%;
}
.atomic__wraper .global__display__img.big {
  width: 100%;
  max-width: 100%;
  padding-top: 100%;
  height: auto;
}
.atomic__wraper .food__img {
  width: 80px;
  height: 80px;
}
.atomic__wraper .food__img.inline {
  display: inline-block;
}
.atomic__wraper .table__thumb__repeat {
  width: 100px;
  height: 100px;
  display: inline-block;
  margin: 2px;
  border: 1px solid #eeeeee;
}
.atomic__wraper .table__thumb__repeat.call__to__pay {
  background-color: #99cc00;
}
.atomic__wraper .table__thumb__repeat a {
  display: block;
  height: 100%;
}
.atomic__wraper .table__thumb__repeat .buffet__marking__type {
  background: #FFF;
  position: relative;
  height: 0;
  font-size: 0.8em;
  color: #3cb8c2;
}
.atomic__wraper .table__thumb__repeat .buffet__marking__type span {
  background: #FFF;
  padding: 0 3px;
}
.atomic__wraper .table__thumb__repeat .notification__badge {
  background: #ab47bc;
  position: relative;
  top: 25px;
  height: 20px;
  font-size: 0.8em;
  color: #FFF;
}
.atomic__wraper .table__thumb__repeat .notification__badge span {
  background: #FFF;
  padding: 0 3px;
}
.atomic__wraper .food__img__small {
  width: 50px;
  height: 50px;
}
.atomic__wraper .food__img__small.margin__b {
  margin-bottom: 5px;
}
.atomic__wraper ul.global__menu__list li {
  display: inline-block;
  padding: 0 1em;
}
.atomic__wraper ul.global__menu__list li.border__r {
  border-right: 1px solid #a2a2a2;
}
.atomic__wraper ul.global__menu__list li.border__l {
  border-left: 1px solid #a2a2a2;
}
.atomic__wraper ul.global__menu__list li.border__b {
  border-bottom: 1px solid #a2a2a2;
}
.atomic__wraper .login__box {
  display: inline-block;
  border: 1px solid #e5e5e5;
  background: #fff;
  height: auto;
  float: none;
  margin: 0 auto;
  border-radius: 5px;
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
  .atomic__wraper .login__box {
    width: 80vw;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  .atomic__wraper .login__box {
    width: 80vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .atomic__wraper .login__box {
    width: 640px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .atomic__wraper .login__box {
    width: 640px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1365px) and (orientation: portrait) {
  .atomic__wraper .login__box {
    width: 640px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1365px) and (orientation: landscape) {
  .atomic__wraper .login__box {
    width: 640px;
  }
}
@media screen and (min-width: 1366px) and (max-width: 3448px) {
  .atomic__wraper .login__box {
    width: 640px;
  }
}
.atomic__wraper .border__t__round {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.atomic__wraper .border__b__round {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.atomic__wraper .category_card {
  float: left;
  width: 200px;
  border: 1px solid #cccccc;
  padding: 0.6666666667em;
  min-height: 200px;
  margin-right: 1em;
  margin-bottom: 1em;
  height: auto;
  display: inline-block;
}
.atomic__wraper .category_card:hover {
  background: #f2f2f2;
}
.atomic__wraper .category_card .img {
  width: 100%;
  min-height: 200px;
  margin-bottom: 0.5em;
}
.atomic__wraper .category_card .text {
  margin-bottom: 0.5em;
}
.atomic__wraper .global__center__box {
  width: 40vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 40px 60px;
  background-color: white;
  box-shadow: 0 0 20px #ccc;
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
  .atomic__wraper .global__center__box {
    width: 90vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px 50px;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  .atomic__wraper .global__center__box {
    width: 90vw;
  }
}
.atomic__wraper .global__center__box h1 {
  font-family: "Prompt";
  font-size: 1.4em;
}
.atomic__wraper .global__center__box p {
  font-family: "Prompt";
  font-size: 1em;
}
.atomic__wraper .global__center__box a {
  color: #3cb8c2;
}
.atomic__wraper .theme__card {
  float: left;
  width: 250px;
  border: 1px solid #cccccc;
  min-height: 250px;
  margin-right: 1em;
  margin-bottom: 1em;
  height: auto;
  display: inline-block;
}
.atomic__wraper .theme__card.no__border {
  border: 0;
}
.atomic__wraper .theme__card .img {
  width: 100%;
  min-height: 250px;
}
.atomic__wraper .theme__card .img.round {
  margin-bottom: 0.5em;
  border-radius: 500px;
}
.atomic__wraper .theme__card .text {
  margin-bottom: 0.5em;
}
.atomic__wraper .theme__card button {
  border-radius: 0;
}
.atomic__wraper .gallery__card {
  float: left;
  width: 150px;
  border: 1px solid #cccccc;
  min-height: 150px;
  margin-right: 1em;
  margin-bottom: 1em;
  height: auto;
  display: inline-block;
}
.atomic__wraper .gallery__card.no__border {
  border: 0;
}
.atomic__wraper .gallery__card .img {
  width: 100%;
  min-height: 150px;
}
.atomic__wraper .gallery__card .img.round {
  margin-bottom: 0.5em;
  border-radius: 300px;
}
.atomic__wraper .gallery__card .text {
  margin-bottom: 0.5em;
}
.atomic__wraper .gallery__card button {
  border-radius: 0;
}
.atomic__wraper .search__header__box__set {
  background: transparent;
  box-shadow: 0 0 0 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  border-bottom: 1px solid #3cb8c2;
}
.atomic__wraper .search__header__box__set:hover {
  border-bottom: 1px solid #246e74;
}
.atomic__wraper .search__header__box__set:focus {
  border-color: rgba(60, 184, 194, 0.8);
  box-shadow: 0 1px 3px rgba(60, 184, 194, 0.075) inset, 0 0 8px rgba(60, 184, 194, 0.6);
  outline: 0 none;
}
.atomic__wraper .search__header__box__set__disabled {
  background: transparent;
  box-shadow: 0 0 0 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  border-bottom: 1px solid #bdbdbd;
}
.atomic__wraper .search__header__box__set__disabled:hover {
  border-bottom: 1px solid #8a8a8a;
}
.atomic__wraper .search__header__box__set__disabled:focus {
  border-color: rgba(189, 189, 189, 0.8);
  box-shadow: 0 1px 3px rgba(189, 189, 189, 0.075) inset, 0 0 8px rgba(189, 189, 189, 0.6);
  outline: 0 none;
}
.atomic__wraper .pagination ul li.page-prev {
  display: inline;
}
.atomic__wraper .pagination ul li {
  display: inline;
}
.atomic__wraper .pagination ul li a.selected {
  background: #d5d5d5;
  padding: 5px 10px;
  border-radius: 30px;
}
.atomic__wraper .pagination ul li.page-next {
  display: inline;
}
.atomic__wraper .review__card {
  width: 300px;
  height: 100px;
  margin: 0 15px 15px 0;
  border: 1px solid #f2f2f2;
  display: inline-block;
}
.atomic__wraper .review__card .img {
  float: left;
  display: inline-block;
  height: 100px;
  width: 100px;
}
.atomic__wraper .review__card .detail {
  width: 198px;
  height: 100px;
  display: inline-block;
  overflow: hidden;
}
.atomic__wraper .review__card .detail.full {
  width: 300px;
}
.atomic__wraper .review__card .detail .rating {
  padding: 0.5em;
  border-bottom: 1px solid #f2f2f2;
}
.atomic__wraper .review__card .detail .rating i {
  margin-right: 0.5em;
}
.atomic__wraper .review__card .detail .text {
  overflow: hidden;
  font-size: 0.6666666667em;
  padding: 0.5em;
}
.atomic__wraper .input__overwright input[type=number], .atomic__wraper .tables__theme_report tr td input[type=number], .atomic__wraper .tables__theme tr td input[type=number],
.atomic__wraper .input__overwright input[type=search],
.atomic__wraper .tables__theme_report tr td input[type=search],
.atomic__wraper .tables__theme tr td input[type=search],
.atomic__wraper .input__overwright input[type=text],
.atomic__wraper .tables__theme_report tr td input[type=text],
.atomic__wraper .tables__theme tr td input[type=text] {
  margin: 0;
  border-radius: 0;
  height: 42px;
}
.atomic__wraper .input__overwright select, .atomic__wraper .tables__theme_report tr td select, .atomic__wraper .tables__theme tr td select {
  margin: 0;
  height: 42px;
}
.atomic__wraper .input__overwright textarea, .atomic__wraper .tables__theme_report tr td textarea, .atomic__wraper .tables__theme tr td textarea {
  margin: 0;
}
.atomic__wraper .no__border__input input[type=number],
.atomic__wraper .no__border__input input[type=search],
.atomic__wraper .no__border__input input[type=text],
.atomic__wraper .no__border__input input[type=password] {
  border: 0;
  box-shadow: 0 0 0 0;
}
.atomic__wraper .no__border__input select {
  border: 0;
  box-shadow: 0 0 0 0;
}
.atomic__wraper .tables__theme tr th {
  background: #4c4c4c;
  color: #f2f2f2;
}
.atomic__wraper .tables__theme tr td input[type=number],
.atomic__wraper .tables__theme tr td input[type=search],
.atomic__wraper .tables__theme tr td input[type=text],
.atomic__wraper .tables__theme tr td input[type=password] {
  border: 0;
  box-shadow: 0 0 0 0;
}
.atomic__wraper .tables__theme tr td input.normal[type=number],
.atomic__wraper .tables__theme tr td input.normal[type=search],
.atomic__wraper .tables__theme tr td input.normal[type=text],
.atomic__wraper .tables__theme tr td input.normal[type=password] {
  border: 1px solid #bbbbbb;
  border-radius: 3px;
}
.atomic__wraper .tables__theme tr td input.normal[type=number]:focus,
.atomic__wraper .tables__theme tr td input.normal[type=search]:focus,
.atomic__wraper .tables__theme tr td input.normal[type=text]:focus,
.atomic__wraper .tables__theme tr td input.normal[type=password]:focus {
  border-color: rgba(60, 184, 194, 0.8);
  box-shadow: 0 1px 3px rgba(60, 184, 194, 0.075) inset, 0 0 8px rgba(60, 184, 194, 0.6);
  outline: 0 none;
}
.atomic__wraper .tables__theme tr td input[type=search] {
  color: #3cb8c2;
}
.atomic__wraper .tables__theme tr td input[type=search]::placeholder {
  color: #3cb8c2;
}
.atomic__wraper .tables__theme tr td select {
  border: 0;
  box-shadow: 0 0 0 0;
  color: #3cb8c2;
}
.atomic__wraper .tables__theme tr td.br__b__line {
  border-bottom: 1px solid #888888;
}
.atomic__wraper .tables__theme tr td.br__lr__line {
  border-left: 0.5px solid #888888;
  border-right: 0.5px solid #888888;
}
.atomic__wraper .tables__theme tr:nth-child(even) {
  background: #eeeeee;
}
.atomic__wraper .tables__theme tr.sum {
  background: #555555;
  color: #f2f2f2;
}
.atomic__wraper .tables__theme_report tr th {
  background: #4c4c4c;
  color: #f2f2f2;
}
.atomic__wraper .tables__theme_report tr td input[type=number],
.atomic__wraper .tables__theme_report tr td input[type=search],
.atomic__wraper .tables__theme_report tr td input[type=text],
.atomic__wraper .tables__theme_report tr td input[type=email],
.atomic__wraper .tables__theme_report tr td input[type=password] {
  border: 0;
  box-shadow: 0 0 0 0;
}
.atomic__wraper .tables__theme_report tr td input.normal[type=number],
.atomic__wraper .tables__theme_report tr td input.normal[type=search],
.atomic__wraper .tables__theme_report tr td input.normal[type=text],
.atomic__wraper .tables__theme_report tr td input.normal[type=email],
.atomic__wraper .tables__theme_report tr td input.normal[type=password] {
  border: 1px solid #bbbbbb;
  border-radius: 3px;
}
.atomic__wraper .tables__theme_report tr td input.normal[type=number]:focus,
.atomic__wraper .tables__theme_report tr td input.normal[type=search]:focus,
.atomic__wraper .tables__theme_report tr td input.normal[type=text]:focus,
.atomic__wraper .tables__theme_report tr td input.normal[type=email]:focus,
.atomic__wraper .tables__theme_report tr td input.normal[type=password]:focus {
  border-color: rgba(60, 184, 194, 0.8);
  box-shadow: 0 1px 3px rgba(60, 184, 194, 0.075) inset, 0 0 8px rgba(60, 184, 194, 0.6);
  outline: 0 none;
}
.atomic__wraper .tables__theme_report tr td input[type=search] {
  color: #3cb8c2;
}
.atomic__wraper .tables__theme_report tr td input[type=search]::placeholder {
  color: #3cb8c2;
}
.atomic__wraper .tables__theme_report tr td select {
  border: 0;
  box-shadow: 0 0 0 0;
  color: #3cb8c2;
}
.atomic__wraper .tables__theme_report tr td.br__b__line {
  border-bottom: 1px solid #888888;
}
.atomic__wraper .tables__theme_report tr:nth-child(even) {
  background: #eeeeee;
}
.atomic__wraper .tables__theme_report tr.sum {
  background: #555555;
  color: #f2f2f2;
}
.atomic__wraper .margin__t__0em {
  margin-top: 0em;
}
.atomic__wraper .margin__l__0em {
  margin-left: 0em;
}
.atomic__wraper .margin__0em {
  margin: 0em;
}
.atomic__wraper .margin__t__1em {
  margin-top: 1em;
}
.atomic__wraper .margin__l__1em {
  margin-left: 1em;
}
.atomic__wraper .margin__1em {
  margin: 1em;
}
.atomic__wraper .margin__t__2em {
  margin-top: 2em;
}
.atomic__wraper .margin__l__2em {
  margin-left: 2em;
}
.atomic__wraper .margin__2em {
  margin: 2em;
}
.atomic__wraper .margin__t__3em {
  margin-top: 3em;
}
.atomic__wraper .margin__l__3em {
  margin-left: 3em;
}
.atomic__wraper .margin__3em {
  margin: 3em;
}
.atomic__wraper .margin__t__4em {
  margin-top: 4em;
}
.atomic__wraper .margin__l__4em {
  margin-left: 4em;
}
.atomic__wraper .margin__4em {
  margin: 4em;
}
.atomic__wraper .margin__t__5em {
  margin-top: 5em;
}
.atomic__wraper .margin__l__5em {
  margin-left: 5em;
}
.atomic__wraper .margin__5em {
  margin: 5em;
}
.atomic__wraper .margin__t__6em {
  margin-top: 6em;
}
.atomic__wraper .margin__l__6em {
  margin-left: 6em;
}
.atomic__wraper .margin__6em {
  margin: 6em;
}
.atomic__wraper .margin__t__7em {
  margin-top: 7em;
}
.atomic__wraper .margin__l__7em {
  margin-left: 7em;
}
.atomic__wraper .margin__7em {
  margin: 7em;
}
.atomic__wraper .margin__t__8em {
  margin-top: 8em;
}
.atomic__wraper .margin__l__8em {
  margin-left: 8em;
}
.atomic__wraper .margin__8em {
  margin: 8em;
}
.atomic__wraper .margin__t__9em {
  margin-top: 9em;
}
.atomic__wraper .margin__l__9em {
  margin-left: 9em;
}
.atomic__wraper .margin__9em {
  margin: 9em;
}
.atomic__wraper .margin__t__10em {
  margin-top: 10em;
}
.atomic__wraper .margin__l__10em {
  margin-left: 10em;
}
.atomic__wraper .margin__10em {
  margin: 10em;
}
.atomic__wraper .margin__t__11em {
  margin-top: 11em;
}
.atomic__wraper .margin__l__11em {
  margin-left: 11em;
}
.atomic__wraper .margin__11em {
  margin: 11em;
}
.atomic__wraper .margin__t__12em {
  margin-top: 12em;
}
.atomic__wraper .margin__l__12em {
  margin-left: 12em;
}
.atomic__wraper .margin__12em {
  margin: 12em;
}
.atomic__wraper .margin__t__13em {
  margin-top: 13em;
}
.atomic__wraper .margin__l__13em {
  margin-left: 13em;
}
.atomic__wraper .margin__13em {
  margin: 13em;
}
.atomic__wraper .margin__t__14em {
  margin-top: 14em;
}
.atomic__wraper .margin__l__14em {
  margin-left: 14em;
}
.atomic__wraper .margin__14em {
  margin: 14em;
}
.atomic__wraper .margin__t__15em {
  margin-top: 15em;
}
.atomic__wraper .margin__l__15em {
  margin-left: 15em;
}
.atomic__wraper .margin__15em {
  margin: 15em;
}
.atomic__wraper .margin__t__16em {
  margin-top: 16em;
}
.atomic__wraper .margin__l__16em {
  margin-left: 16em;
}
.atomic__wraper .margin__16em {
  margin: 16em;
}
.atomic__wraper .margin__t__17em {
  margin-top: 17em;
}
.atomic__wraper .margin__l__17em {
  margin-left: 17em;
}
.atomic__wraper .margin__17em {
  margin: 17em;
}
.atomic__wraper .margin__t__18em {
  margin-top: 18em;
}
.atomic__wraper .margin__l__18em {
  margin-left: 18em;
}
.atomic__wraper .margin__18em {
  margin: 18em;
}
.atomic__wraper .margin__t__19em {
  margin-top: 19em;
}
.atomic__wraper .margin__l__19em {
  margin-left: 19em;
}
.atomic__wraper .margin__19em {
  margin: 19em;
}
.atomic__wraper .margin__t__20em {
  margin-top: 20em;
}
.atomic__wraper .margin__l__20em {
  margin-left: 20em;
}
.atomic__wraper .margin__20em {
  margin: 20em;
}
.atomic__wraper.manager__wraper .main__bg {
  background: #363636;
}
@media screen and (min-width: 100px) and (max-width: 767px) {
  .atomic__wraper.manager__wraper #manager__header #manager__header__left {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 3880px) {
  .atomic__wraper.manager__wraper #manager__header #manager__header__left {
    float: left;
    width: 250px;
  }
}
.atomic__wraper.manager__wraper #manager__header #manager__header__right {
  overflow: hidden;
}
@media screen and (min-width: 100px) and (max-width: 767px) {
  .atomic__wraper.manager__wraper #manager__header #manager__header__right {
    display: none;
  }
}
.atomic__wraper.manager__wraper #manager__header .left__bar {
  border-bottom: 1px solid #757575;
}
.atomic__wraper.manager__wraper #manager__header .left__bar .menu__list a {
  color: #f5f5f5;
}
.atomic__wraper.manager__wraper #manager__header .left__bar .menu__list a li {
  padding: 1em;
  display: inline-block;
}
.atomic__wraper.manager__wraper #manager__header .left__bar .menu__list a li.no__padding {
  padding: 0;
}
.atomic__wraper.manager__wraper #manager__header .left__bar .menu__list a li .img__display {
  position: relative;
  top: 7.5px;
  left: 7.5px;
  margin-right: 7.5px;
  width: 30px;
  height: 30px;
}
.atomic__wraper.manager__wraper #manager__header .main__bar {
  border-bottom: 1px solid #757575;
}
.atomic__wraper.manager__wraper #manager__header .main__bar .menu__list a {
  color: #f5f5f5;
}
.atomic__wraper.manager__wraper #manager__header .main__bar .menu__list a li {
  padding: 1em;
  display: inline-block;
}
.atomic__wraper.manager__wraper #manager__header .main__bar .menu__list a li.no__padding {
  padding: 0;
}
.atomic__wraper.manager__wraper #manager__header .main__bar .menu__list a li .img__display {
  position: relative;
  top: 7.5px;
  left: 7.5px;
  margin-right: 7.5px;
  border-radius: 60px;
  width: 30px;
  height: 30px;
}
.atomic__wraper.manager__wraper #manager__header .main__bar .menu__list a li.arrow {
  padding: 0;
}
.atomic__wraper.manager__wraper #manager__side__bar {
  padding: 0;
  float: left;
  width: 250px;
  min-height: 100vh;
  height: auto;
}
@media screen and (min-width: 100px) and (max-width: 767px) {
  .atomic__wraper.manager__wraper #manager__side__bar {
    display: none;
  }
}
.atomic__wraper.manager__wraper #manager__side__bar .user__data__box {
  padding: 1em 0.5em 0.5em;
  background: #4c4c4c;
}
.atomic__wraper.manager__wraper #manager__side__bar .user__data__box .display__data {
  padding: 0;
  float: left;
  width: 80px;
  height: 80px;
  border-radius: 160px;
  margin: 0 0.5em 0.5em 0;
}
.atomic__wraper.manager__wraper #manager__side__bar .user__data__box .user__data {
  color: #f5f5f5;
  overflow: hidden;
}
.atomic__wraper.manager__wraper #manager__side__bar .menu__box .manager__menu__text {
  border-top: 2px solid #2e2e2e;
  padding: 0.5em;
  color: #737373;
}
.atomic__wraper.manager__wraper #manager__side__bar .menu__box .manager__menu__text i {
  margin-right: 1em;
}
.atomic__wraper.manager__wraper #manager__side__bar .menu__box ul.manager__main__menu {
  margin-bottom: 0.5em;
}
.atomic__wraper.manager__wraper #manager__side__bar .menu__box ul.manager__main__menu li a {
  color: #f2f2f2;
  display: block;
  padding: 0.5em 0.5em 0 1em;
}
.atomic__wraper.manager__wraper #manager__side__bar .menu__box ul.manager__main__menu li a img {
  width: 30px;
  height: 30px;
  display: inline;
  margin-right: 1em;
}
.atomic__wraper.manager__wraper #manager__side__bar .menu__box ul.manager__main__menu li a span {
  position: relative;
  top: -0.6em;
}
.atomic__wraper.manager__wraper #manager__side__bar .menu__box ul.manager__main__menu li a.selected {
  background: #1d1d1d;
}
.atomic__wraper.manager__wraper #manager__side__bar .menu__box ul.manager__main__menu li a:hover {
  background: #1d1d1d;
  color: #89d5db;
}
.atomic__wraper.manager__wraper #manager__body {
  overflow: hidden;
  min-height: 100vh;
  width: auto;
  height: auto;
  background: #363636;
}
@media print {
  .atomic__wraper.manager__wraper #manager__body.forprintslip {
    height: 0px;
  }
}
@media print {
  .atomic__wraper.manager__wraper #manager__body.forprintpage {
    width: 1088px;
  }
}
@media print {
  .atomic__wraper.manager__wraper #manager__body.forprintpage__land {
    width: 2088px;
  }
}
@media print {
  .atomic__wraper.manager__wraper #manager__body.landscape {
    orientation: landscape;
  }
}
.atomic__wraper.manager__wraper #manager__body .body__inner {
  min-height: 100vh;
  height: auto;
  background: #f2f2f2;
}
@media screen and (min-width: 100px) and (max-width: 767px) {
  .atomic__wraper.manager__wraper #manager__body .body__inner {
    padding: 0em;
  }
}
@media screen and (min-width: 768px) and (max-width: 3880px) {
  .atomic__wraper.manager__wraper #manager__body .body__inner {
    padding: 0em 1em 1em 1em;
  }
}
@media print {
  .atomic__wraper.manager__wraper #manager__body .body__inner {
    padding: 0em;
    background: #FFF;
  }
}
.atomic__wraper.manager__wraper #manager__body .body__inner.no__padding {
  padding: 0;
}
.atomic__wraper.manager__wraper #manager__body .body__data__box__set, .atomic__wraper.manager__wraper #manager__body .body__data__box__set__black {
  margin-bottom: 1em;
  padding: 1em;
  background: white;
  border-top: 3px solid #3cb8c2;
}
@media print {
  .atomic__wraper.manager__wraper #manager__body .body__data__box__set, .atomic__wraper.manager__wraper #manager__body .body__data__box__set__black {
    border: 0px;
  }
}
.atomic__wraper.manager__wraper #manager__body .body__data__box__set.no__padding, .atomic__wraper.manager__wraper #manager__body .no__padding.body__data__box__set__black {
  padding: 0;
}
.atomic__wraper.manager__wraper #manager__body .body__data__box__set.no__border__top, .atomic__wraper.manager__wraper #manager__body .no__border__top.body__data__box__set__black {
  border-top: 0px solid #3cb8c2;
}
.atomic__wraper.manager__wraper #manager__body .body__data__box__set ul.body--submenu li, .atomic__wraper.manager__wraper #manager__body .body__data__box__set__black ul.body--submenu li {
  border-bottom: 1px solid #f2f2f2;
}
.atomic__wraper.manager__wraper #manager__body .body__data__box__set ul.body--submenu li a, .atomic__wraper.manager__wraper #manager__body .body__data__box__set__black ul.body--submenu li a {
  display: block;
  border-bottom: 0;
  padding: 0.5em 1em;
  background: white;
}
.atomic__wraper.manager__wraper #manager__body .body__data__box__set ul.body--submenu li a.selected, .atomic__wraper.manager__wraper #manager__body .body__data__box__set__black ul.body--submenu li a.selected {
  background: #efefef;
}
.atomic__wraper.manager__wraper #manager__body .body__data__box__set ul.body--submenu li:last-child, .atomic__wraper.manager__wraper #manager__body .body__data__box__set__black ul.body--submenu li:last-child {
  border-top: 0;
}
.atomic__wraper.manager__wraper #manager__body .body__data__box__set__black {
  border: 1px solid #eeeeee;
}
.atomic__wraper.manager__wraper #kitchen__menu__body {
  overflow: hidden;
  min-height: 100vh;
  width: auto;
  height: auto;
  background: #363636;
}
.atomic__wraper.manager__wraper #kitchen__menu__body .body__inner {
  min-height: 100vh;
  height: auto;
  padding: 1em;
  background: #f2f2f2;
}
@media print {
  .atomic__wraper.manager__wraper #kitchen__menu__body .body__inner {
    padding: 0em;
  }
}
.atomic__wraper.manager__wraper #kitchen__menu__body .body__inner.no__padding {
  padding: 0;
}
.atomic__wraper.manager__wraper #kitchen__menu__body .body__data__box__set, .atomic__wraper.manager__wraper #kitchen__menu__body #manager__body .body__data__box__set__black, .atomic__wraper.manager__wraper #manager__body #kitchen__menu__body .body__data__box__set__black {
  margin-bottom: 1em;
  padding: 1em;
  background: white;
  border-top: 3px solid #3cb8c2;
}
.atomic__wraper.manager__wraper #kitchen__menu__body .body__data__box__set.no__padding, .atomic__wraper.manager__wraper #kitchen__menu__body #manager__body .no__padding.body__data__box__set__black, .atomic__wraper.manager__wraper #manager__body #kitchen__menu__body .no__padding.body__data__box__set__black {
  padding: 0;
}
.atomic__wraper.manager__wraper #kitchen__menu__body .body__data__box__set ul.body--submenu li, .atomic__wraper.manager__wraper #kitchen__menu__body #manager__body .body__data__box__set__black ul.body--submenu li, .atomic__wraper.manager__wraper #manager__body #kitchen__menu__body .body__data__box__set__black ul.body--submenu li {
  border-bottom: 1px solid #f2f2f2;
}
.atomic__wraper.manager__wraper #kitchen__menu__body .body__data__box__set ul.body--submenu li a, .atomic__wraper.manager__wraper #kitchen__menu__body #manager__body .body__data__box__set__black ul.body--submenu li a, .atomic__wraper.manager__wraper #manager__body #kitchen__menu__body .body__data__box__set__black ul.body--submenu li a {
  display: block;
  border-bottom: 0;
  padding: 0.5em 1em;
  background: white;
}
.atomic__wraper.manager__wraper #kitchen__menu__body .body__data__box__set ul.body--submenu li a.selected, .atomic__wraper.manager__wraper #kitchen__menu__body #manager__body .body__data__box__set__black ul.body--submenu li a.selected, .atomic__wraper.manager__wraper #manager__body #kitchen__menu__body .body__data__box__set__black ul.body--submenu li a.selected {
  background: #efefef;
}
.atomic__wraper.manager__wraper #kitchen__menu__body .body__data__box__set ul.body--submenu li:last-child, .atomic__wraper.manager__wraper #kitchen__menu__body #manager__body .body__data__box__set__black ul.body--submenu li:last-child, .atomic__wraper.manager__wraper #manager__body #kitchen__menu__body .body__data__box__set__black ul.body--submenu li:last-child {
  border-top: 0;
}
.atomic__wraper.manager__wraper #manager__right {
  float: right;
  width: 100px;
  min-height: 100vh;
  height: 100vh;
  border: 1px solid blue;
}
.atomic__wraper .drag__zone .group__zone {
  width: 33.33%;
  display: inline;
  background: #f5f5f5;
  float: left;
  border-right: 1px solid #ffc98c;
}
.atomic__wraper .drag__zone .group__zone .overflow__zone {
  padding: 0 0 0.5em;
  background: #f2f2f2;
  overflow-y: auto;
  height: auto;
  max-height: 85vh;
  min-height: 85vh;
  width: 100%;
}
.atomic__wraper .drag__zone .group__zone .overflow__zone ul[dnd-list] {
  min-height: 42px;
  padding-left: 0;
}
.atomic__wraper .drag__zone .group__zone .overflow__zone ul[dnd-list] .dndDraggingSource {
  display: none;
}
.atomic__wraper .drag__zone .group__zone .overflow__zone ul[dnd-list] .dndPlaceholder {
  background-color: #ddd;
  display: block;
  min-height: 42px;
}
.atomic__wraper .drag__zone .group__zone .overflow__zone ul[dnd-list] li {
  margin-top: 0px;
  border-top: 1px solid #ffc98c;
  background-color: #fff;
  display: block;
  padding: 10px;
}
.atomic__wraper .drag__zone .group__zone .overflow__zone ul[dnd-list] li.selected {
  background-color: #dff0d8;
  color: #3c763d;
}
.atomic__wraper .pos__header {
  border-bottom: 1px solid #f2f2f2;
}
.atomic__wraper .pos__table__height__overflow {
  height: 95vh;
  background: #fff;
  overflow: auto;
}
.atomic__wraper .pos__body {
  background: #fff;
}
.atomic__wraper .pos__body .food__list {
  background: #fff;
  padding: 0 0.5em;
}
.atomic__wraper .pos__body input.amount__input {
  background: transparent;
  margin: 0;
  color: #99cc00;
  text-align: right;
  font-size: 2.1em;
  padding: 0.25em;
}
.atomic__wraper .pos__body input.amount__input.no__br {
  border: 0;
}
.atomic__wraper .pos__body .table__list__zone {
  min-height: 50vh;
  overflow: auto;
}
.atomic__wraper .food__list__overflow {
  height: auto;
  max-height: 253px;
  height: 253px;
  overflow: auto;
}
.atomic__wraper .pos__price__footer {
  position: fixed;
  bottom: 0;
  height: 5vh;
}
.atomic__wraper .numpad__table {
  margin: 0px;
}
.atomic__wraper .numpad__table tr td {
  padding: 0.5em 0;
  border: 2px solid #f2f2f2;
  color: #555555;
  font-size: 1.5em;
  height: 70px;
}
.atomic__wraper .numpad__table tr td:hover {
  background: dimgray;
}
.atomic__wraper .numpad__table tr td.light {
  background: rgb(227, 227, 227);
}
.atomic__wraper .numpad__table tr td.light:active {
  background: #477dca;
  color: #FFF;
}
.atomic__wraper .numpad__table tr td.darken__light, .atomic__wraper .numpad__table tr td .darken__light {
  background: #bfbfbf;
}
.atomic__wraper .numpad__table tr td.dark {
  background: #363636;
}
.atomic__wraper .numpad__table tr td span {
  line-height: 0;
  height: 0;
}
.atomic__wraper .pos__button {
  font-size: 1em;
}
.atomic__wraper .button__flex {
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
}
.atomic__wraper .button__flex button {
  align-items: stretch;
}
.atomic__wraper .working__screen__card {
  width: 234px;
  height: auto;
  display: inline-block;
  float: left;
}
.atomic__wraper button.breadcrumb__btn {
  border-radius: 0px;
  display: inline-block;
  margin: 0px;
}
.atomic__wraper .underline {
  text-decoration: underline;
}

.additional__button__repeat {
  width: 24.8%;
  margin: 3px 0.1%;
}
.additional__button__repeat button {
  height: 80px;
  white-space: normal;
}

.br__b__line__show__forprint {
  border: 1px solid #f5f5f5;
}
@media print {
  .br__b__line__show__forprint {
    border-top: 0px;
    border-left: 0px;
    border-rihgt: 0px;
    border-bottom: 1px solid #000;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
  }
}

@media print {
  .header__slip__forprint {
    font-weight: 900;
    color: #000 !important;
  }
}

.bill__cancel__flag {
  position: absolute;
  color: red;
  font-size: 12em;
  transform: rotate(-45deg);
  top: 150px;
  text-align: center;
  opacity: 0.5;
}
@media print {
  .bill__cancel__flag {
    font-size: 10em;
  }
}

.page__break {
  page-break-before: always;
}