/*
 * Personalizzazioni iGest.
 * Non modificare direttamente i file originali di Dason.
 */
.dataTables_wrapper .dataTables_length select,
 .dataTables_wrapper .dataTables_filter input {
     border: 1px solid #ced4da;
     border-radius: .25rem;
     padding: .375rem .75rem;
     background-color: #fff;
 }
 
 .dataTables_wrapper .dataTables_filter input {
     margin-left: .5rem;
 }
 
 .dataTables_wrapper .pagination {
     margin-bottom: 0;
 }
 #payroll-table .form-check-input {
      width: 1.1rem;
      height: 1.1rem;
      border: 1px solid #8c98a5;
      background-color: #fff;
      opacity: 1;
      cursor: pointer;
      box-shadow: none;
 }
 
 #payroll-table .form-check-input:hover {
      border-color: #2386e8;
 }
 
 #payroll-table .form-check-input:checked {
      background-color: #2386e8;
      border-color: #2386e8;
 }
 .text-orange {
     color: #fd7e14 !important;
 }
 
 .bg-soft-orange {
     background: rgba(253,126,20,.12) !important;
 }
 
 .btn-soft-orange {
     background: rgba(253,126,20,.12);
     color: #fd7e14;
     border: 1px solid rgba(253,126,20,.20);
 }
 
 .btn-soft-orange:hover {
     background: rgba(253,126,20,.22);
     color: #c96a11;
 }
 
 .border-orange {
     border-color: #fd7e14 !important;
 }
 
 .alert-orange {
     background: #fff4e8;
     border: 1px solid #fd7e14;
     color: #8a4b08;
 }
 
 .badge-soft-orange {
     background: rgba(253,126,20,.12);
     color: #fd7e14;
 }
 .btn-soft-orange {
     background-color: rgba(253,126,20,.12);
     border: 1px solid #fd7e14;
     color: #fd7e14;
 }
 
 .btn-soft-orange:hover {
     background-color: #fd7e14;
     color: #fff;
 }
 .btn-orange {
     background-color: #fd7e14;
     border-color: #fd7e14;
     color: #fff;
 }
 
 .btn-orange:hover {
     background-color: #e66f0d;
     border-color: #e66f0d;
     color: #fff;
 }
 
 .btn-orange:focus,
 .btn-orange:active {
     background-color: #d96408;
     border-color: #d96408;
     color: #fff;
     box-shadow: 0 0 0 .25rem rgba(253,126,20,.35);
 }
 
 .employee-area-card {
      display: flex;
      align-items: center;
      gap: 1rem;
      min-height: 118px;
      padding: 1.25rem;
      border: 1px solid #e9e9ef;
      border-radius: .75rem;
      background: #fff;
      color: inherit;
      text-decoration: none;
      transition:
           transform .18s ease,
           box-shadow .18s ease,
           border-color .18s ease;
 }
 
 .employee-area-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 .5rem 1.2rem rgba(18, 38, 63, .10);
      border-color: rgba(81, 86, 190, .35);
      color: inherit;
 }
 
 .employee-area-card-active {
      border: 2px solid #5156be;
      background: rgba(81, 86, 190, .035);
 }
 
 .employee-area-icon {
      width: 58px;
      height: 58px;
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
 }
 
 .employee-area-icon svg {
      width: 27px;
      height: 27px;
 }
 
 .employee-area-title {
      font-size: 1.05rem;
      font-weight: 600;
      margin-bottom: .25rem;
 }
 
 .employee-area-description {
      font-size: .875rem;
      color: #74788d;
 }
 
 .employee-area-arrow {
      color: #74788d;
      flex-shrink: 0;
 }
 
 .employee-area-card-active .employee-area-arrow {
      color: #5156be;
 }
 
 @media (max-width: 575.98px) {
      .employee-area-card {
           min-height: auto;
           padding: 1rem;
      }
 
      .employee-area-description {
           font-size: .82rem;
      }
 }