*::-webkit-scrollbar {
  width: 5px;
  height: 5px; }
*::-webkit-scrollbar-track {
  background: #fafafa; }
*::-webkit-scrollbar-thumb {
  background-color: #dddddd;
  border-radius: 20px;
  border: 0 solid #fafafa;
  transition: background-color 0.2s linear; }
  *::-webkit-scrollbar-thumb:hover {
    background-color: #006633; }

select.form-control {
  color: #2e2e2e;
  cursor: pointer;
  padding: 5px;
  height: 36px;
  width: auto;
  outline: none;
  border: 1px solid #dddddd;
}

.readonly_label {
  font-size: 14px;
  color: #000000;
}

.form-group label {
  /* color: #006633; */
  color: #000000;
  font-weight: 600;
}

.chosen-container {
  min-width: 150px;
}

/* General */
.ap-page-link {
  cursor: pointer;
}

/* Navbar */
.navbar .navbar-brand-wrapper .brand-logo-mini img,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile img {
  width: 32px;
  height: 32px;
}

#navbar-search-input {
  background: #F5F7FF;
  border-radius: 100px;
  padding-left: 20px;
  padding-right: 20px;
}

/* Sidebar */
.sidebar .nav .nav-item .nav-link i.menu-icon {
  position: relative;
  top: -2px;
}

.sidebar .nav:not(.sub-menu)>.nav-item>.nav-link[aria-expanded="true"],
.sidebar .nav .nav-item .nav.sub-menu {
  background: #fafafa;
}

.sidebar .nav:not(.sub-menu)>.nav-item.active>.nav-link[aria-expanded="true"] {
  background: #F5F7FF;
}

.sidebar .nav .nav-item.active>.nav-link,
.sidebar .nav:not(.sub-menu)>.nav-item.active,
.sidebar .nav .nav-item.active .nav.sub-menu {
	background: #F5F7FF;
}

.sidebar .collapse.show .nav.sub-menu {
  border-radius: 0 0 8px 8px !important;
}

.sidebar .nav .nav-item.active>.nav-link i,
.sidebar .nav .nav-item.active>.nav-link .menu-title,
.sidebar .nav .nav-item.active>.nav-link .menu-arrow,
.sidebar .nav .nav-item .nav-link .menu-title,
.sidebar .nav.sub-menu .nav-item .nav-link,
.sidebar .nav .nav-item:hover>.nav-link i,
.sidebar .nav .nav-item:hover>.nav-link .menu-title,
.sidebar .nav .nav-item:hover>.nav-link .menu-arrow,
.sidebar .nav.sub-menu .nav-item .nav-link:hover {
  color: rgb(108, 115, 131);
}

.sidebar .nav:not(.sub-menu)>.nav-item:hover>.nav-link,
.sidebar .nav:not(.sub-menu)>.nav-item:hover[aria-expanded="true"],
.sidebar .nav .nav-item:hover .nav.sub-menu {
  background: #fafafa;
  color: rgb(108, 115, 131);
}

.sidebar .nav:not(.sub-menu)>.nav-item.active:hover>.nav-link,
.sidebar .nav:not(.sub-menu)>.nav-item.active:hover[aria-expanded="true"],
.sidebar .nav .nav-item.active:hover .nav.sub-menu {
	background: #F5F7FF;
	color: rgb(108, 115, 131);
}

.sidebar .nav .nav-item:hover>.nav-link i,
.sidebar .nav .nav-item:hover>.nav-link .menu-title,
.sidebar .nav .nav-item:hover>.nav-link .menu-arrow,
.sidebar .nav.sub-menu .nav-item .nav-link:hover,
.sidebar .nav:not(.sub-menu)>.nav-item:hover>.nav-link,
.sidebar .nav:not(.sub-menu)>.nav-item:hover[aria-expanded="true"],
.sidebar .nav .nav-item:hover .nav.sub-menu,
.sidebar .nav:not(.sub-menu)>.nav-item.active:hover>.nav-link,
.sidebar .nav:not(.sub-menu)>.nav-item.active:hover[aria-expanded="true"],
.sidebar .nav .nav-item.active:hover .nav.sub-menu,
.sidebar .nav.sub-menu .nav-item .nav-link.active:hover {
  color: #006633 !important;
}

.sidebar .nav .nav-item.active>.nav-link i,
.sidebar .nav .nav-item.active>.nav-link .menu-title,
.sidebar .nav .nav-item.active>.nav-link .menu-arrow,
.sidebar .nav.sub-menu .nav-item.active .nav-link,
.sidebar .nav:not(.sub-menu)>.nav-item.active>.nav-link,
.sidebar .nav:not(.sub-menu)>.nav-item.active[aria-expanded="true"],
.sidebar .nav .nav-item.active .nav.sub-menu,
.sidebar .nav:not(.sub-menu)>.nav-item.active.active>.nav-link,
.sidebar .nav:not(.sub-menu)>.nav-item.active.active[aria-expanded="true"],
.sidebar .nav .nav-item.active.active .nav.sub-menu,
.sidebar .nav.sub-menu .nav-item.active .nav-link.active {
	color: #006633 !important;
}

.sidebar .nav .nav-item.active .nav-link[aria-expanded="true"] i.menu-arrow::before {
  transform: rotate(0deg);
}

.sidebar .nav .nav-item.active .nav-link[aria-expanded="false"] i.menu-arrow::before {
	transform: rotate(-90deg);
}

.sidebar .nav .nav-item.active .nav-link[aria-expanded="true"] i.menu-icon,
.sidebar .nav .nav-item.active .nav-link[aria-expanded="true"] i.menu-arrow,
.sidebar .nav.sub-menu .nav-item .nav-link.active {
  color: #006633 !important;
}

.sidebar .nav.sub-menu .nav-item .nav-link.selected {
  color: #006633 !important;
}

/* Main */
.ap-fs-24 {
  font-size: 24px;
}

.ap-btn-sm {
  padding: 0.5rem 0.81rem !important;
}

.ap-tfoot-search {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: normal;
  padding: 12px 10px 10px;
  height: 32px;
  border-radius: 100px !important;
}

/* Datatables */
.dataTables_length {
	display: none;
}

.datatables-add-button {
	position: absolute;
}

/* .dataTables_info,
.dataTables_filter {
  display: none;
} */

.dataTables_info {
  display: none;
}

.dataTables_filter {
  margin-top: -3px;
}

.dataTables_filter label input {
  padding: 6.5px 10px;
  border-radius: 100px;
  border: 1px solid #ffffff;
  background: #F5F7FF;
}

.dataTables_wrapper .dataTables_paginate {
  margin-top: 0;
}

.paging_full_numbers {
  height: none;
}

.dataTables_filter label {
  margin-bottom: 0;
}

table.dataTable {
  margin-top: 30px;
}

table.dataTable thead th {
  color: #1e1e1e;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: .875rem;
  padding: 15px;
  text-align: left;
}

table.dataTable tbody td {
  padding: 15px;
}

table.dataTable tr.odd td.sorting_1,
table.dataTable tr.even td.sorting_1 {
  background: none;
}

table.dataTable tr.table-danger td.sorting_1 {
  background: #ffcbcb;
}

table.dataTable tr.table-warning td.sorting_1 {
  background: #ffeeb8;
}

table.dataTable tfoot th {
  padding: 15px;
  border-top: 1px solid #CED4DA;
}

.form-control {
  margin-bottom: 5px;
}

.report-div {
  margin: 20px 0 0 0;
  padding: 0;
  border: none;
}

.report-div.report-list {
  padding: 0;
  margin: 0;
  border: none;
}

.ui-datepicker-current-day .ui-state-default,
.ui-slider-handle {
  background: #dddddd !important;
}

.ui-widget-header,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: none;
	background: none;
}

