div.table {
  overflow: auto;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.table-caption {
  padding: 10px;
  box-sizing: border-box;
  font-weight: bold;
  color: #161bdc;
}

.row-caption {
  text-align: left;
  padding: 6px 10px;
  border-bottom: 1px solid #ccc;
  background-color: #efffef;
}

.row-caption.bottom {
  border-bottom: 0px solid #ccc;
  border-top: 1px solid #ccc;
}

div.table.caption {
  height: calc(100% - 42px);
}

div.table.height-auto {
  height: auto;
}

table.table {
  min-width: 100%;
}

table.table>tbody {
  background-color: #fff;
}

table.table tr {
  min-height: 25px;
}

table.table th, table.table td {
  border-right: 0.1px solid #ccc;
  border-bottom: 1px solid #ccc;
  min-height: 25px;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  padding: 6px 4px;
  font-size: 1em;

  /*white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;*/
}

table.table.noborder th, table.table.noborder td {
  border-right: 0.1px solid #fff;
  border-bottom: 1px solid #fff;
}

table.table th, table.table td.header {
  background-color: #eee;
  position: inherit;
}

table.table.findings th, table.table.findings td.header {
  background: none;
  position: inherit;
}

table.table th>div.hmin, table.table td>div.hmin {
  padding: 6px 0px;
}

table.table th.hmin, table.table td.hmin {
  padding: 6px 0px;
}

table.table td.cell-rel, table.table th.cell-rel {
  padding: 0px;
  position: relative;
}

table.table>tfoot th, table.table>tfoot td {
  border-right: 0.1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 6px 4px;
  background-color: #eee;
}

table.table.vertical-top>tbody>tr>td {
  vertical-align: top;
}

table.table.vertical-top>tbody td>div, table.table.vertical-top>tbody td>span {
  margin-top: 5px;
}

table.table>tbody>tr>td input[type="text"], table.table>tbody>tr>td a {
  border: none;
  height: 24px;
  line-height: 24px;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  background-image: initial;
}

table.table>tbody>tr>td input[type="text"].timepicker.fromtime, table.table>tbody>tr>td input[type="text"].timepicker.totime
  {
  width: 45%;
  text-align: center;
}

table.table>tbody>tr>td textarea, table.table>tbody>tr>td div.textarea {
  border: none;
  min-height: 24px;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  padding: 3px 0px;
}

table.table>tbody>tr>td div.textarea {
  text-align: left;
}

table.table>tbody>tr>td select, table.table>tbody>tr>td input[type="submit"], table.table>tbody>tr>td input[type="button"]
  {
  width: 100%;
  /*height: 21px;*/
  padding: 2px 2px;
  border: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: transparent;
}

table.table>tbody>tr>td select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 4px;
  background-image: url(icons/chevron-arrow-down.svg) !important;
  background-repeat: no-repeat;
  background-position: center right 2px;
  background-size: 8px;
}
}

table.table td.text-center, table.table td.text-center input, table.table th.text-center, table.table th.text-center input
  {
  text-align: center;
}

table.table td.text-right, table.table td.text-right input, table.table th.text-right, table.table th.text-right input {
  text-align: right;
}

table.table td.text-left, table.table td.text-left input, table.table th.text-left, table.table th.text-left input {
  text-align: left;
}

table.table td span.text-right, table.table th span.text-right {
  float: right;
}

table.table td span.text-left, table.table th span.text-left {
  float: left;
}

table.table>tbody>tr.table-row-even {
  background-color: #F9F9F9;
}

table.table>tbody>tr.table-row-red {
  background-color: #f8e38f;
}

table.table>tbody>tr.table-row-caution {
  background-color: #fc0;
}

table.table>tbody>tr.table-row-warning {
  background-color: #cde9fd;
}

table.table>tbody>tr:hover {
  background-color: #fdfdd9;
}

table.table>tbody>tr.selected {
  background-color: #ffd;
}

table.table>tbody>tr.active {
  background-color: #ffc !important;
}

table.table>tbody>tr table tr:hover {
  background-color: #fdfdd9;
}

table.table>tbody>tr table tr.selected {
  background-color: #ffb;
}

table.table>tbody>tr table tr.active {
  background-color: #ffa !important;
}

table>tbody>tr .canceled {
  font-style: italic;
  color: #e81b1b !important;
}

table>tbody>tr .canceled * {
  font-style: italic;
  color: #e81b1b !important;
}

