@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root,[data-bs-theme=light]{
    --gscu-primary-900: #081926;
    --gscu-primary-800: #133B59;
    --gscu-primary-700: #1F5D8C;
    --gscu-primary-600: #2A7EBF;
    --gscu-primary-550: #2B8ED9;
    --gscu-primary-500: #35A0F2;
    --gscu-primary-450: #0AB5DA;
    --gscu-primary-400: #66B5F2;
    --gscu-primary-300: #98CCF5;
    --gscu-primary-200: #B2D9F7;
    --gscu-primary-150: #CDE6FA;
    --gscu-primary-100: #E6F1FA;
    --gscu-primary-50: #F7FCFF;
    --gscu-secondary-900: #5C3D0F;
    --gscu-secondary-700: #A67224;
    --gscu-secondary-600: #D9962F;
    --gscu-secondary-500: #F2A735;
    --gscu-secondary-400: #F5BC67;
    --gscu-secondary-300: #F7D399;
    --gscu-secondary-100: #FAEEDC;

    --gscu-black: #13151A;
    --gscu-grey-900: #2C3033;
    --gscu-grey-800: #485159;
    --gscu-grey-700: #828E99;
    --gscu-grey-600: #9DA9B2;
    --gscu-grey-500: #B8C3CC;
    --gscu-grey-400: #C6D2DB;
    --gscu-grey-300: #CFDBE5;
    --gscu-grey-200: #E6EDF2;
    --gscu-grey-150: #F0F4F7;
    --gscu-grey-100: #F7F9FA;
    --gscu-grey-50: #FAFBFC;
    --gscu-white: #fff;

    --gscu-green-900: #18592E;
    --gscu-green-700: #268C48;
    --gscu-green-500: #37CC69;
    --gscu-green-300: #77E59D;
    --gscu-green-100: #CFFADE;

    --gscu-yellow-900: #91711A;
    --gscu-yellow-700: #C79A24;
    --gscu-yellow-500: #F7CC20;
    --gscu-yellow-300: #F7DB74;
    --gscu-yellow-100: #FAEEC0;

    --gscu-red-900: #6E1A08;
    --gscu-red-700: #A62C1C;
    --gscu-red-500: #D94734;
    --gscu-red-300: #F2816B;
    --gscu-red-100: #FFCABD;
    --gscu-red-50: #FFEFEB;

    --gscu-heading-font: 'CabinetGrotesk-Variable', sans-serif;
    --gscu-text-font: 'Instrument Sans', sans-serif;
    --gscu-btn-font: 'Instrument Sans', sans-serif;

    --gscu-border-primary: var(--bs-border-width) var(--bs-border-style) var(--gscu-grey-300);
    --gscu-border-secondary: ;

    --gscu-ombra-y: 0px 4px 16px 0px rgba(0, 0, 0, 0.04);
    --gscu-ombra-x: 4px 0px 16px 0px rgba(0, 0, 0, 0.04);


    
}

/*---general---*/

.row.padding-card-home>* {
  padding-right: 16px;
}

@media (max-width:767px) {

.row.padding-card-home>* {
  padding-right: 8px;
}

.px-mobile-card-home {
  padding: 0px 24px 24px 24px;
}

}

.new-loader {
 shape-rendering: auto; 
 display: block; 
 background: rgb(255, 255, 255);
}

/*---LINK---*/

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

a:link, a:visited {
  text-decoration:none;
  transition:color .15s, background .15s;
}

/*---LOGIN, RESET PSW, ecc---*/

/*pagina-login*/

.sfondo-login {
    background-color: var(--gscu-grey-50);
}
.sfondo-authenticate-message {
    background-color: var(--gscu-grey-50);
}

/*pagina-registrazione*/



@media (min-width:768px) {
  
  .card-registrazione-container {
    width: 75%;
  }

  form#register-form {
    padding: 32px;
  }
  

}

form#register-form {
  padding: 16px;
}





/*---TOPBAR---*/

#topbar, .topbar {
  background: var(--gscu-white);
  /* max-height:64px; */
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  border-bottom: var(--gscu-border-primary);
  box-shadow: var(--gscu-ombra-y);
  padding: 0px;
}

#topbar .navbar-brand > img, .topbar .navbar-brand > img {
  height:48px;
}

.label-versione-gscu {
  font-size: 12px;
  color: var(--gscu-grey-700);
  margin-left: 4px;
}

.pulsanti-topbar {
  gap: 0px;
  display: flex;
}

.margin-right-negativo-1 {
  margin-right: -1px;
}

.img-utente {
  background: var(--gscu-grey-500);
  width: 40px;
  height: 40px;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}

.img-utente img {
  position: absolute;
  object-fit: cover;
  top: 0px;
  left: 0px;
  width: 100%;
}

.info-utente {
  display: block;
  text-align: left;
}

.nome-utente {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.ruolo-utente {
  
}

.orari-assistenza {
  font-size: 11px;
  margin: 0px 0px 8px 12px;
  color: var(--gscu-grey-700);
}

/*responsive*/

@media (max-width: 768px) {
  
  .info-utente {
    display: none;
  }

}

@media (max-width: 576px) {

  .label-versione-gscu {
    display: none;
  }

}

  /** STILE DELLA SIDEBAR **/
.sidebar {
    background-color: var(--gscu-white);
    border-right: var(--gscu-border-primary);
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    z-index:100;
    padding:48px 0 0;
    box-shadow: var(--gscu-ombra-x);
  }
  .sidebar-mobile {
    background-color: var(--gscu-white);
    border-right: var(--gscu-border-primary);
    z-index:1026;
  }

  .sidebar a, #sidebar a {
    color: var(--gscu-grey-900);
  }
  .sidebar span.scubo-sidebar-title, #sidebar span.scubo-sidebar-title {
    padding-left:15px;
  }
  .sidebar ul li a:hover, #sidebar ul li a:hover, .sidebar ul li a.active, #sidebar ul li a.active {
    background-color:var(--gscu-primary-50);
    color: var(--gscu-primary-500) !important;
    border-radius: 6px;
  }
  #sidebar {
    max-width:261px;
    min-width:261px;
  }
  #sidebar .nav-link {
    padding: 8px 12px;
    margin-bottom: 4px;
    font-weight: 500;
    position: relative;
  }
  
  .menu-sticky {
    overflow: auto;
  }