#field-kode_obat {
  text-transform: uppercase;
}

.sap-barcode {
  height: 40px !important;
  width: auto !important;
  border-radius: 0 !important;
}

.groceryCrudTable tbody tr td.actions .edit_button {
  background: #222222;
  color: #ffffff;
  border-radius: 50px;
  transition: background 0.1s linear;
}

.groceryCrudTable tbody tr td.actions .edit_button:hover {
  background: #111111;
}

.groceryCrudTable tbody tr td.actions .edit_button .ui-icon {
  display: none;
}

.groceryCrudTable tbody tr td.actions .edit_button .ui-button-text {
  padding: 8px 15px 8px 12px;
}

/* Search Product */
#searchProduct {
  margin-bottom: 15px;
}

#searchProduct .twitter-typeahead {
  width: 100%;
}

#searchProduct .twitter-typeahead .tt-input {
  border-radius: 100px;
}

/* Cart */
table.ap-table-cart tbody tr td.cart-empty {
  text-align: center;
}

table.ap-table-cart tbody tr td input.qty {
  padding: 0 5px;
  width: 60px;
  height: 30px;
  text-align: center;
}

table.ap-table-cart tbody tr td span.delete-item {
  cursor: pointer;
  top: -1px;
  color: #e84c3d;
  position: relative;
  margin-right: 5px;
  transition: color 0.1s linear;
}

