/*@import "site.ddadmin.css";*/
@import "site.tooldropdownbutton.css";
@import "cssPerSchedaInfo.css";
@import "login_page.css";
@import "buttonTimbrature.css";
@import "PresenzaFacileCard.css";
@import "LightGallery/cssPerLightSlider.css";
@import "ratingSistem.css";
@import "ddImageUploadBase64.css";
@import "ddSpinner.css";
/*@import "site.InputCalendario.css";*/

/*@import "site.allegati.css";*/
/*.s-site-logo-img {
  content: url(../../Serenity.Assets/logo/white-128.png);
}*/
/*.s-site-logo-img {
  content: url(images/serenity-logo-w-128.png);
  object-fit: contain;
}*/
.s-PermissionCheckEditor {
  min-height: 450px;
}

.s-horizontal-divider {

  margin: 1em 0;
  line-height: 0;
  text-align: center;
}

  .s-horizontal-divider span {
    background-color: var(--s-card-bg);
    padding: 1em;
  }

  .s-horizontal-divider:before {
    content: " ";
    display: block;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #f7f7f7;
  }

/*-------------------------------------------------------------------------------------------------*/
/*.s-ReportDialog .size,
.s-ddHelpGuideDialog .size,*/
.s-ddChatDialog .size {
  width: 1200px;
  height: 800px;
}

/*input:focus, textarea:focus {
  border: 1px solid #5897fb;*/
/*background-color: #FFDDDF;*/ /*Rosa*/
/*background-color: #f0f2b8;*/ /*Giallo chiaro*/
/*color: black;
}*/

/*---MAGAZZINO---------------------------------------------------------------------------------------*/
.s-GestMagazzinoDialog .size {
  width: 1000px;
  height: 700px;
}

.s-GestMagazzinoGridInDialog .size {
  width: 1200px;
  height: 800px;
}


.s-GestMagazzinoListEditor {
  height: 350px;
}

.DD_inplace-button {
  display: inline-block;
  height: 32px;
  /*width: 24px;*/
  width: 32px;
  float: left;
  margin-left: 2px;
  border: 1px solid #aaa;
  border-radius: 4px 4px 4px 4px;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cccccc), color-stop(0.6, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%);
  background-image: -moz-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%);
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);*/
  background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%);
  cursor: pointer;
}

  .DD_inplace-button.cerca {
    /*background-color: #CAEEFF;*/
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(images/cerca.png);
    /*background-image: url(images/credit-card.png);*/
  }

  .DD_inplace-button.maps {
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(images/maps.png);
  }


/*---PERSONALIZZAZIONI INTERFACCIA-------------------------------------------------------------*/

/*.modal-content {*/ /*---Dimensionamento per tutte le dialog Modali*/
/*height: 64rem;
}*/


/*input {
  border-radius: 40px;*/ /* Arrotonda i bordi della TextBox */
/*}*/

input:focus, textarea:focus {
  border: 1px solid #5897fb;
  /*background-color: #FFDDDF;*/ /*Rosa*/
  background-color: ivory; /*#f0f2b8;*/ /*Giallo chiaro*/
  color: black;
  /*Toglie il bordo bootstrapp*/
  /*  outline: none !important;*/
  /*box-shadow: none !important;*/
  border: 0px solid #ccc;
}

input::placeholder {
  font-weight: normal; /* Imposta il testo del placeholder come normale (non in grassetto) */
  font-size: 12px;
}


/*===SPOSTA LA CAPTION SOPRA PER TUTTE LE DIALOG=========*/
.s-Form label.caption {
  margin-bottom: 0px;
  text-align: left;
  flex-basis: 100%;
  font-size: 13px;
}

.flex-layout .field {
  flex-wrap: wrap;
}

/*===ANNULLA LA MODIFICA GLOBALE NELLA PAGINA DI RESET PASSWORD======*/
.s-ChangePasswordPanel label.caption{
  margin-bottom: initial;
  text-align: initial;
  flex-basis: auto;
  font-size: initial;
}
/*======================================================*/
/*input, select, textarea, .form-control {*/ /*Per mettere in bold i dati inseriti nelle Text*/
/*font-weight: bold;*/
/*}
span#select2-chosen-5 {*/ /*Per mettere in bold i dati inseriti nelle combo*/
/*font-weight: bold;*/
/*}*/
.field .editor, .field .widget-wrapper { /*Per mettere in bold i dati in tutti i controlli di input*/
  font-weight: bold;
}

span.button-inner { /*Per Togliere il bold ai bottoni*/
  font-weight: 100;
}

.category {
  border: 0.5px solid #ccc;
  padding: 20px;
  border-radius: 10px; /* Arrotonda i bordi della categoria */
  margin-top: 20px;
  position: relative;
  /*background-color: #f8f9fa;*/ /* Colore grigio chiaro per il div chiuso */
}

.category-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
  /*font-weight: bold;*/
  /*color: dimgray;*/
  /*flex-basis: content;*/
}

  .category-title::before {
    content: "";
    width: 0.7em;
    margin-right: 0.7rem;
    border-bottom: 20px dashed rgba(var(--s-bright-rgb), 0.15);
    cursor: pointer;
    content: none; /*Toglie gli spazi iniziali*/
    /*background-image: url(images/Freccia_dx.jpg);*/ /*Visualizza immagine inizio Category*/
  }
