/* https://demos.creative-tim.com/paper-dashboard-pro/examples/components/buttons.html */
/*
Note di utilizzo:
panel-hide-icon-selector: Classe da applicare ai pannelli se si desidera nascondere la icona Arrow-Right in form List usata come RowSelector
*/
/* Ultimo aggiornamento 2023-04-20 */



  :root {

  --theme-primary: #7a9e9f;
  --theme-default: #66615b;
  --theme-success: #7ac29a;
  --theme-info: #68b3c8;
  --theme-secondary: #b66666;
  --theme-warning: #f3bb45;
  --theme-danger: #eb5e28;

  --text-primary: #6b8e8f;
  --text-default: #66615b;
  --text-success: #00c292;
  --text-info: #008efa;
  --text-secondary: #b66666;
  --text-warning: #f8c255;
  --text-danger: #f75b36;    

  --alb-navbar-backcolor: #66615b;
  --alb-navbar-color: #333;
  --alb-form-backcolor: #d78e5a;
  --alb-form-color: white;
  --alb-panel-backcolor: #e8e8e8;
  --alb-toolbar-backcolor: #d78e5a;
  --alb-toolbar-color: white;
  --alb-group-header-color: #66615b;

  --alb-button-primary-backcolor: #7a9e9f;
  --alb-button-primary-backcolor-hover: #5e8283;
  --alb-button-primary-color: white;

  --alb-button-default-backcolor: #66615b;
  --alb-button-default-backcolor-hover: #484541;
  --alb-button-default-color: white;

  --alb-button-info-backcolor: #68b3c8;
  --alb-button-info-backcolor-hover: #429cb6;
  --alb-button-info-color: white;

  --alb-button-success-backcolor: #7ac29a;
  --alb-button-success-backcolor-hover: #54b07d;
  --alb-button-success-color: white;

  --alb-button-warning-backcolor: #f3bb45;
  --alb-button-warning-backcolor-hover: #f0a810;
  --alb-button-warning-color: white;

  --alb-button-danger-backcolor: #eb5e28;
  --alb-button-danger-backcolor-hover: #c84513;
  --alb-button-danger-color: white;

  --alb-panel-qbe-backcolor: #fafffa;
  --alb-panel-qbe-label: #577f57;
  --alb-panel-qbe-button-backcolor: #95d095;
  --alb-panel-qbe-button-backcolor-hover: #82b482;

  --alb-navbar-toggle-hover: #b66666;

}

html {
  background: #f4f6f8;
}

#wep {
  padding-left: 0px;
  padding-right: 0px;
  height: calc(100% - 51px) !important;
  margin-top: 51px !important;
}


/* BARRA MENU SUPERIORE */


/* Colore dei pulsanti del Menu */
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: var(--alb-navbar-color);
  background-color: white;
}

/* Eliminazione del simbolo freccia sui menu */
.navbar-default .navbar-nav > li > a span.caret {
  display: none;
}


@media all and (max-width: 1200px) {

  /*Il testo contenuto nel Mnu di Primo livello, viene nascosto  */
  .nav > li span.item-menu {
      display: none;
  }

  /*il Testo contenuto nei pulsante di pannello viene nascosto*/
  .pnl-button-text {
    display: none;
  }
}

@media all and (max-width: 767px) {
  
  .navbar-default .navbar-nav .dropdown {
    width: 100%;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
}
} 

/* FINE BARRA MENU SUPERIORE */

#header-container {
  margin-bottom: 0;
  background-color: var(--alb-navbar-backcolor);
  background-image: none;
}

/* HEADER CONTAINER */

#header-container .container-fluid {
  padding: 0px 17px 0px 17px;
}

#header-container .navbar-brand {
  color: white;
  cursor: pointer;
}

#header-container .navbar-header {
  width: initial;
  background-color: transparent;
}

/* #header-container .navbar-toggle {
  display: none;
} */

#header-container .navbar-btn {
  background: transparent;
  color: #f0f0f0;
  font-size: 18px;
  text-shadow: none;
  border: 0;
  box-shadow: none;
  padding: 4px 12px;
}

