/*
* Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
* Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/

/* Global Styles */
html {
  scrollbar-width: thin;
  scrollbar-color: #3c8dbc white;
}

.callout{
  border-radius: 12px;
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
}

.callout-danger-new{
  background-color: #fcdede !important; /* Darker light red background */
  color: #c82333 !important; /* Dark vibrant red text */
  border: 1px solid #f5a3a3 !important; /* Darker red border */
}

.callout-success-new{
  background-color: #c3e6cb !important; /* Darker light green background */
  color: #0b3d13 !important; /* Dark green text */
  border: 1px solid #a7d5b7 !important; /* Darker green border */
}

.password-toggle {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #666;
  font-size: 14px;
  transition: color 0.3s ease;
}

.password-toggle:hover {
  color: #007bff;
}

.password-toggle:focus {
  outline: 2px solid #007bff;
  outline-offset: 2px;
  border-radius: 2px;
}

.skeleton {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 3s infinite;
  border-radius: 5px;
  padding: 5px;
}

@keyframes skeleton-shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

.avatar-image {
   width: 120px;
   height: 120px;
   border-radius: 50%;
   border: 2px solid #e9ecef;
   object-fit: cover;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 48px;
   color: white;
   font-weight: bold;
   /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);*/
}

.avatar-text {
   width: 120px;
   height: 120px;
   border-radius: 50%;
   border: 0px solid #e9ecef;
   object-fit: cover;
   background-color: #00c0ef !important;
   background: linear-gradient(90deg,rgba(0,140,202,1) 0%,rgba(0,140,202,.7469362745098039) 34%,rgba(0,140,202,0) 97%);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 48px;
   color: white;
   font-weight: bold;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.avatar-image.small {
   width: 40px;
   height: 40px;
   font-size: 16px;
}

.avatar-text.small {
   width: 40px;
   height: 40px;
   font-size: 16px;
}

.chat-tooltip {
  position: absolute;
  bottom: 100%; /* Position above the button */
  right: 0;
  transform: translateY(-10px);
  background: #ffffff;
  color: #000000;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Little triangle below the tooltip */
.chat-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  right: 10px;
  border-width: 5px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
}

.chat-launcher {
  position: relative;
  left: 115px;
  bottom: 90px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #000000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 99999999;
}

.chat-launcher:hover .chat-tooltip {
  opacity: 1;
  transform: translateY(-14px);
}

.chat-launcher:hover{
  transform: scale(1.1);
}

.chat-container {
  position: fixed;
  left: 20px;
  bottom: 20px;
  width: 320px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  font-family: sans-serif;
  display: none;
  flex-direction: column;
  overflow: hidden;
  z-index: 9999;
}

.chat-header {
  background: #3c8dbc;
  color: #fff;
  padding: 10px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chat-close {
  background: none;
  border: none;
  color: white;
  font-size: 18px;
  cursor: pointer;
}

.chat-body {
  padding: 10px;
  background: #f1f1f1;
  max-height: 300px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.chat-message {
  background: #fff;
  padding: 8px 12px;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  max-width: 80%;
  word-wrap: break-word;
}

.chat-message.user {
  align-self: flex-end;
  background-color: #e0f7fa;
}

.chat-message.bot {
  align-self: flex-start;
  background-color: #ffffff;
}

.chat-message.prompt{
  align-self: center;
  background-color: gainsboro;
  max-width: 100%;
  margin-bottom: 10px;
}

@keyframes blink {
  0% { opacity: 0.2; }
  50% { opacity: 1; }
  100% { opacity: 0.2; }
}

.chat-input {
  display: flex;
  border-top: 1px solid #ddd;
}

.chat-input input {
  flex: 1;
  padding: 10px;
  border: none;
  outline: none;
}

.chat-input button {
  padding: 10px;
  border: none;
  background: #007bff;
  color: white;
  cursor: pointer;
}

body {
  font-family: 'Nunito Sans', Helvetica, Arial, sans-serif;
  background-color: #ecf0f5;
  padding-right: 0 !important;
}

.content-wrapper {
    /*height: 100%;  or any value */
    /*overflow-y: scroll;
    padding-right: 16px;
    min-height: calc(100vh - 5px) !important;*/
   min-height: calc(100vh - 1px) !important;
}

.infoTimb{
  padding: 10px;
  cursor: pointer;
}

.swal2-popup {
  font-size: 1.6rem !important;
}
/*
.swal2-icon {
  font-size: 1.6rem !important;
}
*/

.divTotale{
  border-top: solid lightGray 1px; 
  margin-top: 10px;
}

.frecceSelezione{
  padding: 5px 10px;
  cursor: pointer;
}

.frecceSelezione:hover{
  color: white;
  background-color: #0073b7; 
  border-radius: 60px;
}

.frecceSelezioneHidden{
  cursor: default !important;
  padding: 5px 10px;
  color: white;
}

.leftArrow::before{
  content: '\f060';
  padding-left: 5px;
}

.leftArrow:hover::before{
  content: '\f0a8';
  padding-left: 5px;
}

.rightArrow::before{
  content: '\f061';
  padding-right: 5px;
}

.rightArrow:hover::before{
  content: '\f0a9';
  padding-right: 5px;
}

.slimScrollBar{
  background: #3c8dbc !important;
}

.box-primary{
  border-top-color: #e1e3e9 !important;
}

.box.box-info {
    border-top-color: #00c0ef !important;
    color: black !important;
}

/*.nav-tabs li.active > a {
  border-radius: 6px !important;
  border-top: 0 !important;
  margin: 0 !important;
  border-bottom: 5px #3c8dbc solid !important;
  background-color: #d8e9f3 !important;
  color: #1f4961 !important;
}*/

.nav-tabs li.active > a {
  border-radius: 6px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top: 0 !important;
  margin: 0 !important;
  border-bottom: 3px #00a65a solid !important;
  background-color: #dcefdc !important;
  color: #1f4961 !important;
}

.nav-tabs li.active:hover > a {
  background-color: #dcefdc !important;
}

.nav-tabs li:not(.active):hover > a {
  border-radius: 6px !important;
}

.nav-tabs li.tabs-purple.active > a {
  border-radius: 6px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top: 0 !important;
  margin: 0 !important;
  border-bottom: 3px #730099 solid !important;
  background-color: #f9e6ff !important;
  color: #1f4961 !important;
}

.nav-tabs li.tabs-purple.active:hover > a {
  background-color: #f9e6ff !important;
}

.nav-tabs li.tabs-blue.active > a {
  border-radius: 6px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top: 0 !important;
  margin: 0 !important;
  border-bottom: 3px #3c8dbc solid !important;
  background-color: #d8e9f3 !important;
  color: #1f4961 !important;
}

.nav-tabs li.tabs-blue.active:hover > a {
  background-color: #d8e9f3 !important;
}

.nav-tabs li.tabs-orange.active > a {
  border-radius: 6px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top: 0 !important;
  margin: 0 !important;
  border-bottom: 3px #ff8c00 solid !important;
  background-color: #ffe8cc !important;
  color: #1f4961 !important;
}

.nav-tabs li.tabs-orange.active:hover > a {
  background-color: #ffe8cc !important;
}

.nav-tabs li {
  border-top: 0 !important;
  margin: 0 !important;
  border-bottom: 5px white solid !important;
}

.nav-tabs li:hover > a {
  background-color: #e1e3e9 !important;
  color: black !important;
}

.sidebar-toggle{
  border-right: 0 !important;
}

.zeitNav:hover{
  background-color: #e1e3e9 !important;
  color: black !important;
}

.dropdown-toggle:hover{
  /*background-color: #e1e3e9 !important;
  color: black !important;*/
}

.sidebar-toggle:hover{
  /*background-color: #e1e3e9 !important;*/
  color: black !important;
}

.non-cliccabile{
  cursor: default;
}

.logo{
  border-right: 0 !important;
}

.navbar-nav li a{
  border-left: 0 !important;
}

.user-dett p{
  text-align: center !important;
  color: white;
  background-color: #3c8dbc !important;
  border-top-right-radius: 12px !important;
  border-top-left-radius: 12px !important;
  padding-top: 15px;
  padding-bottom: 15px;
}

.skin-black-light .sidebar-menu li:hover a{
  background-color: #e1e3e9 !important;
}

.skin-black-light .sidebar-menu li.active a{
  border-radius: 6px !important;
  border-right: 5px #3c8dbc solid !important;
  background-color: #d8e9f3 !important;
}

.skin-black-light .sidebar-menu li.active.elementAdmin a{
  border-radius: 6px !important;
  border-right: 5px #00a65a solid !important;
  background-color: #dcefdc !important;
}

.skin-black-light .sidebar-menu li.active:hover a{
  cursor: default !important;
}

.skin-black-light .sidebar-menu li.divider{
  background-color: #ecf0f5 !important;
  height: 20px;
}

.overlay{
  min-height: 150px;
}

.slimScrollDiv{
  height: 100% !important;
}

div .boxTerminaleZGWeb{
  margin-bottom: 25px;
  display: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

@media (max-width: 767px) {
  .main-sidebar,
  .left-side {
    padding-top: 50px;
  }
}

#map-canvas {
  width:100%;
  height:100%;
}

.select2{
  border-radius: 0 !important;
  box-shadow: none !important;
  border-color: #d2d6de !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  color: black;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border-color: #e4e4e4;
}

.select2-container {
  margin-bottom: 0px;
  max-width: 100% !important;
}

.label-large{
  font-size: 13px;
}

span.tagSelect2{
  padding: 3px 5px 3px 5px;
  margin: 0px -11px 0px 3px;
  border-radius: 4px;
}

.select2-close-mask{
  z-index: 1052 !important;
}
.select2-dropdown{
  z-index: 1073 !important;
}

.bootstrap-timepicker-widget{
  z-index: 1074 !important;
}

div.modalLabel{
  width: 100px;
  font-weight: bold;
  overflow: hidden;
}

button.btnModal{
  margin: 5px;
}

button.zeitBtn-nav-header{
  border-color: rgba(255, 0, 0, 0);
  background-color: rgba(255, 0, 0, 0);
}

button.zeitBtn-nav-header-sel{
  border-color: gray;
  background-color: rgba(255, 0, 0, 0);
}

/* dentro modal della mappa*/
span.addressOLD{
  position: absolute;
  text-decoration: none;
  top: 5px; right: 5px;
  width: 60%;
  font-size: 15px;
  color:#fff;
  padding: 15px 15px 15px 15px;
  font-weight: 700;
  background:#333333;
  border:1px solid #444444;
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  display: block;
  opacity: .75;
  z-index: 900;
}

span.address{
  position: absolute;
  text-decoration: none;
  top: 15px; right: 55px; left: 55px;
  font-size: 15px;
  color:#fff;
  padding: 10px 15px 10px 15px;
  background:#333333;
  display: block;
  opacity: .75;
  z-index: 900;
}

i.green{
  color: #5cb85c;
}

i.yellow{
  color: #FFFF80;
}

i.red{
  color: #d9534f;
}

i.white{
  color: #FFFFFF;
}

i.black{
  color: #111111;
}

i.blue{
  color: #87CEFA;
}

i.checkbox{
  color: lightGray;
}

i.checkboxSel{
  color: black;
}

i.tipoTabletTeam{
  color: #5eff87;
}

i.tipoWebDesktop{
  color: #ffca97;
}

i.tipoX1X2{
  color: #ffff35;
}

i.tipoApp{
  color: #97bbff;
}

@media (max-width: 767px){
  .fixed .content-wrapper, .fixed .right-side {
    padding-top: 50px !important;
  }
}

.dataTables_filter {
  width: 100%;
  float: center;
  text-align: left !important;
}


.dataTables_filter input-group {
  width: 100% !important;
}


.dataTables_filter label {
  width: 100% !important;
}

.input-group{
  width: 100% !important;
}
/*
.input-group-addon{
  max-width: 15pt !important;
}*/

.dataTables_filter input {
  width: 100% !important;
}

/*
@media (max-width: 1675px) {
  .dataTables_filter input {
    width: 230px !important;
  }
}

@media (max-width: 1200px) {
  .dataTables_filter input {
    width: 350% !important;
  }
}

@media (max-width: 768px) {
  .dataTables_filter input {
    width: 100% !important;
  }
}*/

.dropdown-menu li a{
  color: #000 !important;
}

.open>.dropdown-menu-new{
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 5px;
  margin-top: 5px;
}

.dropdown-menu-new {
  
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 220px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 8px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f2f2f2;
}
.table-hover > tbody > tr:hover {
  background-color: #e1e3e9;
}
.table-striped > tbody > tr.selected {
  background-color: powderBlue !important;
}
.table-striped > tbody > tr.preSelected {
  background-color: lightGreen !important;
}


#back_to_top {
  position: fixed;
  bottom: 5px;
  right: 15px;
  cursor: pointer;
}

.tableTotalRow {
  border-top: solid gray 1px;
  border-bottom: solid gray 1px;
  color: gray;
}

.datepicker {
  /*z-index:1051 !important;*/
  position: relative;
}

.modal-radius-bottom{
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.modal-radius-top{
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.modal-radius{
  border-radius: 15px;
}

.select2-close-mask{
  z-index: 1052;
}
.select2-dropdown{
  z-index: 1053;
}

.checkBox-modal{
  padding-left: 10px;
}

.timepicker {
  z-index:1054 !important;
  position: relative;
}

th.colBut{
  width: 1%;
}

th.colDett{
  min-width: 120px;
}
th.colDettExt{
  min-width: 180px;
}

/* Colori Dei Box */
.box.box-purple {
  border-top-color: #605CA8;
}

.login-logo{
  margin-bottom:10px;
}

.login-footer{
  background: rgba(0, 0, 0, 0.5);
  bottom:0;
  height:30px;
  position:fixed;
  width:100%;
}

.login-footer-privacy{
  background: rgba(0, 0, 0, 0.70);
  bottom:0;
  height:50px;
  position:fixed;
  width:100%;
}

.login-footer-content{
  height: 100%;
  width: 100%;
  color: white;
  padding-left: 10px;
  display:flex;
  align-items:center;
}

@media (max-height: 400px) {
  .login-footer {
    display: none;
  }
}

@media (max-width: 767px) {
  .login-footer {
    height:50px;
  }
}

.noBorder{
  border-top: 0;
  border-bottom: 0;
}

td.cartFes{
  border-top: gray solid 1px ! important;
  background-color: white;
  color: yellow;
  text-align: center;
}

td.cart{
  border-top: gray solid 1px ! important;
  /*border-bottom: gray dotted 1px;*/
  background-color: white;
  text-align: center;
  /*border-bottom: lightGray solid 1px;*/
}

td.cartDiv{
  border-top: gray solid 1px ! important;
  border-bottom: #d8e9f3 solid 1px ! important;
  background-color: #d8e9f3;
  text-align: left;
}

td.cartTurni{
  border-top: gray solid 1px ! important;
  background-color: white;
  text-align: center;
}

td.cartTurni:hover{
  border-top: gray solid 1px ! important;
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.075);
  text-align: center;
}

td.cartDivFooter{
  border-top: 0;
  border-bottom: gray solid 1px ! important;
  background-color: #d8e9f3;
  padding: 10px 0px 10px 8px;
}

td.cartDivFooterTurniMod{
  border-top: 0;
  background-color: #d8e9f3;
  padding: 8px 5px 8px 12px !important;
  height: 30px;
  min-height: 30px;
}

div.footerTabTurni{
  float: right !important;
  font-size: 12px;
  padding-top: 8px;
  padding-right: 12px;
}

td.cartSuccess{
  background-color: #80ffc6 !important;
  color: green !important;
  text-align: center;
  /*border-bottom: lightGray solid 1px;*/
}

td.cartWarning{
  background-color: #ffe680 !important;
  color: white !important;
  text-align: center;
  /*border-bottom: lightGray solid 1px;*/
}

td.cartWarningLine{
  background-color: #fff5cc !important;
}

td.cartError{
  background-color: #F78181 !important;
  color: white !important;
  text-align: center;
  /*border-bottom: lightGray solid 1px;*/
}

td.cartErrorLine{
  background-color: #fde7e7 !important;
}

td.cartErrorLineFes{
  background-color: #ffffcc !important;
}

td.cartTot{
  border-top: #3c8dbc solid 1px ! important;
  background-color: #3c8dbc !important;
  color: white;
  text-align: center;
  /*border-bottom: lightGray solid 1px;*/
}

td.cartTotLine{
  border-top: #3c8dbc solid 1px ! important;
  border-bottom: #3c8dbc solid 3px;
  background-color: #F0F8FF;
  text-align: center;
  /*border-bottom: lightGray solid 1px;*/
}

td.cartTotLineNew{
  border-top: #3c8dbc solid 1px ! important;
  border-bottom: #3c8dbc solid 3px;
  background-color: #d4d4d4 !important;
  text-align: center;
  /*border-bottom: lightGray solid 1px;*/
}

td.cartSab{
  border-top: gray solid 1px ! important;
  background-color: white;
  color: blue;
  text-align: center;
  /*border-bottom: lightGray solid 1px;*/
}

td.cartDom{
  border-top: gray solid 1px ! important;
  background-color: white;
  color: red;
  text-align: center;
  /*border-bottom: lightGray solid 1px;*/
}

td.cartLun{
  border-top: #3c8dbc solid 3px ! important;
  background-color: white;
  text-align: center;
  /*border-bottom: lightGray solid 1px;*/
}

td.cartLunFes{
  border-top: #3c8dbc solid 3px ! important;
  background-color: white;
  color: red;
  text-align: center;
  /*border-bottom: lightGray solid 1px;*/
}

td.tlgreen{
  border-top: solid gray 1px;
  border-bottom: solid gray 1px;
  background-color: #80ffc6;
}

td.tlgreen:hover{
  border-top: solid gray 1px;
  border-bottom: solid gray 1px;
  background-color: green;
}

td.tlgreendark{
  border-top: solid gray 1px;
  border-bottom: solid gray 1px;
  background-color: #C2FFC2;
}

td.tlgreendark:hover{
  border-top: solid gray 1px;
  border-bottom: solid gray 1px;
  background-color: green;
}

td.tlred{
  border-top: solid gray 1px;
  border-bottom: solid gray 1px;
  background-color: #F78181;
}

td.tlred:hover{
  border-top: solid gray 1px;
  border-bottom: solid gray 1px;
  background-color: red;
}

td.tlblue{
  border-top: solid gray 1px;
  border-bottom: solid gray 1px;
  background-color: #82E0FF;
}

td.tlblue:hover{
  border-top: solid gray 1px;
  border-bottom: solid gray 1px;
  background-color: #00A0E0;
}

td.tlwhite{
  border-top: solid gray 1px;
  border-bottom: solid gray 1px;
  background-color: white;
}

td.tlwhite:hover{
  border-top: solid gray 1px;
  border-bottom: solid gray 1px;
  background-color: lightGray; 
}

.cliccabile{
  cursor: pointer;
}

.fa-10x{
  font-size: 10em;
}

td.divisorioTabella{
  background-color: #3c8dbc;
  color: white;
}

.footer-dist{
  background-color: white;
  position: fixed;
  bottom: 0;
  width: 100%;
}

.badgeZeit{
  padding: 10px;
  border-radius: 15px;
}

.badgeZeitDisabled{
  opacity: .65;
}

.form-control-zeit{
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: none;
  padding: 6px 12px;
}

li.separatore{
  color: white;
  padding: 5px;
}

a.elencoCollapsed{
  color: black;
  opacity: 1;
}

a.elencoCollapsed:hover{
  color: black;
  opacity: .65;
}

input.searchZeit{
  margin-left: 0 !important;
  border-color: #aaa;
  border-radius: 4px;
  height: 34px;
}

input.searchZeitSearching{
  margin-left: 0 !important;
  border-color: gray;
  font-weight: bold;
  font-style: italic;
  color: #0073b7 !important;
}

input.input-group-addon-zeit{
  border-color: gray !important;
}

button.btnTable{
  border-radius: 3px !important;
  min-width: 100px;
  margin-bottom: 5px !important;
}

button.btnTableFirst{
  min-width: 100px;
  border-radius: 3px !important;
  margin-bottom: 5px !important;
  margin-left: 15px !important;
}

table.dataTable thead th {
    position: relative;
    background-image: none !important;
}

table.dataTable thead th { vertical-align: middle; }table.dataTable tbody td {
  vertical-align: middle;
} 
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 12px;
    right: 8px;
    display: block;
    font-family: "FontAwesome";
}

table.dataTable thead th.sorting:after {
    content: "\f0dc";
    font-size: 0.8em;
    padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
    content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
    content: "\f0dd";
}

th.dt-center, td.dt-center { text-align: center; }

.fc-today
{
  background-color:inherit !important;
}

.ol-popup-zeit {
  position: absolute;
  background-color: white;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 35px;
  left: -50px;
  min-width: 320px;
}
.ol-popup-zeit:after, .ol-popup-zeit:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ol-popup-zeit:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.ol-popup-zeit:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
.ol-popup-zeit-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}
.ol-popup-zeit-closer:after {
  content: "✖";
}

.zeitSlider .noUi-connect {
	background: #ff0000;
}

tr.zeitRed:nth-child(even) {
  background-color: #FFE0E6 !important;
}

tr.zeitRed:nth-child(odd) {
  background-color: #FFE3E6 !important;
}

tr.zeitRed:hover {
  background-color: #FF9F9F !important;
}

tr.zeitGreen:nth-child(even) {
  background-color: #C1FFD5 !important;
}

tr.zeitGreen:nth-child(odd) {
  background-color: #82FFCA !important;
}

tr.zeitGreen:hover {
  background-color: #42FFC7 !important;
}

tr.zeitBlue:nth-child(even) {
  background-color: #cce6ff !important;
}

tr.zeitBlue:nth-child(odd) {
  background-color: #b3daff !important;
}

tr.zeitBlue:hover {
  background-color: #87CEFA !important;
}

tr.zeitYellow:nth-child(even) {
  background-color: #FFFFC2 !important;
}

tr.zeitYellow:nth-child(odd) {
  background-color: #F1F1B4 !important;
}

tr.zeitYellow:hover {
  background-color: #F1F180 !important;
}

.swal2-file {
    border: 1px solid #ccc !important;
    display: inline-block;
    padding: 6px 6px;
    cursor: pointer;
}

.timelineBackground{
    width: 5px !important;
    height: 100px !important;
    left: 30px !important;
    top: -8px !important;
    border-radius: 0 !important;
}

.timeline>li{
  margin-bottom: 8px !important;
}

.timeline-item{
  padding-bottom: 10px !important;
  padding-top: 10px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  min-height: 45px !important;
}

.timeline-item-sel{
  background-color: powderBlue !important;
  border-radius: 10px !important;
}

.timeline-item-number{
  position: absolute; 
  top: 5; 
  left: 5;
}

.zgsatPopupTitle{
  color: white;
  padding: 10px;
  text-align: center;
  font-size: 20px;
  margin: -15px !important;
  border-radius: 10px 10px 0px 0px;
}

.zgsatPopupFooter{
  background-color: white;
  color: white;
  padding: 10px;
  text-align: center;
  font-size: 20px;
  margin: 15px -15px -15px -15px !important;
  border-radius: 0px 0px 10px 10px;
  display: flex;
  column-gap: 5px;
}

.zgsatPopupButton{
  background-color: #337ab7;
  color: white;
  cursor: pointer;
  font-size: 12px;
  padding: 10px;
  border-radius: 3px;
}

.zgsatPopupButton:hover{
  background-color: #3c8dbc;
  color: white;
  cursor: pointer;
  font-size: 12px;
  padding: 10px;
  border-radius: 3px;
}

.zgsatButtons:hover{
  color: #0073b7;
}

.labelRiepZGSat{
  border: 0 !important;
  text-align: right !important;
}

.labelValRiepZGSat{
  font-weight: normal !important;
}

.valoreRiepZGSat{
  border: 0 !important;
  font-weight: bold !important;
}

.labelTrack{
  margin-left: 10px
}

td.cartellinoModDis {
  background-color: lightGray !important;
}

td.cartellinoModDis:hover {
  background-color: lightGray !important;
}

td.cartellinoMod:hover {
  background-color: #e1e3e9 !important;
}

td.cartellinoMod:focus {
  border: black solid !important;
  text-align: center !important;
  vertical-align: middle !important;
}

td.cartellinoMod.selected:hover {
  background-color: #0085c8 !important;
}

td.cartellinoRed {
  background-color: #FFE0E6 !important;
}

td.cartellinoModRed {
  background-color: #FFE0E6 !important;
}

td.cartellinoModRed:hover {
  background-color: #FF9F9F !important;
}

td.cartellinoModRed:focus {
  border: red solid !important;
  text-align: center !important;
  vertical-align: middle !important;
}

td.cartellinoModRed.selected {
  background-color: red !important;
}

td.cartellinoModRed.selected:hover {
  background-color: red !important;
}

td.cartellinoBlue {
  background-color: #cce6ff !important;
}

td.cartellinoModBlue {
  background-color: #cce6ff !important;
}

td.cartellinoModBlue:hover {
  background-color: #87CEFA !important;
}

td.cartellinoModBlue:focus {
  border: blue solid !important;
  text-align: center !important;
  vertical-align: middle !important;
}

td.cartellinoModBlue.selected {
  background-color: #0085c8 !important;
}

td.cartellinoModBlue.selected:hover {
  background-color: #0085c8 !important;
}


/* width */
.corpoChat::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.corpoChat::-webkit-scrollbar-track {
  background: trasparent; 
}
 
/* Handle */
.corpoChat::-webkit-scrollbar-thumb {
  background: #3c8dbc; 
  border-radius: 7px;
  opacity: 0.4;
}

/* Handle on hover */
.corpoChat::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.corpoChat{
  height: calc(100vh - 275px);
  scrollbar-width: thin;
  scrollbar-color: #3c8dbc white;
  background-image: url("../../icone/leaf.png");
}


/* width */
.corpoNews::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.corpoNews::-webkit-scrollbar-track {
  background: trasparent; 
}
 
/* Handle */
.corpoNews::-webkit-scrollbar-thumb {
  background: #3c8dbc; 
  border-radius: 7px;
  opacity: 0.4;
}

/* Handle on hover */
.corpoNews::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.divMenuRaggruppato{
  scrollbar-width: thin;
  scrollbar-color: #3c8dbc white;
  position: absolute; 
  overflow: auto; 
  z-index: 1000; 
  max-height: calc(100% - 125px); 
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); 
  height: 100%; 
  background-color: #ecf0f5;
}