table>tbody>tr .repaid {
  font-style: italic;
  color: #e81b1b !important;
  text-decoration: line-through;
}

table>tbody>tr .repaid * {
  font-style: italic;
  color: #e81b1b !important;
  text-decoration: line-through;
}

table>tbody>tr .deleted * {
  color: #737373 !important;
  text-decoration: line-through;
}

/**
 * Table input
*/
table.table>tbody td.no-padding {
  padding: 0px;
}

table.table.input th, table.table.input td {
  padding: 0px;
}

table.table.input th.output, table.table td.output {
  padding: 5px 4px;
  box-sizing: border-box;
}

table.table.input th>div.output, table.table td>div.output {
  padding: 5px 4px;
  box-sizing: border-box;
}

table.table.input th.output>div.output, table.table td.output>div.output {
  padding: 0px 4px;
  box-sizing: border-box;
}

table.table.input th>span.output, table.table td>span.output {
  padding: 5px 4px;
  box-sizing: border-box;
}

table.table.input th.output>span.output, table.table td.output>span.output {
  padding: 0px 4px;
  box-sizing: border-box;
}

table.table.input tr>td input[type="text"] {
  padding: 0px 4px;
  box-sizing: border-box;
  border: none;
  width: 100%;
  min-height: 24px;
}

table.table.input tr>td textarea {
  padding: 3px 4px;
  min-height: 24px;
  box-sizing: border-box;
}

table.table.input tr>td div.textarea {
  padding: 0px 4px;
  box-sizing: border-box;
}

/**
 * Inner table
*/
table.table table {
  width: 100%;
}

table.table tr table tr:first-child>td, table.table tr table tr:first-child>th {
  border-top: none;
}

table.table tr table tr:last-child>td, table.table tr table tr:last-child>th {
  border-bottom: none;
}

table.table tr table tr>td:first-child, table.table tr table tr>th:first-child {
  border-left: none;
}

table.table tr table tr>td:last-child, table.table tr table tr>th:last-child {
  border-right: none;
}

table.border-top {
  border-top: 1px solid #ccc;
}

table.border-bottom {
  border-bottom: 1px solid #ccc;
}

table.table>tbody>tr>td input.pres {
  background-color: #e3f7f7;
  font-weight: bold;
}

table.table>tbody>tr>td input.pres-qty {
  background-color: #c9e7f6;
  font-weight: bold;
}

table.table>tbody>tr>td input.pres-stock {
  color: #00f;
}

table.table>tbody>tr>td .pres-desc {
  padding: 4px 4px 4px 4px;
}

table.table .holiday, table.table .holiday input {
  background-color: #e6756a;
  color: #fff;
}

table.table .sat {
  background-color: #eee;
  color: #e67e22;
}

table.table .sun {
  background-color: #ddd;
  color: #e74c3c;
}

/** New css for table*/
.scroll-x {
  overflow-x: scroll;
}

.scroll-y {
  overflow-y: scroll;
}

/**
.wrapper-table {
  display: table;
}
.wrapper-table>div {
  display: table-row;
}
.wrapper-table>div>div {
  display: table-cell;
}
*/
.wrapper-table {
  width: 800px;
}

.flexie {
  overflow: hidden;
  -webkit-flex: auto;
}

.header-table {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: auto 0 0;
  -ms-flex: auto 0 0;
  flex: auto 0 0;
  width: 100%;
  box-sizing: border-box;
}

.header-table>div {
  box-sizing: border-box;
}

.footer-table {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  box-sizing: border-box;
}

.footer-table>div {
  box-sizing: border-box;
}

.content-table {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  box-sizing: border-box;
}

.content-table>div {
  box-sizing: border-box;
}

.col-scrollable {
  overflow: hidden;
}

.col-sticky {
  border-right: 2px solid #bbb;
  box-sizing: border-box;
}

.col-sticky.right {
  border-right-width: 1px;
  border-left: 1px solid #bbb;
}

.scroll-x {
  overflow-x: scroll;
}

.scroll-y {
  overflow-y: scroll;
}

.header-table>.col-scrollable {
  overflow: hidden;
}

.header-table>.col-scrollable.x {
  overflow-x: scroll;
}

.header-table>.col-scrollable.y {
  overflow-y: scroll;
}

.footer-table>.col-scrollable {
  overflow: hidden;
}

