@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap");
body.login {
  background-color: #08c266;
  overflow-y: hidden;
  overflow-x: hidden; }
body.login .access {
  padding: 35vh 15px;
  text-align: center; }
body.login .access__img {
  margin: 15px 0; }
body.login .access__form {
  width: 35%;
  margin: 0 auto; }
  @media (max-width: 575px) {
    body.login .access__form {
      width: 100%; } }
body.login .access__form .input-group {
  margin: 2px 0; }
body.login .access__form__link {
  width: 100%; }

body.vestdash main .dash .card .fa-calculator, body.vestdash main .dash .card .fa-shopping-cart, body.vestdash main .dash .card .fa-check-circle, body.vestdash main .dash .card .fa-times-circle, body.vestdash main .dash .card .fa-trophy {
  margin: 0.6vw 0 0 0;
  font-size: 3vw;
  color: #2E4053;
  float: right; }

body.vestdash main .dash {
  padding: 0 10px;
  text-align: center; }
body.vestdash main .dash__period {
  width: 100%;
  padding: 15px 0 15px 40px;
  text-align: center;
  display: block; }
body.vestdash main .dash__period__filter {
  width: 15vw;
  padding: 5px 10px;
  font-size: 1vw;
  background: #fff;
  cursor: pointer;
  display: inline-block; }
  @media (max-width: 991px) {
    body.vestdash main .dash__period__filter {
      width: 22vw;
      font-size: 1.4vw; } }
  @media (max-width: 575px) {
    body.vestdash main .dash__period__filter {
      width: 38vw;
      font-size: 2vw; } }
  @media (max-width: 480px) {
    body.vestdash main .dash__period__filter {
      width: 57vw;
      font-size: 3.5vw; } }
body.vestdash main .dash__period__button {
  margin: 0 0 0 20px;
  font-size: 1.2vw; }
  @media (max-width: 575px) {
    body.vestdash main .dash__period__button {
      margin: 0;
      font-size: 2.2vw; } }
  @media (max-width: 480px) {
    body.vestdash main .dash__period__button {
      font-size: 3vw; } }
body.vestdash main .dash .card {
  width: 22vw;
  margin: 0 5px;
  display: inline-block;
  box-shadow: 3px 2px 6px 1px #ccc;
  text-align: left; }
  @media (max-width: 767px) {
    body.vestdash main .dash .card {
      width: 38vw; } }
  @media (max-width: 575px) {
    body.vestdash main .dash .card {
      width: 44vw; } }
  @media (max-width: 480px) {
    body.vestdash main .dash .card {
      width: 80vw;
      margin: 0 auto;
      display: block; } }
@media (max-width: 575px) {
  body.vestdash main .dash .card .fa-calculator {
    font-size: 4vw; } }
@media (max-width: 480px) {
  body.vestdash main .dash .card .fa-calculator {
    font-size: 9vw; } }
@media (max-width: 575px) {
  body.vestdash main .dash .card .fa-shopping-cart {
    font-size: 4vw; } }
@media (max-width: 480px) {
  body.vestdash main .dash .card .fa-shopping-cart {
    font-size: 9vw; } }
@media (max-width: 575px) {
  body.vestdash main .dash .card .fa-check-circle {
    font-size: 4vw; } }
@media (max-width: 480px) {
  body.vestdash main .dash .card .fa-check-circle {
    font-size: 9vw; } }
@media (max-width: 575px) {
  body.vestdash main .dash .card .fa-times-circle {
    font-size: 4vw; } }
@media (max-width: 480px) {
  body.vestdash main .dash .card .fa-times-circle {
    font-size: 9vw; } }
@media (max-width: 575px) {
  body.vestdash main .dash .card .fa-trophy {
    font-size: 4vw; } }
@media (max-width: 480px) {
  body.vestdash main .dash .card .fa-trophy {
    font-size: 9vw; } }
body.vestdash main .dash .card-body {
  padding: 10px; }
body.vestdash main .dash .card-head.card-date-time {
  font-size: .73vw;
  font-weight: 600;
  text-align: center; }
  @media (max-width: 991px) {
    body.vestdash main .dash .card-head.card-date-time {
      font-size: .9vw; } }
  @media (max-width: 767px) {
    body.vestdash main .dash .card-head.card-date-time {
      font-size: 1.2vw; } }
  @media (max-width: 575px) {
    body.vestdash main .dash .card-head.card-date-time {
      font-size: 1.7vw; } }
  @media (max-width: 480px) {
    body.vestdash main .dash .card-head.card-date-time {
      font-size: 2.5vw; } }
body.vestdash main .dash .card-title {
  margin: 0;
  padding: 0;
  font-size: 1.7vw;
  font-weight: 900;
  display: block; }
  @media (max-width: 991px) {
    body.vestdash main .dash .card-title {
      font-size: 1.4vw; } }
  @media (max-width: 767px) {
    body.vestdash main .dash .card-title {
      font-size: 2.6vw; } }
  @media (max-width: 575px) {
    body.vestdash main .dash .card-title {
      font-size: 3vw; } }
  @media (max-width: 480px) {
    body.vestdash main .dash .card-title {
      font-size: 6vw; } }