#corpoChatNews{
  width: 70%; 
  font-size: 20px;
  background-color: white !important;
  padding-top:10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  white-space: pre-line;
}

.corpoNews{
  overflow-x: hidden;
  height: auto;
  scrollbar-width: thin;
  scrollbar-color: #3c8dbc white;
  background-image: url("../../icone/stock.jpg");
}

.sidebar{
  height: calc(100vh - 50px) !important;
}

/* width */
body::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
body::-webkit-scrollbar-track {
  background: #fff; 
  margin-top: 50px;
}
 
/* Handle */
body::-webkit-scrollbar-thumb {
  background: #3c8dbc; 
  border-radius: 7px;
  opacity: 0.4;
}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* width */
.dataTables_scrollBody::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
.dataTables_scrollBody::-webkit-scrollbar-track {
  background: trasparent; 
}
 
/* Handle */
.dataTables_scrollBody::-webkit-scrollbar-thumb {
  background: #3c8dbc; 
  border-radius: 7px;
  opacity: 0.4;
}

/* Handle on hover */
.dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.info-box-richieste{
  margin-bottom: 0 !important;
}

/*
.info-box-richieste{
  min-height: 110px !important;
  margin-bottom: 0 !important;
}

.info-box-icon-richieste{
  height: 110px !important;
}*/