#welcome-container {
  border: 0px;
}

/*  NAVBAR TOOGLE - MOBILE MENU */
.navbar-default .navbar-toggle {
  border-style: none;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: white;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: var(--alb-navbar-toggle-hover);
}
/*  FINE NAVBAR TOOGLE - MOBILE MENU */



.altauto {
  height: auto !important;
}

/*
FORM MODALI
*/
/*Faccio in modo che l'altezza delle modali sia dipendente dal contenuto*/
.modal-body.autoheight{
  height: auto !important;
  max-height: 90vh !important;
  overflow-y: auto;
}


/*
 PADDING PANEL E GROUP
*/

.panel-default {
  border-color: #ffffff !important;
}

.panel-body.tab-content {
  padding: 0px 0px 0px 0px !important;
}

.panel-body.book-frame-container {
  padding: 0px 0px 0px 0px;
}

/*Nei gruppi viene lasciato un margin-bottom di 20px che tolgo*/
.panel.panel-form-pgroup {
  margin-top: 5px;
  margin-bottom: 0px;
}


/*Nei panel body dentro ai frame mette un paddin che tolgo*/
.panel-body.frame-content-box {
  padding-top: 5px;
  padding-bottom: 0px;
}

/**
  FORM CAPTION
*/


.panel-heading.form-caption {
  background-color: var(--alb-form-backcolor);
  color: var(--alb-form-color);
  border-color: #ddd;
  background-image: none !important;
  text-transform: uppercase;

  /* Per centrare Caption Verticalmente */
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Per centrare Caption Verticalmente */
h3[id^="frm"].panel-title {
  line-height: 32px;
}

h3[id^="frm"].panel-title .form-toolbar-group {
  margin-top: 0px;
}

.panel-heading.form-caption > .h1,
.panel-heading.form-caption > .h2,
.panel-heading.form-caption > .h3,
.panel-heading.form-caption > .h4,
.panel-heading.form-caption > .h5,
.panel-heading.form-caption > .h6,
.panel-heading.form-caption > h1,
.panel-heading.form-caption > h2,
.panel-heading.form-caption > h3,
.panel-heading.form-caption > h4,
.panel-heading.form-caption > h5,
.panel-heading.form-caption > h6 {
  font-weight: 600 !important;
}

/**
  PANEL CAPTION
*/
.panel .panel-heading.frame-toolbar-box {
  background-color: var(--alb-panel-backcolor) !important;
  background-image: none;
  color: black;
  font-weight: bold;
  text-transform: uppercase;
  border-width: 0px !important;
}


/* GESTIONE BOTTONI TOOLBAR */
.panel .panel-heading.frame-toolbar-box .btn-group button {
  margin-left: 2px;
}

/* Modifico il colore di quelli standard che sono di classe btn-default */
.panel .panel-heading.frame-toolbar-box .btn-group button.btn-default {
  background-image: none;
  background-color: var(--alb-toolbar-backcolor);
  text-shadow: none;
  color: var(--alb-toolbar-color);
  border-color: var(--alb-toolbar-color);

}

/* Bottoni per Inserimento con classe panel-insert-button presenti sui pannelli, sulle videate, bottoni statici */
.panel .panel-heading.frame-toolbar-box .btn-group button.btn-default.panel-insert-button,
.form-toolbar-group .btn-group button.btn-default.panel-insert-button,
button.btn-default.panel-insert-button {
  background-image: none;
  background-color: var(--alb-button-primary-backcolor);
  text-shadow: none;
  color: var(--alb-button-primary-color);
  border-color: var(--alb-button-primary-color);
}

.panel .panel-heading.frame-toolbar-box .btn-group button.btn-default.panel-insert-button:hover,
.form-toolbar-group .btn-group button.btn-default.panel-insert-button:hover,
button.btn-default.panel-insert-button:hover {
  background-color: var(--alb-button-primary-backcolor-hover);
}


/* Bottoni per Eliminazione con classe panel-delete-button presenti sui pannelli, videate e campi statici*/
.panel .panel-heading.frame-toolbar-box .btn-group button.btn-default.panel-delete-button,
.form-toolbar-group .btn-group button.btn-default.panel-delete-button,
button.btn-default.panel-delete-button {
  background-image: none;
  background-color: var(--alb-button-danger-backcolor);
  text-shadow: none;
  color: var(--alb-button-danger-color);
  border-color: var(--alb-button-danger-color);
}

.panel .panel-heading.frame-toolbar-box .btn-group button.btn-default.panel-delete-button:hover,
.form-toolbar-group .btn-group button.btn-default.panel-delete-button:hover,
button.btn-default.panel-delete-button:hover {
  background-color: var(--alb-button-danger-backcolor-hover);
}

/* Bottoni per Salvataggio con classe panel-save-button*/
.panel .panel-heading.frame-toolbar-box .btn-group button.btn-default.panel-save-button,
.form-toolbar-group .btn-group button.btn-default.panel-save-button,
button.btn-default.panel-save-button
 {
  background-image: none;
  background-color: var(--alb-button-primary-backcolor);
  text-shadow: none;
  color: var(--alb-button-primary-color);
  border-color: var(--alb-button-primary-color);
}

.panel .panel-heading.frame-toolbar-box .btn-group button.btn-default.panel-save-button:hover,
.form-toolbar-group .btn-group button.btn-default.panel-save-button:hover,
button.btn-default.panel-save-button:hover
 {
  background-color: var(--alb-button-primary-backcolor-hover);
}


/* Trasformazione della toolbar di pannello in flex per riuscire ad allineare a destra un pulsante, ed allineare al centro i bottoni*/
.panel-heading.frame-toolbar-box {
  display: flex;
  align-items: center;
}

.panel-heading.frame-toolbar-box  .btn-group:last-child {
  margin-left: auto;
}

/*Ultimo pulsante lo imposto di colore differente*/
.panel .panel-heading.frame-toolbar-box .btn-group button.btn-close {
  background-color: var(--alb-button-default-backcolor);
}

/* FINE GESTIONE BOTTONI TOOLBAR */

/* TOOLBAR IDEDITOR HTML */
.panel-heading.form-inline.ideditor-toolbar {
    background-color: transparent !important;
    color: white;
    background-image: none;
}
/* FINE TOOLBAR IDEDITOR HTML */

/* PAGINE DI PANNELLO */
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
  cursor: default;
  background-color: var(--alb-toolbar-backcolor);
  color: var(--alb-toolbar-color);
  border: 1px solid #ddd;
  border-bottom-color: transparent
}
/* FINE PAGINE DI PANNELLO */