.footer-table>.col-scrollable.x {
  overflow-x: scroll;
}

.footer-table>.col-scrollable.y {
  overflow-y: scroll;
}

.content-table>.col-sticky {
  overflow-x: scroll;
}

.content-table>.col-scrollable {
  overflow: scroll;
}

.content-table>.col-scrollable.x {
  overflow-x: scroll;
  overflow-y: hidden;
}

.content-table>.col-scrollable.y {
  overflow-x: hidden;
  overflow-y: scroll;
}

.wrapper-table table {
  border-collapse: collapse;
  border-spacing: 0px;
  table-layout: fixed;
}

.wrapper-table table>tr:first-child {
  background-color: #ccc;
}

.wrapper-table table>tr:nth-child(even) {
  background-color: #eee;
}

.wrapper-table table>tr:last-child {
  background-color: #ccc;
}

.col-sticky>table {
  
}

.table>.lh {
  
}

.table>.mh {
  
}

.table>.rh {
  
}

.table>.lc {
  
}

.table>.mc {
  
}

.table>.rc {
  
}

.table>.lf {
  
}

.table>.mf {
  
}

.table>.rf {
  
}

.table>.sep-h {
  
}

.table>.sep-c {
  
}

.table>.sep-f {
  
}

.wrapper-table table td, table th {
  /* border: 1px solid #333; */
  box-sizing: border-box;
}

.pagination {
  display: table;
  padding: 2px;
  float: left;
  margin-left: 50px;
}

.pagination .prev {
  display: table-cell;
  border: 1px solid #bbb;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  padding-right: 2px;
  box-sizing: border-box;
}

.pagination .prev>input[type="submit"] {
  background: transparent;
  font-size: 18px;
  color: #333;
  width: 100%;
  height: 100%;
  border: none;
  margin-top: -1px;
}

@
-moz-document url-prefix () { .pagination .prev>input[type="submit"] {
  margin-top: -3px;
}

}
.pagination .prev>input[type="submit"]:enabled:hover {
  color: #1163dd;
  font-weight: bold;
}

.pagination .prev>input[type="submit"]:disabled {
  color: #999;
}

.pagination .next {
  display: table-cell;
  border: 1px solid #bbb;
  height: 25px;
  vertical-align: middle;
  text-align: center;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  padding-left: 0px;
  box-sizing: border-box;
}

.pagination .next>input[type="submit"] {
  background: transparent;
  font-size: 18px;
  color: #333;
  width: 100%;
  height: 100%;
  border: none;
  margin-top: -1px;
}

@
-moz-document url-prefix () { .pagination .next>input[type="submit"] {
  margin-top: -3px;
}

}
.pagination .next>input[type="submit"]:enabled:hover {
  color: #1163dd;
  font-weight: bold;
}

.pagination .next>input[type="submit"]:disabled {
  color: #999;
}

.pagination .paging {
  display: table-cell;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  vertical-align: middle;
  text-align: center;
  padding: 0px 5px;
}

.pagination .paging>select {
  border: none;
  vertical-align: middle;
  text-align: center;
  text-align-last: center;
  margin: 0px;
  padding: 0px;
  background: none;
}

.pagination .paging-sep {
  display: table-cell;
  border: 1px solid #bbb;
  vertical-align: middle;
  text-align: center;
  padding: 5px;
}

.pagination .row-count {
  display: table-cell;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  vertical-align: middle;
  text-align: center;
  padding: 5px;
}

.pagination .page-sep {
  width: 10px;
}

.pagination .page-size {
  display: table-cell;
  border: 1px solid #bbb;
  border-radius: 2px;
  vertical-align: middle;
  text-align: center;
  padding: 0px 5px;
}

.pagination .page-size>select {
  border: none;
  vertical-align: middle;
  text-align: center;
  text-align-last: center;
  margin: 0px;
  padding: 0px;
  background: none;
}

table.table tr.exp1 {
  color: #721c24;
  background-color: #f7adaf;
}

table.table tr.exp2 {
  color: #856404;
  background-color: #f9f3c3;
}

table.table tr.exp3 {
  color: #0c5460;
  background-color: #c3e8f8;
}

table.table tr.exp4 {
  color: #155724;
  background-color: #cad9e0;
}

table.table tr.exp5 {
  color: #383d41;
  background-color: #a7c5ef;
}

table.table tr.exp6 {
  
}

table.table tr.neg {
  color: #dc143c;
}

