@font-face {
    font-family: 'Poppins-ExtraBoldItalic';
    src: url("Poppins-ExtraBoldItalic.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins-Light';
    src: url("Poppins-Light.ttf") format('truetype');
}


.body {
	background: linear-gradient(#8cc63f, #009245 );
	display: flex;
	font-family: Poppins-Light;
	flex-direction: column;
	padding-right: 20px;
	padding-bottom: 20px;
}

.data_collection {
	flex-wrap: wrap;
	width: 100%;
	display: flex;
	flex-direction:column;
	
}

.box {
	display: flex;
	flex-direction: column;
	background: linear-gradient(white, #CCCCCC);
	margin-left: 20px;
	
	padding-left: 20px;
	margin-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	
	flex-grow: 1;

}

.marketing {
	padding-top: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 200px;
}

.privacy_container {
	display: flex;
	
	
}

.privacy_container div {
	display: flex;
	flex-direction: column;
}




.line {
	border-bottom: 1px dashed gray;
	margin-bottom: 5px;
}

.address_container  {
	width:100%;
}

input {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}

.checkbox {
	width: 20px;
	height: 20px;
}



.cell { 
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	
}
.select_dates {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.select_dates span {
	font-weight: bold;
	
}


h1 {
	text-align: center;
	font-family: Poppins-ExtraBoldItalic;
	
}


button {
	background-color: #009a18;
	color: white;
	width: 350px;
	height: 70px;
	border-radius: 50px;
	border: 3px solid white;
	cursor: pointer;
	font-size: 27px;
	transition: all 1s ease;
  transform: scale(1);
	
}


button:hover {
	background-color: #00d822;
	transform: scale(1.2) perspective(1px)
}

button:disabled {
	cursor: not-allowed;
	background-color: gray;
	transform: scale(1);
}



.cityContainer {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	
	
}


.daa {
	margin-top: 8px;
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.daa input {
	width: 120px;
}

.ingiornata {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	align-items: center;
	margin-top: 5px;
}

.address_options_container{
	position: absolute;
	background-color: white;
	width: 50%;
}

.address_options_container div {
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	border: 1px solid black;
	cursor: pointer;
	
}

.address_options_container div:hover {
	background-color: #ececec;
}


#alert {
	width: 20px;
	height: 20px;
	margin-left: 20px;
	
}





.login_container {
	
	border-radius: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	gap: 20px;
}

.cityContainer {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	
}

#alert {
	width: 20px;
	height: 20px;
	margin-left: 20px;
	
}

.marketing_button_container {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 400px;
}

.marketing_button_container span {
	display: flex;
	align-items: center;
	gap: 10px;
	color: red;
	font-weight: bold;
}

.preventivo_preview {
	display: flex;
	justify-content: space-between;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
	flex-wrap: wrap;
	align-items: center;
}

.preventivo_options {
	gap: 30px;
	display: flex;
	flex-direction: column;
}

.text_white {
	color: white;
}

.link {
	text-decoration: underline;
	color: blue;
	cursor: pointer;
}

.richiedi_pdf_button {
	background-color: black;
	font-family: 'Poppins-ExtraBoldItalic';
	
}
.admin_body {
	font-size: 18pt;
	font-family: 'Poppins-Light';
}

input {
	font-family: 'Poppins-Light';
}

.admin_home {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: center;
	flex-direction: column;
	background-color: #CCCCCC;
	padding: 20px;
}


.admin_home div {
	border: 1px solid black;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(white, #CCCCCC);
	cursor: pointer;

}

.footer {
	display: flex;
	background-color: black;
	padding: 20px;
	justify-content: center;
	gap: 20px;
}

table button {
	width: 200px;
	height: 50px;
}

table {
	text-align: center;
	border-collapse: collapse;
}

th, td {
	border-bottom: 1px solid black;
	border-right: 1px solid #CCCCCC;
}

.admin_giochiView {
	gap: 20px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.searchBar {
	
	display: flex;
	flex-direction: column-reverse;
	
}

.tipoGioco_filter {
	
	width: 250px;
	heigth: 20px;
}

.tipoGioco_filter input {
	width: 30px;
}

select {
	height: 45px;
}

tr:nth-child(even) {
	background-color: #e6e6e6;
}

table {
	background-color: white;
}

th {
	color: #999999;
}


.invisible {
	display: none;
}


@media only screen and (max-width: 400px) {
  body {
    
  }
  .marketing_button_container {
	  display: flex;
	  justify-content: center;
	  
	  max-width: 250px;
  }
  .marketing_button_container button {
	  width: 250px;
	  
	  
  }
}

.scontiRecap {
	display:flex;
}

.scontiRecap div {
	border: 1px solid black;
	padding: 5px;
	text-align: center;
}