:root {
  --hts-bg: #f7f8fa;
  --hts-surface: #ffffff;
  --hts-border: #e6e9ee;
  --hts-text: #172033;
  --hts-muted: #768092;
  --hts-primary: #109fe5;
}
 
:root {
  --cos-bg-dark: #2c323fef;
  --cos-table-head: #efefef;
  --cos-orange: #d36726;
  --cos-orange-hover: #F15A24;
  --litepicker-button-apply-color-bg: #d36726;
  --litepicker-button-apply-color-bg-hover: #F15A24;
}
:root {
  --cos-orange: #f97316;
  --cos-orange-text: #d36726;
  --litepicker-button-apply-color-bg: #f97316;
  --litepicker-button-apply-color-bg-hover: #Fb923c;

}


:root {
  --hts-bg: #FFF9F5;
  --hts-bg: #FFFcF9;
  --cos-table-head: #FFE8D8;
  --md-sys-even-bg: #FFF3EA;
  --hts-sys-odd-bg: #ffffff;
  --hts-card-bg: #ffffff;

  --md-sys-color-outline-variant : #eee;

}

html {
  color: #566176;
}


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

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

.text-primary {
  color: var(--cos-orange-text) !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);
}
.card-content {
  background-color: var(--hts-card-bg);
}

.bg-opacity-8
{
    background-color: rgba(255, 255, 255, .8);
}


a {
  color : #0985bd;
  color : var(--cos-orange);
}

.hts-list-pin {
  background-color: var(--hts-bg);
}
.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-bottom: 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 {
  background-color: var(--hts-sys-odd-bg) !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;
  border-bottom: 1px solid #eee !important;
  margin-bottom: 10px !important;

}
table tbody tr,
table tbody tr > td,
table.highlight > tbody > tr {
  transition: none;
}
table.dataTable tbody tr.even.selected,
.table tbody tr.selected {
  background-color: var(--cos-orange) !important;
}
.table tr.selected.even:hover, .table tr.selected.odd:hover {
  background-color: var(--cos-orange) !important;
  color: white !important;
 }
 table.dataTable.table tbody tr.selected:hover > td,
 table.dataTable.table tbody tr.selected:hover .black-text,
 table.dataTable.table tbody tr.selected:hover a,
 table.dataTable.table tbody tr.selected:hover a .table-link {
  background-color: var(--cos-orange) !important;
  color: #fff !important;
 }


.dataTables_paginate.paging_simple_numbers {
  text-align: right;

}

.list-wrapper .responsive-table .data-table.dataTable tbody td {
    padding-bottom: 14px !important;
    padding-top: 14px !important;
}


.sidenav li a.active {
  background-color: var(--cos-orange) !important;
  color: #fff !important;
}


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;
}

.dt-field-search-control {
  border-left: 4px solid var(--cos-orange);
  border-bottom: 1px solid var(--cos-orange);
}
/*
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);
}

*/