/* PANNELLI IN LISTA */

/*Il selettore di riga dei pannelli in Lista viene nascosto se il pannello possiede la classe .panel-hide-icon-selector*/
.panel-hide-icon-selector .panel-list-rows-table tbody tr td.panel-list-row-selector i.fa-arrow-right {
  visibility: hidden;
}

/* Pannello in Lista con riga modificata (viene mostrato un asterisco) Colore Danger*/
.panel-list-rows-table tbody tr td.panel-list-row-selector i.fa-asterisk {
  color: var(--alb-button-danger-backcolor-hover);
}
/* FINE PANNELLI IN LISTA */


/**
GRUPPI
*/
.panel[id^="grp"]>.panel-heading {
  background-color: var(--alb-group-header-color) !important;
  color: white;
  background-image: none;
}

/* Se si vuole bordare un gruppo applicare la classe group-border
all'oggetto gruppo*/
.panel[id^="grp"].panel-form-pgroup.group-border {
  border-color: gray !important;
  border-style: dashed;
}

/* ETICHETTE GRUPPO*/
.form-group label {
  width: 100%;
  color: #313131 !important;
  text-transform: uppercase;
  font-weight: bold !important;
}

/*Classi Extra per Gruppi*/
.gruppo-piccolo .panel-title {
  font-weight: 600 !important;
  line-height: 16px;
}

.gruppo-piccolo .panel-title h3 span {
  font-size: 12px;
}