body.vestdash main .dash .card-title.color-text-ticket {
  color: #D4AC0D; }
body.vestdash main .dash .card-title.color-text-gross {
  color: #2E86C1; }
body.vestdash main .dash .card-title.color-text-aproved {
  color: #229954; }
body.vestdash main .dash .card-title.color-text-canceled {
  color: #CB4335; }
body.vestdash main .dash .card-title.color-text-ranking {
  color: #7D3C98; }
body.vestdash main .dash .card-text {
  font-size: 1.2vw;
  font-weight: 600;
  color: #2E4053; }
  @media (max-width: 767px) {
    body.vestdash main .dash .card-text {
      font-size: 2vw; } }
  @media (max-width: 480px) {
    body.vestdash main .dash .card-text {
      font-size: 4vw; } }
body.vestdash main .dash .card-footer {
  text-align: center;
  font-weight: bold;
  font-size: 1.2vw;
  color: #2E4053;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    body.vestdash main .dash .card-footer {
      font-size: 2vw; } }
  @media (max-width: 480px) {
    body.vestdash main .dash .card-footer {
      font-size: 4vw; } }
body.vestdash main .dash .card-footer.bg-ticket {
  background-color: #F7DC6F; }
body.vestdash main .dash .card-footer.bg-gross {
  background-color: #85C1E9; }
body.vestdash main .dash .card-footer.bg-aproved {
  background-color: #7DCEA0; }
body.vestdash main .dash .card-footer.bg-canceled {
  background-color: #F1948A; }
body.vestdash main .dash .card-footer.bg-ranking {
  background-color: #BB8FCE; }
body.vestdash main .the-best .scroll {
  height: 300px;
  overflow-y: auto; }
body.vestdash main .the-best__products__title {
  font-size: 20px;
  text-align: center; }
body.vestdash main .the-best__products__date-time {
  font-size: .9vw;
  text-align: right; }
body.vestdash main .the-best__products__table {
  font-size: 12px;
  text-align: center; }
body.vestdash main .the-best__products__table th {
  padding: 6px 0px;
  text-align: center;
  vertical-align: inherit; }
body.vestdash main .the-best__products__table th button {
  font-size: 10px;
  font-weight: 700; }
body.vestdash main .the-best__products__table td {
  padding: 2px 0; }

body.chart-gross-sale .graphic-gross-sale__hour {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left; }
body.chart-gross-sale .graphic-gross-sale canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }
body.chart-gross-sale .graphic-gross-sale .chart-container {
  width: 100%;
  padding: 40px;
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 40px; }

body.waiting {
  width: 100vw;
  min-height: 100vh;
  z-index: 999;
  opacity: 1;
  pointer-events: none; }
body.waiting::after {
  content: '';
  position: fixed;
  top: 0;
  width: 100%;
  min-height: 100vh;
  background-color: #fff;
  opacity: .8;
  background-image: url("../../assets/images/unnamed.gif");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: auto;
  display: block;
  z-index: 99999; }

body.menu-active header .navbar .menu-burger__list {
  left: 0; }
body.menu-active header .navbar .menu-burger__mask {
  display: block; }
body.menu-active header .navbar .menu-burger__close {
  left: 29.7vw; }
  @media (max-width: 575px) {
    body.menu-active header .navbar .menu-burger__close {
      left: 77.5vw; } }
body header .navbar.navbar-light {
  background-color: #10ce6e !important; }
body header .navbar__button_menu {
  font-size: 30px;
  text-decoration: none;
  color: #fff; }
  @media (max-width: 991px) {
    body header .navbar__button_menu {
      font-size: 24px; } }
  @media (max-width: 575px) {
    body header .navbar__button_menu {
      width: 100%; } }
body header .navbar__title {
  margin: 10px 0;
  font-family: 'Kanit', sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  color: #fff; }
  @media (max-width: 1199px) {
    body header .navbar__title {
      font-size: 20px; } }
  @media (max-width: 991px) {
    body header .navbar__title {
      font-size: 15px; } }
  @media (max-width: 480px) {
    body header .navbar__title {
      font-size: 17px;
      text-align: center;
      width: 100%; } }
body header .navbar .menu-burger__list {
  position: absolute;
  top: 0;
  left: -40vw;
  width: 30%;
  height: 100vh;
  padding: 30px 0 0 0;
  z-index: 9;
  background-color: #fff;
  border: 1px solid #10ce6e;
  list-style: none;
  transition: .3s; }
  @media (max-width: 575px) {
    body header .navbar .menu-burger__list {
      left: -133vw;
      width: 77%; } }
body header .navbar .menu-burger__list li {
  padding: 15px 0 15px 15px;
  margin: 0 0 2px 0;
  background-color: #00c16161; }
body header .navbar .menu-burger__list li:hover {
  background-color: #00c161a1; }
body header .navbar .menu-burger__list li a {
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #222;
  display: block; }
body header .navbar .menu-burger__mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  display: none;
  z-index: 7;
  opacity: .8; }
body header .navbar .menu-burger__close {
  position: absolute;
  top: 0;
  left: -40vw;
  z-index: 10;
  background-color: #d36262;
  box-shadow: 0px 1px 5px 1px #9ee7c3;
  transition: .3s; }
body header .navbar .menu-burger__close:hover {
  background-color: #cb2727; }
body header .navbar .menu-burger__close .fa-times {
  font-size: 30px;
  color: #fff; }
body header .navbar__logo {
  display: block; }
  @media (max-width: 480px) {
    body header .navbar__logo {
      text-align: center;
      width: 100%; } }
@media (max-width: 1199px) {
  body header .navbar__logo img {
    width: 80%; } }
@media (max-width: 991px) {
  body header .navbar__logo img {
    width: 69%; } }
@media (max-width: 767px) {
  body header .navbar__logo img {
    width: 55%;
    margin: 0 0 0 7vw; } }
@media (max-width: 575px) {
  body header .navbar__logo img {
    margin: 0; } }
@media (max-width: 480px) {
  body header .navbar__logo img {
    width: 28%; } }

/*# sourceMappingURL=index.css.map */