/*menu sidebar---*/

.btn-toggle-menu {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch; 
    background: var(--gscu-white);
    margin: 8px 0px;
    font-weight: 600;
}

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

.btn-toggle-menu:active {
    background: var(--gscu-primary-150) !important;
    color: var(--gscu-primary-500) !important;
    border: 1px solid var(--gscu-primary-150) !important;
}

.btn-toggle-menu:not(.collapsed) {
    background: var(--gscu-primary-100);
    color: var(--gscu-primary-500);
}

.display-when-collapsed {
  width: 18px;
}

.btn-toggle-menu:hover .display-when-collapsed {
  display: none;
}

.btn-toggle-menu:active .display-when-collapsed {
  display: none;
}

.btn-toggle-menu:not(.collapsed) .display-when-collapsed {
  display: none;
}

.display-when-active {
  width: 18px;
  display: none;
}

.btn-toggle-menu:hover .display-when-active {
  display: block;
}

.btn-toggle-menu:active .display-when-active {
  display: block;
}

.btn-toggle-menu:not(.collapsed) .display-when-active {
  display: block;
}

#home-collapse, #gestione-collapse, #progettazione-collapse, #selezioni-collapse, #gestioneesuberi-collapse, #servizio-collapse, #presenze-collapse, #monitoraggio-collapse, #certificazioni-collapse, #formazione-collapse {
    border-left: var(--gscu-border-primary);
    margin-left: 24px;
    padding: 6px 0px;
}

ul.btn-toggle-nav {
    padding-left: 8px;
}

button.admin-console  {
  width: 100%;
  justify-content: space-between;
}

/*responsive*/

@media (max-width:768px) {

.btn-toggle-menu:not(.collapsed), button.btn.btn-toggle.btn-toggle-menu.collapsed {
  width: 100%;
  font-size: 16px;
}

ul.btn-toggle-nav.ul-no-bullet {
  font-size: 16px;
  padding-left: 24px;
}

.btn-toggle-nav li.nav-item {
  margin-bottom: 8px;
}

a.nav-link {
  padding: 12px 16px;
  border-radius: 6px;
}

.display-when-collapsed {
  width: 22px;
}

.display-when-active {
  width: 22px;
}



}

/*********** WORKSPACE Lo spazio di lavoro centrale del gestionale ************/


    #workspace {
      max-width: none;
      margin: 66px 0px 0px 260px;
      padding: 0px;
      background-color:var(--gscu-white);
      min-height: none;
      width: -webkit-fill-available;
   }

   #workspace.full-screen {
    margin-left: 0px
   }
  


  @media (max-width:768px){
    #workspace {
      margin: 67px 0px 0px 0px;
      padding: 0px;
   }
  
  }

  #workspace .breadcrumb {
    font-size:14px;
  }
  #workspace .breadcrumb-item a {
    text-decoration:none;
  }
  #workspace .content {
    background-color: var(--gscu-white);
    padding: 24px 40px 24px 40px;
    margin: 0px;
    position:relative;
  }

#pagehead {
    border-bottom: var(--gscu-border-primary);
    margin-bottom: 40px;
    padding: 24px 40px 24px 40px;
    margin-left: 0px;
    max-width: 100%;
    margin-right: 0px;
}

  @media only screen and (min-width: 1513px) {
    
    /* #workspace {
      width: 85vw;
  } */
 

    #workspace .content {
      padding: 24px 64px 24px 64px;
    }

    #pagehead {
      padding: 24px 64px 24px 64px;
    }

  }
  

  @media (min-width:576px) {
    .page-title{
        white-space:nowrap;
        margin: 0px;
   }

  }


  @media (max-width:576px) {

   #workspace .content {
    padding: 0px 16px 16px 20px;
   }


   #pagehead {
    padding: 24px 24px 20px 24px;
    margin-bottom: 32px;
   }

  }

  #workspace.full-screen #pagehead {
   margin: 0px;
   max-width: 100%
  }


  .workspace-header-container {
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
    flex-wrap: wrap;
  }

  .heading-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 24px;
  }

  .title-section {
    width: 75%;
}

@media (max-width:992px) {
  
  .title-section {
    width: 100%;
}

  
  }

  .top-card-buttons { 
    gap: 12px;
    display: flex;
    flex-wrap: wrap;
  }

  .top-card-buttons:empty {
    display: none;
}

  td:last-child {
    margin-right: 0; /* Rimuove eventuali margini destra */
  }
  
  td:last-child * {
    margin-right: 0; /* Rimuove eventuali margini destra sugli elementi all'interno della cella */
  }
  
  td:last-child {
    padding-right: 10px; /* Aggiunge un po' di spazio tra il contenuto dell'ultima cella e il bordo destro */
  }
  

/*---DASH BOARD WELCOME---*/

.welcome-banner {
  border: none;
  background-color: var(--gscu-primary-50);
  margin: 16px 40px;
}

.welcome-image {
  width: 280px;
  /* margin-bottom: -32px;
  margin-left: 72px; */
}

@media (min-width:992px) {
  
    .welcome-image-container {
      text-align: end;
    }
  
  }

@media (max-width:576px) {
  
  .welcome-banner {
    margin: 16px 8px;
  }
  
  }


/*---TESTI---*/

