<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
    background-color:#fff;
    --bs-body-bg:#fff;
    color: var(--gscu-grey-900);
    font-family:'instrument Sans','CabinetGrotesk-Variable', sans-serif;
    font-size:14px;
  }

  a {
    color: var(--gscu-primary-500);
}

/* .row {
    margin: 0px 0px;
} */

.row&gt;* {
    padding: 8px;
}

b {
    font-weight: 600;
}

@media (min-width: 1400px) {
    .container {
        max-width: 100%;
    }
}

.container-fluid {
    padding: 0px;
}


/*---TOP BAR ---*/


.navbar-brand img{
    max-width:40vw;
    height:auto!important;
    max-height:40px;
    margin-left: 20px;
  }

/*responsive*/


@media (max-width: 768px) {

.navbar-toggler {
    padding: 0px;
    border: none;
    margin-left: 12px;
}

.navbar-brand img {
    max-width: 35vw;
    margin-left: 9px;
}

}

/*---TESTI--*/

.h1, h1 {
    color: var(--gscu-black);
    font-family: var(--gscu-heading-font);
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.h2, h2 {
    color: var(--gscu-black);
    font-family: var(--gscu-heading-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.h3, h3 {
    color: var(--gscu-black);
    font-family: var(--gscu-heading-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.h4, h4 {
    color: var(--gscu-black);
    font-family: var(--gscu-heading-font);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.h5, h5 {
    color: var(--gscu-black);
    font-family: var(--gscu-heading-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.h6, h6 {
    color: var(--gscu-black);
    font-family: var(--gscu-heading-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


/*---MARGINI e PADDING---*/

/*classi-margin*/

.m-0{
    margin:0!important
}
.m-1{
    margin:8px!important
}
.m-2{
    margin:16px!important
}
.m-3{
    margin:24px!important
}
.m-4{
    margin:32px!important
}
.m-5{
    margin:40px!important
}
.mx-0{
    margin-right:0!important;
    margin-left:0!important
}
.mx-1{
    margin-right:8px!important;
    margin-left:8px!important
}
.mx-2{
    margin-right:16px !important;
    margin-left:16px!important
}
.mx-3{
    margin-right:24px!important;
    margin-left:24px!important
}
.mx-4{
    margin-right:32px!important;
    margin-left:32px!important
}
.mx-5{
    margin-right:40px!important;
    margin-left:40px!important
}
.my-0{
    padding-top:0!important;
    margin-bottom:0!important
}
.my-1{
    margin-top:8px!important;
    margin-bottom:8px!important
}
.my-2{
    margin-top:16px!important;
    margin-bottom:16px!important
}
.my-3{
    margin-top:24px!important;
    margin-bottom:24px!important
}
.my-4{
    margin-top:32px!important;
    margin-bottom:32px!important
}
.my-5{
    margin-top:40px!important;
    margin-bottom:40px !important;
}
.mt-0{
    margin-top:0!important
}
.mt-1{
    margin-top:8px!important
}
.mt-2{
    margin-top:16px!important
}
.mt-3{
    margin-top:24px!important
}
.mt-4{
    margin-top:32px!important
}
.mt-5{
    margin-top:40px!important
}
.me-0{
    margin-right:0!important
}
.me-1{
    margin-right:8px!important
}
.me-2{
    margin-right:16px!important
}
.me-3{
    margin-right:24px!important
}
.me-4{
    margin-right:32px!important
}
.me-5{
    margin-right:40px!important
}
.mb-0{
    margin-bottom:0px !important
}
.mb-1{
    margin-bottom:8px!important
}
.mb-2{
    margin-bottom:16px!important
}
.mb-3{
    margin-bottom:24px!important
}
.mb-4{
    margin-bottom:32px!important
}
.mb-5{
    margin-bottom:40px!important
}
.ms-0{
    margin-left:0px !important
}
.ms-1{
    margin-left:8px!important
}
.ms-2{
    margin-left:16px!important
}
.ms-3{
    margin-left:24px!important
}
.ms-4{
    margin-left:32px!important
}
.ms-5{
    margin-left:40px!important
}

/*classi-padding*/

.p-0{
    padding:0!important
}
.p-1{
    padding:8px!important
}
.p-2{
    padding:16px!important
}
.p-3{
    padding:24px!important
}
.p-4{
    padding:32px!important
}
.p-5{
    padding:40px!important
}
.px-0{
    padding-right:0!important;
    padding-left:0!important
}
.px-1{
    padding-right:8px!important;
    padding-left:8px!important
}
.px-2{
    padding-right:16px !important;
    padding-left:16px!important
}
.px-3{
    padding-right:24px!important;
    padding-left:24px!important
}
.px-4{
    padding-right:32px!important;
    padding-left:32px!important
}
.px-5{
    padding-right:40px!important;
    padding-left:40px!important
}
.py-0{
    padding-top:0!important;
    padding-bottom:0!important
}
.py-1{
    padding-top:8px!important;
    padding-bottom:8px!important
}
.py-2{
    padding-top:16px!important;
    padding-bottom:16px!important
}
.py-3{
    padding-top:24px!important;
    padding-bottom:24px!important
}
.py-4{
    padding-top:32px!important;
    padding-bottom:32px!important
}
.py-5{
    padding-top:40px!important;
    padding-bottom:40px !important;
}
.pt-0{
    padding-top:0!important
}
.pt-1{
    padding-top:8px!important
}
.pt-2{
    padding-top:16px!important
}
.pt-3{
    padding-top:24px!important
}
.pt-4{
    padding-top:32px!important
}
.pt-5{
    padding-top:40px!important
}
.pe-0{
    padding-right:0!important
}
.pe-1{
    padding-right:8px!important
}
.pe-2{
    padding-right:16px!important
}
.pe-3{
    padding-right:24px!important
}
.pe-4{
    padding-right:32px!important
}
.pe-5{
    padding-right:40px!important
}
.pb-0{
    padding-bottom:0!important
}
.pb-1{
    padding-bottom:8px!important
}
.pb-2{
    padding-bottom:16px!important
}
.pb-3{
    padding-bottom:24px!important
}
.pb-4{
    padding-bottom:32px!important
}
.pb-5{
    padding-bottom:40px!important
}
.ps-0{
    padding-left:0!important
}
.ps-1{
    padding-left:8px!important
}
.ps-2{
    padding-left:16px!important
}
.ps-3{
    padding-left:24px!important
}
.ps-4{
    padding-left:32px!important
}
.ps-5{
    padding-left:40px!important
}

/*---PULSANTI---*/

.btn {
    --bs-btn-padding-y:10px;
    --bs-btn-padding-x:16px;
    font-family: var(--gscu-btn-font);
    --bs-btn-font-size: 14px;
    --bs-btn-font-weight:500;
    --bs-btn-line-height: 140%; /* 21px */
    --bs-btn-color: var(--gscu-grey-900);
    --bs-btn-bg: var(--gscu-white);
    --bs-btn-border-radius:6px;
}

.btn:hover {
    background-color: var(--gscu-grey-150);
}

.btn-lg{
    --bs-btn-padding-y:14px;
    --bs-btn-padding-x:20px;
    --bs-btn-border-radius:8px;
}


.btn-sm{
    --bs-btn-padding-y:8px;
    --bs-btn-padding-x:12px;
    --bs-btn-font-size: 12px;
    --bs-btn-border-radius:4px;
}

.btn-sm.btn-icon{
    padding:8px 12px;
    --bs-btn-font-size: 12px;
    --bs-btn-border-radius:4px;
}

.btn-lg.btn-icon{
    padding:8px 12px;
    --bs-btn-padding-x:20px;
    --bs-btn-border-radius:8px;
}


.btn-primary {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--gscu-primary-500, #35A0F2);
    background: var(--gscu-primary-500, #35A0F2);
    color: var(--gscu-white);
    font-style: normal;
}

.btn-primary:hover {
    border: 1px solid var(--gscu-primary-550);
    background: var(--gscu-primary-550);
    color: var(--gscu-white);
    
}

.btn-primary:active {
    border: 1px solid var(--gscu-primary-600) !important;
    background: var(--gscu-primary-600) !important;
    color: var(--gscu-white) !important;
}

.btn-primary:disabled {
    border: 1px solid var(--gscu-grey-100) !important;
    background: var(--gscu-grey-100) !important;
    color: var(--gscu-grey-400) !important;
}

.btn-secondary {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--gscu-grey-500);
    background: var(--gscu-white);
    font-style: normal;
    position: relative;
    white-space: nowrap;
}

.btn-secondary:hover {
    border: 1px solid var(--gscu-grey-500);
    background: var(--gscu-grey-100);
    color: var(--gscu-grey-900);
}

.btn-secondary:active {
    border: 1px solid var(--gscu-primary-300) !important;
    background: var(--gscu-primary-100) !important;
    color: var(--gscu-primary-500) !important;
}

.btn-secondary:disabled {
    border: 1px solid var(--gscu-grey-200) !important;
    background: var(--gscu-white) !important;
    color: var(--gscu-grey-400) !important;
}

.btn-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--gscu-grey-900);
    border: none;
    font-style: normal;
}

.btn-link:hover {
    color: var(--gscu-primary-500);
    font-family: var(--gscu-text-font);
    background: var(--gscu-primary-100);
}

.btn-link:active {
    color: var(--gscu-primary-500) !important;
    font-family: var(--gscu-text-font) !important;
    background: var(--gscu-primary-100) !important;
}

.btn-link:disabled {
    color: var(--gscu-grey-400) !important;
    font-family: var(--gscu-text-font) !important;
    border: none !important;
}

button.link {
    font-size: 14px;
    color: var(--gscu-primary-500);
    font-weight: 500;
    margin-bottom: 4px;
}

/*dropdown button*/

.btn.show {
    background-color: var(--gscu-primary-100);
    color: var(--gscu-primary-500);
    border: 1px solid var(--gscu-primary-300);
  }

  .btn.btn-primary.show {
    background-color: var(--gscu-primary-500);
    color: var(--gscu-white);
    border: 1px solid var(--gscu-primary-500);
  }

  .dropdown-toggle::after {
    display: none;
  }

  .dropdown:not(:has(li)) .dropdown-toggle {
    display: none;
  }

  /*dropdown*/

  .dropdown-menu{
    --bs-dropdown-color:var(--gscu-grey-900);
    font-size: 14px;
    --bs-dropdown-bg:var(--gscu-white);
    --bs-dropdown-border-color:var(--gscu-grey-500);
    --bs-dropdown-border-radius:6px;
    box-shadow: var(--gscu-ombra-y);
    --bs-dropdown-link-color:var(--gscu-grey-900);
    --bs-dropdown-link-hover-color:var(--gscu-grey-900);
    --bs-dropdown-link-hover-bg:var(--gscu-grey-100);
    --bs-dropdown-link-active-color:var(--gscu-primary-500);
    --bs-dropdown-link-active-bg:var(--gscu-primary-100);
    --bs-dropdown-link-disabled-color:var(--gscu-grey-400);
    --bs-dropdown-item-padding-x:1rem;
    --bs-dropdown-item-padding-y:0.25rem;
    --bs-dropdown-header-color:var(--gscu-grey-800);
    --bs-dropdown-header-padding-x:1rem;
    --bs-dropdown-header-padding-y:0.5rem;
    padding: 6px 12px;
}

.dropdown-menu.show {
    background-color:var(--gscu-white);
    margin: 6px 0px !important;
    padding: 8px 0px 8px 0px !important;
  }

  ul.dropdown-menu.show li {
    padding: 0px 8px;
    position: relative;
  }

.dropdown-item{
    padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color:var(--gscu-grey-900);
    border-radius: 6px;
    padding: 6px 12px;
}

  .dropdown-item:focus,.dropdown-item:hover{
    color:var(--bs-dropdown-link-hover-color);
    background-color:var(--bs-dropdown-link-hover-bg)
}
.dropdown-item.active,.dropdown-item:active{
    color:var(--bs-dropdown-link-active-color);
    text-decoration:none;
    background-color:var(--bs-dropdown-link-active-bg)
}

.dropdown-item.delete{
    color:var(--gscu-red-700);
}

  .dropdown-item.delete:focus,.dropdown-item.delete:hover{
    color:var(--gscu-red-700);
    background-color:var(--gscu-red-50)
}
.dropdown-item.delete.active,.dropdown-item.delete:active{
    color:var(--gscu-red-700);
    background-color:var(--gscu-red-50)
}

.dropdown-menu button {
    /* font-size:12px;
    padding:1px;
    width:100%; */
    text-align:left;
  }

  /* .dropdown-menu button:hover {
    background-color:#F2F7F8;
  } */
  

/*---FORM INPUT, SELECT, ecc...*/

label {
    color: var(--gscu-grey-800);
    font-family: var(--gscu-text-font);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

th {
    color: var(--gscu-grey-800);
    font-family: var(--gscu-text-font);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-label {
    color: var(--gscu-grey-800);
    font-family: var(--gscu-text-font);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-left: 14px;
    /* position: absolute;
    left: 26px;
    top: -12px; */
}

.input-group:not(.has-validation)&gt;.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)&gt;.form-floating:not(:last-child)&gt;.form-control, .input-group:not(.has-validation)&gt;.form-floating:not(:last-child)&gt;.form-select, .input-group:not(.has-validation)&gt;:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

/*input*/

.form-control{
    display: inline-flex;
    padding: 10px 16px 10px 14px;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    border-color: transparent;
    border-radius: 6px;
    background: var(--gscu-grey-150);
    color: var(--gscu-grey-800);
    transition: 0.3s;
}

.form-control:hover {
    background: var(--gscu-grey-200);
    transition: 0.3s;
}

.form-control:focus {
    background: var(--gscu-grey-200);
    border: 1px solid var(--gscu-primary-500);
    color: var(--gscu-grey-900);
    transition: 0.3s;
    box-shadow: none;
}

.form-control:disabled {
    background-color: var(--gscu-grey-100);
    color:  var(--gscu-grey-400);
}

input::placeholder {
    color: var(--gscu-grey-700) !important;
}

/*select*/

.form-select{
    display: block;
    width: 100%;
    padding: 11px 40px 10px 14px;
    border: 1px solid var(--gscu-grey-150);
    border-radius: 6px;
    background: var(--gscu-grey-150);
    --bs-form-select-bg-img:url("font-awesome-icons/chevron-down-icon.svg");
    background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-size:13px 10px;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    color: var(--gscu-grey-800) !important;
    font-family:  var(--gscu-text-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    transition: 0.3s;
}
.form-select:hover {
    background-color: var(--gscu-grey-200);
    border: 1px solid var(--gscu-grey-200);
    transition: 0.3s;
}
.form-select:focus {
    border: 1px solid var(--gscu-primary-500);
    color: var(--gscu-grey-900);
    box-shadow: none;
    transition: 0.3s;
}
.form-select:disabled {
    background-color: var(--gscu-grey-100);
    color:  var(--gscu-grey-400);
}

/*check*/

.form-check-input[type=checkbox] {
    border-color: var(--gscu-grey-500);
}

.form-check-input:checked[type=checkbox]:not([role="switch"]) {
    background-image:url("font-awesome-icons/check-icon.svg");
    background-size:8px 6px;
    --bs-form-check-bg-image:initial;
}


.form-check-input:focus {
    border-color:var(--gscu-primary-500);
    box-shadow:0 0 0 .25rem rgba(53, 160, 242, 0.25);
}

.form-check-input:checked {
    background-color: var(--gscu-primary-500);
    border-color: var(--gscu-primary-500);
}

.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
    cursor: default;
    color: var(--gscu-grey-400);
    opacity: 1;
}

.form-check-input:checked[type=checkbox]:not([role="switch"]):disabled {
    background-image: url("font-awesome-icons/check-icon.svg");   
}

.form-check-input:disabled {
    background-color: var(--gscu-grey-300);
    border-color: var(--gscu-grey-300);
}

/*radio*/

.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image:url("font-awesome-icons/circle.svg");
}

/*switch*/

.form-switch .form-check-input {
    background-position: left center;
    --bs-form-switch-bg: url("font-awesome-icons/circle-gray.svg");
    background-color: var(--gscu-grey-500);
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("font-awesome-icons/circle-white.svg"); 
}

.form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("font-awesome-icons/circle-white.svg");
    background-color: var(--gscu-primary-500);
}

.form-switch .form-check-input:disabled {
    background-position: left center;
    --bs-form-switch-bg: url("font-awesome-icons/circle-white.svg");
}

.form-switch .form-check-input:checked:disabled {
    background-position: right center;
    --bs-form-switch-bg: url("font-awesome-icons/circle-white.svg");
    background-color: var(--gscu-primary-150);
}

.form-check-input:active {
    filter: brightness(100%);
}

/*--BADGES e BANNER*/

/*badges*/

.badge{
    --bs-badge-padding-x:8px;
    --bs-badge-padding-y:4px;
    --bs-badge-font-size:12px;
    --bs-badge-font-weight:500;
    --bs-badge-border-radius:4px;
    font-family: var(--gscu-text-font);
    line-height:150%;
    margin:2px 0px;
    text-overflow:ellipsis;
    overflow:hidden;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.rounded-pill {
    --bs-badge-padding-x:12px;
    --bs-badge-padding-y:4px;
}

.bg-primary {
    background: var(--gscu-primary-150) !important; 
    color: var(--gscu-primary-700) !important;
}

.bg-secondary {
    background: var(--gscu-grey-200) !important; 
    color: var(--gscu-grey-800) !important;
}

.bg-success {
    background: var(--gscu-green-100) !important; 
    color: var(--gscu-green-900) !important;
}

.bg-danger {
    background: var(--gscu-red-100) !important; 
    color: var(--gscu-red-900) !important;
}

.bg-warning {
    background: var(--gscu-secondary-300) !important; 
    color: var(--gscu-secondary-900) !important;
}

/*text-bg*/

.text-bg-success {
    color: var(--gscu-green-900) !important;
    background-color:var(--gscu-green-100) !important;
}
.text-bg-info {
    color:#fff !important;
    background-color:#3A8596 !important;
}

.text-bg-warning {
    background: var(--gscu-secondary-300) !important; 
    color: var(--gscu-secondary-900) !important;
}
.text-bg-danger {
    background: var(--gscu-red-100) !important; 
    color: var(--gscu-red-900) !important;
}

/*text*/

.text-success {
    --bs-text-opacity: 1;
    color: var(--gscu-green-500) !important;
}

.text-primary {
    color: var(--gscu-primary-550) !important;
}

/*banner*/

.alert{
    --bs-alert-padding-x:16px;
    --bs-alert-padding-y:9px;
    --bs-alert-margin-bottom:8px;
    --bs-alert-border-radius:6px;
    position:relative;
    padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom:var(--bs-alert-margin-bottom);
    border-radius:var(--bs-alert-border-radius)
}

.alert-link{
    font-weight:700;
    color:var(--bs-alert-link-color);
    text-decoration: underline !important;
}

.alert-dismissible .btn-close{
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    padding:13px;
    opacity: 1;
    --bs-btn-close-bg: none;
    background: none;
    --bs-btn-close-focus-shadow: none;
}

.alert-primary{
    --bs-alert-color:var(--gscu-primary-700);
    --bs-alert-bg:var(--gscu-primary-150);
    --bs-alert-border-color:var(--gscu-primary-150);
    --bs-alert-link-color:var(--gscu-primary-700)
}
.alert-secondary{
    --bs-alert-color:var(--gscu-grey-800);
    --bs-alert-bg:var(--gscu-grey-200);
    --bs-alert-border-color:var(--gscu-grey-200);
    --bs-alert-link-color:var(--gscu-grey-800)
}
.alert-success{
    --bs-alert-color:var(--gscu-green-900);
    --bs-alert-bg:var(--gscu-green-100);
    --bs-alert-border-color:var(--gscu-green-100);
    --bs-alert-link-color:var(--gscu-green-900)
}
.alert-warning{
    --bs-alert-color:var(--gscu-secondary-900);
    --bs-alert-bg:var(--gscu-secondary-300);
    --bs-alert-border-color:var(--gscu-secondary-300);
    --bs-alert-link-color:var(--gscu-secondary-900)
}
.alert-danger{
    --bs-alert-color:var(--gscu-red-900);
    --bs-alert-bg:var(--gscu-red-100);
    --bs-alert-border-color:var(--gscu-red-100);
    --bs-alert-link-color:var(--gscu-red-900)
}

/*progress bar*/

.progress {
    height: 4px;
}

/*---TABELLE---*/

.table {
    margin-bottom: 0px;
}

th {
    padding: 8px 8px 12px 8px !important;
}

tbody tr {
    height: 64px;
    transition:.2s;
}

/*tr-hover*/
  tbody:not(:has(tr.ui-sortable-helper)):not(:has(.jqs-day)):not(:has(.month-day)) tr:hover, .ui-sortable-placeholder {
    background-color: var(--gscu-grey-100);
    transition:.2s;
  }

/*tr-checked*/
.form-check-input:checked[type=checkbox] + tr {
  background-color: #000;
}

thead th {
  background-color: var(--gscu-grey-150) !important;
}

table:not(.v-table) tr td:first-child {
  padding-left: 20px;
}

table:not(.v-table):not(.impossible-table) tr td:last-child {
  padding-right: 10px !important;
}

table:not(.v-table) tr th:first-child {
  padding-left: 20px !important;
  border-radius: 4px 0px 0px 0px !important;
}

table:not(.v-table) tr th:last-child {
  padding-right: 20px !important;
  justify-content: end;
  display: flex;
  align-items: flex-end;
  border-radius: 0px 4px 0px 0px !important;
}

tbody tr:last-child {
  border-bottom: transparent;
}


  /*paginazione*/

  .pagination {
    --bs-pagination-font-size:14px;
    display:inline-flex;
    border: none;
    border-radius:0px;
    margin:0px;
    gap: 16px;
}

.page-link {
    border-radius: 4px !important;
    border: var(--gscu-border-primary);
    font-weight: 500;
    color: var(--gscu-grey-900);
}

.page-link:hover {
    color: var(--gscu-grey-900);
    background-color: var(--gscu-grey-100);
}

.page-link:active {
    color: var(--gscu-primary-500);
    background-color: var(--gscu-primary-100);
    border-color: var(--gscu-primary-300);
}

.page-link-active {
    z-index: 3;
    color: var(--gscu-primary-500);
    background-color:var(--gscu-primary-100);
    border-color: var(--gscu-primary-300);
}

.page-link:focus {
    z-index: 3;
    color: var(--gscu-primary-500);
    background-color:var(--gscu-primary-100);
    box-shadow: none;
}

.current {
    color: var(--gscu-grey-800);
    font-size: 12px;
}

  /*input*/

table .form-control {
    margin-bottom: 0px!important;
}

table .form-select {
    margin-bottom: 0px!important;
}


/*responsive*/

@media (max-width:576px) {
 
    .table-container {
        overflow: scroll;
    }

}



  /*---TABS---*/

  ul#pills-tab {
    border-radius: 6px;
    border: 1px solid var(--gscu-grey-400);
    background: var(--gscu-wWhite);
    padding: 8px;
    width: fit-content;
}
  ul#pills-tab-small {
    border-radius: 6px;
    border: 1px solid var(--gscu-grey-400);
    background: var(--gscu-wWhite);
    padding: 6px;
    width: fit-content;
    font-size: 12px;
}

.nav-pills .nav-link.active, .nav-pills .show&gt;.nav-link {
    color: var(--gscu-primary-500);
    background-color: var(--gscu-primary-100);
    padding: 8px 16px;
    font-weight: 500;
    transition: 0.4s;
}
.nav-pills-small .nav-link-small.active, .nav-pills-small .show&gt;.nav-link-small {
    color: var(--gscu-primary-500);
    background-color: var(--gscu-primary-100);
    padding: 4px 10px;
    font-weight: 500;
    transition: 0.4s;
}

  .nav-pills {
    --bs-nav-pills-link-active-bg: var(--gscu-primary-100);
    transition: 0.4s;
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: 500;
    color: var(--gscu-primary-500);
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    transition: 0.4s;
}

.nav-link-small {
    padding:  4px 10px;;
}

.nav-link:focus {
    color: var(--gscu-primary-500);
    transition: 0.4s;
}

.nav-link:hover {
    color: var(--gscu-grey-900);
    background-color: var(--gscu-grey-100);
    transition: 0.4s;
}

.nav-pills .nav-link:disabled {
    color: var(--gscu-grey-500);
}


/*responsive tab*/



/*---MODAL---*/

/*pop-up*/

.modal-content {
    background-color: var(--gscu-white);
    border-radius: 8px;
    padding: 24px 0px 0px 0px;
    border: var(--gscu-border-primary);
}

.modal-header {
    padding:8px 24px 0px 32px;
    margin-bottom: 24px;
    border-bottom:initial;
    align-items: flex-start;
}

.modal-title {
    font-size: 24px;
}

.modal-body {
    position: relative;
    padding: 0px;
}

/*pop-over*/

.popover.show {
    z-index: 2025
}

.popover-header {
    background-color: var(--gscu-primary-100);
    color: var(--gscu-grey-900);
}

button.popover {
    color:var(--gscu-grey-900);
    text-decoration:underline;
    border:none !important;
    font-size:14px !important;
    background-color: #0000;
  }
  span.popover {
    color:var(--gscu-grey-900);
    text-decoration:underline;
    border:none !important;
    font-size:14px !important;
    background-color: #0000;
  }

/*--ACCORDION---*/

.accordion {
    --bs-accordion-btn-icon:url("font-awesome-icons/chevron-down-icon-tris.svg");
    --bs-accordion-btn-active-icon:url("font-awesome-icons/chevron-down-icon-quater.svg");
    --bs-accordion-btn-focus-border-color: var(--gscu-grey-500);
    --bs-accordion-btn-focus-box-shadow:none;
}

.accordion-header {
    padding: 16px;
    border-radius: 6px;
    border-top: var(--gscu-border-primary)
}

.accordion-button {
    padding: 10px 14px;
    border-radius: 6px;
    border-bottom: none;
    font-weight:600;
    color: var(--gscu-grey-800);
}

button.accordion-button.collapsed {
    padding: 0px;
    transition: 0.3s;
}

.accordion-button:not(.collapsed) {
    color: var(--gscu-primary-500);
    background-color: var(--gscu-primary-100);
    font-weight:600;
    box-shadow: none;
    transition: 0.3s;
}

.accordion-button:not(.collapsed)::after {
    background-image:url("font-awesome-icons/chevron-down-icon-blu.svg");
    transform:rotate(-180deg);
    background-size:auto;
    background-position:center;
    /* filter:brightness(.2); */
}

.accordion-button::after {
    background-image:url("font-awesome-icons/chevron-down-icon.svg");
    background-size:auto;
    background-position:center;
}

.accordion-item:first-of-type {
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-top: none;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}
.accordion-item:last-of-type {
    border-bottom-right-radius:6px;
    border-bottom-left-radius:6px;
    /* border-top: var(--gscu-border-primary); */

}
.accordion-body {
    padding:24px 20px;
}

.accordion-item:has(div.accordion-collapse.show) + .accordion-item {
    /* border-top: var(--gscu-border-primary) !important; */
    transition:0.1s;
  }
  .accordion-item:has(div.accordion-collapse.show), .accordion-item:has(div.accordion-collapse.collapsing) {
    /* border-left:5px solid #3A8596 !important; */
    margin: 24px 0px;
    transition:0.3s;
    border-radius: 6px;
  }
  .accordion-item {
    border-radius: 6px;
    margin-bottom: 16px;
    border: var(--gscu-border-primary);
    transition:0.3s;
    transition-timing-function:cubic-bezier(.07, .96, .33, .84);
  }

  /*---CARD---*/

  .card {
    background-color: var(--gscu-white);
    border-radius: 6px;
    border: 1px solid var(--gscu-grey-400);
    padding: 20px 24px;
}

  .card-title {
    color: var(--gscu-grey-900);
    font-weight: 600;
  }

  .card .form-control {
    margin-bottom: 16px;
  }
  
  .card .form-select {
    margin-bottom: 16px;
  }

  /*---filtri---*/

  .input-group.justify-content-end {
    gap: 12px;
  }

  .form-control[type=date],.form-control[type=time]{
    display: block;
  }</pre></body></html>