table.ap-table-cart tbody tr td span.delete-item:hover {
  color: #222222;
}

table.ap-table-cart tfoot tr:first-child th {
  padding-top: 15px;
}

table.ap-table-cart tfoot tr:last-child th {
  padding-top: 30px;
}

table.ap-table-cart tfoot tr th {
  border-color: transparent;
  padding-bottom: 0;
  padding-top: 10px;
}

table.ap-table-cart tfoot tr th input {
  padding: 15px;
  height: 30px;
  width: 100%;
}

.ap-lap-penjualan .dataTables_wrapper .dataTable thead .sorting:before,
.ap-lap-penjualan .dataTables_wrapper .dataTable thead .sorting:after {
  display: none;
}

.ap-lap-penjualan .dataTables_wrapper .dataTable thead .sorting.sorting_asc:before {
  bottom: 7px;
  display: block;
}

.ap-lap-penjualan .dataTables_wrapper .dataTable thead .sorting.sorting_desc:after {
  top: 10px;
  display: block;
}

.ap-lap-penjualan .dataTables_wrapper .row:first-child {
  display: none;
}

.footer {
  transition: none !important;
}

.ap-card .card-body .card-title {
  margin-bottom: 10px;
}

.ap-dropdown-periode .dropdown-menu.show {
  top: 30px !important;
  left: calc(-100% + -2px) !important;
}

.groceryCrudTable tbody tr td.actions .edit_button:nth-child(2) {
  background: #006633;
}

.qq-upload-button {
  background: #ffffff;
  padding: 5px 10px;
  font-size: 14px;
  border-color: #dddddd;
}

.qq-upload-button:hover {
  background: #ffffff;
  border-color: #dddddd;
  opacity: 0.9;
}

a.open-file,
.image-thumbnail img {
  pointer-events: none;
  cursor: default;
}

.table-responsive {
  min-height: 400px;
}

.btn-sm {
  padding: 0.5rem 0.81rem !important;
}

.wrap-checkbox {
  border: 1px solid #dddddd;
  border-radius: 4px;
  max-height: 300px;
  max-width: 300px;
  padding: 10px 15px;
  overflow-y: scroll;
  width: 100%;
}

#tt_status_1_field_box,
#tt_status_2_field_box, 
#tt_status_3_field_box,
#tt_status_4_field_box {
  margin-top: -40px;
}

div.selectize-control.chosen-select {
    width: 100% !important;
}

.ans-tooltip {
  white-space: normal;
  line-height: 20px;
  width: 300px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  cursor: pointer;
}

.ans-tooltip:hover {
  opacity: 80%;
}

.ans-tooltip-content {
  display: none;
  position: absolute;
  top: 88px;
  left: 15px;
  white-space: normal;
  background: #121212;
  padding: 12px;
  color: #fff;
  border-radius: 6px;
  line-height: 18px;
}

.an-pagination {
  display: flex;
  flex-flow: row;
  list-style: none;
}

/* Custom */
.table-light {
  margin-bottom: 16px;
  border: 1px solid #dddddd;
}

.table-light thead th {
  background: #222222;
  color: #ffffff;
}

.table-light tbody td {
  border-bottom: 1px solid #dddddd;
}

.btn-secondary {
  background: #222222;
  border-color: #222222;
  color: #ffffff;
}

.btn-primary {
  background-color: #006633 !important;
}

.table-responsive {
  padding-bottom: 60px;
}
/* Custom */