@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}

body{
  font-family: 'Poppins', sans-serif;
  font-size: 0.9rem !important;
  background-image:url("./../img/bg-ticket-bn.jpg") !important ;
  background-repeat: no-repeat;
  background-position: center;
}

.d-nonenone{
  display: none;
}

.my-sistemi{
  background-color: #007bff !important;
  color: #FFF !important;
  font-size: 0.75rem !important;
}

.my-sviluppo{
  background-color: #28a745 !important;
  color: #FFF !important;
  font-size: 0.75rem !important;
}

.my-business{
  background-color: #dc3545 !important;
  color: #FFF !important;
  font-size: 0.75rem !important;
}

.my-amministrazione{
  background-color: #ffc107 !important;
  color: #000 !important;
  font-size: 0.75rem !important;
}

.my-produzione{
  background-color: #ff6600 !important;
  color: #FFF !important;
  font-size: 0.75rem !important;
}

.my-default{
  background-color: #f8f9fa !important;
  color: #000 !important;
  font-size: 0.75rem !important;
}

.my-esterno{
  background-color: #17A2b8 !important;
  color: #FFF !important;
  font-size: 0.75rem !important;
}

a {
  text-decoration: none;
}

a.link-secondario{
  color: #000 !important;
  font-size: 0.75rem !important;
}

