/* You can add global styles to this file, and also import other style files */
.wki .row.inail-page {
  margin-left: auto;
  margin-right: auto;
}

::-ms-clear {
  display: none;
}

.td--collapse .table__container {
  margin-top: -0.66rem;
  margin-bottom: -0.66rem;
}

.wki .table thead th, .wki .table .table__td-actions {
  word-break: keep-all;
  white-space: nowrap;
}
.wki .table td {
  word-break: keep-all !important;
}
.wki .table tbody tr th[headers] {
  word-break: normal;
}

inail-input-number-interval .form-group,
inail-input-double-date .form-group {
  min-width: 400px;
}

.h3 {
  text-transform: uppercase;
}

.datetimepicker[readonly] + .datepicker-button,
.datetimepicker[disabled] + .datepicker-button {
  display: none;
}

.clearfix {
  clear: both;
}

.wki .modal.in .modal-dialog {
  display: block;
}

.wki .modal:before {
  height: 0 !important;
}

.modal-dialog {
  max-width: calc(100% - 2em);
}

.wki inail-tag span.label {
  white-space: break-spaces;
}
.wki .select div.dropdown-menu {
  max-height: 12rem;
  overflow-y: auto;
  width: calc(100% - 20px);
  left: 10px;
}
.wki .bg-info.bg-light {
  background-color: #DEECFF !important;
}
.wki inail-action:has(button.disabled) {
  cursor: not-allowed;
}
.wki inail-single-checkbox .single-checkbox {
  padding-top: 20px;
}
.wki button[data-toggle=popover] {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 16px;
}
.wki .modal-header > inail-actions-dropdown inail-action > button {
  padding-top: 0;
  padding-bottom: 0;
}
.wki .nav-tabs li.disabled a:hover, .wki .nav-tabs li.disabled a:focus:hover {
  box-shadow: inset 0 -2px 0 #C6CEDC;
}
.wki inail-radio .input-group-btn inail-action button.btn.btn-link {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 5px;
}
.wki inail-multiple-select inail-input-loading + button.btn {
  white-space: normal;
  overflow: hidden;
}
.wki inail-multiple-select .dropdown-menu .control-label {
  max-width: calc(100% - 8px);
}
.wki inail-box.disabled {
  cursor: not-allowed;
}
.wki inail-box.disabled button {
  pointer-events: none;
}
.wki inail-radio .input-group-btn eng-action button.btn.btn-link {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 5px;
}
.wki span.list-empty {
  margin-left: 10px;
}
.wki table caption {
  caption-side: unset;
  font-size: 1.375rem;
  color: #002E5F;
}
.wki .h2.h2-caption {
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
}
.wki .input-radio .control-label::before {
  background-color: #FFF;
}
.wki .upload-file label.form-control span.btn-link {
  margin-top: 2px;
  height: calc(100% - 4px);
  right: 2px;
  padding: 3px 5px;
}
.wki inail-wizard-bar inail-callback-button small.pulsantiera__small.error {
  color: #AD0000;
}
@media (max-width: 768px) {
  .wki .input-date .control-label {
    min-width: 22px;
  }
  .wki .input-date .row > div:first-child {
    padding-bottom: 20px;
  }
  .wki inail-input-number-interval .input-date .control-label {
    min-width: 36px;
  }
}

.cdk-live-announcer-element.cdk-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.popover.fade.in {
  z-index: 1029;
}

.ui-autocomplete.ui-front.ui-widget.ui-widget-content {
  z-index: 1050;
}
/*ACCESSIBILITA' INAIL- COLOR PAGE */

.accessibilita .color-desc {
  width: 40px;
  height: 20px;
  float: left;
  margin: 10px 10px 10px 0;
}

.accessibilita .color-example {
  padding-top: 10px;
  display: inline-block;
}

.accessibilita > div {
  border-bottom: 1px solid #afafaf;
  padding: 10px 0;
}

.image-small {
  width: 20%;
}

h1 {
  display: block !important;
}

.wki__main {
  min-height: 120px !important;
}

.table-documentation thead th {
  background-color: #fff !important;
  text-align: left !important;
}

.table-documentation thead th:hover {
  background-color: #fff !important;
  color: #2e3438 !important;
}

.table-documentation tbody tr:nth-child(2n + 1) {
  background-color: white;
  color: inherit;
}

.table-documentation tbody tr:nth-child(2n) {
  background-color: #f7fafc;
}

.table-documentation > thead > tr > th {
  border-bottom: 0px !important;
}

.table-documentation td {
  border: 1px solid hsla(203, 50%, 30%, 0.15) !important;
}

.table-documentation tr {
  border: 1px solid hsla(203, 50%, 30%, 0.15);
  margin: 0;
  padding: 0;
}