table.table tr.neg * {
  color: #dc143c;
}

table.table tr .sort {
  cursor: pointer;
  background-image: url("icons/sort-both.svg") !important;
  background-repeat: no-repeat;
  background-size: 12px 9px;
  background-position: center right 0px;
}

table.table tr .sort:hover {
  color: #000;
}

table.table tr .sort.asc {
  background-image: url("icons/sort-up.svg") !important;
  background-repeat: no-repeat;
  background-size: 7px 14px;
  background-position: center right 2px;
}

table.table tr .sort.desc {
  background-image: url("icons/sort-down.svg") !important;
  background-repeat: no-repeat;
  background-size: 7px 14px;
  background-position: center right 2px;
}

table.table tr .stock {
  color: #161bdc;
}

table.table tr .itemPrescription {
  color: #161bdc;
}

table.table tr .itemPrescription input {
  color: #161bdc;
}

div.table>.fht-fixed-column ::-webkit-scrollbar {
  width: 0px;
  height: 8px;
}

div.table>.fht-fixed-body>.fht-tbody::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}

div.table>.fht-fixed-body>.fht-tbody::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 2px;
}

div.table>.fht-fixed-body>.fht-tbody::-webkit-scrollbar-track {
  background: #f3f3f3;
  border-radius: 2px;
}

table.inline-table tr  {
  display: inline;
  height: 140px;
}

table.inline-table td{
  display:inline-table;
  height: 140px;
  margin: 4px;
}

/* Resize column */
.JColResizer {
  table-layout: fixed;
}

.JCLRgrips {
  height: 0px;
  position: relative;
}

.JCLRgrip {
  margin-left: -5px;
  position: absolute;
  z-index: 5;
}

.JCLRgrip .JColResizer {
  position: absolute;
  background-color: red;
  filter: alpha(opacity = 1);
  opacity: 0;
  width: 10px;
  height: 100%;
  cursor: col-resize;
  top: 0px
}

.JCLRLastGrip {
  position: absolute;
  width: 1px;
}

.JCLRgripDrag {
  border-left: 1px dotted black;
}

.JCLRFlex {
  width: auto !important;
}

.JCLRgrip.JCLRdisabledGrip .JColResizer {
  cursor: default;
  display: none;
}

.table.table-border {
  border-width: 8px;
  border-color: #fff;
}

.row-action {
  display: table;
  width: 100%;
  padding: 0px 2px;
  box-sizing: border-box;
}

.row-action>* {
  display: table-cell;
  height: 18px;
  width: 20px;
  vertical-align: middle;
  cursor: pointer;
}

.row-action>.row-add:hover {
  background-color: #ccc;
}

.row-action>.row-remove {
  color: #f00;
}

.row-action>.row-remove:hover {
  background-color: #ccc;
}

.row-action>.row-edit {
  color: #0f0;
}

.row-action>.row-edit:hover {
  background-color: #ccc;
}

.row-action>.row-view {
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("icons/view.svg");
}

.row-action>.row-view:hover {
  background-image: url("icons/view-active.svg");
}

.row-action>.row-refresh {
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("icons/refresh.svg");
}

.row-action>.row-refresh:hover {
  background-image: url("icon/refresh-active.svg");
}

.row-action>.row-upload {
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("icon/upload.svg");
}

.row-action>.row-upload:hover {
  background-image: url("icon/upload-active.svg");
}

.perform-status table.table {
  border-collapse: collapse;
  border-spacing: 0;
}

.perform-status table.table th, .perform-status table.table td {
  border-right: none;
  border-bottom: none;
  min-height: 25px;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  padding: 4px 4px;
  font-size: 1em;
}

.perform-status table.table th.status-indicating, .perform-status table.table td.status-indicating {
  color: #e55b9b;
}

.perform-status table.table th.status-waiting, .perform-status table.table td.status-waiting {
  color: #e67e22;
}

.perform-status table.table th.status-processing, .perform-status table.table td.status-processing {
  color: #1d9ef9;
}

.perform-status table.table th.status-completed, .perform-status table.table td.status-completed {
  color: #59A36B;
}

.perform-status table.table th.status-canceled, .perform-status table.table td.status-canceled {
  color: #ff0000;
}

.perform-status table.table td.border-bottom {
  border-bottom: 1px solid #ccc;
}