.gruppo-piccolo {
  padding: 5px !important;
  margin: 1px 0px 8px 0px !important;
  /* border: 3px solid #F4F6F8 !important; */
  max-width: 100% !important;
}

.gruppo-piccolo .panel-heading {
  padding: 0px 10px;
}

.gruppo-piccolotable .panel-title {
  font-weight: 600 !important;
  line-height: 16px;
}
.gruppo-piccolotable {
  padding: 5px !important;
  margin: 0px 0px 0px 0px !important;
  border: 3px solid #f4f6f8 !important;
}
.gruppo-piccolotable .panel-heading {
  padding: 0px 10px;
}

/* RIDEFINIZIONE BUTTON */

.btn:disabled,
.btn[disabled],
.btn.disabled,
.btn.btn-disabled {
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}

.btn-default {
  background-image: none;
  border-style: none;
  background-color: var(--alb-button-default-backcolor);
  color: var(--alb-button-default-color);
  border-color: var(--alb-button-default-backcolor);
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
}

.btn-default:focus,
.btn-default:hover {
  background-image: none;
  background-color: var(--alb-button-default-backcolor-hover);
  opacity: 1;
  filter: alpha(opacity=100);
  border-color: var(--alb-button-default-backcolor-hover);
  border-style: none;
  color: var(--alb-button-default-color);
}

.btn-default.active,
.btn-default:active {
  background-image: none;
  background-color: var(--alb-button-default-backcolor-hover);
  opacity: 1;
  filter: alpha(opacity=100);
  border-color: var(--alb-button-default-backcolor-hover);
  border-style: none;
  color: var(--alb-button-default-color);
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  background-image: none;
  border-style: none;
  background-color: var(--alb-button-default-backcolor);
  color: var(--alb-button-default-color);
  border-color: var(--alb-button-default-backcolor);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}

.btn-primary {
  background-image: none;
  border-style: none;
  background-color: var(--alb-button-primary-backcolor);
  color: var(--alb-button-primary-color);
  border-color: var(--alb-button-primary-backcolor);
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
}

.btn-primary:focus,
.btn-primary:hover {
  background-image: none;
  background-color: var(--alb-button-primary-backcolor-hover);
  opacity: 1;
  filter: alpha(opacity=100);
  border-color: var(--alb-button-primary-backcolor-hover);
  border-style: none;
  color: var(--alb-button-primary-color);
}

.btn-primary.active,
.btn-primary:active {
  background-image: none;
  background-color: var(--alb-button-primary-backcolor-hover);
  opacity: 1;
  filter: alpha(opacity=100);
  border-color: var(--alb-button-primary-backcolor-hover);
  border-style: none;
  color: var(--alb-button-primary-color);
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-image: none;
  border-style: none;
  background-color: var(--alb-button-primary-backcolor);
  color: var(--alb-button-primary-color);
  border-color: var(--alb-button-primary-backcolor);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}

.btn-info {
  background-image: none;
  border-style: none;
  background-color: var(--alb-button-info-backcolor);
  color: var(--alb-button-info-color);
  border-color: var(--alb-button-info-backcolor);
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
}

.btn-info:focus,
.btn-info:hover {
  background-image: none;
  background-color: var(--alb-button-info-backcolor-hover);
  opacity: 1;
  filter: alpha(opacity=100);
  border-color: var(--alb-button-info-backcolor-hover);
  border-style: none;
  color: var(--alb-button-info-color);
}

.btn-info.active,
.btn-info:active {
  background-image: none;
  background-color: var(--alb-button-info-backcolor-hover);
  opacity: 1;
  filter: alpha(opacity=100);
  border-color: var(--alb-button-info-backcolor-hover);
  border-style: none;
  color: var(--alb-button-info-color);
}

.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
  background-image: none;
  border-style: none;
  background-color: var(--alb-button-info-backcolor);
  color: var(--alb-button-info-color);
  border-color: var(--alb-button-info-backcolor);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}