p, text {
    color: var(--gscu-grey-900);
    font-family: var(--gscu-text-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
}

.text-500 {
  font-weight: 500 !important;
}

.text-600 {
  font-weight: 600 !important;
}

.text-small {
    color: var(--gscu-grey-900);
    font-family: var(--gscu-text-font);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */  
}

.text-small-500 {
  color: var(--gscu-grey-900);
  font-family: var(--gscu-text-font);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */  
}

.text-xsmall {
    color: var(--gscu-grey-900);
    font-family: var(--gscu-text-font);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; 
}

.text-xsmall-500 {
  color: var(--gscu-grey-900);
  font-family: var(--gscu-text-font);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; 
}

.text-transparent {
    color: transparent;
}

/*---BUTTON--*/

.btn-link-red {
  color: var(--gscu-red-700);
}

.btn-link-red:hover {
  color: var(--gscu-red-700);
  font-family: var(--gscu-text-font);
  background: var(--gscu-red-50);
}

.btn-nowrap {
  white-space: nowrap;
}

.btn-icon {
  width: 41px;
  height: 41px;
}


.btn-sm.btn-icon {
  width: 34px;
  height: 35px;
}

.btn-icon .duo-icon {
  width: 16px;
}

.btn-icon.btn-header .duo-icon {
  width: 18px;
}

.btn-sm .duo-icon {
  width: 14px;
}

.btn-header {
display: inline-flex;
padding: 24px;
justify-content: center;
align-items: center;
gap: 10px;
border-right: 1px solid var(--gscu-grey-200);
border-left: 1px solid var(--gscu-grey-200);
border-top: none;
border-bottom: none;
border-radius: 0px;
width: 100%;
height: 100%;
}

.btn-header:hover {
  border-right: 1px solid var(--gscu-grey-200);
  border-left: 1px solid var(--gscu-grey-200);
  border-top: none;
  border-bottom: none;
  border-radius: 0px;
  background: var(--gscu-grey-100);
  }

  .btn-header:active {
    border-right: 1px solid var(--gscu-grey-200) !important;
    border-left: 1px solid var(--gscu-grey-200) !important;
    border-top: none !important;
    border-bottom: none !important;
    z-index: 2;
    }

.btn-header-big {
  display: inline-flex;
  padding: 13px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-right: 1px solid var(--gscu-grey-200);
  border-left: 1px solid var(--gscu-grey-200);
  border-top: none;
  border-bottom: none;
  border-radius: 0px;
  height: 100%;
}
.btn-header-big:hover {
  border-right: 1px solid var(--gscu-grey-200);
  border-left: 1px solid var(--gscu-grey-200);
  border-top: none;
  border-bottom: none;
  border-radius: 0px;
  background: var(--gscu-grey-100);
  }

  .btn-header-big:active {
    border-right: 1px solid var(--gscu-grey-200) !important;
    border-left: 1px solid var(--gscu-grey-200) !important;
    border-top: none !important;
    border-bottom: none !important;
    z-index: 2;
    color: var(--gscu-grey-900) !important;
    }

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

.btn-delete:hover {
  background-color: var(--gscu-red-50);
  color: var(--gscu-red-700);
}

.btn-delete:active {
  background-color: var(--gscu-red-100) !important;
  border-color: var(--gscu-red-300) !important;
  color: var(--gscu-red-700) !important;
}

.btn-delete .delete-icon .linea{
  stroke: var(--gscu-red-500) !important;
}


/*responsive*/

@media (max-width:576px) {
  
  .btn-header-big {
    padding: 13px 16px;
  }

}

/*dropdown button*/

.li-dropdown-divider {
  padding: 0px !important;
}

.btn-header.show {
  border-right: 1px solid var(--gscu-grey-200) !important;
    border-left: 1px solid var(--gscu-grey-200) !important;
    border-top: none !important;
    border-bottom: none !important;
    z-index: 2;
    color: var(--gscu-grey-900) !important;
}

.btn-header-big.show {
  border-right: 1px solid var(--gscu-grey-200) !important;
  border-left: 1px solid var(--gscu-grey-200) !important;
  border-top: none !important;
  border-bottom: none !important;
  z-index: 2;
  color: var(--gscu-grey-900) !important;
}

.btn-header-big.show:hover {
background: var(--gscu-primary-100);
}

/*---BTN tables---*/

.btn-table {
  padding: 8px 10px;
  gap: 10px;
  font-size: 12px;
  border-radius: 4px;
}

.btn-table:has(input[type='checkbox']:checked) {
  border: 1px solid var(--gscu-primary-300) !important;
  background: var(--gscu-primary-100) !important;
  color: var(--gscu-primary-500) !important;
}

.btn-table:has(input[type='checkbox']:checked) .linea {
  stroke: var(--gscu-primary-500);
}

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

[data-form-section-title]:not(:has(+[data-form-section]>div:not([hidden]) :is(input:not(.d-none),select:not(.d-none),textarea:not(.d-none)))) {
    display: none!important;
}

.form-field {
  position: relative;
  /* display: inline-flex; */
  gap: 32px;
  /* width: 100%; */
}

/* .form-field .form-check-input {
  margin-top: -18px !important;
} */

.input-small {
  padding: 8px 14px 8px 10px;
  font-size: 12px;
  height: fit-content;
}

[data-bando-select] {
  background-position: right .75rem top 14px;
  white-space: normal;
  align-items: center;
  display: flex;
  font-weight: 500;
}

/*check*/

input#tr_checkbox_all {
  width: 14px;
  height: 14px;
}

/*input-width*/

.width-15rem {
    width: 15rem;
}

/*---ICONE---*/

.icon-container {
width: 14px;
height: 14px;
display: flex;
justify-content: center;
align-items: center;
}

.icon-container-sm {
  width: 12px;
  height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  }
.icon-container-lg {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  }

.icon-container-btn-header {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  }

.icon-badge-container {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  }

/*bianche*/

  .white-icon {
    fill: none;
    stroke: var(--gscu-white);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5px;
    width: 14px;
    transition: 0.3s;
    overflow: visible;
  }



/*celesti duo*/

.duo-icon {
    /*stroke: var(--gscu-white);*/
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.4px;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    overflow: visible;
}