.direct-chat-msg{
  margin-bottom: 0 !important; 
}

.direct-chat-text-own{
  background-color: #e1e3e9 !important;
  float: right!important;
}

.direct-chat-text{
  border-radius: 8px;
  min-width: 25% !important;
  width: fit-content !important; 
  width: -moz-fit-content !important; 
  margin-left: 10px !important;
  margin-right: 10px !important; 
  border: 0 !important;
  background-color: white;
  box-shadow: 0 2px .5px rgba(11, 20, 26, 0.1);
}

.direct-chat-text:after, .direct-chat-text:before{
  border: 0 !important;
}

.direct-chat-msg-first{
 margin-top: 20px; 
}

.direct-chat-text-user{
  border-radius: 8px;
  color: #3c8dbc; 
  background-color: white;
  margin: -5px -10px -5px -10px;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px;
}

.direct-chat-text-user-own{
  border-radius: 8px;
  color: white; 
  background-color: #e1e3e9;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px;
}

.direct-chat-text-responsabile{
  border-radius: 8px;
  background-color: white;
  color: #FF851B; 
  background-color: white;
  margin: -5px -10px -5px -10px;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px;
}

.direct-chat-text-responsabile-own{
  border-radius: 8px;
  color: #FF851B; 
  background-color: white;
  margin: -5px -10px -5px -10px;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px;
}

.direct-chat-text-admin{
  background-color: white;
  border-radius: 8px;
  color: #dd4b39;
  margin: -5px -10px -5px -10px;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px;
}

.direct-chat-text-admin{
  /*background-color: white;*/
  border-radius: 8px;
  color: #dd4b39;
  margin: -5px -10px -5px -10px;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px;
}

.direct-chat-name{
  font-weight: bold;
  font-size: larger;
  margin-bottom: 5px;
  padding: 2px;
}

.direct-chat-data{
  width: 100%; 
  padding: 10px;
  padding-top: 35px;
}

.direct-chat-arrow-left {
    position: relative;
    top: 25px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    display: block;
    width: 8px;
}

.direct-chat-arrow-right {
    position: relative;
    top: 25px;
    left: calc(100% - 40px);
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    display: block;
    width: 8px;
}

.direct-chat-arrow{
  border-top: 20px solid #e1e3e9;
}

.direct-chat-arrow-user{
  border-top: 20px solid #e1e3e9;
}

.direct-chat-arrow-responsabile{
  border-top: 20px solid #ffffff;
  
}

.direct-chat-arrow-admin{
  border-top: 20px solid white;
}

.resRichiesta{
  width: 100%;
}

.boxRichieste{
  min-width: 300px;
}