/*.category-title::after {
    content: "";
    background-color: none;
    flex:none;
  }*/

.form-text {
  font-size: 12px;
  color: #6c757d;
}


/*================Stile per dashboard===================================================*/
.card-body-link {
  text-decoration: none; /* Rimuove la sottolineatura del link */
  color: inherit; /* Mantiene il colore del testo */
  display: block; /* Assicura che il link avvolga correttamente il div */
}

.non-clickable {
  pointer-events: none; /* Disabilita i clic sull'elemento */
  color: initial; /* Ripristina il colore del testo */
  text-decoration: none; /* Rimuove la sottolineatura del link */
}

.card-body h4.non-clickable {
  color: inherit; /* Assicura che il colore del testo sia coerente con il resto del testo */
  text-decoration: none; /* Assicura che non ci sia sottolineatura */
}
/*=======================================================================================*/

/*================Stile per Griglie Dragabbili===========================================*/
.slick-group-title {
  font-weight: bold;
}

/*===Aumenta Dimensioni Bottoni + e - ====*/
.slick-grouping-panel {
  height: 3rem !important;
}
  .slick-grouping-panel .slick-group-collapse-all, .slick-grouping-panel .slick-group-expand-all {
    font-size: 2rem !important;
    padding-right: 2rem !important;
  }

/*Per Telefoni e Tablet*/
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  /*===Sposta il toggle più a destra e aumenta font====*/
  .slick-group-toggle {
    padding-left: 10px;
    font-size: 16px;
  }

}
@media only screen and (min-width: 960px) and (max-width: 1550px) {
  /*=== Riduce il font delle icone nella dashboard su alcune dimensioni === */
  .icon {
    font-size: 3.5rem !important;
  }
  h4 {
    font-size: 1.25rem;
  }
}

@media only screen and (min-width: 750px) {
  /*=== Riduce il margine del footer all'interno delle tabelle. Risolve problema di visualizzazione sull'ultimo record === */
  .slick-pg{
      margin-top: 0
  }
}

/*===Aggiungo un div in basso a dx ===*/
.content-wrapper {
  display: grid;
  grid-template-rows: 1fr auto; 
  box-sizing: border-box;
  margin-top: auto;
}

.bottom-right-content {
  grid-row: 2;
  justify-self: end;
  padding: 10px;
  border-radius: 5px;
}

/*===Fix per tutti gli input readonly===*/
.flatpickr-input[readonly] {
  cursor: none !important;
  pointer-events: none !important;
  user-select: none !important;
}

/*=== Fix DashBoard*/
.dashboard-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem; /* Distanza tra le tabelle */
}
/*=======================================================================================*/

/*.custom-height-dialog {*/
  /*Altezza comune delle dialog*/
  /*height: 57rem;*/ /* = 912px*/
/*}*/


/*=======================================================================================*/
.custom-height-dialog {
  height: 86vh; /* o 100vh se full screen */
  display: flex;
  flex-direction: column;
}

/*#DivFormDialog, #DivFormDialog iframe {
  background: rgba(0, 0, 0, 0.05);
}*/
/*=======================================================================================*/




.category {
  padding: 10px;
  margin-top: 5px;
  /*border: 0px;*/
  /*border-radius: 10px;*/
  /*position: relative;*/
  /*background-color: transparent;*/
}
.s-DataGrid {
  border: none !important
}

/*DD 28.03.2025 per allineare le intestazioni di colonne
    usa: HeaderCssClass("text-right")
*/
.slick-header-column.text-right {
  text-align: right !important;
}

/* ✅ Bottone accanto all'input */
input.flatpickr-input + button.ui-datepicker-trigger {
  color: green !important;
}

span.aggregate.agg-sum{
    color:orange
}

/*Non utilizzabile perchè serenity imposta "disabled" su tutti gli inplaceAdd*/
/*.inplace-button[disabled] {
  pointer-events: none;
  opacity: 0.5;
}*/


/*DD 31.05.2025*/
/* Tutti i .s-QuickSearchBar figli di un elemento .editor vengono nascosti (per le griglie negli Editor)*/
.editor .s-QuickSearchBar {
  display: none !important;
}

/* Rimuove evento al click */
.DDnoPointerEvent{
    pointer-events: none;
}
.dd-trash-column{

}

/* stile compatto e moderno del pulsante inline ddInplaceButtons */
.dd-inline-btn {
  height: 2.5rem !important;
  width: 2.7rem !important;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid #b9d6f7;
  color: #0f6cbd;
  background: #fff;
  margin-left: .5rem;
  transition: background .2s ease, box-shadow .15s ease, transform .05s ease;
}

  .dd-inline-btn:hover {
    background: #e8f1fd;
    box-shadow: 0 2px 6px rgba(0,0,0,.06);
  }

  .dd-inline-btn:active {
    transform: translateY(1px);
  }

  .dd-inline-btn .fa {
    font-size: 16px;
  }