.duo-icon path.linea {
    fill: none;
    stroke: var(--gscu-primary-500);
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .duo-icon path.celeste-pieno {
    fill: var(--gscu-primary-500);
    stroke-linecap: round;
    stroke-linejoin: round;
  }

.duo-icon path.bianco {
    fill: var(--gscu-white);
  }

.duo-icon path.celeste {
    fill: var(--gscu-primary-150);
  }

  /*grey*/

.grey-icon {
    fill: none;
   /* stroke: var(--gscu-grey-900);*/
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.4px;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    overflow: visible;
  }

.grey-icon path.linea {
    fill: none;
    stroke: var(--gscu-grey-900);
    stroke-linecap: round;
    stroke-linejoin: round;
  }

.grey-icon path.bianco {
    fill: var(--gscu-white);
  }

.grey-icon path.celeste {
    fill: transparent;
  }

  .grey-icon path.celeste-pieno {
    fill: var(--gscu-grey-900);
  }


.btn-secondary:hover .grey-icon .linea {
    stroke: var(--gscu-grey-900);
    transition: 0.3s;
}

.btn-secondary:active .grey-icon .linea {
    stroke: var(--gscu-primary-500);
    transition: 0.3s;
}

.btn-link:hover .grey-icon .linea {
    stroke: var(--gscu-primary-500);
    transition: 0.3s;
}


.btn.show.show:hover .grey-icon .linea {
  stroke: var(--gscu-primary-500);
}

.btn.show.show:active .grey-icon path.linea {
  stroke: var(--gscu-primary-500);
}

.btn.show .grey-icon .linea {
  stroke: var(--gscu-primary-500) ;
}

.btn-secondary:hover .grey-icon .celeste-pieno {
  fill: var(--gscu-grey-900);
}

.btn-secondary:active .grey-icon .celeste-pieno {
  fill: var(--gscu-primary-500);
}

.btn-link:hover .grey-icon .celeste-pieno {
  fill: var(--gscu-primary-500);
}

.btn.show .grey-icon path.celeste-pieno {
  fill: var(--gscu-primary-500);
}

.btn.show:hover .grey-icon path.celeste-pieno {
  fill: var(--gscu-grey-900);
}

.btn.show:active .grey-icon path.celeste-pieno {
  fill: var(--gscu-primary-500);
}

.btn.show:hover .grey-icon path.celeste-pieno {
  fill: var(--gscu-primary-500);
}

/*red icon*/

.delete-icon path.linea {
  stroke: var(--gscu-red-500);
}

/*icone badge*/

.badge-help-1 {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.badge-help-1, .badge-help-2 {
  stroke: var(--gscu-primary-600);
  stroke-width: 1.5px;
}

.badge-help-2, .badge-help-3 {
  fill: var(--gscu-primary-150);
}

.badge-info-1 {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.badge-info-1, .badge-info-2 {
  stroke: var(--gscu-grey-800);
  stroke-width: 1.5px;
}

.badge-info-2, .badge-info-3 {
  fill: var(--gscu-grey-200);
}

.badge-success-1 {
  fill: var(--gscu-green-100);
}

.badge-success-2 {
  fill: none;
  stroke: var(--gscu-green-900);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5px;
}

.badge-warning-2 {
  fill: none;
  stroke: var(--gscu-secondary-900);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5px;
}

.badge-warning-1 {
  fill: var(--gscu-secondary-300);
}

.badge-alert-2 {
  fill: none;
  stroke: var(--gscu-red-900);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5px;
}

.badge-alert-1 {
  fill: var(--gscu-red-100);
}

/*icone banner*/

.close-primary .linea {
  stroke: var(--gscu-primary-700) !important;
  transition: 0.3s;
}

.btn-close:hover .close-primary .linea {
  stroke: var(--gscu-primary-900) !important;
  transition: 0.3s;
}

.close-secondary .linea {
  stroke: var(--gscu-grey-700) !important;
  transition: 0.3s;
}

.btn-close:hover .close-secondary .linea {
  stroke: var(--gscu-grey-900) !important;
  transition: 0.3s;
}

.close-success .linea {
  stroke: var(--gscu-green-700) !important;
  transition: 0.3s;
}

.btn-close:hover .close-success .linea {
  stroke: var(--gscu-green-900) !important;
  transition: 0.3s;
}

.close-alert .linea {
  stroke: var(--gscu-red-700) !important;
  transition: 0.3s;
}

.btn-close:hover .close-alert .linea {
  stroke: var(--gscu-red-900) !important;
  transition: 0.3s;
}

.close-warning .linea {
  stroke: var(--gscu-secondary-700) !important;
  transition: 0.3s;
}

.btn-close:hover .close-warning .linea {
  stroke: var(--gscu-secondary-900) !important;
  transition: 0.3s;
}

/*icon-size*/

.icon-lg {
    stroke-width: 1.5px;
    width: 14px;
  }

  .icon-sm {
    stroke-width: 1.3px;
    width: 12px;
  }


  /*---BADGES e BANNER*/

  /*Badges*/

  /*Banner*/
 
  .alert-cta {
    display: flex;
    padding: 7px 16px;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
  }

  @media screen and (max-width:468px) {
    
  .alert-cta {
    display: block;
  }
}

  .alert-cta .btn-close {
    padding: 15px;
  }
  
  .alert-cta .btn-secondary.btn-sm {
    padding: 6px 12px;
    border-radius: 6px;
  }

  .alert-small {
    font-size: 12px;
    padding: 6px 40px 6px 12px;
    font-weight: 500;
    display: block;
    width: fit-content;
  }

  .alert-small .btn-close {
    padding: 9px;
  }

  .warning-on-button {
    position: absolute !important;
    right: -8px;
    top: -8px !important;
    z-index: 2;
}

.progress {
    overflow: visible;
    position: relative;
}
.progress .progress-bar {
    position: absolute;
    height: 100%;
    background: var(--gscu-green-500) !important;
}
.progress .milestone {
    position: absolute;
    bottom: 0;
}
.progress .progress-bar[data-color='red'] {
    background: var(--gscu-red-300) !important;
}
.progress .progress-bar[data-color='yellow'] {
    background: var(--gscu-secondary-500) !important;
}
.progress .progress-bar[data-color='primary'] {
    background: var(--gscu-primary-500) !important;
}
.progress .progress-bar[data-color='light-blue'] {
    background: var(--gscu-primary-450) !important;
}
.progress .progress-bar[data-color='grey'] {
    background: var(--gscu-grey-600) !important;
}
.milestone[data-color='red'] {
    color: var(--gscu-red-300) !important;
}
.milestone[data-color='yellow'] {
    color: var(--gscu-secondary-500) !important;
}
.milestone[data-color='primary'] {
    color: var(--gscu-primary-500) !important;
}
.milestone[data-color='light-blue'] {
    color: var(--gscu-primary-450) !important;
}
.milestone[data-color='grey'] {
    color: var(--gscu-grey-600) !important;
}


/*---TABELLE---*/

.table-responsive {
  border-radius: 5px !important;
  border: var(--gscu-border-primary);
  overflow: visible;
  width: 100%;
}

.table-action-tab-container:not(:has(.table-action *)) {
  display: none;
}

/* thead {
  background-color: var(--gscu-grey-150);
} */

.table-footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px 16px 20px;
  --bs-pagination-padding-x:1rem;
  --bs-pagination-padding-y:.5rem;
  border-top: var(--gscu-border-primary);
}


.show-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.show-row .form-select {
  background-color: var(--gscu-white);;
  border: 1px solid var(--gscu-grey-400);
  width: fit-content;
  color: var(--gscu-grey-900) !important;
  font-weight: 500;
  padding: 8px 30px 6px 8px;
  cursor: pointer;
}

.show-row .form-select:hover {
  background-color: var(--gscu-grey-100);
}

.show-row-label {
  color: var(--gscu-grey-700);
  font-size: 12px;
}

/* @media (max-width: 1199px) {
  .table-responsive {
    border-radius: 0px !important;
    border: none !important;
    overflow: scroll !important;
  }
} */

/*cta table*/

.table-action-tab-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.table-action-container {
  /* display: grid; */
}

.table-visible-action {
  display: inline-flex;
  gap: 16px;
  align-items: center;
}

.table-action {
  display: inline-flex;
  gap: 16px;
  align-items: center;
}

.filter-chip-container {
  display: inline-flex;
  gap: 8px;
  margin-top: 8px;
}

.filter-chip-dropdown {
  padding: 8px 16px;
}

.table-tab {
  display: inline-flex;
  align-items: center;
}

.label-item-table {
  font-weight: 500;
}
.label-item-table-grey {
  color: var(--gscu-grey-600);
}

@media screen and (max-width: 1256px) {
 
.table-action-tab-container {
  display: block;
}

.table-action-container {
  margin-bottom: 32px;
}

}

@media screen and (max-width: 912px) {
 
.table-visible-action {
  display: block;
}

.table-action {
  margin-bottom: 8px;
  flex-wrap: wrap;
  gap: 12px;
}

}

.table-action .dropdown:not(:has(ul *)) {
    display: none;
}

/*filtri*/

.filtri-btn-container {
  position: relative;
  display: inline-block;
}

.dropdown-filtri {
  border: var(--gscu-border-primary);
  padding: 24px 24px;
  border-radius: 6px;
  margin-top: 8px;
  max-width: 386px;
  width: fit-content;
  /* display: none;
  position: absolute; */
}

/* .filtri-btn-container:hover .dropdown-filtri {
  display: block;
} */

#cerca-candidato {
  margin-bottom: 40px;
}

.filtri-container .h6 {
  margin-bottom: 16px;
}

.filtri {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
}

.dropdown-cerca {
  padding: 8px 16px !important;
}

.dropdown-action {
  display: flex;
  justify-content: space-between;
}

.dropdown-item.annulla {
  width: fit-content;
  color: var(--gscu-grey-400);
}

.dropdown-item.salva {
  width: fit-content;
  color: var(--gscu-primary-500);
}

.dropdown-item.salva:hover {
  background-color: var(--gscu-primary-100);
}

/*chip filtri*/

.filter-chip {
display: inline-flex;
padding: 4px 10px 3px 12px;
align-items: center;
gap: 12px;
background-color: var(--gscu-primary-100) !important;
color: var(--gscu-primary-500) !important;
}

.btn-close-filter {
  padding:0px;
  opacity: 1;
  --bs-btn-close-bg: none;
  background: none;
  --bs-btn-close-focus-shadow: none;
}

.filter-chip .icon-container-sm {
  width: 10px;
  height: 10px;
}

.filter-chip .linea {
  stroke: var(--gscu-primary-500) !important;
  transition: 0.3s;
}

.btn-close-filter:hover .linea {
  stroke: var(--gscu-primary-600) !important;
  transition: 0.3s;
  opacity: 1;
}

.btn-close-filter:hover {
  color: var(--gscu-primary-600);
  transition: 0.3s;
  opacity: 1;
}

div#search.col {
  /* background-color: var(--gscu-white);
  border-radius: 6px;
  border: 1px solid var(--gscu-grey-400);
  padding: 20px 24px; */
  margin-bottom: 24px;
  /* margin-top: -16px; */
}

