@font-face {

  font-family: LemonMilkRegular;

  src: url(../fonts/LemonMilkRegular.otf)

}

@font-face {

  font-family: SamsungSharpSansBold;

  src: url(../fonts/GothamBold.otf)

}

@font-face {

  font-family: SamsungSharpSansMedium;

  src: url(../fonts/GothamMedium.otf)

}

body {

  color: #47565f;

  font-size: 12px

}

p {

  word-wrap: break-word

}

a {

  color: #47565f;

  text-decoration: none

}

input[type='submit'],

button {

  background-color: #7aa363;

  border: none;

  color: #fff;

  cursor: pointer;

  font-family: SamsungSharpSansBold;

  height: 34px

}

input[type='text'],

input[type='password'],

input[type='date'],

input[type='number'],

select {

  border: 1px solid #b8c6b6;

  box-sizing: border-box;

  height: 34px;

  outline: none;

  padding: 8px;

  width: 100%

}

.background-color-white {

  background-color: #fff

}

.background-color-gray {

  background-color: #f4f4f4

}

.background-color-green {

  background-color: #7aa363

}

.background-color-light-green {

  background-color: #b6c4b4

}

.background-color-custom {

  background-color: #b8c6b6

}

.font-weight-regular {

  font-family: SamsungSharpSansMedium

}

.font-weight-bold {

  font-family: SamsungSharpSansBold

}

.font-weight-custom {

  font-family: LemonMilkRegular

}

.font-style-italic {

  font-style: italic

}

.text-color-white {

  color: #fff

}

.text-color-green {

  color: #7aa363

}

.text-color-orange {

  color: #f15a24

}

.text-color-red {

  color: #f00

}

.text-color-custom {

  color: #47565f

}

.text-align-left {

  text-align: left

}

.text-align-center {

  text-align: center

}

.text-align-right {

  text-align: right

}

.text-align-justify {

  text-align: justify

}

.font-size-8px {

  font-size: 8px

}

.font-size-12px {

  font-size: 12px;

  line-height: 20px

}

.font-size-14px {

  font-size: 14px

}

.font-size-16px {

  font-size: 16px

}

.font-size-0 {

  font-size: 0

}

.text-decoration-underline {

  text-decoration: underline

}

.white-space-nowrap {

  white-space: nowrap;

}

.display-none {

  display: none

}

.display-block {

  display: block

}

.display-inline-block {

  display: inline-block

}

.display-table {

  display: table;

  table-layout: fixed

}

.display-table-row {

  display: table-row

}

.display-table-cell {

  display: table-cell

}

.vertical-align-top {

  vertical-align: top

}

.vertical-align-middle {

  vertical-align: middle

}

.vertical-align-bottom {

  vertical-align: bottom

}

.width-7 {

  width: 7.5%

}

.width-10 {

  width: 10%

}

.width-12 {

  width: 12.5%

}

.width-13 {

  width: 13%

}

.width-15 {

  width: 15%

}

.width-16 {

  width: 16.66%

}

.width-20 {

  width: 20%

}

.width-25 {

  width: 25%

}

.width-33 {

  width: 33.33%

}

.width-40 {

  width: 40%

}

.width-50 {

  width: 50%

}

.width-60 {

  width: 60%

}

.width-66 {

  width: 66.66%

}

.width-75 {

  width: 75%

}

.width-100 {

  width: 100%

}

.width-auto {

  width: auto

}

.width-50px {

  width: 50px

}

.width-55px {

  width: 55px

}

.width-75px {

  width: 75px

}

.width-100px {

  width: 100px

}

.width-130px {

  width: 130px

}

.width-160px {

  width: 160px

}

.width-210px {

  width: 210px

}

.width-260px {

  width: 260px

}

.min-width-100 {

  min-width: 100%

}

.min-width-50px {

  min-width: 50px

}

.min-width-100px {

  min-width: 100px

}

.min-width-200px {

  min-width: 200px

}

.min-width-300px {

  min-width: 300px

}

.min-width-400px {

  min-width: 400px

}

