@import url('https://fonts.googleapis.com/css2?family=Lato:wght@500&display=swap');

html, body{
  background-color: #fff;
  font-family: 'Lato', sans-serif;
  margin: 0;
}
.pulsante{ background: #404040; color: #fff; cursor: pointer; padding: 3px 5px; margin: 20px;font-size: 16px; text-transform: uppercase; display: inline; border-radius:3px;}


header{
  position: relative;
  width: 100%;
  justify-content: space-around;font-size: 75px;
  display: flex;
  margin-bottom: 30px;
}
header.index{justify-content:center;}
header.index i{margin: 0 30px;}
header i{color: #000;}
.centro{ margin: 20% auto; text-align: center; font-size: 22px;}
.centro a{text-decoration: none;}
.cerca {
    display: block;
    margin: auto;
    text-align: center;
    width: 100%;
}
.cerca form{
  display: block;
}
.cerca input {
    margin: 5px 0;
}

.title_block{
	text-align: center;
    font-size: 30px;
    color: #e10898;
}

.back i{ color:#E428A0; font-size:25px;}

.wrapper{ width: 90%; margin: 3% auto; padding: 20px;background-color: #ccc; border-radius:5px; display:flex; }

.wrapper ul{ width: 100%; padding: 0; margin: 20px 0;}
.wrapper li:first-child{background:#E428A0; color: #fff;}
.wrapper li:first-child span,.wrapper li:first-child label{color:#fff;}
.wrapper li:nth-child(2n+0){background:#eee;}
tr:first-child{height: 50px}
tr:nth-child(2n+1){background:#cdcdcd;}
tr:nth-child(2n+0){background:#eee;}
tr td{text-align: center;}
tr td i{font-size: 30px;color: #E428A0;margin: 10px; padding-top: 20px;}
table{min-width: 360px;}
table#assets_user{width: 95%; margin: 0 auto;}
.wrapper li{  display: flex; justify-content: space-between;width: 100%; border-radius:1px; border-bottom:1px solid #404040;background:#ddd; padding: 8px;}
.wrapper li span:first-child, .wrapper li span:nth-child(2) {cursor: pointer;}

.wrapper li span {padding: 5px;width: 180px;}
.wrapper li span:first-child{cursor: pointer;}
.wrapper li label {padding: 5px;}

.form {
    width: 30%;
}
.lista {
    width: 70%;
    padding-left: 20px;
    padding-right: 20px;
}

form{
display: flex;
align-content:space-around;
flex-wrap: wrap;
}

form input{
  display: inline;
}
form select {
    border-radius: 0;
    -webkit-appearance: none;
    width: 100%;
    display: inline;
}

form .campo{
  /*max-width: 20%;
  display: inline;
  margin: 20px;*/
  padding: 10px;
}

form #wpu, form #wpu0,form #wpu1,form #wpu2,form #wpu3,form #wpu4,form #wpu5, form #wpu6, form #wpu7, form #wpu8, form #wpu9, form #wpu10, form #wpu11, form #wpu12, form #wpu13, form #wpu14, form #wpu15, form #wpu16, form #wpu17,form #wpu18, form #wpu19, form #wpu20, form #wpu21, form #wpu22, form #wpu23, form #wpu24, form #wpu25, form #wpu26, form #wpu27, form #wpu28, form #wpu29{display: none;}
form #wpp, form #wpp0,form #wpp1,form #wpp2,form #wpp3,form #wpp4,form #wpp5,form #wpp6,form #wpp7,form #wpp8,form #wpp9,form #wpp10,form #wpp11,form #wpp12,form #wpp13,form #wpp14,form #wpp15,form #wpp16,form #wpp17,form #wpp18,form #wpp19,form #wpp20,form #wpp21,form #wpp22,form #wpu23,form #wpp24,form #wpp25,form #wpp26,form #wpp27,form #wpp28,form #wpp29{display: none;}
form #wpuftp,form #wpuftp0,form #wpuftp1,form #wpuftp2,form #wpuftp3,form #wpuftp4,form #wpuftp5,form #wpuftp6,form #wpuftp7,form #wpuftp8,form #wpuftp9,form #wpuftp10,form #wpuftp11,form #wpuftp12,form #wpuftp13,form #wpuftp14,form #wpuftp15,form #wpuftp16,form #wpuftp17,form #wpuftp18,form #wpuftp19,form #wpuftp20,form #wpuftp21,form #wpuftp22,form #wpuftp23,form #wpuftp24,form #wpuftp25,form #wpuftp26,form #wpuftp27,form #wpuftp28,form #wpuftp29{display: none;}
form #wppftp, form #wppftp0,form #wppftp1,form #wppftp2,form #wppftp3,form #wppftp4,form #wppftp5,form #wppftp6,form #wppftp7,form #wppftp8,form #wppftp9,form #wppftp10,form #wppftp11,form #wppftp12,form #wppftp13,form #wppftp14,form #wppftp15,form #wppftp16,form #wppftp17,form #wppftp18,form #wppftp19,form #wppftp20,form #wppftp21,form #wppftp22,form #wppftp23,form #wppftp24,form #wppftp25,form #wppftp26,form #wppftp27,form #wppftp28,form #wppftp29{display: none;}
form #campol,form #campol0,form #campol1,form #campol2,form #campol3,form #campol4,form #campol5,form #campol6,form #campol7,form #campol8,form #campol9,form #campol10,form #campol11,form #campol12,form #campol13,form #campol14,form #campol15,form #campol16,form #campol17,form #campol18,form #campol19,form #campol20,form #campol21,form #campol22,form #campol23,form #campol24,form #campol25,form #campol26,form #campol27,form #campol28,form #campol29{display: none;}
form #campou,form #campou0,form #campou1,form #campou2,form #campou3,form #campou4,form #campou5,form #campou6,form #campou7,form #campou8,form #campou9,form #campou10,form #campou11,form #campou12,form #campou13,form #campou14,form #campou15,form #campou16,form #campou17,form #campou18,form #campou19,form #campou20,form #campou21,form #campou22,form #campou23,form #campou24,form #campou25,form #campou26,form #campou27,form #campou28,form #campou29{display: none;}
form #campop,form #campop0,form #campop1,form #campop2,form #campop3,form #campop4,form #campop5,form #campop6,form #campop7,form #campop8,form #campop9,form #campop10,form #campop11,form #campop12,form #campop13,form #campop14,form #campop15,form #campop16,form #campop17,form #campop18,form #campop19,form #campop20,form #campop21,form #campop22,form #campop23,form #campop24,form #campop25,form #campop26,form #campop27,form #campop28,form #campop29{display: none;}

form .campo_text{
  width: 100%;
  display: block;
  text-align: center;
}
form .submit{
  display: block;
  text-align: center;
  background: #404040;
  color: #fff;
  height: 25px;
  left: 450px;
  bottom: 235px;
  padding: 3px 5px;
  margin: 30px auto;
  cursor: pointer;
}
form label{ display: block;}

/* LOGIN FORM */
* {
  	box-sizing: border-box;
  	/* font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif; */
  	font-size: 16px;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
.benvenuto{
	text-align: center;
	font-size: 30px;
    margin-bottom: 50px;
}
.benvenuto span{
   color: #E428A0;
   font-size: 32px;
}
.login {
  	width: 400px;
  	background-color: #ffffff;
  	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
  	margin: 0 auto;
}
.login h1 {
  	text-align: center;
  	color: #5b6574;
  	font-size: 24px;
  	padding: 20px 0 20px 0;
  	border-bottom: 1px solid #dee0e4;
}
.login form {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	padding-top: 20px;
}
.login form label {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	width: 50px;
  	height: 50px;
  	background-color: #E428A0;
  	color: #ffffff;
}
.login form input[type="password"], .login form input[type="text"], .login form input[type="number"], .login form select {
  	width: 310px;
  	height: 50px;
  	border: 1px solid #E428A0;
  	margin-bottom: 20px;
  	padding: 0 15px;
}
.login form input[type="submit"] {
  	width: 100%;
  	padding: 15px;
 	margin-top: 20px;
  	background-color: #E428A0;
  	border: 0;
  	cursor: pointer;
  	font-weight: bold;
  	color: #ffffff;
  	transition: background-color 0.2s;
}
.login form input[type="submit"]:hover {
	background-color: #E428E2;
  	transition: background-color 0.2s;
}
#view{display: none;}
.view-whois{color: #f00; cursor: pointer;}
.left{background: #E428A0; width: 200px; border: #000 1px solid; padding: 5px; display: inline-block; color: #fff;}
.right{background: #ddd;width: auto; min-width: 200px; border: #000 1px solid; padding: 5px;display: inline-block;}
.top-title{padding: 30px 0px 10px 0px; font-size: 16px; font-weight: 400; text-transform: uppercase;}
.add_field_button{margin-top: 22px;}

/* admin page style */
.title{
	text-align: center;
	color: #E428A0;
	font-size: 2rem;
}
h2.title{
	display: inline-block;
    padding-bottom: 50px;
    padding-left: 20px;
    margin-block-start: unset;
    margin-block-end: unset;
    margin-inline-start: 0px;
    margin-inline-end: unset;
    font-weight: bold;
}
.ricerca{
	display: block;
	position: relative;
    left: 0;
	top: -40px;
	padding-left: 20px;
}
.ricerca span{
	font-size: 12px;
}
.menu{
	margin-bottom: 50px;
}
.menu ul{
	width: 100%;
    display: inline-flex;
	list-style-type: none;
	background: #E428A0;
	color: #fff;
	margin-block-start: 0;
	margin-block-end: 0;
	height: 45px;
}
.menu ul li{
	padding: 10px 20px;
	margin: 0 auto;
}
.menu ul li a{
	color: #fff;
	text-decoration: none;
}
#selected{
	font-size: 17px;
	font-weight: bold;
}
.success {
    text-align: center;
    font-size: 1.6rem;
	color: #1aa631;
}
.ace_editor{
	width: 100%;
	height: 450px;
	margin: 0 auto;
}
tr#struttura{
	width: 43%;
    height: auto;
}
tr#struttura td{
	width: 15%;
}
.content-list{
	position: relative;
	width: 95%;
    margin: 0 auto;
}
tr#data_mod{
	cursor: pointer;
	width: 48%;
    position: absolute;
    right: 0;
    top: 0px;
}
tr#data_mod td{
	text-align: left;
	width: auto;
	text-align: center;
    margin: 0 auto;
}
.title_box{
	font-size: 18px;
    color: #e10898;
	text-transform: uppercase;
	margin: 10px 0;
}
tr#data_mod td:nth-child(5) input{
	width: 65px;
	text-align: center;
}

#data_mod.selected{
	display: grid;
    height: -webkit-fill-available;
    overflow: scroll;
    cursor: auto;
    position: fixed;
    top: 150px;
}
#data_mod td{
	display: none;
}
#data_mod.selected td{
	display: unset;
}
/* #data_mod td:last-child{
	display: unset;
} */

tr#data_mod td{
	text-align: left;
	width: 25%;
	min-width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0px;
    border: unset;
}
.title_box{
	font-size: 18px;
    color: #e10898;
	text-transform: uppercase;
	margin: 10px 0;
	display: inline-flex;
    margin-right: 10px;
}
tr#data_mod td:nth-child(5) input{
	width: 65px;
	text-align: center;
}
tr#data_mod.selected td {
	padding: 15px 25px;
    border: 1px solid #fff;
}
tr#data_mod.selected td input{
	box-sizing: border-box;
	width: 50%;
	border-width: 2px;
	border-style: inset;
	border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
	border-image: initial;
	padding: 1px 2px;
	background-color: #fff;
	margin: 0;
}
tr#data_mod td input{
	box-sizing: unset;
    padding: unset;
    background: #cdcdcd;
	border: none;
	margin: 0 -11.5px;
}
tr#data_mod td label{
	min-width: 200px;
    display: inline-flex;
    flex-direction: row;
}
tr#data_mod td:nth-child(4) input{
	width: 65px;
}
tr#assets_trans td input[type="text"] {
	width: 100%;
	min-width: 70px;
}
.dic_default{
	color: #e10898;
	text-decoration: none;
	padding-left: 20px;
}
.assets_diciture{
	width: 95%;
    margin: 0 auto;
	display: none;
}
.assets_diciture_strutt, .assets_diciture_strutt_sing{width: 100%;}
.assets_diciture_strutt table, .assets_diciture_strutt_sing table{min-width: 365px;margin: 0 auto;width: 95%;}
table.assets_diciture_strutt_sing tr td input[type="text"] {
    width: 100%;
    min-width: 70px;
}
.search-box{padding-left: 20px;}
.search-box, .user-search-box, .list-search-box{
	width: auto;
	position: relative;
	display: block;
	font-size: 14px;
}
.search-box input[type="text"], .user-search-box input[type="text"], .list-search-box input[type="text"]{
	height: 32px;
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
	font-size: 14px;
}
.result{
	position: absolute;        
	z-index: 999;
	top: 100%;
	left: 0;
}
.search-box input[type="text"], .result, .user-search-box input[type="text"], .list-search-box input[type="text"]{
	width: auto;
	box-sizing: border-box;
	border-color: #e10898;
    width: auto;
}
/* Formatting result items */
.result p{
	margin: 0;
	padding: 7px 10px;
	border: 1px solid #CCCCCC;
	border-top: none;
	cursor: pointer;
	background: #fff;
}
.result p:hover{
	background: #f2f2f2;
}
.copiato{
	position: absolute;
    color: #fff;
    background: #f00;
    border-radius: 7px;
    padding: 4px;
    width: 75px;
}
/* #users.selected{
	display: grid;
	height: auto;
}
#users td:nth-child(n+4){
	display: none;
}
#users.selected td:nth-child(n+4){
	display: unset;
}
#users td:last-child{
	display: unset;
} */

ul.guida{
    width: 80%;
    margin: 0 auto;
	list-style: none;
	padding: unset;
}
ul.guida li h2{
	font-size: 24px;
	text-align: center;
}
footer {
	border-top: solid 45px #E428A0;
    background: #fff;
    padding: 20px;
    text-align: center;
    color: #000;
	margin-top: 50px;
}
footer ul{
	list-style-type: none;
	margin-block-start: 0;
	margin-block-end: 0;
	padding-inline-start: 0;
	display: flex;
	flex-direction: row;
	width: 100%;
}
footer ul li{
	padding: 20px;
	width: 25%;
	display: flex;
	justify-content: center;
	cursor: pointer;
    /* align-items: center; */
}
ul.guida li h3{
	font-size: 20px;
	text-align: center;
	background: #d9d9d9;
	padding: 20px;
	cursor: pointer;
}
ul.guida li h3 span{
	padding-right: 50px;
    width: 150px;
    text-align: left;
    position: absolute;
    left: 15%;
}
ul.guida li .description{
	padding: 0 80px;
	display: none;
}
h2.personalized{
	padding-left: 20px;
}