/*tabs table*/

ul#pills-tab-table {
  border-radius: 5px;
  background: var(--gscu-wWhite);
  padding: 0px;
  width: fit-content;
  font-size: 14px;
  margin-bottom: 0px !important;
}

.nav-pills-table .nav-link-table.active, .nav-pills-table .show>.nav-link-table {
  color: var(--gscu-primary-500);
  background-color: var(--gscu-primary-100);
  border: 1px solid var(--gscu-primary-300);
  padding: 6px 12px;
  font-weight: 500;
  transition: 0.4s;
  z-index: 2;
  position: relative;
}

.nav-link-table {
  padding:  6px 12px;;
  background-color: var(--gscu-primary-100);
  color: var(--gscu-grey-800);
}

.nav-pills-table .nav-link-table {
  border: 1px solid var(--gscu-grey-300);
  border-radius: 0px;
}

.nav-item-table:first-child .nav-link-table {
 border-radius: 5px 0px 0px 5px;
}

.nav-item-table:last-child .nav-link-table {
  border-radius: 0px 5px 5px 0px;
 }

 .nav-item-table {
  margin-right: -1px;
 }


 /*row-tabelle*/

 .cta-table-container {
  display: flex;
  justify-content: end;
  padding-right: 8px;
 }
 .cta-table-container:has(> * ~ *) {
     gap: 14px;
 }

 /*---MODAL---*/


 /*pop-up*/

 .footer-modal {
    margin-top: 24px;
    width: 100%;
    border-top: var(--gscu-border-primary);
    padding: 20px 24px;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
 }

.modal-body-form-inner {
    padding: 0px 32px;
}

.nome-volontario-modal {
    padding: 0px 32px;
}

.no-exit .close[data-bs-dismiss='modal'] {
    display: none;
}

@media (max-width: 576px) {
    .no-exit-mobile .close[data-bs-dismiss='modal'] {
        display: none;
    }
}

.list-style-type-none {
    list-style-type: none;
}

/*side-modal*/

.side-modal .modal-dialog{
  max-width: fit-content;
}

.side-modal .modal-dialog.modal-lg.modal-dialog-centered {
  width: fit-content;
}

