/* You can add global styles to this file, and also import other style files */
::-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;
  vertical-align: middle;
}
.wki .table td .btn-group.dropdown .btn.btn-link {
  padding-top: 0;
  padding-bottom: 0;
}
.wki .table th {
  vertical-align: middle;
}
.wki .table tbody tr th[headers] {
  word-break: normal;
}

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

.clearfix {
  clear: both;
}

.wki.wki__main {
  background-color: inherit;
}
.wki.wki__main .main-content {
  margin-left: auto !important;
}
.wki.wki__main .menu-backdrop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}
.wki .menu__button-text {
  width: 100%;
  display: inline;
}
.wki .navbar-text {
  margin-top: 16px;
  margin-bottom: 14px;
  text-transform: uppercase;
}
.wki .navbar {
  min-height: unset;
}
@media (min-width: 992px) {
  .wki .navbar {
    border-bottom: 1px solid #b3cdd8;
  }
}
.wki .inail-header-bar--nav .inail-nav-item {
  width: unset;
  min-width: 160px;
}
.wki .inail-header-bar--nav .link-list .inail-nav-item {
  width: 100%;
}
.wki .btn.inail-btn.inail-btn--myinail-btn {
  display: flex;
}
.wki .modal-header > inail-actions-dropdown inail-action > button {
  padding-top: 0;
  padding-bottom: 0;
}
.wki .btn.btn-link.inail-nav-link {
  text-align: center;
  width: 100%;
  padding: 0 5px;
  border: 2px solid transparent;
}
.wki .link-list .btn.btn-link.inail-nav-link {
  text-align: left;
}
.wki .inail-nav-item.dropright {
  width: 100%;
}
.wki .inail-nav-item.dropright .dropdown-menu {
  left: 100%;
}
.wki .navbar .navbar-collapsable .menu-wrapper .navbar-nav .dropright .dropdown-menu {
  top: 0;
}
.wki.wk .upload-file .btn.btn-primary {
  padding: 0;
}
.wki .btn.btn-link.inail-nav-link:focus {
  box-shadow: none;
}
.wki .inail-nav-link .icon {
  display: none;
}
.wki .breadcrumb-container .breadcrumb {
  margin: 0;
}
.wki .breadcrumb li:last-child {
  font-weight: normal;
}
.wki .breadcrumb li a {
  background: none;
  padding-right: 0;
}
.wki a.inail-link {
  color: #012e5d;
}
.wki .btn.inail-btn--round {
  border-radius: 50%;
}
.wki .btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.wki .pagination-wrapper .pagination {
  display: flex;
}
.wki .table-responsive .table {
  margin-bottom: 1.875rem;
}
.wki inail-form-group, .wki inail-form-section, .wki inail-form-title, .wki inail-sticky {
  flex: 100%;
}
.wki .form-group input[type=checkbox], .wki .form-group input[type=radio] {
  width: unset;
}
.wki .overview--sticky .overview__addon {
  display: none;
}
.wki span.label {
  border-radius: 10rem;
  padding: 0.2rem;
}
.wki.wki .d-inline-flex .control-label {
  align-self: center;
  margin-bottom: 0;
  margin-right: 5px;
}
.wki .tab-content div[data-inail-expandable-panel] {
  display: list-item;
  height: unset;
}
.wki .collapse > .card-body > .row,
.wki .collapsing > .card-body > .row,
.wki .tab-pane > .row {
  margin: 0;
}
.wki .td--collapse {
  padding: 20px;
}
.wki.wk .border-bottom {
  border-color: #b3cdd8 !important;
}
.wki.wk .navbar .nav-item .nav-link {
  border-bottom: 2px solid transparent;
}
.wki.wk .nav-item .dropdown-toggle::after {
  vertical-align: 0.115em;
}
.wki.wk .has-warning .form-control {
  background-color: #ffe378 !important;
}
.wki.wk .inail-tab-wrapper.is-horizontal .nav-item {
  max-width: unset;
}
.wki inail-skip-link {
  display: block;
  text-align: center;
}
.wki inail-input-loading .mr-loading {
  margin-right: 2rem;
}
.wki.wk.wki__main {
  position: relative;
}
.wki.wk .navbar .nav-item .nav-link {
  width: 100%;
}
.wki.wk .upload-file__name {
  float: left;
}
.wki.wk .select .bs-searchbox .form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
}
.wki.wk .select .dropdown-menu {
  left: 5px;
  right: 5px;
}
.wki inail-panel-tree .button-tree-container {
  position: relative;
}
.wki inail-panel-tree .tree .panel {
  position: relative;
}
.wki inail-panel-tree .tree__btn {
  position: absolute;
  top: 100%;
  left: 2px;
  margin-top: -8px;
  font-size: 18px;
  border: 0;
  z-index: 1000;
}
.wki inail-panel-tree .tree__btn[aria-expanded=false] .icon::before {
  content: "\f055";
}
.wki inail-panel-tree .tree__btn[aria-expanded=true] .icon::before {
  content: "\f056";
}
.wki inail-panel-tree .tree, .wki inail-panel-tree .tree .tree__ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wki inail-panel-tree .tree .tree__ul {
  position: relative;
  margin-left: 1.5em;
  top: -2em;
}
.wki inail-panel-tree .tree .tree__li {
  margin-left: 1.35em;
  border-left: thin solid #C6CEDC;
}
.wki inail-panel-tree .tree .tree__li .panel {
  margin-left: 1.5em;
  margin-bottom: 0;
}
.wki inail-panel-tree .tree .tree__li:last-child {
  border-left: none;
}
.wki inail-panel-tree .tree .tree__li:last-child .panel {
  position: relative;
  top: -2em;
}
.wki inail-panel-tree .tree .tree .tree__li:before {
  position: relative;
  top: 2.8em;
  width: 1.5em;
  height: 0.6em;
  margin-right: 0.1em;
  vertical-align: top;
  border-bottom: thin solid #C6CEDC;
  content: "";
  display: inline-block;
}
.wki inail-panel-tree .tree .tree .tree__li:last-child:before {
  border-left: thin solid #C6CEDC;
  top: 0;
  height: 3.5em;
}
.wki inail-panel-tree .treeview__light .tree, .wki inail-panel-tree .treeview__light .tree .tree .tree__ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wki inail-panel-tree .treeview__light .tree .tree__ul {
  position: relative;
  margin-left: 0;
  top: 0;
}
.wki inail-panel-tree .treeview__light .tree .tree__li {
  margin-left: 1.5em;
  border-left: thin solid #C6CEDC;
  min-height: 30px;
  line-height: 30px;
}
.wki inail-panel-tree .treeview__light .tree .tree__li .control-label::before {
  top: 5px;
}
.wki inail-panel-tree .treeview__light .tree .tree__li .control-label::after {
  top: 10px;
}
.wki inail-panel-tree .treeview__light .tree .tree__li:last-child {
  border-left: none;
}
.wki inail-panel-tree .treeview__light .tree .tree__li:before {
  position: relative;
  top: 0.35em;
  width: 1em;
  height: 0.75em;
  margin-right: 0.2em;
  vertical-align: top;
  border-bottom: thin solid #C6CEDC;
  content: "";
  display: inline-block;
}
.wki inail-panel-tree .treeview__light .tree .tree__li:last-child:before {
  border-left: thin solid #C6CEDC;
  top: 0;
  height: 1.25em;
}
.wki inail-panel-tree .treeview__light a:focus {
  outline: thin dotted;
  outline-offset: -2px;
}
.wki inail-panel-tree .treeview__light .tree__li .treeview__btn {
  width: auto;
  height: auto;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 2;
  max-width: 90%;
  white-space: normal;
  text-align: left;
}
.wki inail-panel-tree .treeview__light .tree__li .control-label {
  width: 80%;
}
.wki inail-panel-tree .treeview__light .tree__li .treeview__text {
  display: inline-table;
  max-width: 90%;
  line-height: 140%;
  padding-bottom: 0.5em;
}
.wki.wk .form-control.is-valid {
  border-color: #008758;
}
.wki.wk .dropdown-submenu .dropdown-toggle::after {
  position: absolute;
  top: 0.92rem;
  right: 0.5rem;
}
.wki.wk .collapse-header button {
  line-height: 1;
}
.wki .bg-info.bg-light {
  background-color: #127787 !important;
}
.wki .card-header.bg-info {
  background-color: #127787 !important;
}
.wki .form-control:focus {
  border-color: #f90;
  outline: 0;
  box-shadow: 0 0 0 2px #f90 !important;
}
.wki .has-error .form-control:focus {
  border: unset !important;
  box-shadow: inset 0 0 0 2px #C9291B, 0 0 0 2px #C9291B !important;
}
.wki .has-error .form-control {
  border-color: #C9291B;
  box-shadow: inset 0 0 0 2px #C9291B;
}
.wki input[type=file]:focus + label {
  outline: 5px auto #f90;
}
.wki .input-checkbox input[type=checkbox]:focus + .control-label::after,
.wki .input-radio input[type=radio]:focus + .control-label::before {
  border: 2px solid #f90;
}
.wki .input-checkbox input[type=checkbox]:focus + .control-label::after {
  box-shadow: 0 0 0 1px #f90, 0 0 0 1px #f90;
}
.wki .input-radio input[type=radio]:focus + .control-label::before {
  box-shadow: inset 0 0 0 1px #f90, inset 0 0 0 1px #f90;
}
.wki .form-check [type=checkbox]:not(:checked) + label::before {
  width: 19px;
  height: 19px;
  left: -2px;
  top: 5px;
}
.wki .form-check [type=checkbox] + label::before {
  transform: unset;
  transform-origin: unset;
}
.wki .form-check [type=checkbox] + label::after, .wki .form-check [type=checkbox] + label::before {
  border-width: 1px;
}
.wki .btn:focus {
  border-color: #f90;
  box-shadow: 0 0 0 2px #f90 !important;
}
.wki inail-action .btn {
  padding: 5px 10px !important;
}
.wki inail-single-checkbox .single-checkbox {
  padding-top: 20px;
}
@media (max-width: 575.98px) {
  .wki .pagination-wrapper .pagination .page-item.active {
    margin-left: 5px;
  }
  .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;
  }
}
.wki .h3 {
  font-size: 1.375rem;
  font-weight: initial;
  font-family: "titilliumwebSemibold", sans-serif;
}
.wki .row > inail-action, .wki .row > inail-single-checkbox {
  align-self: center;
  margin-bottom: 0.5rem;
}
.wki inail-multiple-select inail-input-loading {
  padding: 0 1.25rem;
}
.wki inail-multiple-select button.btn.form-control.dropdown-toggle {
  overflow: hidden;
}
.wki .input-group.select > inail-input-loading {
  padding: 0 0.5rem;
}
.wki.wk .multiselect .input-group.select.show {
  display: flex;
}
.wki.wk h1:focus, .wki.wk .h1:focus {
  box-shadow: 0 0 0 2px #f90;
}
.wki.wk caption {
  caption-side: unset;
  font-size: 1.375rem;
  color: inherit;
}
.wki.wk .nav-tabs .nav-link:hover, .wki.wk .nav-tabs .nav-link:focus {
  box-shadow: 0 0 0 2px inset #f90;
}
.wki.wk span.list-empty {
  margin-left: 0.725rem;
}
.wki .h2.h2-caption {
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
}
.wki .inail-input-messages {
  min-height: 1.666rem;
}
.wki.wk inail-badge .list-group-item {
  border: unset;
}
.wki .table-hover tbody tr[role=presentation]:hover {
  color: inherit;
  background-color: inherit;
}
.wki .badge [data-toggle=collapse]::before {
  font-family: "inail-icons";
  color: #012e5d;
  line-height: 1.5;
  font-size: 1rem;
  float: right;
  content: "\e90c";
  transition: transform 0.3s;
}
.wki .badge [data-toggle=collapse][aria-expanded=false]::before {
  color: #012e5d;
  line-height: 1.5;
  font-size: 1rem;
  transform: scaleY(-1);
}
.wki .input-group.upload-file span.btn.btn-link {
  position: absolute;
  top: 0;
  line-height: 1.428571429;
  background-color: #FFF;
  margin-top: 2px;
  height: calc(100% - 4px);
  right: 2px;
  padding: 3px 5px;
}

.ui-autocomplete.ui-front.ui-widget.ui-widget-content {
  z-index: 1050;
}

.modal .table__container ul li {
  display: flex;
  align-items: center;
}
.modal .table__container ul li::before {
  content: "";
}

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

main.wk.wki {
  margin-top: 0;
}

.wk.wki .inail-icons-menu {
  color: #012e5d;
}
/*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;
}