.navbar{
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.myrow> * {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.mybar> * {
  padding-right: 16px !important;
  padding-left: 24px !important;
}

.testo-base{
  font-weight: normal !important;
}

.pad-1{
  padding: 0.35rem 0.4rem !important;
}

.all-space{
  width: 100%;
  padding: 8px 2px;
}

.navbar-brand {
  color: rgba(255,0,0,.9) !important;
  padding-top: 0.0rem;
  padding-bottom: 0.2rem;
  margin-right: 1.6rem;
  font-size: 2.4rem;
  text-decoration: none;
  white-space: nowrap;
  font-weight: bolder;
}

.navbar-profilo {
  color: rgba(255,0,0,.9) !important;
  font-size: 0.9rem;
  font-weight: bold;
  margin-right: 4px;
}

.navbar-mp {
  color: rgba(33, 56, 69, 1) !important;
  padding-top: 0.0rem;
  padding-bottom: 0.2rem;
  margin-right: 1.6rem;
  font-size: 2.2rem;
  text-decoration: none;
  white-space: nowrap;
  font-weight: bolder;
}

.navbar-pn {
  color: rgba(28, 58, 156, 0.9) !important;
  padding-top: 0.0rem;
  padding-bottom: 0.2rem;
  margin-right: 1.6rem;
  font-size: 2.2rem;
  text-decoration: none;
  white-space: nowrap;
  font-weight: bolder;
} 

.navbar-myplan {
  color: rgba(255,0,0,.9) !important;
  padding-top: 0.0rem;
  padding-bottom: 0.2rem;
  margin-right: 1rem;
  font-size: 2rem;
  text-decoration: none;
  white-space: nowrap;
  font-weight: bolder;
}

.min-h-filepon{
  min-height: 96px !important;
}

.tk-risposta {
  font-weight: bold !important; 
}

.tk-risposta-sistema {
  font-weight: normal !important; 
}



.badge-base{
  top: -4px;
  font-size: 0.7rem !important;
  text-transform: uppercase;
  padding-top: 8px;
  margin-left: 8px;
  padding-bottom: 4px;
}

.badge-menu{
  font-size: 0.7rem !important;
  text-transform: uppercase;
  padding-top: 4px;
  margin-left: 0px;
  padding-bottom: 4px;
}

.divProspetto:hover{
  border-color: #569fe4 !important;
  box-shadow: 2px 2px 4px #CCC;
}

.text-tenue{
  color:  rgb(164, 168, 172, 0.7) !important; 
}

.bg-dropmenu{
  background-color: #DDD;
  border: 1px solid #FFF;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.bg-commenti{
  background-color:  rgb(103, 167, 252, 0.1) !important; 
}

.bg-tenue{
  background-color:  rgb(103, 167, 252, 0.1) !important; 
  border: 1px solid #EEE; 
}

.bg-xtenue{
  background-color:  rgb(103, 167, 252, 0.04) !important; 
  border: 1px solid #EEE; 
}

.tk-closing {
  background-color:  rgba(0,0,0,.12) !important; 
  border-bottom: 1px solid #FFFFFF; 
}

.tk-in-scadenza {
  background-color:  rgba(30,144,255,0.8) !important; 
  border-bottom: 1px solid #FFFFFF; 
}

.bg-tabella {
  background-color:  rgba(30,144,255,0.08) !important; 
}


.tk-scaduto {
  background-color:  rgba(250, 226, 8, 1) !important; 
  border-bottom: 1px solid #FFFFFF; 
}

.tk-scaduto-tenue {
  background-color:  rgba(250, 226, 8, 0.2) !important; 
  border-bottom: 1px solid #FFFFFF; 
}

.tk-chiuso {
  background-color:  rgb(103, 167, 252, 0.1) !important; 
  border-bottom: 1px solid #FFFFFF; 
}

.adminLink{
  text-decoration: none !important;
  font-size: 0.8rem !important;
  font-weight: 600;
  color: rgba(255,0,0,.9) !important;
}

.min-w-icon{
  min-width: 24px !important;
}

.adminLink:hover{
  color: rgba(0,0,0,.9) !important;
}

.colore-mp{
  color: #FF731D !important;
}

.colore-pn{
  color:#37529c!important;
}

.non-connesso{
  color:#AAA!important;
}

.my-link-operatore{
  color:dodgerblue !important;
  text-decoration:none !important;
}

.my-link-operatore:hover {
  color:blueviolet;
}

.my-link-sistema {
  color:#646464 !important;
  text-decoration:none !important;
}

.my-link-sistema:hover {
  color:#323232 !important;
}

.my-text-sistema{
  color:#646464 !important;
}

.my-link-w {
  color:white;
  text-decoration:none;
  font-size: 0.9rem !important;  
}

.my-badge{
  font-size: 0.8rem !important;
  padding: 2px 4px 0px 4px;
}

.my-link-w:hover {
  color:black;
}

.data-td{
  width: 2%;
}

.micro-td{
  width: 1%;
}

.min-td{
  width: 4% !important;
}

.min6-td{
  width: 6% !important;
}

.min5-td{
  width: 5% !important;
}

.med-td{
  width: 8% !important;
}

.st-td{
  width: 12% !important;
}

.lg-td{
  width: 16% !important;
}

.mt-operatore{
  margin-top: 4px;
}

.text-footer{
  font-size: 0.7rem;
}

.text-btn-sm{
  font-size: 0.7rem;
  font-weight: 700;
}

.text-legenda-sm{
  font-size: 0.7rem;
  font-weight: 500;
}

.minitext-btn-sm{
  font-size: 0.65rem;
  font-weight: 500;
}

.text-speciale{
  font-size: 0.7rem;
  color: rgb(122, 117, 112);
}

.text-header{
  font-size: 0.8rem;
  font-weight:400;
}

.text-elenco{
  font-size: 0.75rem;
}

.text-elenco-b{
  font-size: 0.75rem;
  font-weight: bold;
}

.text-mini-elenco{
  font-size: 0.7rem;
}

.text-mini-elenco-b{
  font-size: 0.7rem;
  font-weight: bold;
}

.text-title{
  font-size: 1.2rem;
  font-weight:600;
}

.text-subtitle{
  font-size: 1rem;
  font-weight:500;
}

.mini-title{
  font-size: 1rem;
  font-weight:600;
  color: #7500e3 !important;
}

.micro-title{
  font-size: 0.9rem;
  font-weight:600;
  color: #7500e3 !important;
}

.bg-risposta {
  background-color: rgba(129,190,206,0.2) !important;
}

.bg-yellow-tenue {
  background-color: rgba(255, 193, 7, 0.2) !important;
}

.bg-risposta-ticket {
  background-color: rgba(235, 214, 157, 0.3) !important;
}

.stile-vecchi-eventi {
  background-color: rgba(129,190,206,0.1) !important;
  font-size: 0.75rem;
  color:rgb(122, 117, 112,1);
}

.stile-vecchi-eventi:hover {
  background-color: rgba(129,190,206,0.2) !important;
  color:rgb(62, 67, 58,1);
}

.stile-prossimi-eventi {
  background-color: rgba(147, 214, 231, 0.4) !important;
  font-size: 0.75rem;
  color:rgb(22, 17, 12,1);
}

.stile-prossimi-eventi:hover {
  background-color: rgba(147, 214, 231, 0.5) !important;
}

.stile-prossimo-evento {
  background-color: rgba(255, 193, 7, 0.9) !important;
  font-size: 0.8rem;
  color:rgb(22, 17, 12,1);
}

.stile-prossimo-evento:hover {
  background-color: rgba(255, 193, 7, 1) !important;
}
.min-vh-80 {
  min-height: 64vh!important;
}

.bg-top-main {
  background-color: rgba(0,0,0,0.02) !important;
}

.bg-main {
  background-color: rgba(248,248,248,0.96) !important;
}

.bg-main-admin {
  background-color: rgba(185, 250, 141, 0.6) !important;
}

.border-w{
  border: 1px solid #FFF;
}

.border-w-b{
  border-bottom: 1px solid #FFF;
}

.border-d-b{
  border-bottom: 1px solid #999;
}

.border-g-b{
  border-bottom: 1px solid rgba(139,126,116,0.2);
}

.btn {
  font-size: 0.8rem !important;
}

.nav-link {
  font-size: 0.8rem !important;
  font-weight:500 !important;
  text-transform: uppercase;
}

.my-text-8{
  font-size: 0.8rem;
}

.my-text-7{
  font-size: 0.7rem !important;
}

.my-text-7 .btn-sm{
  font-size: 0.7rem !important;
}

.my-text-brown{
  color: rgb(122, 117, 112);
}

.my-minitext-brown{
  font-size: 0.7rem;
  color: rgb(122, 117, 112);
}

.my-text-dark{
  color: rgb(62, 67, 62);
}

.my-riga{
  font-size: 1rem;
  font-weight:bold;
}

.my-check-end .form-check-input {
  float:none!important;
  font-size: 1.6rem !important;
  margin-right: 4px;
  margin-top: -1px;
}

.my-check-end .form-check-input:checked {
  background-color: #DD0000;
  border-color: #DD0000;  
}

.my-check-end .form-check-label {
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #777;
}

.text-label {
  font-size: 0.8rem !important;
  color: rgb(122, 117, 112);
}

.text-label-mini {
  font-size: 0.7rem !important;
  color: rgb(122, 117, 112);
}

.text-valore{
  font-size: 0.75rem;
  line-height: 1.2;
  color: #212529;
}

.corsivo{
  font-size: 0.8rem;
  color: #777;
  font-style: italic;
}

.swal2-container {
  z-index:2000!important;
}

/* accordion */
.accordion-button:not(.collapsed) {
  font-weight: bold !important;
}

/* Stile risposte */
.my-risposta-bg {
  background-color: #D9D9D9;
}

.my-risposta-header {
  color:#444;
  font-size: 0.98rem;
  font-weight: 500;
}

.my-risposta-time {
  color:#555;
  font-size: 0.8rem;
  font-weight: 500;
  padding-top: 2px;
}

.my-border-l{
  border: 1px solid #EFEFEF;
}

.my-border{
  border: 1px solid #DFDFDF;
}

.my-border-w{
  border: 1px solid #FFF;
}

.my-border-top{
  border-top: 1px solid #DFDFDF;
}

.my-border-bottom{
  border-bottom: 1px solid #DFDFDF;
}

.cursor-link{
  cursor: pointer !important;
}

.cursor-link:hover{
  color: #000 !important;
}

.text-number{
  font-size: 2.4rem;
  font-weight: bold;
  padding-top: 0px !important;
  margin-top: 0px !important;
}

.event-number{
  font-size: 1.6rem;
  font-weight: bold;
  padding-top: 0px !important;
  margin-top: 0px !important;
}

.todo-number{
  font-size: 1.6rem;
  font-weight: bold;
  color:rgb(243, 63, 8);
  line-height: 1;
}

.todo-mini-number{
  font-size: 1rem;
  font-weight: bold;
  color:rgb(243, 63, 8);
  line-height: 1;
}

.todo-super-number{
  font-size: 2.4rem;
  font-weight: bold;
  color:#7500e3;
  line-height: 1;
}

.todo-text{
  font-size: 0.9rem;
  font-weight: bold;
  color:#555;
  line-height: 1.2;
}

.text-data{
  font-size: 0.72rem;
  font-weight: 700;
}

.text-mini{
  font-size: 0.7rem;
  font-weight:500;
}

.text-micro{
  font-size: 0.65rem;
  font-weight:500;
}

.text-data-commento{
  font-size: 0.6rem;
  font-weight:500;
}

.text-big-data{
  font-size: 0.75rem;
  font-weight: 700;
}

.min-lh{
  line-height: 0.16 !important;
}

.med-lh{
  line-height: 0.9 !important;
}

.st-lh{
  line-height: 1.2 !important;
}

.min-tpad{
  padding-top: 4px;
}

.righe-lh{
  line-height: 1.2 !important;
  word-wrap: break-word !important;
}

/* Stile ToDoList */
.todolist-area {
  height: auto;
  padding: 8px 0px 4px 0px;
  background: #f5f5f5;
}


.todolist-title {
  color: #7500e3 !important;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  font-size: 1.4rem;
  text-decoration: none;
  white-space: nowrap;
  font-weight: bolder;
}

.todolist-number {
  color: #7500e3 !important;
  font-size: 1rem;
  font-weight: bolder;
}

.text-todolist{
  color: #7500e3 !important;
}

.todolist-icon {
  font-size: 1.2rem;
  padding:2px 0px;
  margin-right: 4px !;
}

.todolist-bg{
  background-color:  rgb(255, 255, 255, 1) !important; 
  border-top: 1px solid #e60ffa; 
}

ul.todo {
  padding-left: 0rem !important;
}

ul.moreoption {
  top: -10px !important;
  margin-bottom: 0.25rem !important;
}


.todolist-head h3 {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0;
}

.todolist-head p {
  color: #343434;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}

.todolist-head {
  padding: 8px 8px 0px 8px;
  border-bottom: 1px solid #ccc;
}

.elencoTodolist a{
  padding: 8px 8px 8px 16px !important;
}

.hoverTodolist {
  background-color:#FFF !important;
  border-radius: 0.3rem !important;
}

.hoverTodolist:hover {
  background-color: #BBB !important;
}

.hoverTodolist:hover .todo-number {
  color: #555 !important;
}

.active-btn-todolist{
  background-color: #7500e3 !important;
  color:#FFF !important;
}

.bg-level1{
  background-color: #E2E2E2 !important;
  color:#333 !important;
}

.bg-level2{
  background-color: #C2C2C2 !important;
  color:#333 !important;
}

.bg-level3{
  background-color: #71F6FD !important;
  color:#333 !important;
}

.bg-level4{
  background-color: #0dcaf0 !important;
  color:#333 !important;
}

.active-todolist {
  background-color: #7500e3 !important;
}

.active-todolist:hover {
  background-color: #7500e3 !important;
}

.active-todolist:hover .todo-number{
  color: #ffc107 !important;
}

.active-todolist p, .active-todolist h3, .active-todolist .todo-text {
  color: #FFF !important
}

.active-todolist .todo-number {
  color: #ffc107 !important;
}

.button-todolist {
  background-color: #ffc107 !important;
  border-radius: 0.3rem !important; 
}

.todo-list h3 {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0;
}

.todo-list p {
  color: #343434;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2 !important;
  margin-bottom: 0;
}

.todo-list a.d-flex {
  margin-bottom: 0px;
  position: relative;
  text-decoration: none;
}

.todo-list .active {
  display: block;
  content: '';
  clear: both;
  position: absolute;
  bottom: 3px;
  left: 34px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #fff;
}

.todobox {
  width: auto;
  overflow: hidden;
  height: 100%;
}

.todobox .modal-dialog {
  max-width: 100%;
  margin: 0;
}

.boxCommenti{
  background-color: #FFF;
  border-radius: 0.6rem;
  padding: 8px;
  margin-top: 8px;
  position: relative;
  transition: transform .2s;  
}

.boxCommenti:hover{
  background-color: #f7e2a0 !important;
  transform: scale(1.16);
  left: -40px !important;
  padding: 12px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 150 !important;  

}

/* Stile liste */
.float-right {
  float: right !important;
}
.my-list .list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0rem;
}

.my-list ul {
  display: block;
  list-style-type:none;
  margin-bottom: 0.4rem;
  padding-left: 0px;
}

.my-list .list-group-item {
  border: 0px;
  padding: 0.4rem 0rem;
  display: block;
  background-color: #fff;
  border: 0px solid rgba(0, 0, 0, 0.125);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.my-shadow-sm {
  box-shadow: 0.2rem .2rem .2rem rgba(0,0,0,.04)!important;
  padding-right: 12px !important;
}

.my-table table.dataTable thead>tr>th.sorting.no-view-sort:after{
  display: none;
}

.my-table table.dataTable thead>tr>th.sorting.no-view-sort:before{
  display: none;
}

.my-table table.dataTable thead>tr>th.sorting.no-view-sort{
  padding-right: 8px !important;
}

.my-table table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc{
  padding-right: 16px !important;
} 


.no-border-bottom{
  border-bottom-width: 0px !important;  
}

fieldset.scheduler-border {
  border: solid 1px #EEE !important;
  padding: 0 10px 10px 10px;
  border-bottom: none;
}

fieldset.scheduler-border:hover {
  border: solid 1px rgba(245, 52, 38, 0.4) !important;
  transition-duration: 200;
  box-shadow: 2px 2px 8px rgba(32,32,32, 0.1);
}

legend.scheduler-border {
  width: auto !important;
  border: none;
  font-size: 0.8rem;
  font-weight: bold;
}

.no-bold {
font-weight: normal !important;}

.sch-label {
  font-size: 0.8rem;
  color: #777 ;
}

.sch-label-mini {
  font-size: 0.7rem;
  color: #777 ;
  min-height: 28px;
}

.sch-dettaglio {
  font-size: 0.7rem;
  color: #646464 ;
}

.sch-valore {
  font-size: 0.8rem;
  color: #000 ;
}

.sch-valore-mini {
  font-size: 0.75rem;
  color: #000 ;
  min-height: 28px;
}

.btn-trasparent:hover{
  background-color: rgb(255, 255, 255, 0.4);
}

.my-icon {
  font-size: 1rem;
  padding:2px 0px;
  margin-right: 4px !;
}

.my-icon-2x {
  font-size: 1.2rem;
  padding:2px 0px;
  margin-right: 4px !;
}

.my-mini-icon {
  font-size: 0.9rem;
  padding:2px 0px;
  margin-right: 2px;
}

.my-star {
  font-size: 1rem;
  padding:0px 0px;
}

.my-star:hover {
  color:red !important
}

.my-check {
  font-size: 1.4rem;
  padding:0px 0px;
}

.my-check:hover {
  color:red !important
}

.my-big-icon {
  font-size: 1.2rem;
  padding:0px 0px;
  margin-right: 4px !important;
}

.my-special-icon {
  font-size: 1.2rem;
  padding:0px 0px;
  margin-right: 4px !important;
  margin-left: -4px !important;
}

.my-text-btn{
  padding-left: 8px !important;
  font-weight: 600;
}



/* CkEditor */

.ck-toolbar {
  background: #F2F2F2 !important;
}

.ck-editor__editable_inline {
  min-height: 256px;
  font-size: 0.8rem !important;
}

/* Stile timeline */
.my-timeline {
  padding: 0;
  position: relative;
}

.my-timeline > div::before, .my-timeline > div::after {
  content: "";
  display: table;
}

.my-timeline::before {
  border-radius: 0rem;
  background-color: #0dcaf0;
  bottom: 0;
  content: "";
  margin: 0;
  position: absolute;
  top:0;
  right: 32px;
  width: 1px;
}

.my-timeline i{
  border-radius: 50%;
  font-size: 16px;
  height: 30px;
  right: 16px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 32px;
}

.my-timeline > div > .my-timeline-item {
  box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
  border-radius: 0.25rem;
  background-color: #fff;
  color: #495057;
  margin-left: 60px;
  margin-right: 15px;
  margin-top: 0;
  padding: 0;
  position: relative;
}

p{
  line-height: 1.8 !important;
}

/* Stile tabelle */
.my-table th{
  font-size: 0.7rem !important;
  border-bottom: 1px solid rgba(0,0,0,0.4) !important;
  line-height: 1.1 !important;
}

.my-table td{
  font-size: 0.72rem !important;
  line-height: 1.1 !important;
  vertical-align: middle!important;  
}

.my-table .oggetto{
  font-size: 0.85rem !important;
}

.my-table tr:last-child{
  border-bottom: 1px solid rgba(0, 0, 0, 0.4) !important;
}

.my-table .dataTables_wrapper{
  font-size: 0.7rem !important;
  color: rgba(139,126,116,1);
}

.my-table>:not(:first-child) {
  border-top: 0px solid currentColor;
}

.my-table .page-link{
  font-size: 0.7rem !important;
}

.my-table a.btn {
  padding: 0rem !important;
}

.my-table .form-select-sm {
  font-size: 0.7rem !important;
  color: rgba(139,126,116,1) !important;  
}

.btn-sm{
  padding: 0.2rem 0.32rem !important;
  font-size: 0.8rem !important;  
}

.my-table .btn-sm {
  padding: 0.2rem 0.32rem;
  font-size: 0.8rem;
  border-radius: 0.2rem;
}

.my-table .btn-md {
  padding: 0.4rem 0.48rem 0.32rem 0.48rem;
  font-size: 0.8rem;
  border-radius: 0.2rem;
}

 .my-link {
  color:dodgerblue;
  text-decoration:none;
}

.my-link:hover {
  color:blueviolet;
}


.my-table .my-link {
  color:dodgerblue;
  text-decoration:none;
}

.my-table .my-link:hover {
  color:blueviolet;
}

.my-table .my-link-admin {
  color:black;
  font-size: 0.9rem;
  text-decoration:none;
}

.my-table .my-link-admin:hover {
  color:black;
}

.my-table .red-td{
  font-weight:500 !important;
  color: #DD0000;
}

.my-table .blu-td{
  font-weight:500 !important;
  color: #025ba3;
}

.my-semibold {
  font-weight:600 !important;
}

.dropdown-item{
  font-size: 0.8rem !important;
}

.my-table thead tr:nth-child(2){
  background-color: rgba(30,144,255, 0.2);
}

.my-table thead tr:nth-child(2) th {
  padding: 4px 4px !important;
}

.my-table thead tr:nth-child(2) th .form-control{
  font-size: 0.8rem !important;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 4px;
  border-radius: 0%;
}

.my-table .seleziona{
  color:#BBB;
}

.my-table{
  margin-bottom: 64px !important;
}

.no-margin-bottom{
  margin-bottom: 8px !important;
}


/* Stile modals */

.my-modal .modal-content{
  background-color: rgba(0,0,0,0.08) !important;
  border-radius: 0 !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  padding: 8px;
}

.my-modal .modal-header{
  background-color: rgba(255,255,255,1) !important;
  border-radius: 0 !important;
}

.my-modal .modal-body{
  background-color: rgba(255,255,255,1) !important;
  border-radius: 0 !important;
}

.my-modal .modal-footer{
  background-color: rgba(255,255,255,1) !important;
  border-radius: 0 !important;
}

.my-modal .btn-close {
  opacity: .8 !important;
  background: rgba(0,0,0,0.1) !important;
}

.my-modal .btn-close:hover {
  opacity: .8 !important;
  background-color: rgba(220,0,0,1) !important;
  color: #FFF !important;
}

.my-modal .icon-close {
  font-size: 1rem !important;
}

.my-modal label{
  font-size: 0.8rem !important;
  color: rgb(122, 117, 112);
}

.my-modal .form-control {
  padding: 0.4rem 0.4rem;
  font-size: 0.8rem;
  line-height: 1.2;
  color: #212529;
  border-radius: 0.2rem;
}

.my-modal .form-select {
  padding: 0.4rem 0.4rem;
  font-size: 0.8rem;
  line-height: 1.2;
  color: #212529;
  border-radius: 0.2rem;
}

.my-modal .form-control-plaintext{
  font-weight:500;
}

.my-modal .form-semi-control {
  padding: 0.2rem 0.2rem;
  font-size: 0.8rem;
  line-height: 1.2;
  color: #212529;
  border-radius: 0.2rem;
  width: auto;
  border: 1px solid #AAA !important;
}


/* Tabls */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #333; 
}

.nav-link.active {
  color: rgba(0,0,0,.9) !important;
  font-weight:bold !important;
}

.my-nav .nav-link.active {
  color: rgba(255,255,255,.9) !important;
  font-weight: 600 !important;
}

/* Media Query */
@media (min-width: 1680px) {
  .container-xxl {
    max-width: 1600px !important;
}}



/*style select2 to bs5*/
.select2-container {
  width: 100% !important;
}

.select2-container .select2-dropdown .select2-results ul {
  font-size: 0.8rem ;
}

.select2-container .select2-search--inline .select2-search__field {
  font-size: 0.8rem !important;
  font-family: 'Poppins', sans-serif !important;
}

.select2-selection { 
  border: 1px solid #CCC!important;
  border-radius: 2px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:unset!important; }
.select2-container--default .select2-selection--single {border: 1px solid #ced4da;}
.select2-container .select2-selection--single .select2-selection__rendered {padding-left: unset;}
.select2-container .select2-selection--single {height:unset!important;}
.select2-selection__arrow{top:5px!important;}

/*Full calendar*/

.my-calendar .fc-day:hover {
  background-color: rgba(0,0,0,.02) !important;
}

.my-calendar .fc-daygrid-event-harness {
  cursor: pointer;
}

.my-calendar a{
  text-decoration: unset !important;
  color: unset !important;
}

.my-program .fc-h-event{
  margin-top: 0px;
  background-color:#FFF !important;
  border: 0px solid #DDD
}

.my-program .progress {
  display: flex;
  height: 1.2rem;
  overflow: hidden;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: .0rem;
}

/*Modals*/
.m-lv1 {
  z-index: 1061!important;
}

.m-lv2 {
  z-index: 1062!important;
}

.m-lv3 {
  z-index: 1063!important;
}

.m-lv4 {
  z-index: 1064!important;
}

.m-lv5 {
  z-index: 1065!important;
}
.modal {
  overflow-y:auto !important;
  background: rgba(0,0,0,.3)!important;
}

/******************************************/
/*********  Registro Presenze ************/


.bg-presenza-pn {
  background-color: #143d95;
  color:white
}

.bg-presenza-mp {
  background-color: #db8f1bb0;
}

.bgcal-FUTURO {
  background-color: #ffffff;
  color: #000 !important;
}

.bgcal-FUTURO div{
  color: #000 !important;
}

.bgcal-RILEVATA {
  background-color: #ffc107;
}

.bgcal-RILEVATA div{
  font-size:0.875rem;
  padding:1px 0;
  margin-left: 6px;
  color:black
}

.my-legenda{
  min-width: 32px !important;
}

.bgcal-NORMALE {
  background-color: #d5d2dd;
}

.bgcal-NORMALE div{
  color: #000 !important;
}

.bgcal-FERIE {
  background-color: #569fe4;
}

.bgcal-PERMESSO {
  background-color: #1fbb87;
}

.bgcal-MALATTIA {
  background-color: #EE0000;
}

.bgcal-FESTIVITÀ{
  background-color: #FF7700;
}

.bgcal-ASSENZA {
  background-color: #a00cc5;
}


/*******************************************/
/**********  Loader   *****************/
.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  top:49%;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #fff;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.loading {
	background-color: rgba(25,25,25,0.7);
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 9999;
	margin-top: 0;
	top: 0;
	text-align: center;
}