.side-modal .modal-content {
  height:100vh;
  border-radius: 0px;
}

div#volontari_gruppo-modal_1 {
    padding: 0px 24px 24px 32px;
}

/* wide-modal */

.wide-modal .modal-dialog{
  width: 90% !important;
  max-width: 90% !important;
}

/* Modifiche per smartphone */
@media (max-width: 768px) {
  .side-modal .modal.fade .modal-dialog,
  .wide-modal .modal.fade .modal-dialog {
    width: 100% !important;
    max-width: 100% !important;
    transform: translate(0, 45%);
  }

  .side-modal .modal.fade .modal-content,
  .wide-modal .modal.fade .modal-content {
    height: 90% !important;
    max-height: 90% !important;
    border-radius: 16px 16px 0 0; /* Arrotondamento nella parte superiore */
    position: fixed;
    bottom: 0;
  }
}

/*#elimina-modal*/

.z-greater {
    z-index:1900;
}

.z-super {
    z-index:2000;
}


  /*---CARD---*/

  .card-title-container {
    display: inline-flex;
    gap: 16px;
    margin-bottom: 20px;
    align-items: center;
  }

.card-title-container .card-title {
  margin-bottom: 0px;
}

.header-card {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  padding-left: 0px;
  padding-right: 0px;
}

  .dati-card-container {
    display: block;
  }

  .icon-title-card {
    background-color: var(--gscu-primary-100);
    border-radius: 100px;
    width: 38px;
    height: 38px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

  .icon-title-card-blank {
    width: 40px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
}

  .dati-card {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 4px;
  }

  .dato {
    margin-bottom: 4px;
  }

  .label-dati-card {
    font-size: 10px;
    color: var(--gscu-grey-500);
  }
 
  .scorciatoie-card {
    padding: 12px 12px 12px 24px;
  }

  .scorciatoie-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

/*card-big*/

.card-big {
  margin: 40px !important;
  padding: 24px 32px 24px 32px !important;
}

@media (max-width:576px) {

  .card-big {
    margin: 24px 16px !important;
    padding: 0px !important;
    border: none;
    }

}

.tab-content .card-big {
  margin: 0px 0px 48px 0px !important;
}

  /*card mini panoramica*/

  .card-sm {
    padding: 18px 18px 18px 16px;
}

.card-padding-small {
  padding: 16px 20px;
}

  .card-mini-panoramica-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

  .card-mini-panoramica {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-direction: row;
}

.dati-card-progress-container {
  width: 100%;
}

.dati-card-container-flex {
  display: flex;
  margin-bottom: 6px;
  /* gap: 16px; */
  justify-content: space-between;
  flex-wrap: wrap;
}

.label-card {
  color: var(--gscu-grey-800);
  /* Label */
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.card-mini-panoramica-container span {
  display: flex;
}

/*responsive card mini panopramica*/

@media (max-width:576px){

.card-mini-panoramica-container {
  display: block;
}

.card-mini-panoramica-container span {
  display: block;
}

}

@media screen and (min-device-width: 576px) and (max-device-width: 768px) {

.card-mini-panoramica-container {
  display: block;
}

.card-mini-panoramica-container span {
  display: flex;
}

}



/*
*
* ==========================================
* DIVS SLIDERS
* ==========================================
*
*/

.divs-slider-item {
    display: none!important;
}
.divs-slider:not(:has([name^="divs-slider-control-"]:checked)) .divs-slider-item:first-child {
    display: flex!important;
}
.divs-slider-item:has([data-slider-item-control-this]:checked),
.divs-slider-item:has([data-slider-item-control-next]:checked)+.divs-slider-item,
.divs-slider-item:has(+.divs-slider-item [data-slider-item-control-prev]:checked) {
    display: flex!important;
}



/*
*
* ==========================================
* PAGINA CALENDARIO
* ==========================================
*
*/

.scheduler-container {
  /* margin: 16px 40px 32px 40px; */
  padding: 32px 0px 0px 0px;
  border: var(--gscu-border-primary);
  border-radius: 6px;
}

.action-bar-scheduler {
  gap : 1rem;
  display: flex;
  justify-content: space-between;
  align-items:center ;
  padding: 0px 32px;
  margin: 0px 0px 32px 0px;
}

.scheduler-nav {
  display: flex;
  justify-content: left;
  align-items: center;
}

.scheduler-btn-container {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.calendar-table thead {
  background-color: var(--gscu-white);
}

/*responsive calendario*/

@media (max-width:576px) { 

  .scheduler-container {
    margin: 16px 0px 32px 0px;
    padding: 24px 0px 0px 0px;
}

.schedule-topbar .heading-section {
  padding-left: 16px;
  padding-right: 16px;
}

.action-bar-scheduler {
  display: block;
  padding: 0px 12px;
}

.scheduler-btn-container {
  margin-top: 24px;
}

}

@media screen and (min-device-width: 576px) and (max-device-width: 768px) { 

.action-bar-scheduler {
  display: block;
}

}








/*-------------------stile CSS SCUBO modificato--------------------------*/

/*---WIGET COMMISSIONI---*/
.selectize-control.multi .selectize-input [data-value].active {
  background-color: var(--gscu-primary-500) !important;
  padding:4px 8px;
}
.selectize-control.multi .selectize-input>div.active {
  background:var(--gscu-primary-500) !important;
  color:#fff !important;
  border:1px solid var(--gscu-primary-500) !important;
}
.selectize-control.multi .selectize-input [data-value] {
  border-radius:3px !important;
  background-color:var(--gscu-primary-500) !important;
  background-image:none !important;
  box-shadow:none !important;
  padding:4px 8px;
}

/*---modal sostituzione volontario e olp---*/

.formset-row {
  padding: 4px 16px;
  border: var(--gscu-border-primary);
  border-radius: 6px;
  margin: 16px 0px;
}

.formset-row:hover {
  background-color: var(--gscu-grey-50);
  border-radius: 6px;
  transition: 0.3s;
}

/*FORMSET DELETION */
.formset-delete-row{
  align-content:space-around;
}
.formset-delete-icon{
  color: var(--gscu-red-700);
}
label:has(input[data-formset-delete-checkbox]:checked) .formset-delete-icon{
  display:none 
}
.formset-delete-icon-deleting{
  display:none 
}
label:has(input[data-formset-delete-checkbox]:checked) .formset-delete-icon-deleting{
  display: block;
  color: var(--gscu-red-700);
  background-color: var(--gscu-red-50);
  border-color: var(--gscu-red-100);
}

.formset-row:has(input[data-formset-delete-checkbox]:checked) * {
  color: var(--gscu-red-700)!important;
}
.formset-row:has(input[data-formset-delete-checkbox]:checked) input, .formset-row:has(input[data-formset-delete-checkbox]:checked) select{
  background-color:var(--gscu-red-50);
}

.impossible-item:has(input[data-formset-delete-checkbox]:checked) * {
  color: var(--gscu-red-700)!important;
}
.impossible-body:has(input[data-formset-delete-checkbox]:checked) input,
.impossible-body:has(input[data-formset-delete-checkbox]:checked) select{
  background-color:var(--gscu-red-50);
}
.impossible-item-footer:has(input[data-formset-delete-checkbox]:checked) .formset-delete-message{
  display: inline-block!important;
  color: var(--gscu-red-700);
}



/*---Box agli sfondo grigio---*/
.box-grigio {
  background-color: var(--gscu-grey-100);
  padding: 16px 16px 0px 16px;
  border-radius: 6px;
  margin: 0px 0px 16px 0px;
}
.mini-box-grigio {
  margin:-1px;
  background-color:var(--gscu-grey-100);;
}

/*---BLANK-PAGE---*/

.image-blank {
  width: 200px;
}

/*---Modifiche Pagina Colloqui---*/

.icone-blu .bi {
  color: var(--gscu-primary-500) !important;
  margin-right:5px;
}

.blu-scubo {
  color:var(--gscu-primary-500);
}


/*---PAGINA VOLONTARIO---*/


/* STOPWATCH */
.stopwatch{
  margin:32px 10px 10px 10px; 
}
.stopwatch-now-time{
  font-size:20px;
  font-weight:600;
}
.stopwatch-now-date{
  font-size:15px;
  font-weight:300;
  text-transform:none;
}

.stopwatch-button{
  font-size:17px;
  background-color: var(--gscu-red-50);
}

.stopwatch[data-running="true"] [data-stopwatch-button-start]{
  display:none;
}
.stopwatch[data-running="false"] [data-stopwatch-button-stop]{
  display:none;
}
.stopwatch-mini-display{
  color:var(--bs-danger-text);
  text-wrap:nowrap;
  margin-right:.6rem;
}


.stopwatch-display {
  font-size: 55px;
  font-weight: 800;
  color: var(--gscu-primary-500);
  border-radius: 10px;
  width: 80vw;
  max-width: 300px;
  text-align: center;
  margin: 30px;
  background-color: var(--gscu-primary-100);
  padding: 16px;
}

.scubo-btn-red {

}

/*---EMERGENZA 23 MAGGIO---*/

form div#documenti-modal_1 {
  padding: 12px 32px;
}


.mini-progress {
    display: none
}

/*---EMERGENZA 27 MAGGIO---*/

div#volontari-refreshable {
  width: 100%;
}


/*---impossible table---*/

.impossible-table {
    border-collapse: separate;
    border-spacing: 0px;
    margin-bottom: 16px;
}
.impossible-head th {
    background-color: transparent!important;
}
.impossible-body {
    display: none!important;
}
.impossible-body.show {
    display: table-row!important;
}
.impossible-body.collapsing > td > div {
    max-height: 0px!important;
    overflow: hidden;
    transition: all 0.5s;
}
.impossible-body.show > td > div {
    max-height: 100vh;
    overflow: hidden;
    transition: all 0.5s;
}
.impossible-table tr {
    border-width: 0px;
}
.impossible-table tr th {
    border-width: 0px;
}
.impossible-header {
    padding: 20px;
}
.impossible-item ~ .impossible-item::before {
  content: '';
  display: block;
  background-color: white;
  height: 16px;
}
.impossible-header td {
    border-color: var(--gscu-grey-300);
    border-style: solid;
    border-width: 1px 0px;
}
.impossible-header td:first-child {
    border-width: 1px 0px 1px 1px;
    border-radius: 6px 0px 0px 6px;
}
.impossible-header td:last-child {
    border-width: 1px 1px 1px 0px;
    border-radius: 0px 6px 6px 0px;
}
.impossible-item:has(.impossible-body.show) .impossible-header .toggler-closed{
  display:none 
}
.impossible-item:has(.impossible-body:not(.show)) .impossible-header .toggler-open{
  display:none
}
.impossible-item:has(.impossible-body.show) .impossible-header td{
  background-color: var(--gscu-grey-150);
}
tr.impossible-body.show:hover {
  background-color: var(--gscu-white) !important;
}
.impossible-body td {
    padding: 0px 3px!important;
}
.impossible-body td > div {
    border-color: var(--gscu-grey-300);
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-radius: 0px 0px 6px 6px;
}
.impossible-body td .row {
    padding: 24px;
}
.impossible-item-footer {
    border-top: var(--gscu-border-primary);
    padding: 12px 20px;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
}

.arrow-accordion-td {
  position: relative;
}

.absolute-t-24 {
  position: absolute;
  top: 24px;
}

.impossible-body .box-grigio {
  padding: 16px 20px 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--gscu-grey-50);
  border: var(--gscu-border-primary);
}

