.autocomplete { position: relative;
display: inline-block;
}
.autocomplete-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 99; top: 100%;
left: 0;
right: 0;
}
.autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff;
border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover { background-color: #e9e9e9;
}
.autocomplete-active { background-color: DodgerBlue !important;
color: #ffffff;
}hr.solid {
border-top: 3px solid #bbb;
}
.stepperindicator{
padding-left: 18px;
padding-right: 18px;
padding-top: 9px;
padding-bottom: 9px;
border-radius: 40px;
background: dimgrey;
color:white;
display: block;
margin-left: auto;
margin-right: auto;
}
.stepperindicatorActive{
background:#0d99ff;
}
.containerwow {
display: flex;
}
.center {
align-items: center;
}
.start {
align-items: left;
}
.end {
align-items: right;
}
.cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: auto;
grid-gap: 1rem;
}
.expand{
flex-grow: 1;
}
.shrink{
flex-grow: 0;
}
.carditem {
border: 2px solid #e7e7e7;
border-radius: 4px;
padding: .5rem;
}
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
top: 150%;
left: 50%;
margin-left: -60px;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent black transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
.verticallayout {
display: flex;
flex-direction: column;
align-items: flex-start;
box-sizing: border-box;
}
.horizontallayout{
display: flex;
box-sizing: border-box;
}
.withpadding{
padding: 16px 16px 16px 16px;
}
.withpaddingtop{
padding-top: 16px;
}
.withpaddingbottom{
padding-bottom: 16px;
}
.withpaddingleft{
padding-left: 16px;
}
.withpaddingright{
padding-right: 16px;
}
.withmargintop{
margin-top: 16px;
}
.withmarginbottom{
margin-bottom: 16px;
}
.withmarginleft{
margin-left: 16px;
}
.withmarginright{
margin-right: 16px;
}
.reportInputField{
border-block-color: grey;
border-style: solid;
}
.withtextalignstart{
text-align:start;
}
.withtextalignend{
text-align:end;
}
.withtextaligncenter{
text-align: center;
}
@media (min-width: 768px) {
.column-login {
width:85%;
}
}
.box-animate {
position: absolute;
font-size: 4em;
transition: all 0.5s ease-in-out;
opacity: 0;
z-index: 10;
}
.box-animate.hidden {
display: none;
} .box-animate.in {
top: 50%; opacity: 1;
transition: top 0.5s ease-in, opacity 0.5s ease-in;
} .box-animate.out {
top: -100px; opacity: 0;
transition: top 0.5s ease-out, opacity 0.5s ease-out;
}
@media (max-width: 767px) {
.horizontallayout {
flex-direction: column;
} .column-xs { margin-bottom: 15px; 
}
.withmarginleft {
margin-left: 0 !important; margin-top: 10px; } .table thead th:nth-child(2), .table thead th:nth-child(4), .table thead th:nth-child(6), .table thead th:nth-child(7), .table thead th:nth-child(8), .table thead th:nth-child(9) {
display: none;
} .table tbody td:nth-child(2), .table tbody td:nth-child(4), .table tbody td:nth-child(6), .table tbody td:nth-child(7), .table tbody td:nth-child(8), .table tbody td:nth-child(9) {
display: none;
}
.hr-mobile-hide {
display: none;
}
}
@media (max-width: 768px) {
#container_cuoco {
display: none;
}
} #tableBody tr td:last-child { vertical-align: middle; height: 100%; padding-top: 0;
padding-bottom: 0;
} #tableBody td:last-child .btn {
margin: 0 2px; } .azioni-container {
display: flex; flex-wrap: nowrap; align-items: center; width: 100%; 
} .azioni-container .btn {
margin: 0 2px;
} .whatsapp-button {
display: inline-flex; align-items: center;
padding: 12px 25px; background-color: #25D366; color: white;
text-decoration: none; border-radius: 30px; 
font-family: sans-serif;
font-weight: bold;
font-size: 16px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
transition: background-color 0.3s;
}
.whatsapp-button:hover {
background-color: #128C7E; } .whatsapp-icon {
margin-right: 10px; font-size: 1.2em;
} .contattaci-button {
display: inline-flex;
align-items: center;
padding: 12px 25px;
background-color: #e88029; color: white;
border-radius: 30px;
font-family: sans-serif;
font-weight: bold;
font-size: 16px;
text-decoration: none;
}
.contattaci-icon {
margin-left: 10px;
font-size: 1.2em;
}.modalcustom {
display: none; position: fixed; z-index: 1050; left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(5px); } .modalcustom-content {
background-color: #fefefe;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
max-width: 500px;
border-radius: 8px;
position: relative;
animation-name: appear;
animation-duration: 0.3s;
}
@keyframes appear {
from {opacity: 0; transform: translateY(-50px);}
to {opacity: 1; transform: translateY(0);}
} .closemodalcross-btn {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
cursor: pointer;
}
.close-btn:hover,
.close-btn:focus {
color: black;
text-decoration: none;
cursor: pointer;
} #closeModalBtn {
margin-top: 20px;
padding: 10px 20px;
border: none;
background-color: #007bff;
color: white;
border-radius: 5px;
cursor: pointer;
}
#closeModalBtn:hover {
background-color: #0056b3;
}