.btn-success {
  background-image: none;
  border-style: none;
  background-color: var(--alb-button-success-backcolor);
  color: var(--alb-button-success-color);
  border-color: var(--alb-button-success-backcolor);
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
}

.btn-success:focus,
.btn-success:hover {
  background-image: none;
  background-color: var(--alb-button-success-backcolor-hover);
  opacity: 1;
  filter: alpha(opacity=100);
  border-color: var(--alb-button-success-backcolor-hover);
  border-style: none;
  color: var(--alb-button-success-color);
}

.btn-success.active,
.btn-success:active {
  background-image: none;
  background-color: var(--alb-button-success-backcolor-hover);
  opacity: 1;
  filter: alpha(opacity=100);
  border-color: var(--alb-button-success-backcolor-hover);
  border-style: none;
  color: var(--alb-button-success-color);
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
  background-image: none;
  border-style: none;
  background-color: var(--alb-button-success-backcolor);
  color: var(--alb-button-success-color);
  border-color: var(--alb-button-success-backcolor);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}

.btn-warning {
  background-image: none;
  border-style: none;
  background-color: var(--alb-button-warning-backcolor);
  color: var(--alb-button-warning-color);
  border-color: var(--alb-button-warning-backcolor);
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
}

.btn-warning:focus,
.btn-warning:hover {
  background-image: none;
  background-color: var(--alb-button-warning-backcolor-hover);
  opacity: 1;
  filter: alpha(opacity=100);
  border-color: var(--alb-button-warning-backcolor-hover);
  border-style: none;
  color: var(--alb-button-warning-color);
}

.btn-warning.active,
.btn-warning:active {
  background-image: none;
  background-color: var(--alb-button-warning-backcolor-hover);
  opacity: 1;
  filter: alpha(opacity=100);
  border-color: var(--alb-button-warning-backcolor-hover);
  border-style: none;
  color: var(--alb-button-warning-color);
}

.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
  background-image: none;
  border-style: none;
  background-color: var(--alb-button-warning-backcolor);
  color: var(--alb-button-warning-color);
  border-color: var(--alb-button-warning-backcolor);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}

.btn-danger {
  background-image: none;
  border-style: none;
  background-color: var(--alb-button-danger-backcolor);
  color: var(--alb-button-danger-color);
  border-color: var(--alb-button-danger-backcolor);
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
}

.btn-danger:focus,
.btn-danger:hover {
  background-image: none;
  background-color: var(--alb-button-danger-backcolor-hover);
  opacity: 1;
  filter: alpha(opacity=100);
  border-color: var(--alb-button-danger-backcolor-hover);
  border-style: none;
  color: var(--alb-button-danger-color);
}

.btn-danger.active,
.btn-danger:active {
  background-image: none;
  background-color: var(--alb-button-danger-backcolor-hover);
  opacity: 1;
  filter: alpha(opacity=100);
  border-color: var(--alb-button-danger-backcolor-hover);
  border-style: none;
  color: var(--alb-button-danger-color);
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
  background-image: none;
  border-style: none;
  background-color: var(--alb-button-danger-backcolor);
  color: var(--alb-button-danger-color);
  border-color: var(--alb-button-danger-backcolor);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}

/* Definizione Button Pannello Filtri sulla Row */
.list-qbe-filter-act .btn-default,
.list-qbe-filter-act .btn-primary,
.list-qbe-filter-act .btn-success,
.list-qbe-filter-act .btn-info,
.list-qbe-filter-act .btn-warning,
.list-qbe-filter-act .btn-danger {
  color: var(--alb-button-primary-backcolor);
}

/* GESTIONE BADGE */
.badge {
  font-weight: normal;
}

.badge-default {
  background-color: #777;
}

.badge-primary {
  background-color: var(--alb-button-primary-backcolor);
}

.badge-danger {
  background-color: var(--alb-button-danger-backcolor);
}

.badge-success {
  background-color: var(--alb-button-success-backcolor);
}

.badge-warning {
  background-color: var(--alb-button-warning-backcolor);
}

.badge-info {
  background-color: var(--alb-button-info-backcolor);
}