.box-grigio .form-label {
  margin: 0px 0px 8px 0px;
}


.blue-radio {
    border: 1px solid var(--gscu-primary-600);
    color: var(--gscu-primary-600);
}
.blue-radio:hover {
    background-color: var(--gscu-primary-600);
    color: var(--gscu-white);
}
.blue-radio:has(input[type="radio"]:checked) {
    background-color: var(--gscu-primary-600);
    color: var(--gscu-white);
}
.green-radio {
    border: 1px solid var(--gscu-green-700);
    color: var(--gscu-green-700);
}
.green-radio:hover {
    background-color: var(--gscu-green-700);
    color: var(--gscu-white);
}
.green-radio:has(input[type="radio"]:checked) {
    background-color: var(--gscu-green-700);
    color: var(--gscu-white);
}

.colored-radio:has(input[type="radio"]:disabled) {
    opacity: 50%;
}

.radio-text {
    white-space: normal;
    align-items: center;
}





.radio-label{
  display:block;
  min-width:1.5rem;
  cursor:pointer;
  background-color:white;
  color: var(--gscu-grey-800);
  margin: 0px 2.5px;
  text-align:center;
  white-space:nowrap;
  padding: 8px 12px;
  border-radius:3px;
  border: var(--gscu-grey-500) solid 1px;
}
/* .radio-label-red{
  width:2rem!important;
}
*/
label:has(input:checked) .radio-label{
  background-color:#398796;
  color:#F0F0F0;
}
label:has(input:checked) .radio-label-red{
  background-color:var(--gscu-red-100)!important;
  color:var(--gscu-red-900)!important
}
label:has(input:checked) .radio-label-green{
  background-color:var(--gscu-green-100)!important;
  color:var(--gscu-green-900)!important
}
.radio-label-always-red{
  background-color:#f26866!important;
  color:#F0F0F0;
}
.counted-star{
  text-align:center;
  color:#FFC86C;
}
[data-star-empty]{
  display:none;
  cursor:pointer;
}
[data-star-fill]{
  display:inline-block;
  cursor:pointer;
}
label:has(input:checked)~label:not(:has(~label:hover)):not(:hover) [data-star-empty]{
  display:inline-block!important;
}
label:has(input:checked)~label:not(:has(~label:hover)):not(:hover) [data-star-fill]{
  display:none!important;
}
label:has([data-star-fill]):hover~label i, label:has([data-star-fill]):has(input:checked)~label i{
  opacity:50%!important;
}
[data-ajax-radio-url]:has([data-star-fill]) label{
  display:flex;
  flex-direction:column;
  justify-content:end;
}
[data-ajax-radio-url]:has([data-star-fill]) label .radio-label{
  width:.75rem;
  height:.75rem;
  cursor:pointer;
  font-size:.5rem;
}
[data-trs-ul]:has(li)~[data-trs-ul-empty]{
  display:none;
}





