:root {
  --hts-bg: #f7f8fa;
  --hts-surface: #ffffff;
  --hts-border: #e6e9ee;
  --hts-text: #172033;
  --hts-muted: #768092;
  --hts-primary: #109fe5;
}
:root {
  --md-sys-color-primary: #0b79b7;
  --md-sys-color-on-primary: #ffffff;

  --md-sys-color-surface: #ffffff;
  --md-sys-color-surface-container: #f4f6f8;
  --md-sys-color-on-surface: #1a1c1e;
  --md-sys-color-on-surface-variant: #5f6368;

  --md-sys-color-outline: #c5c7cc;
  --md-sys-color-outline-variant: #e2e3e7;

  --md-sys-shape-corner-small: 8px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-large: 16px;

  --md-sys-even-bg: #f3f3f3;

}
:root {
  --cos-bg-dark: #2c323fef;
  --cos-table-head: #efefef;
  --cos-orange: #d36726;
  --litepicker-button-apply-color-bg: #d36726;
  --litepicker-button-apply-color-bg-hover: #c76326c5;
}

.btn {
  background-color: var(--litepicker-button-apply-color-bg);
}
.btn:hover {
  background-color: var(--litepicker-button-apply-color-bg-hover);
}

body {
  background-color: var(--hts-bg) !important;
}

.text-primary {
  color: var(--cos-orange) !important;
}

.card,
.card-panel {
  border: 1px solid var(--hts-border);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(16,24,40,.05);
}

.card .card-content {
  padding: 20px 22px;
}

.card,
.card-panel {
    background: var(--md-sys-color-surface);
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: var(--md-sys-shape-corner-medium);

    box-shadow:
        0 1px 2px rgba(0,0,0,.04),
        0 1px 3px rgba(0,0,0,.06);
}

a {
  color : #0985bd;;
}
.bold {
  font-weight : 550;
}

table.dataTable thead tr {
  background-color: var(--cos-table-head);
  border-bottom: 1px solid #333;
  border-top: 1px solid var(--cos-orange);
  border-left: 1px solid var(--md-sys-color-outline-variant) !important;
  border-right: 1px solid var(--md-sys-color-outline-variant) !important;
}  

table.dataTable tbody tr.even {
  background-color: var(--md-sys-even-bg) !important;
}
table.dataTable tbody tr {
  border-bottom: 1px solid var(--md-sys-color-outline-variant) !important;
  border-left: 1px solid var(--md-sys-color-outline-variant) !important;
  border-right: 1px solid var(--md-sys-color-outline-variant) !important;
}
table.dataTable tbody tr.even.selected,
.table tbody tr.selected {
  background-color: #03a9f4 !important;
}

.dataTables_paginate.paging_simple_numbers {
  text-align: right;

}


table.dataTable tbody td.lot-status-col .lot-status-chip {
  border-radius: 3px;
}

.row .col.s12.nomargin,
  .row .col.s12.nomargin > .container {
  padding-left : 0;
  padding-right : 0;
}

.menu-title {
  font-weight: 250;
}


label input[type='search'] {
  font-size: 1.2rem !important;
  font-weight: 300;
}

.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-xl {
  font-size: 1.2rem;

}
.no-uppercase {
  text-transform: none !important;
}
.gap-2 {
  gap: .5rem;
}

.items-center {
  align-items: center;
}
.flex {
  display: flex;
}
.flex-imp {
  display: flex !important;
}


/*
input[type=text]:not(.browser-default) {
  height: 3rem;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
}

.input-field input[type=text]:not(.browser-default),
.input-field input[type=number]:not(.browser-default),
.input-field input[type=date]:not(.browser-default),
.input-field input[type=time]:not(.browser-default),
.input-field textarea.materialize-textarea,
.select-wrapper input.select-dropdown {
    box-sizing: border-box;
    height: 42px;
    padding: 0 12px;

    border: 1px solid #d9dee7;
    border-radius: 7px;
    background: #fff;

    box-shadow: none;
}

.input-field input[type=text]:not(.browser-default):focus:not([readonly]),
.input-field input[type=number]:not(.browser-default):focus:not([readonly]) {
    border: 1px solid #18a7e8;
    box-shadow: 0 0 0 3px rgba(24,167,232,.10);
}

*/