.max-width-260px {

  max-width: 260px

}

.height-50px {

  height: 50px

}

.min-height-130px {

  min-height: 130px

}

.min-height-220px {

  min-height: 220px

}

.margin-8px {

  margin: 8px

}

.margin-8px-0 {

  margin: 8px 0

}

.margin-10px {

  margin: 10px

}

.margin-10px-0 {

  margin: 10px 0

}

.margin-15px {

  margin: 15px

}

.margin-15px-0 {

  margin: 15px 0

}

.margin-20px-0 {

  margin: 20px 0

}

.margin-bottom-20px {

  margin-bottom: 20px

}

.margin-30px {

  margin: 30px

}

.margin-30px-0 {

  margin: 30px 0

}

.margin-left-30px {

  margin-left: 30px

}

.margin-146px-auto {

  margin: 146px auto

}

.padding-15px {

  padding: 15px

}

.right-0 {

  right: 0

}

.top-0 {

  top: 0

}

.overflow-auto {

  overflow: auto

}

.overflow-x-auto {

  overflow-x: auto;

}

.position-relative {

  position: relative

}

.position-absolute {

  position: absolute

}

.vertical-center {

  position: absolute;

  top: 50%;

  transform: translateY(-50%)

}

.center-block {

  left: 50%;

  position: absolute;

  top: 50%;

  transform: translate(-50%, -50%)

}

.word-wrap-break-word {

  word-wrap: break-word

}

::-webkit-scrollbar {

  width: 20px

}

::-webkit-scrollbar-track {

  background: #f1f1f1;

  border-radius: 10px

}

::-webkit-scrollbar-thumb {

  background: #c1c1c1;

  border-radius: 10px

}

::-webkit-scrollbar-thumb:hover {

  background: #a8a8a8

}

.cursor-pointer {

  cursor: pointer

}

.navbar {

  width: 100%;

  z-index: 1

}

.logo {

  margin: 10px 32px

}

.menu-button {

  height: 16px;

  margin: 45px 45px

}

.menu {

  background-color: rgba(182, 196, 180, 0.9);

  height: 100vh;

  left: 0;

  overflow-y: auto;

  position: fixed;

  top: 0;

  width: 100vw;

  z-index: 2

}

.close-button {

  float: right;

  margin: 42px 25px

}

.header {

  background-image: url('../img/header.png');

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  min-height: 100vh

}

.border-white {

  border: 1px solid #fff

}

.border-gray {

  border: 1px solid #f4f4f4

}

.border-left-right-gray {

  border-left: 1px solid #f4f4f4;

  border-right: 1px solid #f4f4f4

}

.border-bottom-gray {

  border-bottom: 1px solid #f4f4f4

}

.border-custom {

  border: 1px solid #b8c6b6

}

.border-right-custom {

  border-right: 1px solid #b8c6b6

}

.sidebar {

  height: calc(100vh - 106px);

  overflow-y: auto

}

.side-bar img {

  height: 20px

}

.tab.active,.tab.perma-active, .tab:hover {

  background-color: #b8c6b6;

  color: #fff

}

.sub-menu.active, .sub-menu.perma-active {

  display: block

}

.main-container {

  height: calc(100vh - 106px);

  overflow-y: auto

}

.custom-checkbox {

  background-color: transparent;

  border: 1px solid #b8c6b6;

  color: #fff;

  cursor: pointer;

  display: inline-block;

  font-family: SamsungSharpSansBold;

  height: 18px;

  line-height: 18px;

  text-align: center;

  vertical-align: middle;

  width: 18px

}

.custom-checkbox[value="0"] {

  background-color: transparent

}

.custom-checkbox[value="1"], .custom-checkbox[value="2"] {

  background-color: #b8c6b6

}

.popup > img {

  max-height: 100%;

  max-width: 100%

}

#receipt * {

  font-family: "Helvetica"

}

#receipt .font-weight-bold {

  font-weight: bold

}


.ba-table {
  border: 1px solid #BFBFBF;
}