body{
  background-color: #eee;
  padding-top: 30px;
}
.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;
}

.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;}
.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;
}
.login {
  	width: 400px;
  	background-color: #ffffff;
  	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
  	margin: 100px 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"] {
  	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;}