/* Pos screen color declaration */
/* line 2, /app/app/assets/stylesheets/sales/pos.scss */
.non-cash-method, .cheque-method, .bkash-method, .rocket-method, .card-method {
  display: none;
}

/* line 6, /app/app/assets/stylesheets/sales/pos.scss */
.border-div {
  border: 1px solid #bdc2c3;
  margin-left: 4px;
}

/* line 10, /app/app/assets/stylesheets/sales/pos.scss */
.label-payment {
  margin-top: 20px;
  font-size: large;
}

/* line 15, /app/app/assets/stylesheets/sales/pos.scss */
.font-size {
  font-size: large;
}

/* line 19, /app/app/assets/stylesheets/sales/pos.scss */
.button-margin {
  margin-top: 15px;
}

/* line 22, /app/app/assets/stylesheets/sales/pos.scss */
.btn-xl {
  padding: 8px 40px;
}

/* line 26, /app/app/assets/stylesheets/sales/pos.scss */
.print-button-margin {
  margin-right: 10px;
}

/* line 33, /app/app/assets/stylesheets/sales/pos.scss */
.print-invoice-table thead tr th, .print-invoice-table thead tr td, .print-invoice-table tbody tr th, .print-invoice-table tbody tr td {
  padding: 2px;
}

/* line 41, /app/app/assets/stylesheets/sales/pos.scss */
.borderless td, .borderless th {
  border: none !important;
}

/* line 46, /app/app/assets/stylesheets/sales/pos.scss */
.cart-state {
  background-color: #ea9b9b !important;
}

/* line 51, /app/app/assets/stylesheets/sales/pos.scss */
.sidebar-ul li {
  margin-bottom: 10px;
}