.boxChat {
    position: relative;
    border-radius: 8px;
    background: #ffffff;
    /* border-top: 3px solid #d2d6de; */
    margin-bottom: 10px;
    margin-top: 10px;
    
    width: 90%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.chat-title-user{
  color: white; 
  background-color: #3c8dbc;
  border-radius: 5px 5px 0 0;
  padding: 10px 15px;
}

.chat-title-responsabile{
  color: white; 
  background-color: #FF851B;
  border-radius: 5px 5px 0 0;
  padding: 10px 15px;
}

.chat-title-admin{
  color: white; 
  background-color: #dd4b39;
  border-radius: 5px 5px 0 0;
  padding: 10px 15px;
}

.swal2-styled.swal2-confirm{
  background-color: #3c8dbc;
}

span.zeitTimbratura{
  display: inline-block;
  width: 80px;
  text-align: center !important;
}

span.zeitCoppiaTimbratura{
  display: inline-block;
  width: 200px;
  text-align: left !important;
}

.box-body-richiesta{
  background-color: #f2f2f2;
  padding: 10px !important;
  cursor: pointer;
}

.box-body-richiesta:hover{
  background-color: #e1e3e9;
}

.box-footer-richiesta{
  background-color: #f2f2f2;
}

.label-data-messaggi{
  color: white;
  background-color: #3c8dbc;
  font-size: 100% !important;
}

div.divAffollamentoZGTicket {
  margin-top: 0 !important;
  width: 100%;
  font-size: 80px;
  text-align: center;
  border: solid gray 1px;
  border-top: 0;
  border-bottom-left-radius: 5pt;
  border-bottom-right-radius: 5pt;
}

div.divTitoloZGTicket {
  padding: 8px; 
  margin-top: 15px;
  text-align: center;
  border-top-left-radius: 5pt;
  border-top-right-radius: 5pt;
}

div.fc-content {
  text-align: center;
}

td.focus span.blink {
  display: inline !important;
  animation: blinker 1s linear infinite;
  font-size: 13px;
  font-weight: bold;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

span.blink{
  display: none;
}

input.bootstrap-timepicker-hour{
  border: 0 !important;
}
 
input.bootstrap-timepicker-minute{
  border: 0 !important;
}     

.ol-layerswitcher-popup button{
  background-color: rgba(0,60,136,.5) !important;
  background-image:none !important;
  height: 1.375em !important;
  width: 1.375em !important;
} 

.ol-layerswitcher-popup button:before{
  content: '\f124';
  font-family: "FontAwesome";
}

.fc-col-header-cell.fc-day > div > a{
  color: black !important;
}

.fc-col-header-cell.fc-day.fc-day-sat > div > a{
  color: blue !important;
}

.fc-col-header-cell.fc-day.fc-day-sun > div > a{
  color: red !important;
}

a.fc-daygrid-day-number{
   color: black !important;
}

table.fc-col-header{
  width: 100% !important
}

table.fc-scrollgrid-sync-table{
  width: 100% !important
}

div.fc-daygrid-body.fc-daygrid-body-unbalanced {
  width: 100% !important
}

a.fc-h-event{
  border: 0 !important;
}

a.fc-daygrid-dot-event{
  padding: 0 !important;
}

a.fc-v-event{
  border: 0 !important;
  background-color: white !important;
}

div.calBlock{
  width: 19px;
  height: 19px;
}

div.calAssErr{
  background-color: #ff8080;
  margin-bottom: 3px;
  border-radius: 3px;
  color: black;
  cursor: pointer;
  overflow: hidden !important;
}

div.calAssSovrapposizione{
  background-color: #BA55D3;
  margin-bottom: 3px;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  overflow: hidden !important;
}

/*div.calAssConsolidataGI{
  background-color: #d6f5d6;
  border: solid #d6f5d6 1px;
  border-left: solid #103d10 5px;
  border-radius: 3px;
  color: black;
  cursor: pointer;
  margin-bottom: 3px;
  overflow: hidden !important;
}

div.calAssConsolidata{
  background-color: #d6f5d6;
  border: solid #d6f5d6 1px;
  border-radius: 3px;
  color: black;
  cursor: pointer;
  margin-bottom: 3px;
  overflow: hidden !important;
}*/

div.calAssConsolidataGI{
  background-color: #d8e9f3;
  border: solid #d8e9f3 1px;
  border-left: solid #0073b7 5px;
  border-radius: 3px;
  color: black;
  cursor: pointer;
  margin-bottom: 3px;
  overflow: hidden !important;
}

div.calAssConsolidata{
  background-color: #d8e9f3;
  border: solid #d8e9f3 1px;
  border-radius: 3px;
  color: black;
  cursor: pointer;
  margin-bottom: 3px;
  overflow: hidden !important;
}

div.calRichAltra{
  background-color: #ffedcc;
  border: solid #ffedcc 1px;
  border-radius: 3px;
  color: black;
  cursor: pointer;
  margin-bottom: 3px;
  overflow: hidden !important;
}

div.calRichAltraGI{
  background-color: #ffedcc;
  border: solid #ffedcc 1px;
  border-left: solid #996300 5px;
  border-radius: 3px;
  color: black;
  cursor: pointer;
  margin-bottom: 3px;
  overflow: hidden !important;
}

div.calRichSelezionata{
  background-color: #ff9900;
  border: solid #ff9900 1px;
  border-radius: 3px;
  color: #331f00;
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 3px;
  overflow: hidden !important;
}

div.calRichSelezionataGI{
  background-color: #ff9900;
  border: solid #ff9900 1px;
  border-left: solid #804d00 5px;
  border-radius: 3px;
  color: #331f00;
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 3px;
  overflow: hidden !important;
}

span.fc-scrollgrid-sync-inner{
  text-align: center;
}

.fc-day-today {     
  background: #ebf4f9 !important; 
}

a.fc-daygrid-week-number{
  min-width: 26px !important;
  color: white !important;
  background-color: #3c8dbc !important;
  border-color: #367fa9 !important;
  border-radius: 3px !important;
  padding-top: 3px !important;
  cursor: pointer;
}

a.fc-daygrid-week-number:hover{
  text-decoration: none !important;
  background-color: #367fa9 !important;
}

a.bottoneGiorno{
  min-width: 26px !important;
  text-align: center !important;
  color: white !important;
  background-color: #3c8dbc !important;
  border-color: #367fa9 !important;
  border-radius: 3px !important;
  padding-top: 3px !important;
  cursor: pointer;
}

a.bottoneGiorno:hover{
  text-decoration: none !important;
  background-color: #367fa9 !important;
}

.fc-scroller { 
 margin-bottom: 0px !important;
}

/* SCROLLBAR - START - */

/* width */
.fc-scroller::-webkit-scrollbar {
  width: 7px;
  overflow-y:scroll !important;
}

 /* Track */
.fc-scroller::-webkit-scrollbar-track {
  border-radius: 0px;
}

/* Handle */
.fc-scroller::-webkit-scrollbar-thumb {
  background: #3c8dbc;
  border-radius: 20px !important;
}

/* Handle on hover */
.fc-scroller::-webkit-scrollbar-thumb:hover {
  background: white; 
}

/* Firefox Integration */

.fc-scroller{
  scrollbar-color: #3c8dbc white;
  scrollbar-width: thin;
}
 
 /* SCROLLBAR - END - */
 
.fc-day-grid-event > .fc-content {
  white-space: nowrap;
}

.cellaGiornoPaghe{
  width: 100px !important;
}

td.bordoSinistro{
  border-left: solid lightGray 1px;
}

th.colPresenza{
  background-color: rgba(75, 192, 192, 0.5) !important;
  /*;#00a65a*/
  color: black !important;
  text-align: center !important;
  /*border-bottom: lightGray solid 1px;*/
}

th.colTotale{
  color: black !important;
  text-align: center !important; 
  /*border-bottom: lightGray solid 1px;*/
}

td.colTotale{
  background-color: #F0F8FF;
  color: black !important;
  text-align: center !important;
  /*border-bottom: lightGray solid 1px;*/
}


th.colEccedenza{
  background-color: rgba(153, 102, 255, 0.5) !important;
  /*background-color: #605ca8 !important;*/
  color: black !important;
  text-align: center !important; 
  /*border-bottom: lightGray solid 1px;*/
}

th.colAssenza{
  background-color: rgba(54, 162, 235, 0.5) !important;
  /*background-color: #0073b7 !important;*/
  color: black !important;
  text-align: center !important;
  /*border-bottom: lightGray solid 1px;*/
}

th.colAssenzaNonGiustificata{
  background-color: #F78181 !important;
  color: white !important;
  text-align: center !important;
}

td.colEvidenza{
  background-color: #d8e9f3 !important;
  /*color: white !important;
  /*border-bottom: lightGray solid 1px;*/
}

span.isRichiesta{
  background-color: #f39c12 !important;
  color: white !important;
  text-align: center;
  padding: 5px;
  border-radius: 10px;
}

span.isDaRichiedere{
  background-color: #605ca8 !important;
  color: white !important;
  text-align: center;
  padding: 5px;
  border-radius: 10px;
}

.swal-wide {
  width: 65% !important;
}

.fa-spin{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}

.sidebar-menu>li>a {
    padding: 15px 5px 15px 10px !important;
}

.main-sidebar{
  border: 0 !important;
}

div.input-group-addon{
  width: 120px !important;
}

table.dataTable.table-hover>tbody>tr.selected>* {
    box-shadow: inset 0 0 0 9999px #d8e9f3 !important; 
    color: #1f4961 !important;
}

.sidebar-menu>li.active>a{
  color: #1f4961 !important;
}

.zeitNav-sel{
  border-radius: 6px !important;
  padding-bottom: 10px !important;
  border-bottom: 5px #3c8dbc solid !important;
  background-color: #d8e9f3 !important;
  color: #1f4961 !important;
}

.zeitNav-sel.navAdmin{
  border-radius: 6px !important;
  padding-bottom: 10px !important;
  border-bottom: 5px #00a65a solid !important;
  background-color: #dcefdc !important;
  color: #1f4961 !important;
}

.zeitNav-sel:hover{
  /*background-color: #e1e3e9 !important;*/
  color: #1f4961 !important;
  cursor: default !important;
}

.tableDividerWhite{
  background-color: white !important;
  height: 30px !important;
}

.tableDividerWhite:hover{
  background-color: white !important;
  height: 30px !important;
}

div.padding{
  padding: 5px;
}

.table tr > td > small {
  font-size: 10px !important;
}

.table{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.swal2-html-container > small {
  font-size: 12px !important;
}

.box-body-zeit{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 10px
}

div.titoloBoxWelcome {
  margin-bottom: 0px; 
  padding: 10px; 
  background-color: #e1e3e9; 
  color: black; 
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
}

.customAlertBoxWelcome{
  float: right; 
  height: 40px; 
  width: 40px; 
  bottom: 10px; 
  left: 10px; 
  background-color: #D9534F; 
  border-top-right-radius: 10px; 
}

div.boxBodyWidgetHome {
  min-height: 115px;
  height: 115px;
}

#tabellaDataNew tr:not(:first-child):hover td:first-child{
  background-color: #d4d4d4 !important;
  color: black;
}

#tabellaDataNew tr:first-child td:nth-child(5){
  color: black;
  background-color: #3c8dbc; 
  border-bottom: #3c8dbc solid 3px;
}

#tabellaDataNew th:nth-child(n+5){
  text-align: center !important;
}

td.cartErrorNew{
  background-color: #F78181 !important;
  color: white !important;
  text-align: center;
  /*border-bottom: lightGray solid 1px;*/
}

div.giornataAnomalaGiornoSettimana{
  background-color: #F78181; 
  border-top-left-radius: 15px; 
  border-top-right-radius: 15px; 
  color: white; 
  padding: 10px 10px 5px;
}

div.giornataAnomalaGiornoMese{
  border: #F78181 1px solid; 
  border-bottom-left-radius: 15px; 
  border-bottom-right-radius: 15px; 
  padding: 5px 10px 10px; 
  font-size: 25px;
}

div.giorniResiduoAssenze{
  border: #F78181 1px solid; 
  border-bottom-left-radius: 15px; 
  border-bottom-right-radius: 15px; 
  padding: 5px 10px 10px; 
  border: #3c8dbc 1px solid;
  cursor: pointer;
}

div.giorniResiduoAssenze > div > span{
  font-size: 25px;
}

div.giorniResiduoAssenze:hover{
  background-color: #ecf4f9 !important;
  border: #F78181 1px solid; 
  border-bottom-left-radius: 15px; 
  border-bottom-right-radius: 15px; 
  padding: 5px 10px 10px; 
  border: #3c8dbc 1px solid;
}

div.giorniResiduoAssenze.active{
  background-color: #ecf4f9 !important;
  border: #F78181 1px solid; 
  border-bottom-left-radius: 15px; 
  border-bottom-right-radius: 15px; 
  padding: 5px 10px 10px; 
  border: #3c8dbc 5px solid;
  cursor: pointer;
}

/*div.giorniResiduoAssenze.active > span{
  color: white !important;
}

div.giorniResiduoAssenze.active > i.dettaglioUnitaMisuraBox{
  color: white !important;
}*/

div.giornataAnomalaBox{
  margin-top: 15px; 
  margin-bottom: 15px;
  min-width: 120px;
}

div.dipendenteAnomalieHeader{
  background-color: #3c8dbc; 
  border-radius: 5px; 
  color: white; 
  padding: 10px;
}

