@font-face {
  font-family: 'Chenla';
  src: url("../fonts/chenla.eot");
  src: url("../fonts/chenla.eot?#iefix") format("embedded-opentype"), url("../fonts/chenla.woff2") format("woff2"), url("../fonts/chenla.woff") format("woff"), url("../fonts/chenla.ttf") format("truetype"), url("../fonts/chenla.svg#chenla") format("svg"); }
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("../dist/fonts/opensans.woff2") format("woff2"); }
/* MEDIA QUERY */
@media (min-width: 0px) {
  .sale-content {
    width: 100% !important; }

  .left-navbar {
    width: 100% !important; } }
@media (min-width: 768px) {
  .sale-content {
    width: 62% !important; }

  .left-navbar {
    width: 62% !important; }

  .sidebar {
    width: 38% !important; }

  .right-navbar {
    width: 38% !important; } }
@media (min-width: 992px) {
  .sale-content {
    width: 70% !important; }

  .left-navbar {
    width: 70% !important; }

  .sidebar {
    width: 30% !important; }

  .right-navbar {
    width: 30% !important; } }
.sidebar-open.sale-container {
  margin-left: 200px; }

/* HOME PAGE STYLE */
.top-navbar {
  background: #0cc579;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0; }

.sidebar-open .top-navbar {
  margin-left: 200px; }

.sidebar-open .sidebar {
  right: -200px; }

.top-navbar .clearfix > ul {
  float: left;
  margin: 0;
  padding: 10px 0 0;
  list-style: none; }

.top-navbar .clearfix > ul > li {
  float: left; }

.top-navbar .clearfix > ul > li.active > a {
  background: #ffffff;
  color: #0cc579;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.top-navbar .clearfix > ul > li:first-child a {
  padding: 10px 30px;
  position: relative; }

.top-navbar .clearfix > ul > li:first-child a > i {
  padding: 0 5px;
  font-size: 2em;
  position: absolute;
  top: 0;
  left: 15px; }

.top-navbar .clearfix > ul > li > a {
  display: block;
  padding: 10px 20px;
  color: #ffffff; }

.top-navbar .clearfix > ul > li > a:hover, .top-navbar .clearfix > ul > li > a:focus, .top-navbar .clearfix > ul > li > a:active {
  text-decoration: none; }

.top-navbar input[type="text"] {
  background: #ffffff;
  border: 1px solid #e5fbee;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  outline: none;
  height: 28px;
  width: 250px;
  padding: 0 20px;
  border-radius: 5px; }

.top-navbar .barcode-input {
  float: left;
  padding: 13px 0 0;
  margin: 0 20px; }

.top-navbar .barcode-input input[type="text"] {
  width: 200px; }

.top-navbar .search-product {
  padding: 12px 0 0;
  float: right; }

.top-navbar .search-product form {
  position: relative;
  padding: 0 20px; }

.top-navbar .search-product form input[type="text"] {
  display: none; }

.top-navbar .search-product form .search-btn {
  position: absolute;
  top: -4px;
  right: 20px;
  font-family: "FontAwesome"; }

.top-navbar .search-product form .search-btn i {
  position: absolute;
  left: -30px;
  top: 0;
  font-size: 1.1em; }

.top-navbar .search-product form .search-btn .ion-close-circled {
  color: #89888d;
  top: 1px; }

.top-navbar .search-product form .search-btn .ion-ios-search {
  color: #ffffff;
  font-size: 1.5em; }

.top-navbar .search-product form .search-btn i {
  padding: 7px 5px 5px;
  color: #000; }

.top-navbar .search-product form .search-btn input[type="reset"] {
  background: transparent;
  padding: 5px;
  position: relative;
  border: none;
  color: #7e7d82;
  font-size: 1.1em;
  outline: none; }

.top-navbar .search-product form .search-btn input[type="reset"]:hover, .top-navbar .search-product form .search-btn input[type="reset"]:focus {
  color: #fd3035; }

/* PRODUCT DROPDOWN CATEGORY MENU */
.category-menu {
  left: -30px;
  margin: 10px 0 0;
  padding: 0; }

.category-menu .category-heading {
  position: relative;
  text-align: center;
  background: #f5f5f5;
  padding: 10px 0 5px;
  font-weight: bold; }

.category-menu .category-heading i {
  color: #01ba52;
  position: absolute;
  right: 15px;
  top: 5px;
  text-align: right;
  display: block;
  font-size: 1.5em; }

.category-menu .category-wrapper {
  width: 275px;
  position: relative; }

.category-menu .category-wrapper:after {
  text-shadow: 0 -1px 0 #ccc;
  color: #f5f5f5;
  font-size: 2.8em;
  font-family: "Ionicons";
  content: '\f10d';
  position: absolute;
  top: -33px;
  left: 40%; }

.category-menu .category-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.category-menu .category-wrapper ul li:last-child .category-text {
  border-bottom: none;
  box-shadow: none; }

.category-menu .category-wrapper ul li .category-img {
  width: 20%;
  padding: 7px 15px 3px;
  float: left; }

.category-menu .category-wrapper ul li .category-img img {
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
  height: 25px;
  width: 25px; }

.category-menu .category-wrapper ul li .category-text {
  padding: 10px 15px 0 0;
  float: right;
  width: 78%;
  border-bottom: 1px solid #ededed;
  box-shadow: 0 1px 0 0 #fafafa; }

.category-menu .category-wrapper ul li .category-text .badge {
  background: #fd3035; }

.category-menu .category-wrapper ul li .category-name {
  float: left;
  font-size: 0.9em; }

.category-menu .category-wrapper ul li .category-item {
  float: right;
  font-size: 0.85em; }

.sale-container {
  margin: 49px 0 0;
  background: #f1f1f1; }

.sale-container .sale-content {
  overflow-y: auto;
  height: 90%;
  top: 50px;
  position: fixed;
  background: #ffffff;
  margin-bottom: 65px; }

.sale-container .sale-content .product-list {
  position: relative; }
  .sale-container .sale-content .product-list .row:first-child {
    min-height: 500px; }

.sale-container .sale-content .product-list .product-item {
  background: #fff;
  position: relative;
  border: 1px solid #efefef; }

.sale-container .sale-content .product-list .product-item .product-img {
  padding: 10px; }

.sale-container .sale-content .product-list .product-item .product-img img {
  height: 7em;
  display: block;
  margin: auto; }

.sale-container .sale-content .product-list .product-item .product-title p {
  text-align: center;
  padding: 0 0 10px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  min-height: 50px; }
  @media (max-width: 1024px) {
    .sale-container .sale-content .product-list .product-item .product-title p {
      min-height: 80px; } }

.nav-cart {
  margin: 0;
  padding: 10px 20px 0 0;
  position: relative;
  text-align: center;
  color: #ffffff; }

.nav-cart .cart-text {
  line-height: 1.5;
  float: left;
  width: 80%; }

.nav-cart .cart-text p {
  margin: 9px; }

.nav-cart i {
  font-size: 2em;
  color: #ffffff; }

.nav-cart .list-btn {
  float: left;
  width: 10%; }

.nav-cart .add-cart-btn {
  float: right;
  width: 10%; }

.nav-cart .add-cart-btn a {
  outline: none; }

/* COMMON STYLE */
body {
  background: #f5f5f5; }

a {
  color: #000000; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.bold-text {
  font-weight: bold; }

.reset-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.reset-list li:before, .reset-list li:after {
  display: table;
  content: " "; }

.reset-list li:after {
  clear: both; }

.label-text {
  color: #a8a8a8; }

.success-text {
  color: #14c984; }

.danger-text {
  color: #fd101a; }

.page-wrapper {
  padding-left: 0; }

.page-wrapper .nav-bar {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  min-width: 300px;
  height: 100%;
  overflow-y: auto;
  background: #f5f5f5;
  border-right: 1px solid #dadada; }

.page-wrapper .nav-bar .menu-bar {
  color: #ffffff;
  background: #0cc579;
  position: relative;
  padding: 15px 0; }

.page-wrapper .nav-bar .menu-bar i {
  font-size: 1.8em; }

.page-wrapper .nav-bar .menu-btn {
  position: absolute;
  left: 10px;
  top: 10px; }

.page-wrapper .page-container {
  padding-left: 40px;
  position: relative;
  background: #ffffff; }

.page-wrapper .page-container .page-top-menu {
  background: #0cc579;
  position: fixed;
  top: 0;
  right: 0;
  left: 300px;
  color: #ffffff;
  padding: 15px 0;
  z-index: 10; }

.page-wrapper .page-container .page-top-menu i {
  font-size: 1.8em; }

@media (min-width: 768px) {
  .page-wrapper {
    padding-left: 300px; } }
@media (max-width: 767px) {
  .page-top-menu {
    left: 0 !important; } }
/* SIDEBAR */
.sidebar {
  z-index: -1;
  position: fixed;
  top: 50px;
  right: 0;
  height: 90%;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  border-left: 1px solid #eaeaea; }

.sidebar .customer-profile {
  cursor: pointer;
  position: relative;
  background: #ffffff;
  padding: 15px 10px 0;
  border-bottom: 2px solid #eaeaea;
  z-index: 2;
  height: 80px; }

.sidebar .customer-profile .profile-img {
  padding: 5px 0 0;
  float: left; }

.sidebar .customer-profile .profile-img img {
  width: 40px; }

.sidebar .customer-profile .profile-name {
  float: left;
  padding: 10px 20px;
  color: #0cc579;
  font-weight: bold; }

.sidebar .customer-profile .remove-profile {
  float: right;
  padding: 5px 10px;
  color: #d9d9d9;
  font-size: 1.5em; }

.sidebar .customer-profile p {
  line-height: 0.5; }

.sidebar .customer-profile p.name {
  font-size: 0.95em; }

.sidebar .customer-profile p.phone, .sidebar .customer-profile p.email {
  font-size: 0.8em;
  color: #c2c2c2; }

.sidebar .customer-profile .profile-search {
  display: none; }

.sidebar .customer-profile .profile-search .search-box {
  z-index: 3;
  border-radius: 10px;
  width: 370px;
  background: #ffffff;
  position: absolute;
  top: 10px;
  left: -385px;
  border: 1px solid #f3f3f3;
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.06); }

.sidebar .customer-profile .profile-search .search-box .search-wrapper {
  position: relative;
  padding: 15px;
  background: #f5f5f5;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px; }

.sidebar .customer-profile .profile-search .search-box .search-wrapper input[type="text"] {
  padding: 7px 10px;
  display: block;
  width: 100%;
  border: 1px solid #f2f2f2;
  border-radius: 7px;
  box-shadow: 0 0 0 1px #eaeaea; }

.sidebar .customer-profile .profile-search .search-box .search-wrapper:after {
  text-shadow: 2px 0 0 #f2f2f2;
  font-family: "FontAwesome";
  font-size: 3em;
  content: '\f0da';
  position: absolute;
  right: -10px;
  top: 5%;
  color: #f5f5f5; }

.sidebar .customer-profile .profile-search .search-box .profile-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.sidebar .customer-profile .profile-search .search-box .profile-list ul li {
  padding: 0; }

.sidebar .customer-profile .profile-search .search-box .profile-list ul li:last-child .profile-text {
  border-bottom: none; }

.sidebar .customer-profile .profile-search .search-box .profile-list ul li .profile-img {
  padding: 10px 10px 10px 15px;
  float: left; }

.sidebar .customer-profile .profile-search .search-box .profile-list ul li .profile-img img {
  width: 30px; }

.sidebar .customer-profile .profile-search .search-box .profile-list ul li .profile-text {
  width: 85%;
  padding: 15px 15px 0 0;
  float: right;
  border-bottom: 1px solid #ededed; }

.sidebar .cart-item-container {
  width: 100%;
  background: #ffffff;
  margin: 10px 0;
  border-top: 2px solid #eaeaea;
  border-bottom: 2px solid #eaeaea;
  min-height: 100px;
  max-height: 450px;
  overflow-y: scroll; }

.sidebar .cart-item-container ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.sidebar .cart-item-container ul li {
  cursor: pointer; }

.sidebar .cart-item-container ul li:last-child .product-text {
  border-bottom: none;
  box-shadow: none; }

.sidebar .cart-item-container ul li .product-img {
  width: 20%;
  padding: 15px;
  float: left; }

.sidebar .cart-item-container ul li .product-img img {
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
  height: 45px;
  width: 45px; }

.sidebar .cart-item-container ul li .product-text {
  float: right;
  width: 80%;
  border-bottom: 1px solid #ededed;
  box-shadow: 1px 0 0 1px #fafafa; }

.sidebar .cart-item-container ul li .product-text .badge.bg-red {
  background: #fd3035; }
.sidebar .cart-item-container ul li .product-text .badge.bg-blue {
  background: #0073b7; }

.sidebar .cart-item-container ul li .product-name {
  float: left;
  padding: 15px 0;
  font-size: 0.9em;
  max-width: 200px; }

.sidebar .cart-item-container ul li .product-name p {
  line-height: 14px; }

.sidebar .cart-item-container ul li .product-name .details {
  font-size: 0.85em;
  color: #aeaeae; }

.sidebar .cart-item-container ul li .product-price {
  float: right;
  padding: 20px 15px;
  font-size: 1.2em; }
  .sidebar .cart-item-container ul li .product-price .discounted {
    font-size: 10px; }

.sidebar .amount-wrapper {
  background: #ffffff;
  margin: 0 0 50px; }

.sidebar .amount-wrapper ul {
  list-style-type: none;
  padding: 10px 20px 0;
  margin: 0; }

.sidebar .amount-wrapper ul li {
  padding: 10px 0;
  border-top: 2px solid #eaeaea; }

.sidebar .amount-wrapper ul li:first-child {
  border-top: 0; }

.sidebar .amount-wrapper ul li .amount-title {
  color: #0cc579; }

.sidebar .amount-wrapper ul li .amount-title p {
  float: left;
  font-weight: bold; }

.sidebar .amount-wrapper ul li .amount-title .add-btn {
  float: right; }

.sidebar .amount-wrapper ul li .amount-title .add-btn a {
  color: #0cc579; }

.sidebar .amount-wrapper ul li .amount-title .add-btn i {
  font-size: 1.5em; }

.sidebar .amount-wrapper ul li .amount-text {
  float: left; }

.sidebar .amount-wrapper ul li .amount-price {
  float: right; }

.sidebar .charge-btn {
  background: #0cc579;
  padding: 10px 20px 5px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 0;
  font-size: 26px;
  margin-top: 5px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.sidebar .charge-btn p {
  float: left; }

.sidebar .charge-btn .price {
  float: right; }

/* MODAL STYLE */
.modal .modal-dialog {
  width: 450px;
  margin: 5% auto; }

.modal .modal-content .content-heading {
  position: relative;
  background: #f5f5f5;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.modal .modal-content .content-heading h5 {
  padding: 20px 0;
  margin: 0;
  text-align: center;
  font-weight: normal;
  font-size: 1.2em;
  border-bottom: #ebebeb; }

.modal .modal-content .content-heading i {
  font-size: 3em;
  line-height: 0;
  cursor: pointer; }

.modal .modal-content .content-heading .fa {
  font-size: 1.6em; }

.modal .modal-content .content-heading .close-btn {
  position: absolute;
  left: 15px;
  top: 8px; }

.modal .modal-content .content-heading .add-btn {
  position: absolute;
  right: 15px;
  top: 8px; }

.modal .modal-content .content-heading .save-btn {
  position: absolute;
  right: 15px;
  top: 20px; }

.modal .modal-content .switch-btn {
  text-align: center;
  padding: 20px;
  border-bottom: 1px solid #eeeeee;
  box-shodow: 0 1px 0 0 #f6f6f6; }

.modal .modal-content .switch-btn a {
  width: 150px;
  border: 1px solid #00bd61; }

.modal .modal-content .switch-btn a .btn-success {
  background: #0cc579; }

.add-amount-modal .result-btn {
  padding: 20px; }

.add-amount-modal .number-btn .btn {
  border-radius: 0;
  padding: 15px; }

.add-amount-modal .result-btn p {
  text-align: right;
  font-size: 1.9em;
  padding: 5px 15px;
  background: #f5f5f5; }

.add-amount-modal .numeric-btn .percentage-btn a {
  border-radius: 0 !important;
  width: 75.5px;
  display: inline-block; }

.product-modal .product-number {
  margin: 15px; }

.product-modal .product-number ul li {
  float: left; }

.product-modal .product-number ul li .btn {
  font-size: 3em;
  padding: 5px 35px;
  line-height: 0; }

.product-modal .product-number ul li .item-number {
  width: 200px;
  background: #f5f5f5;
  font-size: 2.6em;
  margin: 0 15px;
  border: 1px solid #ebebeb;
  border-radius: 5px; }

.product-modal .quantity-price {
  padding: 15px 0;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  text-align: center; }

.product-modal .quantity-price .price-amount {
  font-size: 5em;
  display: block; }

.product-modal .product-appearance {
  padding: 15px 13px; }

.product-modal ul.product-list li {
  padding: 0 3px 10px;
  float: left; }

.product-modal ul.product-list li .btn-outline {
  display: block;
  border: 1px solid #a1e5cc;
  border-radius: 5px;
  color: #02b05b;
  font-size: 1.1em;
  padding: 5px 0;
  width: 64px;
  text-align: center; }

.product-modal ul.product-list li .btn-outline:hover, .product-modal ul.product-list li .btn-outline:active, .product-modal ul.product-list li .btn-outline:focus {
  text-decoration: none; }

.product-modal ul.product-list li .btn-outline.active {
  background: #0cc579;
  color: #ffffff; }

.currency-modal .modal-dialog {
  margin: 2% auto;
  width: 680px; }
  .currency-modal .modal-dialog .modal-bg {
    position: relative;
    height: 150px;
    background: url(../images/checkout-header.jpg) 0 0 no-repeat;
    background-size: cover; }
    .currency-modal .modal-dialog .modal-bg i {
      position: absolute;
      cursor: pointer;
      top: -10px;
      right: 0;
      font-size: 3em;
      font-weight: bold;
      color: #ffffff;
      display: block;
      padding: 0 10px; }
  .currency-modal .modal-dialog .price-title {
    font-size: 2em;
    background: #3D8EB9;
    color: #ffffff;
    margin: 0;
    padding: 15px 0; }
  .currency-modal .modal-dialog .currency-form-wrapper {
    padding: 0 15px 20px; }
    .currency-modal .modal-dialog .currency-form-wrapper .select-customer-wrapper {
      padding: 10px 0; }
      .currency-modal .modal-dialog .currency-form-wrapper .select-customer-wrapper label {
        text-align: right; }
    .currency-modal .modal-dialog .currency-form-wrapper > .col-sm-6 {
      padding-left: 0 !important;
      padding-right: 0 !important; }
      .currency-modal .modal-dialog .currency-form-wrapper > .col-sm-6:first-child {
        border-right: 1px solid #f5f5f5; }
  .currency-modal .modal-dialog .currency-container {
    padding: 10px 10px 20px; }
    .currency-modal .modal-dialog .currency-container .switch-wrapper {
      padding: 10px 0 0;
      float: right; }
    .currency-modal .modal-dialog .currency-container .switch-label {
      margin: 17px -20px 0; }
    .currency-modal .modal-dialog .currency-container .currency-btn > div {
      text-align: center;
      padding: 0 3px; }
    .currency-modal .modal-dialog .currency-container #received-total {
      font-size: 2.2em;
      height: 60px;
      width: 630px; }

.customer-profile-modal .modal-dialog {
  width: 370px; }

.customer-profile-modal .profile-search .search-box {
  z-index: 3;
  border-radius: 10px;
  width: 370px;
  background: #ffffff;
  border: 1px solid #f3f3f3;
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.06); }

.customer-profile-modal .profile-search .search-box .search-wrapper {
  margin: 0 0 5px;
  position: relative;
  padding: 15px;
  background: #f5f5f5;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px; }

.customer-profile-modal .profile-search .search-box .search-wrapper input[type="text"] {
  padding: 7px 10px;
  display: block;
  width: 100%;
  border: 1px solid #f2f2f2;
  border-radius: 7px;
  box-shadow: 0 0 0 1px #eaeaea; }

.customer-profile-modal .profile-search .search-box .profile-list ul li {
  padding: 0; }

.customer-profile-modal .profile-search .search-box .profile-list ul li:last-child .profile-text {
  border-bottom: none; }

.customer-profile-modal .profile-search .search-box .profile-list ul li .profile-img {
  padding: 10px 10px 10px 15px; }

.customer-profile-modal .profile-search .search-box .profile-list ul li .profile-img img {
  width: 30px; }

.customer-profile-modal .profile-search .search-box .profile-list ul li .profile-text {
  width: 85%;
  padding: 5px 15px 0 0;
  border-bottom: 1px solid #ededed; }

.customer-profile-modal .profile-search .search-box .profile-list ul li .profile-text p {
  line-height: 0.7; }

.customer-profile-modal .profile-search .search-box .profile-list ul li .profile-text p.label-text {
  font-size: 0.8em; }

.cash-modal .modal-content {
  background: #f5f5f5; }

.cash-modal .content-heading {
  background: #ffffff !important;
  border-bottom: 1px solid #ebebeb; }

.cash-modal .switch-terminal {
  display: none; }

.cash-modal .balance-list {
  padding: 10px 0; }

.cash-modal .balance-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  text-align: center; }

.cash-modal .balance-list ul li {
  background: #ffffff;
  float: left;
  border: 2px dotted #2ecb94;
  padding: 15px 0;
  width: 125px;
  font-size: 1.3em;
  margin: 10px 12px;
  border-radius: 10px;
  color: #00b052; }

.cash-modal .result-box {
  border-radius: 10px;
  background: #ffffff;
  margin: 0 13px 15px;
  border: 1px solid #ebebeb;
  padding: 7px; }

.cash-modal .result-box p {
  float: left;
  font-size: 1.8em;
  margin: 0 10px; }

.cash-modal .result-box .btn-tender {
  float: right;
  text-transform: uppercase; }

.cash-modal .result-box .btn-tender a {
  font-size: 15px;
  padding: 8px 25px; }

.cash-modal .pay-container {
  margin: 0 15px; }

.cash-modal .input-group {
  margin: 0 -5px; }

.cash-modal .input-group input[type="text"] {
  margin: 0 5px;
  border-radius: 5px;
  background: #ffffff;
  border: 1px solid #ebebeb;
  padding: 12px 7px;
  width: 204px; }

.cash-modal .pay-btn {
  margin: 20px 0; }

.payment-modal .content-heading {
  border-bottom: 1px solid #ebebeb; }

.payment-modal .content-heading h5 {
  background: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.payment-modal .receipts-container {
  background: #f5f5f5;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 15px; }

.payment-modal .receipts-container p {
  text-align: center;
  line-height: 1.5; }

.no-conn-modal .modal-dialog, .yes-no-modal .modal-dialog {
  width: 240px;
  margin-top: 15%; }

.no-conn-modal .modal-content, .yes-no-modal .modal-content {
  padding: 25px 0 0;
  text-align: center;
  background: #ebebed; }

.no-conn-modal .modal-content p, .yes-no-modal .modal-content p {
  line-height: 0.5;
  font-size: 0.9em;
  padding: 0 10px; }

.no-conn-modal .modal-content .ok-btn, .yes-no-modal .modal-content .ok-btn {
  border-top: 1px solid #cfcfd1;
  padding: 10px 0;
  margin: 25px 0 0; }

.no-conn-modal .modal-content a, .yes-no-modal .modal-content a {
  font-size: 1.2em;
  color: #0369fa; }

.no-conn-modal .modal-content a:hover, .yes-no-modal .modal-content a:hover, .no-conn-modal .modal-content a:active, .yes-no-modal .modal-content a:active, .no-conn-modal .modal-content a:focus, .yes-no-modal .modal-content a:focus {
  text-decoration: none; }

.yes-no-modal .modal-content p {
  line-height: 1.5; }

.yes-no-modal .yes-no-btn {
  border-top: 1px solid #cfcfd1;
  margin: 25px 0 0; }

.yes-no-modal .yes-no-btn a {
  padding: 10px 0;
  display: inline-block;
  width: 115px; }

.yes-no-modal .yes-no-btn a.yes-btn {
  border-right: 1px solid #cfcfd1;
  color: #14c984; }

.yes-no-modal .yes-no-btn a.no-btn {
  color: #000; }

.deposit-modal .content-heading h5, .payout-modal .content-heading h5 {
  background: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.deposit-modal .deposit-container, .payout-modal .deposit-container {
  padding: 15px;
  background: #f5f5f5;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.deposit-modal .deposit-container ul, .payout-modal .deposit-container ul {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #efefef; }

.deposit-modal .deposit-container ul li, .payout-modal .deposit-container ul li {
  border-bottom: 1px solid #efefef;
  padding: 15px; }

.deposit-modal .deposit-container ul li:last-child, .payout-modal .deposit-container ul li:last-child {
  border-bottom: none; }

.item-list-modal .item-unit {
  margin: 15px; }

.item-list-modal .item-unit ul li {
  float: left; }

.item-list-modal .item-unit ul li .btn {
  font-size: 3em;
  padding: 5px 35px;
  line-height: 0; }

.item-list-modal .item-unit ul li .item-number {
  max-width: 230px;
  z-index: 1; }
  .item-list-modal .item-unit ul li .item-number .input-group-btn {
    position: absolute;
    right: 0;
    margin-right: 67px; }
    .item-list-modal .item-unit ul li .item-number .input-group-btn a {
      padding: 10px; }
      .item-list-modal .item-unit ul li .item-number .input-group-btn a i {
        z-index: 2;
        font-size: 32px; }

.item-list-modal .item-unit ul li .item-number input {
  width: 200px;
  background: #f5f5f5;
  font-size: 2.6em;
  margin: 0 15px;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  height: 55px; }

.item-list-modal form {
  border-top: 1px solid #f5f5f5;
  margin: 10px 0; }

.item-list-modal .item-container .row {
  padding: 10px 15px; }

/* QUANTITY */
.product-quantity ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.product-quantity ul li:last-child .quantity-text {
  border-bottom: none;
  box-shadow: none; }

.product-quantity ul li .quantity-img {
  width: 14%;
  padding: 7px 15px 3px;
  float: left; }

.product-quantity ul li .quantity-img img {
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
  height: 40px;
  width: 40px; }

.product-quantity ul li .quantity-text {
  padding: 20px 15px 10px 0;
  float: right;
  width: 85%;
  border-bottom: 1px solid #ededed;
  box-shadow: 0 1px 0 0 #fafafa; }

.product-quantity ul li .quantity-text .badge {
  background: #fd3035; }

.product-quantity ul li .quantity-name {
  float: left;
  font-size: 0.9em; }

.product-quantity ul li .quantity-item {
  float: right;
  font-size: 0.85em;
  color: #a9a9a9; }

.product-quantity ul li span.item-number {
  color: #ff2536;
  font-weight: bold; }

/* ORDER */
.order-list {
  display: none;
  background: #fff;
  padding: 20px 0; }

.order-list .order-box {
  margin: 0 0 20px;
  padding: 10px 0;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 100px;
  position: relative; }

.order-list .order-box .order-id {
  padding: 5px 0 0; }

.order-list .order-box .order-price {
  padding: 5px 0 0;
  color: #bfbfbf; }
  .order-list .order-box .order-price span {
    font-size: 10px;
    display: block; }

.order-list .order-box .order-name {
  padding: 3px;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  color: #ffffff; }

.order-list .green {
  border: 1px solid #34b709; }

.order-list .green .order-name {
  background: #49bc21; }

.order-list .orange {
  border: 1px solid #ff4e00; }

.order-list .orange .order-name {
  background: #f56816; }

.order-list .sky-blue {
  border: 1px solid #449dc9; }

.order-list .sky-blue .order-name {
  background: #449dc9; }

.order-list .red {
  border: 1px solid #ed5e56; }

/* ACTIVITY */
body {
  height: 100%; }

.activity-wrapper .menu-bar .menu-btn {
  position: absolute;
  left: 10px;
  top: 10px; }

.activity-wrapper .menu-bar .search-activity-btn {
  position: absolute;
  right: 10px;
  top: 10px; }

.activity-wrapper .activity-date dl {
  margin: 0;
  padding: 0; }

.activity-wrapper .activity-date dl dt {
  font-size: 12px;
  padding: 5px 15px;
  border-bottom: 1px solid #eaeaea;
  box-shadow: 0 2px 0 0 #f6f6f6; }

.activity-wrapper .activity-date dl dd {
  background: #ffffff; }

.activity-wrapper .activity-date dl dd ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.activity-wrapper .activity-date dl dd ul li {
  padding: 15px 15px 15px 25px;
  border-bottom: 1px solid #efefef;
  box-shadow: 0 1px 0 0 #f6f6f6; }

.activity-wrapper .activity-date dl dd ul li .left-text {
  float: left; }

.activity-wrapper .activity-date dl dd ul li .left-text .price {
  color: #b0b0b0; }

.activity-wrapper .activity-date dl dd ul li .right-text {
  float: right; }

.activity-wrapper .activity-date dl dd ul li.active {
  background: #0cc579;
  color: #ffffff; }

.activity-wrapper .activity-date dl dd ul li.active .price {
  color: #ffffff; }

.activity-wrapper .activity-container .activity-top-menu .message-btn {
  position: absolute;
  right: 15px;
  top: 10px; }

.activity-wrapper .activity-container .contact-text {
  margin: 40px 0 0;
  text-align: center;
  border-bottom: 1px solid #ededed;
  box-shadow: 0 1px 0 0 #f6f6f6;
  padding: 10px 0; }

.activity-wrapper .activity-container .label-text {
  color: #c8c8c8; }

.activity-wrapper .activity-container .product-detail ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.activity-wrapper .activity-container .product-detail ul li {
  border-bottom: 1px solid #ededed;
  box-shadow: 0 1px 0 0 #f6f6f6;
  padding: 10px 0 0; }

.activity-wrapper .activity-container .product-detail ul li p {
  line-height: 1; }

.activity-wrapper .activity-container .payment-list ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.activity-wrapper .activity-container .payment-list ul li {
  padding: 15px 0;
  border-bottom: 1px solid #ededed;
  box-shadow: 0 1px 0 0 #f6f6f6; }

.activity-wrapper .activity-container .payment-list ul li:last-child {
  border-bottom: none;
  box-shadow: none; }

/* CASH MANAGEMENT */
.cash-wrapper .nav-bar .menu-bar {
  position: relative; }

.cash-wrapper .nav-bar .cash-date dl {
  background: #ffffff; }

.cash-wrapper .nav-bar .cash-date dl dt {
  font-weight: normal;
  font-size: 1em;
  padding: 15px 0;
  border-bottom: 1px solid #eeeeee;
  box-shadow: 0 1px 0 0 #f9f9f9; }

.cash-wrapper .nav-bar .cash-date dl dt i {
  position: relative;
  line-height: 0.5;
  font-size: 2em;
  padding: 15px;
  top: 5px; }

.cash-wrapper .nav-bar .cash-date dl dd ul {
  margin: 0;
  padding: 0;
  list-style: 0; }

.cash-wrapper .nav-bar .cash-date dl dd ul li {
  padding: 15px 0 15px 45px;
  border-bottom: 1px solid #eeeeee;
  box-shadow: 0 1px 0 0 #f9f9f9; }

.cash-wrapper .nav-bar .cash-date dl dd ul li.active {
  background: #0dc67a;
  color: #ffffff; }

.cash-wrapper .cash-container {
  background: #f5f5f5;
  padding: 0 15px; }

.cash-wrapper .cash-container .label-text {
  color: #a8a8a8;
  width: 140px; }

.cash-wrapper .cash-container .cash-top-menu .top-menu-btn {
  position: absolute;
  right: 15px;
  top: 10px; }

.cash-wrapper .cash-container .cash-top-menu .top-menu-btn i {
  padding: 0 10px; }

.cash-wrapper .cash-container .cash-content .drawer-btn {
  text-align: center;
  padding: 20px 0 15px; }

.cash-wrapper .cash-container .cash-content .drawer-btn a {
  width: 150px;
  border: 1px solid #00bd61; }

.cash-wrapper .cash-container .cash-content .drawer-btn a.btn-default {
  color: #00bd61; }

.cash-wrapper .cash-container .cash-content .drawer-btn p {
  padding: 20px 0 0;
  color: #bebebe; }

.cash-wrapper .cash-container .cash-content .drawer-wrapper {
  background: #ffffff;
  border: 1px solid #ebebeb;
  padding: 15px;
  border-radius: 5px; }

.cash-wrapper .cash-container .cash-content .drawer-wrapper .close-drawer-btn {
  padding: 0 0 24px;
  border-bottom: 1px solid #eeeeee; }

.cash-wrapper .cash-container .cash-content .drawer-wrapper ul.drawer-list li {
  padding: 15px 0;
  border-bottom: 1px solid #eeeeee;
  position: relative; }

.cash-wrapper .cash-container .cash-content .drawer-wrapper ul.drawer-list .btn {
  position: absolute;
  top: 10px;
  padding: 5px 25px; }

.cash-wrapper .cash-container .cash-content .drawer-wrapper .total-balance {
  font-size: 1.3em;
  padding: 15px 0 0; }

.cash-wrapper .cash-container .cash-content .activity-log {
  display: none;
  background: #ffffff;
  margin: 0 -15px;
  padding: 0 0 0 15px;
  border: 1px solid #eaeaea;
  box-shadow: inset 0 1px 2px -1px #f7f7f7, inset 0 -1px 2px -1px #f7f7f7; }

.cash-wrapper .cash-container .cash-content .activity-log table {
  margin: 0; }

.cash-wrapper .cash-container .cash-content .activity-log table th {
  border-top: none;
  color: #19c07b;
  font-weight: normal;
  padding: 15px 0; }

.cash-wrapper .cash-container .cash-content .activity-log table td {
  padding: 10px 0; }

.cash-wrapper .cash-container .cash-content .activity-log table td .label-text {
  display: block; }

/* EMPLOYEE MANAGEMENT */
.employee-box, .customer-wrapper .customer-container .customer-content .customer-box, .customer-wrapper .customer-container .customer-content .password-wrapper, .customer-wrapper .customer-container .customer-content .status-wrapper, .setting-wrapper .setting-box {
  border-radius: 5px;
  background: #ffffff;
  border: 1px solid #ebebeb;
  box-shadow: 0 0 2px 1px #f0f0f0; }

.employee-box .float-left, .customer-wrapper .customer-container .customer-content .customer-box .float-left, .customer-wrapper .customer-container .customer-content .password-wrapper .float-left, .customer-wrapper .customer-container .customer-content .status-wrapper .float-left, .setting-wrapper .setting-box .float-left, .employee-box .float-right, .customer-wrapper .customer-container .customer-content .customer-box .float-right, .customer-wrapper .customer-container .customer-content .password-wrapper .float-right, .customer-wrapper .customer-container .customer-content .status-wrapper .float-right, .setting-wrapper .setting-box .float-right {
  padding: 10px 0; }

.employee-box ul, .customer-wrapper .customer-container .customer-content .customer-box ul, .customer-wrapper .customer-container .customer-content .password-wrapper ul, .customer-wrapper .customer-container .customer-content .status-wrapper ul, .setting-wrapper .setting-box ul {
  padding-left: 15px; }

.employee-box ul li, .customer-wrapper .customer-container .customer-content .customer-box ul li, .customer-wrapper .customer-container .customer-content .password-wrapper ul li, .customer-wrapper .customer-container .customer-content .status-wrapper ul li, .setting-wrapper .setting-box ul li {
  padding: 5px 10px 5px 0;
  border-bottom: 1px solid #eeeeee;
  box-shadow: 0 1px 0 0 #f8f8f8; }

.employee-box ul li:last-child, .customer-wrapper .customer-container .customer-content .customer-box ul li:last-child, .customer-wrapper .customer-container .customer-content .password-wrapper ul li:last-child, .customer-wrapper .customer-container .customer-content .status-wrapper ul li:last-child, .setting-wrapper .setting-box ul li:last-child {
  border-bottom: none;
  box-shadow: none; }

.employee-box ul li .img-avatar, .customer-wrapper .customer-container .customer-content .customer-box ul li .img-avatar, .customer-wrapper .customer-container .customer-content .password-wrapper ul li .img-avatar, .customer-wrapper .customer-container .customer-content .status-wrapper ul li .img-avatar, .setting-wrapper .setting-box ul li .img-avatar {
  position: relative; }

.employee-box ul li .img-avatar img, .customer-wrapper .customer-container .customer-content .customer-box ul li .img-avatar img, .customer-wrapper .customer-container .customer-content .password-wrapper ul li .img-avatar img, .customer-wrapper .customer-container .customer-content .status-wrapper ul li .img-avatar img, .setting-wrapper .setting-box ul li .img-avatar img {
  position: absolute;
  right: 0;
  top: -5px;
  width: 30px;
  height: 30px; }

.employee-wrapper .nav-bar, .customer-wrapper .nav-bar, .setting-wrapper .nav-bar {
  background: #ffffff; }

.employee-wrapper .employee-container, .customer-wrapper .employee-container, .setting-wrapper .employee-container, .customer-wrapper .customer-container, .setting-wrapper .setting-container {
  padding-left: 15px; }

.add-employee-btn, .customer-wrapper .nav-bar .add-customer-btn {
  position: absolute;
  right: 10px;
  top: 10px; }

.employee-search form, .customer-wrapper .nav-bar .customer-search form {
  padding: 10px 15px;
  position: relative; }

.employee-search form input[type="text"], .customer-wrapper .nav-bar .customer-search form input[type="text"] {
  width: 100%;
  border: 1px solid #dbdbdb;
  background: #dedede;
  padding: 10px 15px 10px 25px;
  border-radius: 3px; }

.employee-search form .icon, .customer-wrapper .nav-bar .customer-search form .icon {
  position: absolute;
  left: 25px;
  top: 20px;
  color: #5e5e5e; }

.employee-list dl, .customer-wrapper .nav-bar .customer-list dl, .setting-wrapper .nav-bar .setting-list dl {
  margin: 0; }

.employee-list dl li, .customer-wrapper .nav-bar .customer-list dl li, .setting-wrapper .nav-bar .setting-list dl li {
  padding: 5px 15px;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2; }

.employee-list dl li.active, .customer-wrapper .nav-bar .customer-list dl li.active, .setting-wrapper .nav-bar .setting-list dl li.active {
  background: #0cc579;
  color: #ffffff;
  border-top: 1px solid #a7dbc4;
  border-bottom: 1px solid #a7dbc4; }

.employee-list dl li .img-wrapper, .customer-wrapper .nav-bar .customer-list dl li .img-wrapper, .setting-wrapper .nav-bar .setting-list dl li .img-wrapper {
  margin-right: 10px; }

.employee-list dl li img, .customer-wrapper .nav-bar .customer-list dl li img, .setting-wrapper .nav-bar .setting-list dl li img {
  width: 45px;
  height: 45px; }

.employee-list dl li small, .customer-wrapper .nav-bar .customer-list dl li small, .setting-wrapper .nav-bar .setting-list dl li small {
  display: block; }

.employee-list dt, .customer-wrapper .nav-bar .customer-list dt, .setting-wrapper .nav-bar .setting-list dt {
  background: #f5f5f5;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  padding: 2px 15px;
  background: #f5f5f5; }

.employee-top-menu .top-menu-btn, .customer-wrapper .customer-container .customer-top-menu .top-menu-btn, .setting-wrapper .setting-container .setting-top-menu .top-menu-btn {
  position: absolute;
  right: 15px;
  top: 10px; }

.employee-content, .customer-wrapper .customer-container .customer-content, .setting-wrapper .setting-content {
  padding: 15px;
  background: #f5f5f5; }

.employee-status {
  padding: 15px 10px 15px 15px; }

/* CUSTOMER MANAGEMENT */
.customer-wrapper .customer-container .customer-content .customer-box, .customer-wrapper .customer-container .customer-content .password-wrapper, .customer-wrapper .customer-container .customer-content .status-wrapper {
  margin-bottom: 15px; }

.customer-wrapper .customer-container .customer-content span.password {
  font-size: 1.3em; }

.customer-wrapper .customer-container .customer-content span.required {
  color: #ff0c0b; }

.customer-wrapper .customer-container .customer-content .status-wrapper .float-right {
  position: relative; }

.customer-wrapper .customer-container .customer-content .status-wrapper .float-right .switch-wrapper {
  position: absolute;
  top: 4px;
  right: 0; }

/* SWITCH IOS STYLE */
/*** BEGIN VARIABLES ***/
/*** END VARIABLES *** BEGIN STYLING ***/
.switch {
  display: none; }

.switch + label,
.switch + label::after {
  display: inline-block;
  position: relative;
  width: 54px;
  height: 34px;
  box-sizing: border-box;
  background: #FFF;
  border: 2px solid #DDD;
  border-radius: 9999px;
  transition: 300ms; }

.switch + label::after {
  content: "";
  position: absolute;
  left: 0;
  background: #FFF;
  width: 30px;
  height: 30px;
  border: none;
  box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.2), 0 0 0 2px #DDD; }

.switch:checked + label {
  border: 2px solid #4BD865;
  box-shadow: inset 0 0 0 calc(19px) #4BD865; }

.switch:checked + label::after {
  left: calc(20px);
  box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.2), 0 0 0 2px #4BD865; }

.switch:not(:checked) + label:hover:active {
  box-shadow: inset 0 0 0 calc(19px) #DDD; }

.switch + label:hover:active::after {
  width: calc(35px); }

.switch:checked + label:hover:active::after {
  left: calc(15px); }

/* SETTING STYLE */
.setting-wrapper .nav-bar .setting-list dt {
  font-size: 0.9em;
  font-weight: normal; }

.setting-wrapper .nav-bar .setting-list dd ul li {
  position: relative;
  padding: 10px 0 10px 50px; }

.setting-wrapper .nav-bar .setting-list dd ul li i {
  position: absolute;
  font-size: 2em;
  top: 0;
  left: 15px; }

.setting-wrapper .setting-box {
  padding: 7px 15px;
  margin-bottom: 15px; }

.setting-wrapper .setting-box ul {
  margin: -7px -15px; }

.setting-wrapper .setting-box .float-right {
  position: relative; }

.setting-wrapper .setting-box .float-right i {
  padding-left: 15px;
  position: relative;
  top: 2px;
  right: 0;
  font-size: 1.1em; }

.setting-wrapper .setting-box .float-right .switch-wrapper {
  position: absolute;
  top: 4px;
  right: 0; }

/*
 * Component: Sidebar
 * ------------------
 */
.main-sidebar,
.left-side {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 0px;
  min-height: 100%;
  width: 200px;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
  background-color: #222d32; }

@media (max-width: 767px) {
  .main-sidebar,
  .left-side {
    padding-top: 100px; } }
@media (max-width: 767px) {
  .main-sidebar,
  .left-side {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0); } }
@media (min-width: 768px) {
  .sidebar-collapse .main-sidebar,
  .sidebar-collapse .left-side {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0); } }
@media (max-width: 767px) {
  .sidebar-open .main-sidebar,
  .sidebar-open .left-side {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }
.sidebar {
  padding-bottom: 10px; }

.sidebar-nav h4 {
  color: #fff;
  text-align: center;
  background: #0cc579;
  width: 100%;
  margin: 0px;
  padding: 15px; }

.sidebar-form input:focus {
  border-color: transparent; }

.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0; }

.sidebar-menu > li {
  position: relative;
  margin: 0;
  color: #fff;
  padding: 0; }
  .sidebar-menu > li div {
    padding-left: 15px; }
    .sidebar-menu > li div label {
      padding-left: 10px; }

.sidebar-menu > li > a {
  color: #fff;
  padding: 12px 5px 12px 15px;
  display: block; }

.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion {
  width: 20px; }

.sidebar-menu > li .label,
.sidebar-menu > li .badge {
  margin-top: 3px;
  margin-right: 5px; }

.sidebar-menu li.header {
  padding: 10px 25px 10px 15px;
  font-size: 12px; }

.sidebar-menu li > a > .fa-angle-left {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  margin-top: 3px; }

.sidebar-menu li.active > a > .fa-angle-left {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.sidebar-menu li.active > .treeview-menu {
  display: block; }

.sidebar-menu .treeview-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 5px; }

.sidebar-menu .treeview-menu .treeview-menu {
  padding-left: 20px; }

.sidebar-menu .treeview-menu > li {
  margin: 0; }

.sidebar-menu .treeview-menu > li > a {
  padding: 5px 5px 5px 15px;
  display: block;
  font-size: 14px; }

.sidebar-menu .treeview-menu > li > a > .fa,
.sidebar-menu .treeview-menu > li > a > .glyphicon,
.sidebar-menu .treeview-menu > li > a > .ion {
  width: 20px; }

.sidebar-menu .treeview-menu > li > a > .fa-angle-left,
.sidebar-menu .treeview-menu > li > a > .fa-angle-down {
  width: auto; }

 /*
* Plugin: Select2
* ---------------
*/
.select2-container--default.select2-container--focus,
.select2-selection.select2-container--focus,
.select2-container--default:focus,
.select2-selection:focus,
.select2-container--default:active,
.select2-selection:active {
  outline: none; }

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
  border: 1px solid #d2d6de;
  border-radius: 0;
  padding: 6px 12px;
  height: 34px; }

.select2-container--default.select2-container--open {
  border-color: #3c8dbc; }
  .select2-container--default.select2-container--open .select2-selection--single {
    display: none; }

.select2-dropdown {
  border: 1px solid #d2d6de;
  border-radius: 0; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #3c8dbc;
  color: white; }

.select2-results__option {
  padding: 6px 12px;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  height: auto;
  margin-top: -4px; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 6px;
  padding-left: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 28px;
  right: 3px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 0; }

.select2-dropdown .select2-search__field,
.select2-search--inline .select2-search__field {
  border: 1px solid #d2d6de; }

.select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus {
  outline: none;
  border: 1px solid #3c8dbc; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true]:hover {
  color: #444; }

.select2-container--default .select2-selection--multiple {
  border: 1px solid #d2d6de;
  border-radius: 0; }

.select2-container--default .select2-selection--multiple:focus {
  border-color: #3c8dbc; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #d2d6de; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3c8dbc;
  border-color: #367fa9;
  padding: 1px 10px;
  color: #fff; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.7); }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff; }

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 10px; }

.select2-search.select2-search--dropdown {
  border: 1px solid #aaa; }

/*
Animation Loading
 */
.loading {
  width: 100%;
  height: 100%;
  background: #16171d;
  opacity: 0.7;
  position: fixed;
  z-index: 1; }

.loading > div {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 16%;
  margin-left: -30px;
  top: 40%;
  margin-top: -30px; }

.loading > div > div {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  background: #ff8c00;
  top: 10px;
  left: 10px;
  transform-origin: 20px 20px;
  border-radius: 8px;
  animation: spin-a 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }

.loading > div > .c2 {
  top: 10px;
  left: auto;
  right: 10px;
  transform-origin: -4px 20px;
  animation: spin-b 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }

.loading > div > .c3 {
  top: auto;
  left: auto;
  right: 10px;
  bottom: 10px;
  transform-origin: -4px -4px;
  animation: spin-c 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }

.loading > div > .c4 {
  top: auto;
  bottom: 10px;
  transform-origin: 20px -4px;
  animation: spin-d 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }

@keyframes spin-a {
  0% {
    transform: rotate(90deg); }
  0% {
    transform: rotate(90deg); }
  50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(270deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes spin-b {
  0% {
    transform: rotate(90deg); }
  25% {
    transform: rotate(90deg); }
  25% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(270deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes spin-c {
  0% {
    transform: rotate(90deg); }
  25% {
    transform: rotate(90deg); }
  50% {
    transform: rotate(180deg); }
  50% {
    transform: rotate(270deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes spin-d {
  0% {
    transform: rotate(90deg); }
  25% {
    transform: rotate(90deg); }
  50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(270deg); }
  75% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(360deg); } }
.loading > span {
  width: 100px;
  height: 30px;
  position: absolute;
  left: 16%;
  margin-left: -50px;
  top: 43%;
  margin-top: 30px;
  color: #ff8c00;
  font-size: 12px;
  text-align: center; }

/**
 * Search Products Select2
 */
.search-product + .select2 {
  width: 230px !important;
  float: right;
  margin-right: 10px;
  margin-top: 10px; }
  .search-product + .select2 .select2-selection {
    border-radius: 5px;
    width: 30px;
    float: right;
    background: transparent;
    border: none; }
  .search-product + .select2 .select2-selection__arrow {
    display: none; }

#select2-search-product-container {
  width: 30px; }
  #select2-search-product-container:before {
    content: "\f002";
    font-family: fontAwesome;
    width: 30px;
    color: #fff; }

.select-customer-wrapper .col-sm-9 {
  height: 40px; }
.select-customer-wrapper .select2-container {
  width: 200px !important; }

.select2-container--default.select2-container--open {
  top: 7px !important; }
  .select2-container--default.select2-container--open .select2-result-product-thumbnail img {
    max-width: 100px;
    float: left;
    margin-right: 10px; }

.modal-backdrop + .select2-container--open {
  top: 29% !important; }
  .modal-backdrop + .select2-container--open .select2-dropdown {
    width: 200px !important; }

/*
Badge
 */
.label-info {
  background-color: #5bc0de;
  color: #fff;
  padding: 0px 5px 0 5px;
  border-radius: 10px;
  margin-left: 10px;
  display: inline-block;
  max-width: 120px; }

/**
 * Pagination
 */
.pagination {
  float: right;
  padding-right: 20px; }

.form-group input, .form-group label, .form-group p, .form-group .select2-selection__placeholder, .form-group .btn, .recieved-total-wrap input, .recieved-total-wrap label, .recieved-total-wrap p, .recieved-total-wrap .select2-selection__placeholder, .recieved-total-wrap .btn, .input-dollar input, .input-dollar label, .input-dollar p, .input-dollar .select2-selection__placeholder, .input-dollar .btn, .amount-text input, .amount-text label, .amount-text p, .amount-text .select2-selection__placeholder, .amount-text .btn, div input, div label, div p, div .select2-selection__placeholder, div .btn {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

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