.badge-light {
  background-color: #a79c9c;
}

.badge-dark {
  background-color: #000;
}
/* FINE GESTIONE BADGE */

/* PANNELLI RICERCA */
.ricerca {
  background-color: var(--alb-panel-qbe-backcolor) !important;
}

.ricerca span {
  width: 23px !important;
}

.ricerca .datap {
  font-size: 10px !important;
}

.ricerca .panel-body {
  background-color: var(--alb-panel-qbe-backcolor) !important;
  padding: 0px 25px 0px 25px !important;
}



.ricerca .btn-default {
  padding: 2px 10px 2px 10px;
  background-image: none;
  text-shadow: none;
  background-color: var(--alb-panel-qbe-button-backcolor) !important;
  display: flex;
}

.ricerca .btn-default:hover {
  background-color: var(--alb-panel-qbe-button-backcolor-hover) !important;
}

.ricerca .btn-default i {
  font-size: 10px;
  margin-top: auto;
  margin-bottom: auto;
}

.ricerca .form-group {
  overflow: visible !important;
  margin-bottom: 0px !important;
}

.ricerca label {
  color: var(--alb-panel-qbe-label) !important;
  font-weight: 500;
  font-family: "Ubuntu", sans-serif;
}

.ricerca .btn,
.ricerca .input-group-btn {
  height: 23px !important;
}

.ricerca .btn-group-sm>.btn, .btn-sm {
  
  padding: 5px 10px 5px 10px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  border-radius: 3px !important;
}

.ricerca .btn-group-xs>.btn, .btn-xs {
  padding: 1px 5px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  border-radius: 3px !important;
}

.ricerca .btn-group-lg>.btn, .btn-lg {
  padding: 10px 16px !important;
  font-size: 18px !important;
  line-height: 1.3333333 !important;
  border-radius: 6px !important;
}

.ricerca .row {
  padding-top: 5px;
}

.ricerca input::placeholder {
  color: #797979 !important;
  font-weight: 300;
  font-style: italic;
}

.ricerca .inalto {
  background-color: transparent !important;
}

.ricerca .form-control {
  height: 23px !important;
}

.ricerca label::before {
  padding: 0 3px;
  color: var(--alb-button-primary-backcolor);
}

.ricerca .radio-inline label::before {
  content: "";
}

.ricerca .panel-field-value-form {
  background-color: #bfd1e9 !important;
}

/* FINE PANNELLI RICERCA */

/* RIGA INTESTAZIONE QBE */
.table-condensed > thead > tr.list-qbe-row > td,
tr.list-qbe-row td {
  background-color: var(-alb-panel-qbe-backcolor)  !important;
  border-right: 1px solid #cccccc;
  max-height: 32px;
}

.list-qbe-row {
  max-height: 32px;
}
/* FINE RIGA INTESTAZIONE QBE */


/* Usato per le label informative sparse nei
pannelli*/
.lbl-info {
  color: #7f7f7f;
  font-family: Ubuntu;
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
  font-size: 10pt;
}

/* PERSONALIZZAZIONE PER LE ICONE delle Notifiche Alert Service */
.alert-bell-danger a {
  background-color: var(--alb-button-danger-backcolor);
}

.alert-bell-success a {
  background-color: var(--alb-button-success-backcolor);
}


li.alert-bell-danger ul.dropdown-menu {
  background-color: var(--alb-button-danger-backcolor);
}

li.alert-bell-success ul.dropdown-menu {
  background-color: var(--alb-button-success-backcolor);
}

li.alert-bell-danger .dropdown-menu>li>a {
  color: white;
}

li.alert-bell-success .dropdown-menu>li>a {
  color: white;
}

li.alert-bell-danger .dropdown-menu>li>a:hover {
  color: #333;
}

li.alert-bell-success .dropdown-menu>li>a:hover {
  color: #333;
}


/* COLORI BACKGROUND */
.bg-chiuso {
  background-color: #afafaf;
}
.bg-libero {
  background-color: var(--alb-button-success-backcolor);
  cursor: pointer;
}
.bg-occupato {
  background-color: var(--alb-button-danger-backcolor);
}
/* FINE COLORI BACKGROUND */