.divG {
  display: flex;
  flex-wrap: wrap;
}

.divP {
  width: 25%;
  padding: 15px;
  box-sizing: border-box;
}

@media (max-width: 1199.98px) {
  .divP {
    width: 50%;
  }
}

@media (max-width: 991.98px) {
  .divP {
    width: 50%;
  }
}

@media (max-width: 767.98px) {
  .divP {
    width: 100%;
  }
}

.classRMHeader{
	top: 0px !important;
	display: none;
}

.divisoreDipendentiStampe{
  border-top: 1px solid black !important; 
  background-color: #3c8dbc !important;
  color: white;
  margin-top: 10px;
}

.colonnaTotaliStampe{
  background-color: #C9DFB3 !important;
  border-top: none !important;
  font-size: 14px;
}

#tabellaStampeNew {
    font-size: 11px;
}

.font-medium{
  font-size: 14px !important;
}

.font-small{
  font-size: 11px !important;
}

.font-extrasmall{
  font-size: 9px !important;
}

img.galleryChat{
  width: 100% !important;  
  object-fit: cover;
}

div.footerGalleryChat{
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  margin: 0 !important;
  padding: 5px !important;
  overflow: hidden;
}

div.boxGalleryChat{
  height: 300px; 
  background-color: rgba(0, 0, 0, 0.75); 
  border: white solid 2px; 
  overflow:hidden; 
  color: white;
}

.selezioneSubordinati {
  margin-top: 10px;
  background: #F0F8FF;
  color: #3c8dbc;
  text-align: center;
  border-top: #3c8dbc solid 3px ! important;
  font-size: 16px;
  font-weight: bold;
  width: 100% !important;
  padding: 6px;
}

.selezioneIndiretti {
  margin-top: 10px;
  background: #F0F8FF;
  color: #3c8dbc;
  text-align: center;
  border-top: #3c8dbc solid 3px ! important;
  font-size: 16px;
  font-weight: bold;
  width: 100% !important;
  padding: 6px;
}

