/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./assets/scss/config/saas/custom.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
label.required::after, legend.required::after {
  content: "*";
  color: var(--vz-danger);
}

input[type=radio] + label.required::after {
  content: none;
}

.dt-container .dt-scroll-body {
  border-width: 0;
}
.dt-container .dt-buttons {
  text-align: center;
}
.dt-container table.dataTable.table {
  /*.dropdownmenu-primary.dropdown-menu {
      position: fixed !important;
      z-index: 9999 !important;
  }*/
}
.dt-container table.dataTable.table tbody > tr.selected > * {
  color: unset;
  box-shadow: unset;
}
.dt-container table.dataTable.table.table-striped tbody > tr:nth-of-type(odd) {
  background-color: rgba(226, 229, 245, 0.6);
}
.dt-container table.dataTable.table.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  box-shadow: unset;
}
.dt-container table.dataTable.table .dt-select-checkbox {
  border: 1px solid #878a99;
}
.dt-container table.dataTable.table .dt-select-checkbox::after {
  color: var(--vz-success);
}
.dt-container table.dataTable.table .dt-select-checkbox:indeterminate::after {
  background-color: var(--vz-success);
}
.dt-container table.dataTable.table .datatable-select .dt-column-header {
  justify-content: center;
}
.dt-container table.dataTable.table .datatable-select .dt-column-header .dtcc, .dt-container table.dataTable.table .datatable-select .dt-column-header .dt-column-title {
  display: none;
}
.dt-container table.dataTable.table th, .dt-container table.dataTable.table td {
  white-space: nowrap;
}
.dt-container div.dtcc-dropdown {
  width: 300px;
}
.dt-container div.dtcc-dropdown div.dtcc-list div.dtcc-list-buttons {
  background: unset;
}
.dt-container div.dtcc-dropdown div.dtcc-list div.dtcc-list-buttons button.dtcc-button.dtcc-button_active span.dtcc-button-state {
  color: var(--vz-green, #13c56b);
}

.orders-card .nav-link, .orders-card .nav-link:hover {
  border-width: 1px;
  border-style: solid;
  border-color: var(--vz-nav-tabs-link-active-border-color);
}

/* TOM SELECT (Symfony UX Autocomplete) */
select.form-control.form-select.tomselected:focus {
  border-color: var(--vz-primary-border-subtle);
  box-shadow: unset;
}
select.form-control.form-select.tomselected .form-select, select.form-control.form-select.tomselected .form-select:focus {
  box-shadow: unset;
}

.ts-wrapper {
  border-color: var(--vz-primary-border-subtle);
}
.ts-wrapper .ts-control {
  padding: 0.5rem 0.9rem !important;
  box-shadow: unset !important;
}
.ts-wrapper .ts-control:not(.rtl) {
  padding: 0.5rem 0.9rem !important;
}
.ts-wrapper .ts-control .clear-button {
  left: auto !important;
  font-size: 15px;
}
.ts-wrapper .ts-control:focus {
  border-color: red !important;
}
.ts-wrapper .ts-dropdown {
  background: white;
}
.ts-wrapper .ts-dropdown .form-control, .ts-wrapper .ts-dropdown .form-select {
  background: white;
  border-radius: 0 0 0.375rem 0.375rem;
}
.ts-wrapper .ts-dropdown .ts-dropdown-content .option:hover {
  background-color: var(--vz-primary-bg-subtle, rgb(232.05, 238.5, 251.4));
}

#user-hours-table_wrapper th:nth-child(6),
#user-hours-table_wrapper td:nth-child(6),
#user-hours-table_wrapper th:nth-child(7),
#user-hours-table_wrapper td:nth-child(7),
#user-hours-table_wrapper th:nth-child(8),
#user-hours-table_wrapper td:nth-child(8) {
  width: 100px !important;
  max-width: 100px !important;
  min-width: 100px !important;
}

#user-hours-table_wrapper th:nth-child(3),
#user-hours-table_wrapper td:nth-child(3),
#user-hours-table_wrapper th:nth-child(4),
#user-hours-table_wrapper td:nth-child(4),
#user-hours-table_wrapper th:nth-child(5),
#user-hours-table_wrapper td:nth-child(5) {
  width: 140px !important;
  max-width: 140px !important;
  min-width: 140px !important;
}