/* GESTIONE ALBERI */
.tree-exp-button, .tree-exp-button:active, .tree-exp-button:focus {
	color: var(--alb-toolbar-button-color) !important;
}

/*Intero nodo selezionato*/
.tree-selected-node>.tree-node-caption{
  background-color: var(--alb-button-primary-backcolor);
  color: var(--alb-button-primary-color);
}

/* Testo contenuto all'interno */
.tree-selected-node>.tree-node-caption span.tree-selected-node-text {
  color: var(--alb-button-primary-color);
  font-weight: 100;
}



.group-albero {
	background-color:#f0f8ff;
}
/* FINE GESTIONE ALBERI */

/* GESTIONE SCHEDULER DXHTML */
.dhx_cal_tab {
  border: 1px solid var(--alb-button-warning-backcolor);
  color: var(--alb-button-default-backcolor-hover);
}

.dhx_cal_tab.active {
  border: 1px solid var(--alb-toolbar-backcolor);
  background-color: var(--alb-toolbar-backcolor);
}

.dhx_cal_tab:hover {
  background-color: var(--alb-button-default-backcolor);
  color: white;
  border-color: var(--alb-button-default-backcolor);
}

/*Colore dell'icona calendario*/
/*Usa questo metodo per trovare il filter da applicare */
/*https://codepen.io/sosuke/pen/Pjoqqp*/

.dhx_cal_navline div.dhx_minical_icon {
  filter: invert(57%) sepia(24%) saturate(959%) hue-rotate(342deg) brightness(105%) contrast(80%);
}

/*PULSANTE OGGI */
.dhx_cal_today_button {
  color: var(--alb-button-default-backcolor);
}

.dhx_cal_prev_button {
  filter: invert(57%) sepia(24%) saturate(959%) hue-rotate(342deg) brightness(105%) contrast(80%);
}

.dhx_cal_next_button {
  filter: invert(57%) sepia(24%) saturate(959%) hue-rotate(342deg) brightness(105%) contrast(80%);
}

.dhx_cal_tab.active:hover {
  color: #fff;
  background-color: var(--alb-button-default-backcolor);
  border-color: var(--alb-button-default-backcolor);
}




/* FINE GESTIONE SCHEDULER DXHTML */

/* COLORAZIONE COMPONENTE TOOLBAR CALENDAR */
.mydatepicker .bootstrap-datetimepicker-widget .table-condensed > thead > tr {
  color: var(--alb-navbar-backcolor);
}

.mydatepicker .bootstrap-datetimepicker-widget .table-condensed > thead tr:last-child {
  color: var(--alb-button-primary-backcolor-hover);
}

.mydatepicker .bootstrap-datetimepicker-widget table td span.month {
  color: var(--alb-button-default-backcolor);
}

.mydatepicker .bootstrap-datetimepicker-widget table td span.month:active {
  color: var(--alb-button-default-color);
}

/*Giornata*/
.mydatepicker .bootstrap-datetimepicker-widget table td.day {
  color: var(--alb-button-default-backcolor);
}

/*Oggi*/
.mydatepicker .bootstrap-datetimepicker-widget table td.day.today,
.mydatepicker .bootstrap-datetimepicker-widget table td.day.today:active {
  color: white;
}

/*Giornata WeekEnd */
.mydatepicker .bootstrap-datetimepicker-widget table td.day.weekend {
  color: var(--alb-button-danger-backcolor);
}

.mydatepicker .bootstrap-datetimepicker-widget table td.day.weekend:active {
  color: white;
}

/*Giornate disabilitate */
.mydatepicker .bootstrap-datetimepicker-widget table td.day.disabled.weekend
.mydatepicker .bootstrap-datetimepicker-widget table td.day.old.disabled,
.mydatepicker .bootstrap-datetimepicker-widget table td.day.disabled
 {
  color: rgb(102 97 91 / 50%);
}


/* FINE COLORAZIONE*/