:root{
  /* Colori eventi */
  --evento-pratica-color:     #CC33CC;
  --evento-funerale-color:    #009900;
  --evento-evento-color:      #FF0000;
  --evento-terzi-color:       #FFCC00;
  --evento-varie-color:       #EF6C00;
  --evento-bronzi-color:      #0000FF;
  --evento-ceramica-color:    #66FFFF;
  --evento-vacanza-color:     #FF6600;
  --evento-camere-color:      #792f92;
  /* Colori eventi - END */
}

.main-footer a{
  display: inline;
}

nav.navbar .user-size.dropdown-menu a.logout{
  line-height: 60px;
}
.bg-error-01 .page{
  background: none;
}
.ui-autocomplete{
  background: #fff;
  border: #5d5386 solid 1px;
  border-top: 0px;
  margin-top: -3px;
}

.ui-autocomplete li.ui-menu-item{
  color:#2c304d;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active{
  margin: 0px !important;
  border: 0px !important;
  background: #2c304d;
  color:#ddd;
  font-size: 100%;
}

form input#codice_fiscale{
  text-transform: uppercase;
}

.form-control-label{
  font-weight: bold;
}

.printable_header{
  display: none;
  padding: 0px 30px;
}

.only_printable{
  display: none;
}

.navbar-header .logo-big {
  width: 100px;
  margin: 0px 40px;
}

@media screen and (max-width: 992px){
  form .form-group.row.d-flex .col-lg-6:nth-child(2){
    margin-top: 15px;
  }
}

 /* responsive per pagina login */
@media screen and (max-width: 767px){

  .login_mobile{
      margin-top: 10% !important;
      margin-bottom: 10% !important;
  }

}

tr.even,
.table thead{
  background: rgba(52,40,104,0.11);
}

table,
body,
.table .td-actions a i{
  color: #4a4456;
}

.table .td-actions a:hover i{
  cursor: pointer;
}

.ui-autocomplete {
  max-height: 12em;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}

.default-sidebar>.side-navbar ul ul li.active a{
  color: #e76c90 !important;
}

.required {
  color: red;
}

.input-group .input-group-btn .btn{
  padding: 6px;
}

/* eventi home */
.fc-unthemed .fc-list-item:hover td{
  background: rgba(0,0,0,0.2);
}
.fc-event{
  border-left: 6px solid black;
  padding: 0;
}
.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td, .fc-event .fc-content{
  padding: .3rem;
}

label.label_evento:after{
  color: #fff;
}

.evento_pratica{
  border-color: var(--evento-pratica-color);
}
.evento_pratica .fc-event-dot,
label.evento_pratica:before{
  background: var(--evento-pratica-color);
}

.evento_funerale{
  border-color: var(--evento-funerale-color);
}
.evento_funerale .fc-event-dot,
label.evento_funerale:before{
  background: var(--evento-funerale-color);
}

.evento_evento{
  border-color: var(--evento-evento-color);
}
.evento_evento .fc-event-dot,
label.evento_evento:before{
  background: var(--evento-evento-color);
}

.evento_camere{
  border-color: var(--evento-camere-color);
}
.evento_camere .fc-event-dot,
label.evento_camere:before{
  background: var(--evento-camere-color);
}

.evento_terzi{
  border-color: var(--evento-terzi-color);
}
.evento_terzi .fc-event-dot,
label.evento_terzi:before{
  background: var(--evento-terzi-color);
}

.evento_varie{
  border-color: var(--evento-varie-color);
}
.evento_varie .fc-event-dot,
label.evento_varie:before{
  background: var(--evento-varie-color);
}

.evento_bronzi{
  border-color: var(--evento-bronzi-color);
}
.evento_bronzi .fc-event-dot,
label.evento_bronzi:before{
  background: var(--evento-bronzi-color);
}

.evento_ceramica{
  border-color: var(--evento-ceramica-color);
}
.evento_ceramica .fc-event-dot,
label.evento_ceramica:before{
  background: var(--evento-ceramica-color);
}

.evento_vacanza{
  border-color: var(--evento-vacanza-color);
}
.evento_vacanza .fc-event-dot,
label.evento_vacanza:before{
  background: var(--evento-vacanza-color);
}

.highlighted{
  background-color: yellow;
}

.default-sidebar>.side-navbar ul li.active i,
.default-sidebar>.side-navbar ul li.active svg,
.default-sidebar>.side-navbar li ul li a.active {
  color: #e76c90;
}

.letter-avatar{
  text-align: center;
  background: #5d5386;
  /* font-size:2.5em;
  width: 2.5em;
  height: 2.5em;
  padding: 0.5em; */
  line-height: 50px;
  color: #fff;
  text-transform: uppercase;
}

nav.navbar .letter-avatar.letter-avatar-big{
  font-size: 2.5em;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
}

.daterangepicker.single .ranges{
  display: block!important;
}

.userAssignedList{
  display: block;
  width: 100%;
}
.userAssignedList > li{
  background: #eee;
  border-radius: 3px;
  padding: 0.3em 0.5em;
  margin-bottom: 0.2em;
  display: inline-block;
  width: 30%;
  margin-right: 1%;
}
@media (max-width: 720px){
  .userAssignedList > li{
    width: 48%;
  }
}

div.dataTables_wrapper div.dataTables_processing{
  top: 45px;
  left: 15px;
  width: calc(100% - 30px);
  margin: 0px;
  color: #fff;
  background: rgba(0,0,0,0.5);
  z-index: 12;
  border-radius: 0px;
  bottom: 0;
  text-shadow: 0 0 2px #000;
  font-size: 28px;
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}

div.dataTables_wrapper div.dataTables_processing:before{
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: 50%;
  top: 100px;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  border-radius: 50%;
  border: 2px solid #fff;
  border-top-color: #5f6972;
  animation: spinner 1s linear infinite;
}

.header, .navbar{
  height: 80px;
}
.container-fluid{
  padding-top: 40px;
}


.dispoCamereContainer{
  position: fixed;
  max-width: 1400px;
  z-index: 999;
}
.dispoCamereContainer .container-fluid{
  padding-top: 0;
  padding-bottom: 0;
}
.dispoCamereContainer .dispoCamereInner{
  height: 0;
  overflow: hidden;
  transition: all .3s ease;
}
.dispoCamereContainer.show .dispoCamereInner{
  height: calc(95vh - 80px);
  overflow-y: auto;
}
.dispoCamereInner .widget{
  margin-bottom: 0;
}
.dispoCamereLabel{
  display: inline-block;
  background: #fff;
  padding: 0.3em 1em;
  cursor: pointer;
  font-size: 1.2em;
}
.camereCalendar .fc-list-item-time,
.camereCalendar .fc-list-item-marker{
  display: none;
}


body.in_popup header,
body.in_popup .default-sidebar,
body.in_popup .dispoCamereContainer,
body.in_popup footer{
  display: none;
}
body.in_popup .content-inner{
  width: 100% !important;
  margin-left: 0 !important;
}

.blink {
  animation: blinker 1s linear infinite;
}

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


.table .td-actions a svg {
  background: transparent;
  color: rgba(52, 40, 104, 0.4);
  font-size: 1.9em;
  padding: 0.35rem;
  width: 1em;
  height: 1em;
  line-height: 1em;
  border-radius: 50%;
  transition: all 0.4s ease;
  margin: 0 0.3em;
}

.table .td-actions a svg.edit:hover,
.table .td-actions a svg.more:hover {
  background: rgba(52, 40, 104, 0.8);
  color: #fff;
}

.table .td-actions a svg.delete:hover {
  background: #e76c90;
  color: #fff;
}