.w-fit {
  width: fit-content;
}

.badge-notifications {
  position:absolute !important;
  top:-7px !important;
  right:-1px !important;
}
.badge-notifications-bis {
  position:absolute !important;
  top:-17px !important;
  right:-17px !important;
}
button:has(.badge-notifications) {
  overflow:visible;
}
.month-btn-confirm-toggle {
  padding: 8px 10px;
  gap: 10px;
  font-size: 12px;
  border-radius: 4px;
}
.month-btn-confirm-toggle:has(#flexSwitchCheckDefault:checked) .month-btn-not-confirmed{
  display: none;
}
.month-btn-confirm-toggle:has(#flexSwitchCheckDefault:not(:checked)) .month-btn-confirmed {
  display: none;
}


.info-button {
    position: absolute;
    right: 2rem;
    margin-top: 1.5rem;
}


  .c-progress {
    width: 100%;
    height: fit-content;
    aspect-ratio: 1 / 1;
    background: var(--bs-secondary-bg);
    position: relative;
    font-size: 1rem!important;
    border-radius: 50%;
    background: inherit!important;
  }


  .c-progress-circle {
    background: var(--bs-secondary-bg);
    position: relative;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    overflow: clip;
  }

  .c-progress-level>span,
  .c-progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
  }

  .c-progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition);
  }
  @media (prefers-reduced-motion: reduce) {
    .c-progress-bar {
      transition: none;
    }
  }
  
  .c-progress .c-progress-right .c-progress-bar,
  .c-progress .c-progress-right-b .c-progress-bar {
    left: -100%;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
  }
  .c-progress .c-progress-bar {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
  }
  
  .c-progress .c-progress-left .c-progress-bar{
    left: 100%;
    height: 110%;
    top: -5%;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
  }

  .c-progress.mini-progress{
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    float: left;
  }

  .c-progress::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 6px solid #eee;
    position: absolute;
    top: 0;
    left: 0;
  }



  .c-progress .c-progress-left{
    left: -1px;
    width: calc(50% + 1px);
  }



  .c-progress .c-progress-right,
  .c-progress .c-progress-right-b {
    right: 0;
  }



.c-progress .c-progress-inner {
  /* background-color: white; */
  background-color: inherit;
  border-radius: 50%;
  width: calc(100% - 12px);
  aspect-ratio: 1 / 1;
  height: auto;
  margin: 6px;
  display: block;
}
.c-progress.mini-progress .c-progress-inner {
  width: calc(100% - .5rem);
  margin: .25rem;
}

.c-progress .c-progress-value {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: transparent;
}
.c-progress .c-progress-value .h2 {
  margin-bottom: 0;
}
.c-progress.mini-progress .c-progress-value .h2 {
  display: none;
}

@keyframes c-progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}

.thick-2.c-progress .c-progress-inner{
  width: calc(100% - 24px);
  margin: 12px;
}

.thick-2.c-progress::after{
  border: 12px solid #eee;
}

.c-progress-bar.bg-success {
  background-color: var(--gscu-green-500) !important;
}
.c-progress-bar.bg-primary {
  background-color: var(--gscu-primary-500) !important;
}
.c-progress-bar.bg-yellow {
  background-color: var(--gscu-yellow-500) !important;
}
.c-progress-bar.bg-orange {
  background-color: var(--gscu-red-300) !important;
}
.c-progress-bar.bg-red {
  background-color: var(--gscu-red-500) !important;
}
.c-progress-bar.bg-dark-grey {
  background-color: var(--gscu-grey-800) !important;
}
.c-progress-bar.bg-grey {
  background-color: var(--gscu-grey-300) !important;
}
.c-progress-bar.bg-light-blue {
  background-color: var(--gscu-primary-450) !important;
}

.c-progress .milestone-container {
    position: absolute;
    height: 100%;
    width: 0px;
    left: 50%;
    border-radius: 50%;
    z-index: 10;
}

.c-progress .milestone {
    position: absolute;
    bottom: calc(100% - 8px);
    left: calc(50% - 8px);
}

.h-340px {
  height: 340px;
  overflow-y: auto;
}

.wmax-230px {
  max-width: 230px;
}
.wmin-200px {
  min-width: 200px;
}