#navbarToggler .navbar-nav .active {border-bottom:1px solid #fff;}
#navbarToggler .navbar-nav .active a {color:#fff; font-weight: bold;}
#navbarToggler .navbar-nav .sub-active {border-bottom:1px solid #f0f0f0;color:#f0f0f0;}
.logo-nav{max-height:50px;}
.alert-custom, .card-custom .card-header{color: #212121;background-color:#fff ;border-color: #6987a5;}
.card-custom .card-footer {background-color: var(--bianco);border-color: #6987a5;}
.card-custom {border-color: #6987a5;}
.navbar-sm {font-size:0.8rem;}
#nav-pager .nav-item {border-right: 1px solid #eee;}
#nav-pager .nav-item:last-child {border-right:0;}
#nav-pager .nav-item a:hover {background-color: #eee;}
#nav-pager .active {font-weight: 600;}
.ajx-sort {color: var(--bianco);}
.ajx-sort-current {color:#6987a5;}
.bg-custom {background-color: #212121;}
.text-bg-hl {color: #000;background-color: #ffe75fa2;}
.btn-dark {background-color:#212121;}
.btn-xs {padding: .1rem .4rem;font-size: .8rem;border-radius: .2rem;}
.btn-outline-secondary {color: #6c757d;border-color: #a5afb8;}
.btn-outline-secondary:hover {background-color: #6c757d;border-color: #6c757d;}
#p-rows .form-control-sm {padding: .15rem .25rem;min-height: calc(1.1em + .15rem + 2px);line-height: 1.1;}
/* form ux */
.fg{padding:10px 20px;margin:20px 0;border:1px solid #eee;border-left:5px solid #eee;border-radius:3px;}
.fg h4{margin-top:0px;margin-bottom:10px;}
.fg-v{padding:6px 10px;margin:10px 0;}
.fg-v h4{font-size:15px;font-weight:bold;}
.fg-01{border-left-color:#31708F;}
.fg-01 h4,.fg-01 .fg-txt{color:#31708F;}
.fg-02{border-left-color:#FFE75F;}
.fg-02 h4{color:#8A6D48;}
.fg-03{border-left-color:#5CB85C;}
.fg-03 h4{color:#3C763D;}
.fg-04{border-left-color:#F0AD4E;}
.fg-04 h4,.fg-04 .fg-txt{color:#AA6708;}
.fon, .fon-x{cursor:pointer;}
.row-disabled {color:#999;}
.row-disabled a {color:#999;}
.info{cursor: help;}
.text-sm {font-size:0.8rem;}
.form-control-xs {height: 1.4rem;padding: 0 .5rem;font-size: .75rem;line-height: 1.4rem;border-radius: .2rem;}
.tbody-loading {opacity: 0.5;}
/* multiselect fix */
.multiselect-selected-text {font-size: 0.8em;}
.multiselect-container, .multiselect {max-width: 640px;}
.multiselect-container a {font-size: 0.8em;color:#333;}
.multiselect-container .active * {font-weight: bold;}
/* sortable */ 
.sortable-item:hover {background-color: #edf0f333;}
.sortable-handle {cursor: grab;}
.sortable-chosen {background-color: #edf0f3aa;}
.sortable-chosen .btn {visibility: hidden;}
/* summernote */
.note-editor .note-toolbar {background-color: var(--bianco); padding: 0 0 2px 2px;}
.note-editor .note-toolbar > .note-btn-group {margin-top: 2px;}
.note-editor.note-frame .note-statusbar {background-color: var(--bianco);}
.note-btn-group .note-btn {border-color: #eee;font-size: 10px;padding: .1rem .45rem;}
.note-editor .btn-light.active {background-color: #f0f0f0;}
/* additional media query */
@media screen and (max-width:576px) {
body, .btn{font-size:0.9rem;}
.h1,h1{font-size:1.8rem;}
.h3,h3{font-size:1.5rem;}
.h4,h4{font-size:1.1rem;font-weight: bold;}
.h5,h5{font-size:1.0rem;}
.h6,h6{font-size:0.75rem;}
.fa-2x{font-size:1.5rem;}
}
@media screen and (max-width:768px) {
.size-sm-1{font-size:0.7rem;}
}
/* ==========================================================================
   STILI GENERICI
   ========================================================================== */
  .btn-primary {
    --bs-btn-color: var(--bianco);
    --bs-btn-bg: var(--farmacia);
    --bs-btn-border-color: var(--farmacia);
    --bs-btn-hover-color: var(--bianco);
    --bs-btn-hover-bg: var(--farmacia-hover);
    --bs-btn-hover-border-color: var(--farmacia-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bianco);
    --bs-btn-active-bg: var(--farmacia-hover);
    --bs-btn-active-border-color: var(--farmacia);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bianco);
    --bs-btn-disabled-bg: var(--farmacia);
    --bs-btn-disabled-border-color: var(--farmacia);
  }
  .btn-outline-primary {
    --bs-btn-color: var(--farmacia);
    --bs-btn-border-color: var(--farmacia);
    --bs-btn-hover-bg: var(--farmacia);
    --bs-btn-hover-border-color: var(--farmacia);
    --bs-btn-active-bg: var(--farmacia);
    --bs-btn-active-border-color: var(--farmacia);
    --bs-btn-disabled-color: var(--farmacia);
    --bs-btn-disabled-border-color: var(--farmacia);
}
   audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
  }
  textarea {
    resize: vertical;
    padding: 5px;
  }
  /*questo sotto non somma il padding*/
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* ==========================================================================
     STILI SITO
     ========================================================================== */
  * {
    margin: 0;
    padding: 0;
  }
  :root {
    --beige: #f4f3ee;
    --grigione: #454545;
    --bianco: #FFFFFF;
    --nero: #000000;
    --farmacia: #06693b;
    --farmacia-hover: #117a49;
  }
  body {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    background-color: var(--bianco);
  }

  #pl-content{
    padding-top: 4vh;
}
.margin-b{
  margin-bottom: 10px;
}
.margin-b2{
  margin-bottom: 20px;
}
  .wrapper {
    width: 90%;
    margin: 0 5%;
  }
  figure{
    margin: 0;
  }
  img {
    height: auto;
    max-width: 100%;
    width: auto;
  }
  .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  a{
    color: var(--nero);
  }
  .pulsante{
    background-color: var(--bianco);
    color: var(--bianco);
    font-size: 18px;
    display: inline-block;
    padding: 8px 25px;
    text-decoration: none;
    border-radius: 10px;
    text-transform: uppercase;
    text-align: center;
    border: 0;
  }
  h1{
    font-size: 36px;
    font-weight: 700;
  }
  h1 span{
    color: var(--bianco);
  }
  h3{
    font-size: 22px;
    font-weight: 300;

  }
  .main{
    padding: 50px 0;
  }
  p.light{
    font-weight: 300;
  }
  .btn-login{
    padding: 10px;
  }

 /* ==========================================================================
     INDEX PAGE
     ========================================================================== */
  .alert-custom{
    margin-top: 20px;
  }
 /* ==========================================================================
     NAVBAR
     ========================================================================== */
  .navbar-head .nav-link, .navbar-head .navbar-text {
    color: var(--bianco);
    opacity: 1;
  } 

  .navbar-head{
    background-color: var(--farmacia);
  }
  .navbar-head a.btn{
    color: var(--bianco);
    border: unset;
}
.navbar-head a.btn:hover {
  font-size: 18.5px;
}
.navbar-head .nav-link:hover{
  font-weight: 600;
}
  /* ==========================================================================
     DETTAGLIO UTENTI
     ========================================================================== */
th.text-end{
  width: 40%;
}

/* ==========================================================================
     FORM
     ========================================================================== */
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
  height: calc(3.5rem + 6px);
  line-height: 1.3;
}

.form-check-label{
  font-size: 16px;
}

.box{
  border-radius: 5px;
  width: 100%;
  border: 1px solid var(--bs-border-color);
  padding: 10px;
  margin-bottom: 7px;

}
.btn-group.btn-group-vertical{
  width: 100%;
}

#divAppuntamento{
  display: none;
}
/* ==========================================================================
     CALENDAR
     ========================================================================== */
  .content-cal{
    margin-top: 50px;
    padding: 0 20px;
    padding-bottom: 20px;
}
#calendar{
  width:95vw;
}
.fc-non-business{
  pointer-events: none
}

.fc-toolbar { text-transform: capitalize; }


.fc-timegrid-axis-cushion.fc-scrollgrid-sync-inner{
  display: none;
}
.fc-timegrid-axis-cushion.fc-scrollgrid-sync-inner:after {
  content: '';
}

/*Eventi: ferie, malattia e permessi*/
.tipoEvento-2 .fc-event-main,
.tipoEvento-3 .fc-event-main, 
.tipoEvento-4 .fc-event-main{
  background-image: url("/images/patter-ferie.png");
}
/*evento disp. fornitori*/
.tipoEvento-5 .fc-event-main,
.tipoEvento-6 .fc-event-main{
  background-image: url("/images/patter-fornitori.png");
} 
/* ==========================================================================
     TABLE
     ========================================================================== */
.nav-page{
 background-color: var(--bianco);
}
table{
  background-color: var(--bianco);
}
.table th {
  width: 18em;
}