@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: #202A44;
  border: none;
  color: #EDEAE6;
  cursor: pointer;
  font-family: SamsungSharpSansBold;
  height: 34px
}

input[type='submit'],
button:hover {
  background-color: #9D7743;
  border: none;
  color: #EDEAE6;
  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-white-nav {
  background-color: #fff
}

.background-color-white-nav:hover {
  background-color: #202A44;
  color: #EDEAE6;
}


.background-color-gray {
  background-color: #f4f4f4
}

.background-color-deep-navy {
  background-color: #202A44;
}

.background-color-muted-gold {
  background-color: #9D7743;
}

.background-color-sandstone {
  background-color: #D3BC8D;
}

.background-color-crimson-flame {
  background-color: #DA291C;
}

.background-color-soft-cloud {
  background-color: #EDEAE6;
}

.background-color-green {
  background-color: #7aa363
}

.background-color-light-green {
  background-color: #b6c4b4
}

.background-color-custom {
  background-color: #9D7743
}

.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-sandstone {
 color: #D3BC8D;
}

.text-color-soft-cloud {
 color: #EDEAE6;
}

.text-color-muted-gold {
  color: #9D7743
}

.text-color-deep-navy {
  color: #202A44;
}

.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: #D3BC8D;
  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;
}

.ba-sort {
  cursor: pointer;
}