/* POS Calculator design */
/* line 58, /app/app/assets/stylesheets/sales/pos.scss */
.calculator-wrap {
  position: relative;
}
/* line 60, /app/app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container {
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 10;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 5px 10px 15px #ddd;
  padding: 15px;
}
/* line 74, /app/app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .left-side-btn .text-btn-ul-style {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 -10px;
}
/* line 78, /app/app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .left-side-btn .text-btn-ul-style li {
  display: inline-block;
  margin: 10px 0 0 2%;
  flex-grow: 1;
  width: calc(100% * (1/5) - 10px - 1px);
}
/* line 83, /app/app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .left-side-btn .text-btn-ul-style li a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 20px 0;
  color: #fff;
  text-align: center;
  display: block;
  text-decoration: none;
  cursor: pointer;
  min-height: 50px;
}
/* line 102, /app/app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .right-side-btn .right-side-btn-row .right-side-btn-lg-col .number-btn .number-btn-ul-style {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 -10px;
}
/* line 106, /app/app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .right-side-btn .right-side-btn-row .right-side-btn-lg-col .number-btn .number-btn-ul-style li {
  display: inline-block;
  margin: 10px 0 0 2%;
  flex-grow: 1;
  width: calc(100% * (1/3) - 10px - 1px);
}
/* line 111, /app/app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .right-side-btn .right-side-btn-row .right-side-btn-lg-col .number-btn .number-btn-ul-style li a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #333;
  padding: 15px 20px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: block;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
}
/* line 124, /app/app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .right-side-btn .right-side-btn-row .right-side-btn-lg-col .number-btn .number-btn-ul-style li a:hover {
  background: #1a1a1a;
}
/* line 133, /app/app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .right-side-btn .right-side-btn-row .right-side-btn-sm-col .button-section {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0;
}
/* line 137, /app/app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .right-side-btn .right-side-btn-row .right-side-btn-sm-col .button-section .pay-btn, .calculator-wrap .calculator-container .calculator-row .right-side-btn .right-side-btn-row .right-side-btn-sm-col .button-section .enter-btn {
  width: calc(100% * (1/1) - 10px - 1px);
  padding: 20px 20px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  line-height: 10px;
  text-decoration: none;
  cursor: pointer;
  margin: 10px 0 auto -5px;
}

/* line 156, /app/app/assets/stylesheets/sales/pos.scss */
.payment-block {
  border: inherit;
  padding: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* line 164, /app/app/assets/stylesheets/sales/pos.scss */
.payment-radio-btn {
  display: block;
  border: inherit;
  padding: 20px 35px;
  margin-right: 15px;
  color: #fff;
  font-size: 14px !important;
  max-width: 150px;
}

/* line 173, /app/app/assets/stylesheets/sales/pos.scss */
.cross-btn {
  text-align: right;
  position: absolute;
  right: 20px;
  top: 20px;
  background: tomato;
  color: #fff;
  padding: 10px;
  border-top-right-radius: 4px;
}

/* line 184, /app/app/assets/stylesheets/sales/pos.scss */
.height-50 {
  height: 50px;
}

/* line 188, /app/app/assets/stylesheets/sales/pos.scss */
.text-highlight {
  font-weight: bold;
  text-align: center !important;
  font-size: 20px !important;
  vertical-align: middle !important;
}

/* Capsul design */
/* line 196, /app/app/assets/stylesheets/sales/pos.scss */
.danger-text-capsul {
  background: #f44336;
  color: #fff;
  padding: 0px 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/* line 204, /app/app/assets/stylesheets/sales/pos.scss */
.warning-text-capsul {
  background: #ffc107;
  color: #fff;
  padding: 0px 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/* line 212, /app/app/assets/stylesheets/sales/pos.scss */
.success-text-capsul {
  background: #28a745;
  color: #fff;
  padding: 0px 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/* line 220, /app/app/assets/stylesheets/sales/pos.scss */
.info-text-capsul {
  background: #17a2b8;
  color: #fff;
  padding: 0px 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/* line 229, /app/app/assets/stylesheets/sales/pos.scss */
.danger-input-capsul,
.success-input-capsul,
.warning-input-capsul,
.info-input-capsul {
  box-shadow: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* line 239, /app/app/assets/stylesheets/sales/pos.scss */
.danger-input-capsul {
  border: 2px solid #f44336;
}

/* line 242, /app/app/assets/stylesheets/sales/pos.scss */
.success-input-capsul {
  border: 2px solid #28a745;
}

/* line 245, /app/app/assets/stylesheets/sales/pos.scss */
.warning-input-capsul {
  border: 2px solid #ffc107;
}

/* line 248, /app/app/assets/stylesheets/sales/pos.scss */
.info-input-capsul {
  border: 2px solid #17a2b8;
}

/* line 251, /app/app/assets/stylesheets/sales/pos.scss */
.default-input-capsul {
  border: 2px solid #555;
}

/* line 255, /app/app/assets/stylesheets/sales/pos.scss */
.pos-style label {
  font-size: 18px;
}
/* line 258, /app/app/assets/stylesheets/sales/pos.scss */
.pos-style input[type=text], .pos-style input[type=number], .pos-style select {
  height: 50px;
}
/* line 265, /app/app/assets/stylesheets/sales/pos.scss */
.pos-style table thead tr th, .pos-style table thead tr td, .pos-style table tbody tr th, .pos-style table tbody tr td {
  text-align: center;
  font-size: 16px;
}

/* line 276, /app/app/assets/stylesheets/sales/pos.scss */
.radio-btn-placing {
  position: absolute;
  left: 6px;
  top: 0;
}

/* line 281, /app/app/assets/stylesheets/sales/pos.scss */
.radio-icon {
  font-size: 20px;
  margin-right: 5px;
}

/* line 285, /app/app/assets/stylesheets/sales/pos.scss */
.ui-autocomplete {
  max-height: 30rem !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background-color: #007D8A !important;
}

/* line 291, /app/app/assets/stylesheets/sales/pos.scss */
.ui-state-focus {
  background-color: #ffc107 !important;
}