.select2-results__group{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.addonExt{
  width: 180px !important;
}

.uploadFileZeit>input {
  display: none;
}

.uploadFileZeit>label.dragged-over {
  border: 1px dashed;
  background-color: lightGray;
}

.uploadFileZeit>label {
  border: 1px solid white;
  background-color: white;
}

h4.tipoMeseGiallo{
  background-color: #ffe680;
  color: darkOrange;
  padding: 7px;
  border-radius: 5px;
}

h4.tipoMeseVerde{
  background-color: #80ffc6;
  color: green;
  padding: 7px;
  border-radius: 5px;
}

h4.intestazioneCart{
  padding: 7px;
}

div.box-bustepaga{
  border-color: #00c0ef !important;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-radius: 12px;
}

div.box-bustepaga>.box-header{
  background-color: #00c0ef !important;
  color: white;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

div.box-bustepagaempty{
  border-color: #e1e3e9 !important;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
}

div.box-bustepagaempty>.box-header{
  background-color: #e1e3e9 !important;
  color: gray;
}

div.dettagliobustapaga{
  padding: 15px;
  font-size: 1.3em;
  font-weight: bold;
}

.zeitTableDividerAlert{
  background-color: #FF851B !important; 
  color: white; 
}

.zeitTableDivider{
  background-color: #3c8dbc !important; 
  color: white; 
}

.zeitTableDividerLite{
  background-color: #d8e9f3 !important; 
}

.zeitTableDividerFooter{
  background-color: #d8e9f3; 
  border-bottom: solid #3c8dbc 3px;
}

.zeitTableDividerTot{
  background-color: #3c8dbc !important; 
  color: white; 
  font-size: 18px !important;
  font-weight: bold;
}

.zeitTableDividerR1{
  background-color: #d8e9f3 !important; 
  color: black; 
  font-size: 16px !important;
  font-weight: bold;
}

.zeitTableDividerR2{
  background-color: #eeeeee !important; 
  color: black; 
  font-size: 15px !important;
  font-style: italic;
}

.zeitDivDivider{
  background-color: #d8e9f3 !important; 
  color: black !important;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.zeitDivDividerPresenze{
  background-color: rgba(75, 192, 192, 0.5) !important; 
  color: black !important;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.zeitDivDividerEccedenze{
  background-color: rgba(153, 102, 255, 0.5) !important; 
  color: black !important;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.zeitDivDividerAssenze{
  background-color: rgba(54, 162, 235, 0.5) !important; 
  color: black !important;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.zeitDivDividerAlert{
  background-color: #ffe8cc !important; 
  color: black !important;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}

input.invisibleInput{
  height: 0;
  border: 0;
}

input.invisibleInput:focus{
  border: 0 !important;
  box-shadow: none !important;
}

td.divisorioTabellaRed{
  background-color: #fab7b7 !important;
  color: #dd4b39 !important;
  padding: 10px 25px !important;
  font-size: 12pt;
}

td.divisorioTabellaOrange{
  background-color: #fff0b3 !important;
  color: #FF851B !important;
  padding: 10px 25px !important;
  font-size: 12pt;
}

td.divisorioTabellaGreen{
  background-color: #b7fab7 !important;
  color: #00a65a !important;
  padding: 10px 25px !important;
  font-size: 12pt;
}

.noUi-connect{
  background-color: #3c8dbc !important;
}

.zeitSlider{
  margin: 60px 40px; 
  z-index: 99999999999999;
}

.info-box-small{
  min-height: 60px !important;
}

.info-box-icon-small{
 height: 60px !important;
 line-height: 60px !important;
 font-size: 25px !important;
}

div.zeitTurno{
  font-size: 12px;
  padding: 5px;
  cursor: pointer;
  border-radius: 10px;
  min-width: 130px;
}

.turnoS{
  padding: 0px 5px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;  /* Ensure white-space isn't set to nowrap */
}

.turnoV{
  padding: 0px 5px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;  /* Ensure white-space isn't set to nowrap */
}

.turnoD{
  padding: 0px 5px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;  /* Ensure white-space isn't set to nowrap */
}

div.zeitTurnoBlueStatic{
  min-width: 150px;
  margin-bottom: 2px;
  background-color: #0073b7;
  color: white;
  font-size: 12px;
  text-align: left;
  padding: 10px;
  border-radius: 10px;
  overflow: auto;
}

div.zeitTurnoBlue{
  min-width: 150px;
  margin-bottom: 2px;
  background-color: #0073b7;
  color: white;
  font-size: 12px;
  text-align: left;
  padding: 10px;
  cursor: pointer;
  border-radius: 10px;
  overflow: auto;
}

div.zeitTurnoBlue:hover{
  margin-bottom: 2px;
  background-color: #d8e9f3;
  color: black;
  font-size: 12px;
  cursor: pointer;
  border-radius: 10px;
  overflow: auto;
}

div.zeitTurnoGreenStatic{
  min-width: 150px;
  margin-bottom: 2px;
  background-color: #00a65a;
  color: white;
  font-size: 12px;
  text-align: left;
  padding: 10px;
  border-radius: 10px;
  overflow: auto;
}

div.zeitTurnoGreen{
  min-width: 150px;
  margin-bottom: 2px;
  background-color: #00a65a;
  color: white;
  font-size: 12px;
  text-align: left;
  padding: 10px;
  cursor: pointer;
  border-radius: 10px;
  overflow: auto;
}

div.zeitTurnoGreen:hover{
  margin-bottom: 2px;
  background-color: #dcefdc;
  color: black;
  font-size: 12px;
  cursor: pointer;
  border-radius: 10px;
  overflow: auto;
}

div.zeitTurnoGray{
  min-width: 150px;
  margin-bottom: 2px;
  background-color: lightGray;
  color: black;
  font-size: 12px;
  text-align: left;
  padding: 10px;
  cursor: pointer;
  border-radius: 10px;
  overflow: auto;
}

div.zeitTurnoGray:hover{
  margin-bottom: 2px;
  background-color: gray;
  color: black;
  font-size: 12px;
  cursor: pointer;
  border-radius: 10px;
  overflow: auto;
}

div.zeitTurnoGreenBozza{
  min-width: 150px;
  margin-bottom: 2px;
  background-color: white;
  color: black;
  border: solid 3px #00a65a;
  font-size: 12px;
  text-align: left;
  padding: 10px;
  cursor: pointer;
  border-radius: 10px;
  overflow: auto;
}

div.zeitTurnoGreenBozza:hover{
  min-width: 150px;
  margin-bottom: 2px;
  background: none;
  background-color: #dcefdc;
  border: solid 3px #00a65a;
  color: black;
  font-size: 12px;
  text-align: left;
  padding: 10px;
  cursor: pointer;
  border-radius: 10px;
  overflow: auto;
}

div.zeitTurnoGreenCancellabile{
  min-width: 150px;
  margin-bottom: 2px;
  background-color: #00a65a;
  color: white;
  font-size: 12px;
  text-align: left;
  padding: 10px;
  border-radius: 10px;
  overflow: auto;
}

div.zeitTurnoGreenCancellabile:hover{
  margin-bottom: 2px;
  background-color: #d54343;
  color: white;
  font-size: 12px;
  cursor: pointer;
  border-radius: 10px;
  overflow: auto;
}

div.zeitTurnoGreenCancellabile > table > tbody > tr > td.iconaDel{
  display: none;
}

div.zeitTurnoGreenCancellabile:hover > table > tbody > tr > td.iconaDel{
  display: table-cell;
}

/*div.content-wrapper-ext{
  max-height: calc(99vh) !important;
}*/

div.zeitTurnoGreenNonHov{
  min-width: 150px;
  margin-bottom: 2px;
  background-color: #00a65a;
  color: white;
  font-size: 12px;
  text-align: left;
  padding: 10px;
  cursor: pointer;
  border-radius: 10px;
  overflow: auto;
}

td.dt-head-center{
  position: relative;
}

div.footerDipendentiTurni{
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px;
  font-weight: bold;
  width: 100%;
  background-color: #d8e9f3;
  cursor: pointer;
}

.zeitTableDividerFooterTurni{
  background-color: #d8e9f3; 
  border-bottom: solid white 30px;
}

.turniTimb:hover{
  color: #dd4b39;
  font-weight: bold;
}


.callout.callout-purple {
  border-color: #413e74;
  color: #fff !important;
  background-color: #605ca8 !important;
}

.select2-selection .select2-selection--single {
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;
  word-wrap: break-word;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

div.zeitVerso{
  min-width: 60px;
}

@media (min-width: 768px) {
  .main-sidebar-ext{
    width: 230px !important;
  }
  
  .navbar-static-top-ext,
  .content-wrapper-ext{
    margin-left: 230px !important;
  }
  
  .sidebar-collapse .content-wrapper,
  .sidebar-collapse .main-footer {
    margin-left: 0;
  }
  
  .sidebar-collapse .main-sidebar {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
  }
  
}

.sidebar-ext{
  margin-left: 70px !important;
}

@media (max-width: 767px) {
  
  .main-sidebar-ext{
    width: 230px !important;
  }
  
  .sidebar-open .content-wrapper,
  .sidebar-open .main-footer {
    -webkit-transform: translate(230px, 0);
    -ms-transform: translate(230px, 0);
    -o-transform: translate(230px, 0);
    transform: translate(230px, 0);
  }
  
  .main-sidebar {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
  }
}

/*.menu-categoria{
  width: 70px;
  min-height: 70px;
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 5px;
  background-color: #ecf0f5;
  cursor: pointer !important;
  text-align: center;
  color: black !important;
  padding-top: 5px;
  padding-bottom: 5px;
}*/

.menu-categoria{
  width: 70px;
  min-height: 70px;
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 0px;
  /*background-color: #ecf0f5;*/
  cursor: pointer !important;
  text-align: center;
  color: black !important;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 600;
}

.menu-categoria:hover{
  /*transform: translateY(-5px);
  transition: transform 0.3s ease;*/
}

.icona-menu-categoria{
  padding-top: 10px;
  font-size: larger;
}

/*.skin-black-light .sidebar-menu li.active.elementBlue a{
  border-radius: 6px !important;
  border-right: 5px #3c8dbc solid !important;
  background-color: #d8e9f3 !important;
}

.skin-black-light .sidebar-menu li.active.elementGreen a{
  border-radius: 6px !important;
  border-right: 5px #00a65a solid !important;
  background-color: #dcefdc !important;
}

.skin-black-light .sidebar-menu li.active.elementPurple a{
  border-radius: 6px !important;
  border-right: 5px #730099 solid !important;
  background-color: #f9e6ff !important;
}

.skin-black-light .sidebar-menu li.active.elementOrange a{
  border-radius: 6px !important;
  border-right: 5px #ff8c00 solid !important;
  background-color: #ffe8cc !important;
}

.skin-black-light .sidebar-menu li.active.elementGray a{
  border-radius: 6px !important;
  border-right: 5px gray solid !important;
  background-color: #ecf0f5 !important;
}*/

.skin-black-light .sidebar-menu li.active.elementBlue a{
  border-radius: 0px !important;
  border-right: 3px #3c8dbc solid !important;
  background-color: #d8e9f3 !important;
}

.skin-black-light .sidebar-menu li.active.elementGreen a{
  border-radius: 0px !important;
  border-right: 3px #00a65a solid !important;
  background-color: #dcefdc !important;
}

.skin-black-light .sidebar-menu li.active.elementPurple a{
  border-radius: 0px !important;
  border-right: 3px #730099 solid !important;
  background-color: #f9e6ff !important;
}

.skin-black-light .sidebar-menu li.active.elementOrange a{
  border-radius: 0px !important;
  border-right: 3px #ff8c00 solid !important;
  background-color: #ffe8cc !important;
}

.skin-black-light .sidebar-menu li.active.elementGray a{
  border-radius: 0px !important;
  border-right: 3px gray solid !important;
  background-color: #ecf0f5 !important;
}

.zeitNav-sel.nav-blue{
  border-radius: 0px !important;
  padding-bottom: 10px !important;
  border-bottom: 3px #3c8dbc solid !important;
  background-color: #d8e9f3 !important;
  color: #1f4961 !important;
  height: 50px;
}

.zeitNav-sel.nav-green{
  border-radius: 0px !important;
  padding-bottom: 10px !important;
  border-bottom: 3px #00a65a solid !important;
  background-color: #dcefdc !important;
  color: #1f4961 !important;
  height: 50px;
}

.zeitNav-sel.nav-purple{
  border-radius: 0px !important;
  padding-bottom: 10px !important;
  border-bottom: 3px #730099 solid !important;
  background-color: #f9e6ff !important;
  color: #1f4961 !important;
  height: 50px;
}

.zeitNav-sel.nav-orange{
  border-radius: 0px !important;
  padding-bottom: 10px !important;
  border-bottom: 3px #ff8c00 solid !important;
  background-color: #ffe8cc !important;
  color: #1f4961 !important;
  height: 50px;
}

.zeitNav-sel.nav-gray{
  border-radius: 0px !important;
  padding-bottom: 10px !important;
  border-bottom: 3px gray solid !important;
  background-color: #ecf0f5 !important;
  color: #1f4961 !important;
  height: 50px;
}


/*.zeitNav-sel.nav-blue{
  border-radius: 6px !important;
  padding-bottom: 10px !important;
  border-bottom: 5px #3c8dbc solid !important;
  background-color: #d8e9f3 !important;
  color: #1f4961 !important;
}

.zeitNav-sel.nav-green{
  border-radius: 6px !important;
  padding-bottom: 10px !important;
  border-bottom: 5px #00a65a solid !important;
  background-color: #dcefdc !important;
  color: #1f4961 !important;
}

.zeitNav-sel.nav-purple{
  border-radius: 6px !important;
  padding-bottom: 10px !important;
  border-bottom: 5px #730099 solid !important;
  background-color: #f9e6ff !important;
  color: #1f4961 !important;
}

.zeitNav-sel.nav-orange{
  border-radius: 6px !important;
  padding-bottom: 10px !important;
  border-bottom: 5px #ff8c00 solid !important;
  background-color: #ffe8cc !important;
  color: #1f4961 !important;
}

.zeitNav-sel.nav-gray{
  border-radius: 6px !important;
  padding-bottom: 10px !important;
  border-bottom: 5px gray solid !important;
  background-color: #ecf0f5 !important;
  color: #1f4961 !important;
}*/

.menu-categoria-green:hover{
  background-color: #dcefdc !important;
  color: #00a65a !important;
  font-weight: bold;
}

.menu-categoria-green-active{
  background-color: #dcefdc !important;
  color: #00a65a !important;
  border-right: 3px #00a65a solid !important;
  /*border-left: solid #00a65a 5px;*/
}

.menu-categoria-green-active:hover{
  background-color: #dcefdc !important;
  color: #00a65a !important;
  font-weight: bold;
}

.menu-categoria-purple:hover{
  background-color: #f9e6ff !important;
  color: #730099 !important;
  font-weight: bold;
}

.menu-categoria-purple-active{
  background-color: #f9e6ff !important;
  color: #730099 !important;
  border-right: 3px #730099 solid !important;
  /*border-left: solid #730099 5px;*/
  /*font-weight: bold;*/
}

.menu-categoria-purple-active:hover{
  background-color: #f9e6ff !important;
  color: #730099 !important;
  font-weight: bold;
}

.menu-categoria-orange:hover{
  background-color: #ffe8cc !important;
  color: #ff8c00 !important;
  font-weight: bold;
}

.menu-categoria-orange-active{
  background-color: #ffe8cc !important;
  color: #ff8c00 !important;
  border-right: 3px #ff8c00 solid !important;
  /*border-left: solid #ff8c00 5px;*/
}

.menu-categoria-orange-active:hover{
  background-color: #ffe8cc !important;
  color: #ff8c00 !important;
  font-weight: bold;
}

.menu-categoria-blue:hover{
  background-color: #d8e9f3 !important;
  color: #3c8dbc !important;
  font-weight: bold;
}

.menu-categoria-blue-active{
  background-color: #d8e9f3 !important;
  color: #3c8dbc !important;
  border-right: 3px #3c8dbc solid !important;
  /*border-left: solid #3c8dbc 5px;*/
}

.menu-categoria-blue-active:hover{
  background-color: #d8e9f3 !important;
  color: #3c8dbc !important;
  font-weight: bold;
}

.menu-categoria-gray:hover{
  background-color: #ecf0f5 !important;
  color: gray !important;
  font-weight: bold;
}

.menu-categoria-gray-active{
  background-color: #ecf0f5 !important;
  color: gray !important;
  border-right: 3px gray solid !important;
}

.menu-categoria-gray-active:hover{
  background-color: #ecf0f5 !important;
  color: gray !important;
  font-weight: bold;
}

.alertRaggr{
  background-color: #dd4b39 !important;
  color: #dd4b39 !important;
  height: 13px;
  width: 13px;
  display: block !important;
  position: absolute;
  left: 45px;
  margin-top: 10px;
  border-radius: 10px;
}

.alertRaggrHide{
  display: none !important;
}

.alertMenu{
  background-color: #dd4b39 !important;
  color: #dd4b39 !important;
  height: 13px;
  width: 13px;
  display: block !important;
  position: absolute;
  left: 133px;
  top: 18px;
  border-radius: 10px;
}

.alertMenuHide{
  display: none !important;
}

.labelCampiSwal{
  font-size: 10px; 
  width: 80% !important; 
  text-align: left !important; 
  padding-left: 5px;
}

.calendar .calendar-header {
  display: none;
  background-color: #f5f5f5;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border: 0;
}

.calendar .calendar-header .year-title {
  font-size: 18px;
}

.calendar .calendar-header .year-title:not(.year-neighbor):not(.year-neighbor2) {
  border-bottom: 2px solid #2196f3;
}

.calendar .months-container .month-container {
  margin-bottom: 20px;
}

.calendar table.month {
  background-color: white;
  width: 90%;
  background-color: #f9fafc;
  border-collapse: collapse;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}

.calendar table.month th.month-title {
  background-color: #3c8dbc;
  color: white;
  padding: 12px;
  font-weight: 400;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  font-size: 13px !important;
}

.calendar table.month th.day-header {
  padding-top: 10px;
  color: #CDCDCD;
  font-weight: 400;
  font-size: 12px;
}

.calendar table.month td.day .day-content {
  padding: 8px;
  border-radius: 100%;
}

td.cellaTurni{
  height: 95px;
  min-height: 95px;
}

.btn-secondary:hover{
  background-color: #0073b7;
  color: white;
}

li.dt-button > a:hover{
  background: rgba(0,0,0,0);
  color: white !important;
}

li.dt-button > a:hover > span{
  color: white !important;
}

li.dt-button:hover > a{
  color: white !important;
}

li.dt-button:hover > a > span{
  color: white !important;
}

/* General styling for buttons */
.btnZeit {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px !important;
  font-size: 14px;
  min-width: 155px;
  text-align: center;
  background-color: #F4F4F4;
  color: #495057; /* Darker gray text */
  border-color: #ddd; /* Darker gray border */
}

.btn-small {
  width: 100px !important;
  min-width: 100px !important;
}

.btnZeit:focus{
  box-shadow: none !important;
}

.btnZeitTable {
  display: inline-block;
  border-radius: 5px !important;
  font-size: 14px;
  width: 30px;
  height: 30px;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0);
  text-align: center;
  color: #495057; /* Darker gray text */
  border: 0; /* Darker gray border */
}


.btnZeitSwal {
  display: inline-block;
  border-radius: 5px !important;
  font-size: 14px;
  width: 130px;
  height: 120px;
  padding: 5px;
  margin: 5px;
  background-color: rgba(0, 0, 0, 0);
  text-align: center;
  color: #495057; /* Darker gray text */
  border: 0; /* Darker gray border */
}

.btnZeitSwalMini {
  display: inline-block;
  border-radius: 5px !important;
  font-size: 10px;
  width: 130px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0);
  text-align: center;
  vertical-align: middle;
  color: #495057; /* Darker gray text */
  border: 0; /* Darker gray border */
}

.marginBottoniIntestazioneTable{
  margin: 10px 0px; 
}

.marginRZeit{
  margin-right: 5px;
  margin-bottom: 5px; 
}

.marginLZeit25{
  margin-left: 25px !important;
  margin-bottom: 5px; 
}

.tagZeit{
  padding: 2px 6px;
  border-radius: 10px;
  margin-right: 2px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.labelZeitWelcome{
  border-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}

.labelZeitWelcomeAlert{
  float: right; 
  height: 42px; 
  width: 42px; 
  bottom: 11px; 
  left: 11px; 
  border-top-right-radius: 15px; 
}

.labelZeit{
  padding: 2px 6px;
  border-radius: 8px;
  margin-right: 2px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

.div.dataTables_scrollBody{
  border-left: 0 !important;
}

.btnZeit:hover {
  color: #343a40; /* Darker gray text for hover */
  border-color: #6c757d; /* Darker gray border for hover */
  background-color: #e9ecef; /* Light gray background for hover */
}

.btnZeitTable.btn-orange { /* Light gray background for hover */
  color: #ffb302;
}

.btnZeitTable.btn-orange:hover {
  background-color: #ffb302; /* Light gray background for hover */
  color: white;
}

.btnZeitTable.btn-green {
  color: #00a65a;
}

.btnZeitTable.btn-green:hover {
  background-color: #00a65a; /* Light gray background for hover */
  color: white;
}

.btnZeitTable.btn-red {
  color: #dd4b39;
}

.btnZeitTable.btn-red:hover {
  background-color: #dd4b39; /* Light gray background for hover */
  color: white;
}

.btnZeitTable.btn-gray {
  color: #c1c3c5;
}

.btnZeitTable.btn-gray:hover {
  background-color: #c1c3c5; /* Light gray background for hover */
  color: white;
}

.btnZeitTable.btn-light-gray {
  color: #495057;
}

.btnZeitTable.btn-light-gray:hover {
  background-color: #c2c3c3; /* Light gray background for hover */
  color: white;
}

.btnZeitTable.btn-blue {
  color: #0073b7; /* Light gray background for hover */
}

.btnZeitTable.btn-blue:hover {
  background-color: #0073b7; /* Light gray background for hover */
  color: white;
}

.btnZeitSwal.btn-blue {
  background-color: #F0F0F0; /* Light gray background for hover */
  color: black; /* Light gray background for hover */
}

.btnZeitSwal.btn-blue > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: #0073b7; /* Light gray background for hover */
}

.btnZeitSwal.btn-blue:hover {
  background-color: #0073b7; /* Light gray background for hover */
  color: white !important;
}

.btnZeitSwal.btn-blue:hover > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: white; /* Light gray background for hover */
}

.btnZeitSwalMini.btn-blue {
  background-color: #F0F0F0; /* Light gray background for hover */
  color: black; /* Light gray background for hover */
}

.btnZeitSwalMini.btn-blue > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: #0073b7; /* Light gray background for hover */
}

.btnZeitSwalMini.btn-blue:hover {
  background-color: #0073b7; /* Light gray background for hover */
  color: white !important;
}

.btnZeitSwalMini.btn-blue:hover > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: white; /* Light gray background for hover */
}

.btnZeitSwal.btn-red {
  background-color: #F0F0F0; /* Light gray background for hover */
  color: black; /* Light gray background for hover */
}

.btnZeitSwal.btn-red > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: #dd4b39; /* Light gray background for hover */
}

.btnZeitSwal.btn-red:hover {
  background-color: #dd4b39; /* Light gray background for hover */
  color: white !important;
}

.btnZeitSwal.btn-red:hover > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: white; /* Light gray background for hover */
}

.btnZeitSwal.btn-green {
  background-color: #F0F0F0; /* Light gray background for hover */
  color: black; /* Light gray background for hover */
}

.btnZeitSwal.btn-green > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: #00a65a; /* Light gray background for hover */
}

