/* TABLES */

table {
  border-spacing: 0px;
}

table {
  border-spacing: 0px;
  border-collapse: collapse;
  caption-side: bottom;
}

table.text-nowrap {
  white-space: nowrap;
}

tr {
  background-color: white;
}

/*
tr:nth-child(even) {
  background-color: #ddd9d9;
}
*/

table.table-striped>tr:nth-child(even),
table.table-striped>tbody>tr:nth-child(even) {
  background-color: #dee2e6;
}

table.table-striped>tr:last-child>td,
table.table-striped>tbody>tr:last-child>td {
  border-bottom: 2px solid silver; /* TODO */
}

thead {
  font-weight: 700;
}

thead tr {
  /* background-color: #ddd9d9; */
}

thead tr {
  background-color: #ddd9d9;
}

thead tr th {
  /* border-bottom: 4px solid silver; */
  border-bottom-width: 1px;
}

thead tr th .sortable-icon {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: 0.5em;
}

thead tr th .sortable-icon22222::before {
  content: "";
  /* outline: 1px solid red; */
  margin-left: auto;
  flex: 1;
}

thead tr th .sortable-icon.inactive {
  opacity: 0.5;
}

thead tr th.special-more-collapsed,
td.special-more-collapsed {
  text-decoration: underline;
  cursor: pointer;
  padding-right: 30px;
  background: linear-gradient(to right,
      transparent,
      transparent 55%,
      rgba(32, 32, 32, 0.6) 92%,
      transparent 92%,
      transparent 94%,
      rgba(32, 32, 32, 0.6) 94%,
      rgba(32, 32, 32, 0.6) 96%,
      transparent 96%,
      transparent 98%,
      rgba(32, 32, 32, 0.6) 98%,
      rgba(32, 32, 32, 0.6) 100%);
}

th {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 2px;
  padding-right: 8px;
}

td {
  padding: 2px;
  padding-right: 10px;
}

table .number {
  text-align: right;
}

table .number {
  text-align: right;
}

tr.tr-highlighted,
tr.tr-highlighted td {
  background-color: rgba(255, 255, 128, 0.75);
}

/* CSV TABLE */
table.csv-table {}

table.csv-table th,
table.csv-table td {
  border-right: 1px solid gray;
  padding: 2px;
}

/* DisplayFormState */
table.form-state-table {
  border-collapse: collapse;
}

table.form-state-table>tr:nth-child(even),
table.form-state-table>tbody>tr:nth-child(even) {
  /* table-striped */
  background-color: #dee2e6;
}

table.form-state-table tr:first-child {
  border-top: 2px solid gray;
}

table.form-state-table tr:last-child {
  border-bottom: 2px solid gray;
}

table.form-state-table td {
  /* border: 1px solid black; */
  /*
  margin-right: -1px;
  margin-bottom: -1px;
  */
  border-radius: 0px;
  padding: 0px 5px;
  min-width: 120px;
  font-weight: 400;
  text-align: right;
}

/* Dodao dusan */
table.form-state-table.derivati td {
  min-width: 100px;
}

table.form-state-table.derivati.spoljnafiksnazaluzina td {
  min-width: 85px;
}

table.form-state-table td.text-left {
  text-align: left;
}

table.form-state-table td.th.text-right {
  text-align: right;
}

table.form-state-table td.th {
  font-weight: 600;
  text-align: left;
}

table.form-state-table th.separator-cell,
table.form-state-table td.separator-cell {
  background-color: unset !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
  min-width: 15px !important;
  max-width: 15px !important;
  width: 15px !important;
  /* display: none; */
}

table.form-state-table td.error {
  font-weight: 600;
  text-align: left;
  color: #f44336;
  background-color: #f5cdd8;
}

table.form-state-table td.noerror {
  opacity: 0.3;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

table.form-state-table.derivati {
  border-collapse: separate;
  border-collapse: collapse;
}

table.form-state-table.derivati td {
  border-left: 1px solid black;
  border-right: 1px solid black;
}

table.form-state-table.derivati th {
  text-align: center;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

table.form-state-table.derivati thead tr {
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}

table.form-state-table.derivati tbody tr {
  border-top: 0px solid black;
  border-bottom: 1px solid black;
}

table.form-state-table.derivati tbody tr:first-child {
  border-top: 2px solid black;
}

table.form-state-table.derivati tbody tr:last-child {
  border-bottom: 2px solid black;
}

table.form-state-table.derivati tbody tr:last-child td {
  border-bottom: 2px solid black;
}

table.form-state-table.derivati th,
table.form-state-table.derivati td {
  /* background-color: #a2f4ff; */
  background-color: rgba(128, 255, 255, 0.1);
  /* Dusan dodao da bi bila citljivija tabela */
  white-space: nowrap;
  min-width: 10px;
}

table.form-state-table.derivati {
  /* border-bottom: 4px solid black; */
}

/* TABELA Nosioci Troskova */
.nosioc-troska-table.table-container {
  /*
  display: flex;
  flex-direction: row;
  */
  width: 800px;
}

.nosioc-troska-table table.dataTable {
  max-width: none !important;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  clear: both;
}

.nosioc-troska-table .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.143rem;
  background-color: transparent;
  border-collapse: collapse;
  color: #757575;
}

.nosioc-troska-table .table-striped tr:nth-child(even) {
  background-color: rgba(238, 238, 238, 0.3);
}

.nosioc-troska-table thead tr {
  background-color: #ffffff;
}

.table-bordered td,
.table-bordered th {
  border: 1px solid #e0e0e0;
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.table td,
.table th {
  padding: 0.572rem;
  vertical-align: top;
  border-top: 1px solid #e0e0e0;
}

.nosioc-troska-table .table-bordered {
  border: 1px solid #e0e0e0;
}

.nosioc-troska-table .adding .form-control {
  height: 2.573rem;
  -webkit-appearance: none;
  border-color: #e0e0e0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: -webkit-box-shadow 0.25s linear, border 0.25s linear,
    color 0.25s linear, background-color 0.25s linear;
  -o-transition: box-shadow 0.25s linear, border 0.25s linear,
    color 0.25s linear, background-color 0.25s linear;
  transition: box-shadow 0.25s linear, border 0.25s linear, color 0.25s linear,
    background-color 0.25s linear;
  -moz-appearance: none;

  display: block;
  width: 100%;
  padding: 0.429rem 1.072rem;
  font-size: 1rem;
  line-height: 1.571429;
  color: #757575;
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #e0e0e0;
  border-top-color: rgb(224, 224, 224);
  border-right-color: rgb(224, 224, 224);
  border-bottom-color: rgb(224, 224, 224);
  border-left-color: rgb(224, 224, 224);
  border-radius: 0.215rem;
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/* biblioteka genusa */
.table-biblioteka-genusa table.table-generator>thead>tr>th.sorted {
  border: 1px solid black;
  outline: 4px solid rgb(255, 255, 128, 0.7);
}

/* TEMP */

.import-api-sastavnice-scrollbox {
  max-height: 300px;
  overflow-y: scroll;
}

table.table-import-order-items {
  min-width: 880px;
}

table.table-import-order-items tr.tr-highlighted-importing td.td-import-btn {
  background-color: goldenrod;
  background-color: greenyellow;
}

table.table-import-order-items tr.tr-highlighted-sastavljac-exported {
  opacity: 0.6;
}