.perform-status table.table>tbody>tr>td input[type="text"], .perform-status table.table>tbody>tr>td a {
  border: none;
  height: 24px;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  background-image: initial;
}

.perform-status table.table>tbody>tr>td textarea, .perform-status table.table>tbody>tr>td div.textarea {
  border: none;
  min-height: 24px;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  padding: 1px 0px;
}

.perform-status table.table>tbody>tr>td select, .perform-status table.table>tbody>tr>td input[type="submit"],
  .perform-status table.table>tbody>tr>td input[type="button"] {
  width: 100%;
  padding: 2px 2px;
  border: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: transparent;
}

.perform-status table.table>tbody>tr>td select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 4px;
}

.perform-status table.table td.text-center, .perform-status table.table td.text-center input, .perform-status table.table th.text-center,
  .perform-status table.table th.text-center input {
  text-align: center;
}

.perform-status table.table td.text-right, .perform-status table.table td.text-right input, .perform-status table.table th.text-right,
  .perform-status table.table th.text-right input {
  text-align: right;
}

.perform-status table.table td.text-left, .perform-status table.table td.text-left input, .perform-status table.table th.text-left,
  .perform-status table.table th.text-left input {
  text-align: left;
}

.perform-status table.table td span.text-right, .perform-status table.table th span.text-right {
  float: right;
}

.perform-status table.table td span.text-left, .perform-status table.table th span.text-left {
  float: left;
}

.perform-status table.table>tbody>tr {
  background-color: #F9F9F9;
}

.perform-status table.table>tbody>tr.border-top {
  border-width: 4px;
  border-color: #ddd;
}

/**
 * Inner table
*/
.perform-status table.table table {
  width: 100%;
}

.perform-status table.table tr table tr:first-child>td, .perform-status table.table tr table tr:first-child>th {
  border-top: none;
}

.perform-status table.table tr table tr:last-child>td, .perform-status table.table tr table tr:last-child>th {
  border-bottom: none;
}

.perform-status table.table tr table tr>td:first-child, .perform-status table.table tr table tr>th:first-child {
  border-left: none;
}

.perform-status table.table tr table tr>td:last-child, .perform-status table.table tr table tr>th:last-child {
  border-right: none;
}

.perform-status table.table>tbody>tr.table-row-even {
  background-color: #F9F9F9;
}

.perform-status table.table>tbody>tr.table-row-odd {
  background-color: #FFFFFF;
}

.tableFixHead thead tr th {
  position: sticky;
  z-index: 1;
}

.tableFixHead thead tr:nth-child(1) th {
  top: 0;
}

.tableFixHead thead tr:nth-child(2) th {
  top: 27px;
}

.tableFixHead thead tr:nth-child(3) th {
  top: 54px;
}

.tableFixHead tfoot td {
  position: sticky;
  bottom: 0;
}

/*!
* jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin
*
* Copyright (c) 2011 Mark Malek
* http://fixedheadertable.com
*
* Licensed under MIT
* http://www.opensource.org/licenses/mit-license.php
* 
* http://docs.jquery.com/Plugins/Authoring
* jQuery authoring guidelines
*
* Launch  : October 2009
* Version : 1.3
* Released: May 9th, 2011
*
* 
* all CSS sizing (width,height) is done in pixels (px)
*/

/* @group Reset */
div.table.fht-table-wrapper {
  overflow: hidden;
  display: flex;
}

.fht-table, .fht-table thead, .fht-table tfoot, .fht-table tbody, .fht-table tr, .fht-table th, .fht-table td {
  /* position */
  margin: 0;
  /* size */
  padding: 0;
  /* text */
  font-size: 100%;
  font-family: inherit;
  vertical-align: top;
}

.fht-table-wrapper, .fht-table-wrapper .fht-fixed-column .fht-tbody,
  .fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody {
  position: relative;
}

.fht-table-wrapper .fht-fixed-column, .fht-table-wrapper .fht-fixed-body {
  display: flex;
  flex-direction: column;
}

.fht-table-wrapper .fht-fixed-column {
  
}

.fht-table-wrapper .fht-fixed-column .fht-tbody {
  overflow-x: scroll;
}

.fht-table-wrapper .fht-fixed-body {
  
}
.fht-table-wrapper .fht-fixed-body .fht-tbody {
  overflow: scroll;
}

/* @end css fixedHeaderTable*/

.ui-menu tr.ui-menu-item td {
  padding: 3px 1em 3px .4em;
}