.btnZeitSwal.btn-green:hover {
  background-color: #00a65a; /* Light gray background for hover */
  color: white !important;
}

.btnZeitSwal.btn-green:hover > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: white; /* Light gray background for hover */
}

.btnZeit.btn-blue {
  background-color: #F0F0F0; /* Light gray background for hover */
  color: black; /* Light gray background for hover */
}

.btnZeit.btn-blue > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: #0073b7; /* Light gray background for hover */
}

.btnZeit.btn-blue:hover {
  background-color: #0073b7; /* Light gray background for hover */
  color: white !important;
}

.btnZeit.btn-blue:hover > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: white; /* Light gray background for hover */
}

.btnZeit.btn-green {
  background-color: #F0F0F0; /* Light gray background for hover */
  color: black; /* Light gray background for hover */
}

.btnZeit.btn-green > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: #00a65a; /* Light gray background for hover */
}

.btnZeit.btn-green:hover {
  background-color: #00a65a; /* Light gray background for hover */
  color: white !important;
}

.btnZeit.btn-green:hover > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: white; /* Light gray background for hover */
}

.btnZeit.btn-orange {
  background-color: #F0F0F0; /* Light gray background for hover */
  color: black; /* Light gray background for hover */
}

.btnZeit.btn-orange > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: #ffb302; /* Light gray background for hover */
}

.btnZeit.btn-orange:hover {
  background-color: #ffb302; /* Light gray background for hover */
  color: white !important;
}

.btnZeit.btn-orange:hover > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: white; /* Light gray background for hover */
}

.btnZeit.btn-red {
  background-color: #F0F0F0; /* Light gray background for hover */
  color: black; /* Light gray background for hover */
}

.btnZeit.btn-red > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: #dd4b39; /* Light gray background for hover */
}

.btnZeit.btn-red:hover {
  background-color: #dd4b39; /* Light gray background for hover */
  color: white !important;
}

.btnZeit.btn-red:hover > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: white; /* Light gray background for hover */
}

.btnZeit.btn-gray {
  background-color: #F0F0F0; /* Light gray background for hover */
  color: black; /* Light gray background for hover */
}

.btnZeit.btn-gray > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: #495057; /* Light gray background for hover */
}

.btnZeit.btn-gray:hover {
  background-color: #495057; /* Light gray background for hover */
  color: white !important;
}

.btnZeit.btn-gray:hover > span > svg{
  background-color: rgba(0, 0, 0, 0); /* Light gray background for hover */
  color: white; /* Light gray background for hover */
}

.labelZeit.bg-blue{
  background-color: #d0e7fc !important; /* Light blue background */
  color: #094a8a !important; /* Darker blue text */
  border: 1px solid #a2cdfa !important; /* Darker blue border */
}

.labelZeitWelcome.bg-blue{
  background-color: #d0e7fc !important; /* Light blue background */
  color: #094a8a !important; /* Darker blue text */
  border: 1px solid #a2cdfa !important; /* Darker blue border */
}

.labelZeitWelcome.bg-green{
  background-color: #c3e6cb !important; /* Darker light green background */
  color: #0b3d13 !important; /* Dark green text */
  border: 1px solid #a7d5b7 !important; /* Darker green border */
}

.labelZeitWelcome.bg-red {
  background-color: #fcdede !important; /* Darker light red background */
  color: #c82333 !important; /* Dark vibrant red text */
  border: 1px solid #f5a3a3 !important; /* Darker red border */
}

.labelZeitWelcomeAlert.bg-red{
  background-color: #fcdede !important; /* Darker light red background */
  color: #c82333 !important; /* Dark vibrant red text */
  border: 1px solid #f5a3a3 !important; /* Darker red border */
}

.bg-blue-new{
  background-color: #d0e7fc !important; /* Light blue background */
  color: black !important; /* Darker blue text */
  /*border: 1px solid #a2cdfa !important; Darker blue border */
}

.labelZeit.bg-green {
  background-color: #c3e6cb !important; /* Darker light green background */
  color: #0b3d13 !important; /* Dark green text */
  border: 1px solid #a7d5b7 !important; /* Darker green border */
}

.bg-green-new{
  background-color: #c3e6cb !important; /* Darker light green background */
  color: black !important; /* Dark green text */
  /*border: 1px solid #a7d5b7 !important; */
}

.padding-bottom-30{
  padding-bottom: 30px;
} 

.labelZeit.bg-yellow {
  background-color: #fff8b3 !important; /* Soft yellow background */
  color: #8d7800 !important; /* Dark yellow text */
  border: 1px solid #ffe066 !important; /* Medium yellow border */
}

.labelZeit.bg-orange {
  background-color: #fff8b3 !important; /* Soft yellow background */
  color: #8d7800 !important; /* Dark yellow text */
  border: 1px solid #ffe066 !important; /* Medium yellow border */
}

.bg-yellow-new{
  background-color: #fff8b3 !important; /* Soft yellow background */
  color: black !important; /* Dark yellow text */
  /*border: 1px solid #ffe066 !important;*/
}

.bg-orange-new{
  background-color: #fff8b3 !important; /* Soft yellow background */
  color: #8d7800 !important; /* Dark yellow text */
}

.bg-red-new {
  background-color: #fcdede !important; /* Darker light red background */
  color: black !important; /* Dark vibrant red text */
  /*border: 1px solid #f5a3a3 !important;*/
}

.labelZeit.bg-red {
  background-color: #fcdede !important; /* Darker light red background */
  color: #c82333 !important; /* Dark vibrant red text */
  border: 1px solid #f5a3a3 !important; /* Darker red border */
}

.labelZeit.bg-azure {
  background-color: #d0ebf8 !important; /* Light azure background */
  color: #0a4e76 !important; /* Dark azure text */
  border: 1px solid #a4d4ed !important; /* Azure border */
}

.labelZeit.bg-teal {
  background-color: #d0f8f1 !important; /* Light teal background */
  color: #0a7660 !important; /* Dark teal text */
  border: 1px solid #a4ede0 !important; /* Teal border */
}

.labelZeit.bg-purple {
  background-color: #e9d9f7 !important; /* Light purple background */
  color: #6f42c1 !important; /* Vibrant purple text */
  border: 1px solid #d4a3f5 !important; /* Medium purple border */
}

.labelZeit.bg-black{
  background-color: #333333 !important; /* Dark grey (almost black) background */
  color: #ffffff !important; /* White text */
  border: 1px solid #555555 !important; /* Slightly lighter grey border */
}

.labelZeit.bg-navy {
  background-color: #001f3f !important; /* Navy background */
  color: #ffffff !important;           /* White text */
  border: 1px solid #003366 !important; /* Darker navy border */
}

.labelZeit.bg-grey{
  background-color: #e0e0e0 !important; /* Light grey background */
  color: #555555 !important; /* Darker grey text */
  border: 1px solid #b0b0b0 !important; /* Medium grey border */
}

.labelZeit.bg-gray{
  background-color: #e0e0e0 !important; /* Light grey background */
  color: #555555 !important; /* Darker grey text */
  border: 1px solid #b0b0b0 !important; /* Medium grey border */
}

.labelZeit.bg-white{
  background-color: #ffffff !important; /* Light grey background */
  color: #555555 !important; /* Darker grey text */
  border: 1px solid #b0b0b026 !important; /* Medium grey border */
}

.tagZeit.grey{
  background-color: #d6d8db; /* Darker gray background */
  color: #495057; /* Darker gray text */
  border: 1px solid #aeb0b3; /* Darker gray border */
}

.tagZeit.red {
  background-color: #fcdede; /* Darker light red background */
  color: #c82333; /* Dark vibrant red text */
  border: 1px solid #f5a3a3; /* Darker red border */
}

.tagZeit.grey {
  background-color: #fcdede; /* Darker light red background */
  color: #c82333; /* Dark vibrant red text */
  border: 1px solid #f5a3a3; /* Darker red border */
}

/* Styling for the "Green" tag */
.tagZeit.green {
  background-color: #c3e6cb; /* Darker light green background */
  color: #0b3d13; /* Dark green text */
  border: 1px solid #a7d5b7; /* Darker green border */
}

/* Styling for the "Blue" tag */
.tagZeit.blue {
  background-color: #d0e7fc; /* Light blue background */
  color: #094a8a; /* Darker blue text */
  border: 1px solid #a2cdfa; /* Darker blue border */
}

/* Styling for the "Orange" tag */
.tagZeit.orange {
  background-color: #ffe4b8; /* Darker light orange background */
  color: #cc7a00; /* Dark vibrant orange text */
  border: 1px solid #ffad4d; /* Darker orange border */
}

/* Styling for the "Red" button (Stripe style for Expired) */
.tagZeit.red {
  background-color: #ffe9e9; /* Light red background */
  color: #d92929; /* Vibrant red text */
  border: 1px solid #f5a3a3; /* Red border */
}

/* Styling for the "Orange" button (Stripe style for Pending) */
.tagZeit.orange {
  background-color: #ffedcc; /* Light orange background */
  color: #e69500; /* Vibrant orange text */
  border: 1px solid #ffc266; /* Orange border */
}

/* Styling for the "Green" button (Paid) */
.btnZeit.green {
  background-color: #c3e6cb; /* Darker green background */
  color: #DA6E88; /* Darker green text */
  border: 1px solid #a7d5b7; /* Darker green border */
}

/* Styling for the "Grey" button (Draft) */
.btnZeit.grey {
  background-color: transparent;
  color: #495057; /* Darker gray text */
  border: 1px solid #aeb0b3; /* Darker gray border */
}

/* Styling for the "Red" button (Stripe style for Expired) */
.btnZeit.red {
  background-color: #fcdede; /* Darker light red background */
  color: #c82333; /* Darker vibrant red text */
  border: 1px solid #f5a3a3; /* Slightly darker red border */
}

/* Styling for the "Orange" button (Stripe style for Pending) */
.btnZeit.orange {
  background-color: #ffe4b8; /* Darker light orange background */
  color: #cc7a00; /* Darker vibrant orange text */
  border: 1px solid #ffad4d; /* Slightly darker orange border */
}

.btnZeit.white {
  background-color: #ffffff; /* Darker green background */
  color: #474e5a; /* Darker green text */
  border: 1px solid #d8dee4; /* Darker green border */
}

.btnZeit.azure {
  background-color: #d0ebf8; /* Light azure background */
  color: #0a4e76; /* Dark azure text */
  border: 1px solid #a4d4ed; /* Azure border */
}

.swalTitleZeit{
  background-color: #d8e9f3;
  padding-bottom: .8em;
}

.dt-button-collection{
  max-width: 250px !important;
}

i.dettaglioUnitaMisuraBox{
  font-size: 10px;
}

.welcomeBox{
  border-radius: 10px;
  height: 200px;
  background-color: white;
  box-shadow: 0px 2px 1px -1px rgba(107, 114, 128, 0.03),0px 1px 1px 0px rgba(107, 114, 128, 0.04),0px 1px 3px 0px rgba(107, 114, 128, 0.08);
  margin: 15px;
}

.welcomeBoxBody{
  border-right-top-radius: 10px;
  border-left-top-radius: 10px;
}

.welcomeBoxHeader{
  font-weight: bold;
  border-right-bottom-radius: 10px;
  border-left-bottom-radius: 10px;
  color: black;
}

.flexWelcome {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px; /* optional gap styling */
}

.flexItemWelcome {
  margin: 10px;
  padding: 15px;
  flex: 1 1 100%; /* default to full width on very small screens */
}

/* Medium screens (e.g., tablets) */
@media (min-width: 768px) {
  .flexItemWelcome {
    flex: 1 1 calc(50% - 20px); /* 2 columns, accounting for margins */
  }
}

/* Large screens (e.g., desktops) */
@media (min-width: 992px) {
  .flexItemWelcome {
    flex: 1 1 calc(33.333% - 20px); /* 3 columns */
  }
}

.zeit-card-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* spazio orizzontale e verticale */
  padding: 15px; /* no negative padding */
}

.zeit-card {
  flex: 0 0 calc(20% - 20px); /* fixed width: 20% minus gap */
  box-sizing: border-box;
  background: rgba(255, 255, 255, 1);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 250px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
}

.zeit-card-header {
  padding: 16px 20px;
  font-weight: 700;
  color: #1F2937;
  /*border-bottom: 1px solid #E5E7EB;*/
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  min-height: 40px;
  display: flex;
  align-items: center;
  background: transparent;
}

.zeit-card-body {
  padding: 20px;
  height: 135px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.zeit-card-footer {
  padding: 12px 20px;
  border-top: 1px solid #E5E7EB;
  background: #d0e7fc;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.zeit-card-icon-circle {
  background: #10B981;
  color: white;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.zeit-card-footer-link {
  font-size: 14px;
  color: #3B82F6;
  text-decoration: none;
}

.zeit-card-footer-link:hover {
  text-decoration: underline;
}

.zeit-card-date {
  text-align: right;
  font-size: 14px;
  color: #6B7280;
}

.zeit-card-metric {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  min-height: 100px; /* ensures same height for all */
}

.zeit-card-metric .icon {
  color: #1F2937;
  font-size: 18px;
}

.zeit-card-metric .label {
  color: #1F2937;
  font-size: 14px;
  margin-top: 4px;
}

.zeit-card-icon-circle {
  margin-top: 8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #2563EB;
  color: white;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

div.tabbarAnagrafiche > form > div > div.nav-tabs-custom > div.tab-content > div.tab-pane{
  overflow-y: scroll;
  max-height: calc(100vh - 440px);
}

.dropdown-menu-header {
  border-radius: 12px !important;
  right: 10px !important;
  top: 60px !important;
  padding: 0px;
  border: 0px solid rgba(0, 0, 0, .15) !important;
  padding-bottom: 10px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.buttonEntrata{
  display: block;
  width: 100%;
  background-color: #c3e6cb !important;
  color: #0b3d13 !important;
  border: 1px solid #a7d5b7 !important;
  padding: 2px 6px;
  border-radius: 8px;
  margin-right: 2px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  font-size: 15px; 
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 
  height: 65px; 
  border-radius: 35px;
}

.buttonEntrata:hover{
  display: block;
  width: 100%;
  background-color: #80d79e !important;
  color: #0b3d13 !important;
  border: 1px solid #a7d5b7 !important;
  padding: 2px 6px;
  border-radius: 8px;
  margin-right: 2px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  font-size: 15px; 
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 
  height: 65px; 
  border-radius: 35px;
}

.buttonUscita{
  display: block;
  width: 100%;
  background-color: #fcdede !important;
  color: #c82333 !important;
  border: 1px solid #f5a3a3 !important;
  padding: 2px 6px;
  border-radius: 8px;
  margin-right: 2px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  font-size: 15px; 
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 
  height: 65px; 
  border-radius: 35px;
}

.buttonUscita:hover{
  display: block;
  width: 100%;
  background-color: #f5a3a3 !important;
  color: #c82333 !important;
  border: 1px solid #f5a3a3 !important;
  padding: 2px 6px;
  border-radius: 8px;
  margin-right: 2px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  font-size: 15px; 
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 
  height: 65px; 
  border-radius: 35px;
}

.buttonInvia{
  display: block;
  width: 100%;
  background-color: #d0e7fc !important;
  color: #094a8a !important;
  border: 1px solid #094a8a !important;
  padding: 2px 6px;
  border-radius: 8px;
  margin-right: 2px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  font-size: 15px; 
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 
  height: 65px; 
  border-radius: 35px;
}

.buttonInvia:hover{
  display: block;
  width: 100%;
  background-color: #a2cdfa !important;
  color: #094a8a !important;
  border: 1px solid #a2cdfa !important;
  padding: 2px 6px;
  border-radius: 8px;
  margin-right: 2px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  font-size: 15px; 
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 
  height: 65px; 
  border-radius: 35px;
}



.icheckbox_square-blue .iCheck-helper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.icheckbox_square-blue {
    position: relative;
    display: inline-block;
    width: 17px !important;
    height: 17px !important;
    border-radius: 5px;
    background: #ffffff !important;
    border: 2px solid #9ab8d4 !important;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .2s ease;
    background-image: none !important; /* kill PNG sprite */
}

/* Hover */
.icheckbox_square-blue.hover {
    border-color: #3c8dbc !important;
}

/* When checked */
.icheckbox_square-blue.checked {
    background: #3c8dbc !important;
    border-color: #3c8dbc !important;
}

/* Draw a modern vector checkmark */
.icheckbox_square-blue.checked:after {
    content: "\f00c";              /* check icon */
    font-family: "FontAwesome";    /* FA4 font family */
    font-weight: normal;           /* FA4 ignores 900, but keep it clean */
    color: #ffffff;
    font-size: 10px;
    position: absolute;
    top: -1px;
    left: 1px;
    pointer-events: none;          /* so clicks go through */
}

/* Disabled state */
.icheckbox_square-blue.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.th-checkbox{
  padding-right: 0px !important;
  text-align: left !important;
}


.th-checkbox .select-all-wrapper {
  position: relative;
  display: inline-block;
}

.select-popover {
  position: absolute;
  top: 100%;          /* sotto il checkbox */
  left: 0;
  margin-top: 4px;
  padding: 6px 10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
  z-index: 9999;
  display: none;
  white-space: nowrap;
}

.select-popover p {
  margin: 0 0 4px;
  font-size: 12px;
}

.select-popover button {
  margin-right: 4px;
  padding: 3px 6px;
  font-size: 14px;
  cursor: pointer;
}

th.th-checkbox .select-all-wrapper {
  position: relative;
  z-index: 999 !important;
}

.hover-up-3{
  transition: transform .15s ease;
  will-change: transform;
}

.hover-up-3:hover{
  transform: translateY(-3px);
}

.bg-comunicazioni-green{
  background-color: #DDEFEA;
}

.bg-comunicazioni-red{
  background-color: #F5D4DB;
}

.btn-risposte-comunicazioni-green{
  background-color: #00a65a !important; 
  color: white !important;
}

.swal2-modal{
  border-radius: 10px !important;
}

.swalTitleZeit{
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}