body {

background: #599fd9;



 background-image: url("../img/sfondo.png"),linear-gradient( 135.9deg,  rgba(0,149,182, 1) 14.4%, rgba(37,40,80,1) 62.1% );



 background-repeat: no-repeat;

 background-size:contain;

min-height: 100vh;

overflow-x: hidden;

}

.vertical-nav {

min-width: 17rem;

width: 17rem;

height: 100vh;

position: fixed;

top: 0;

left: 0;

box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);

transition: all 0.4s;

}

div#verticale {



position: absolute;





}

.page-content {

width: calc(100% - 17rem);

margin-left: 17rem;

transition: all 0.4s;

min-width:320px!important



}



#sidebar.active {

margin-left: -17rem;

overflow:auto;

}



#content.active {

width: 100%;

margin: 0;

}



.separator {

margin: 3rem 0;

border-bottom: 1px dashed #fff;

}



.text-uppercase {

letter-spacing: 0.1em;

}

.text-gray {

color: #aaa;

}

.nav-link{

text-transform: capitalize;

}

.nav-link:hover{

background:#f3f2f2;

}

.text-primary{

color:#7579e7 !important;

}









@media (max-width: 768px) {

#sidebar {

margin-left: -17rem;

}

#sidebar.active {

margin-left: 0;

}

#content {

width: 100%;

margin: 0;

}

#content.active {

margin-left: 17rem;

width: calc(100% - 17rem);

}



}



.togglemenu {

  color:white;

  font-size:24px;

  cursor:pointer;

}



.hamburger {

  margin-top:-50px;

  margin-bottom:50px

}



.form-style-7{

	max-width:95%;

	margin:10px auto;

	background:#fff;

	border-radius:2px;

	padding:12px;

}

.form-style-7 h1{

	display: block;

	text-align: center;

	padding: 0;

	margin: 0px 0px 20px 0px;

	color: rgba(39, 99, 66, 1)

	font-size:x-large;

}

.form-style-7 ul{

	list-style:none;

  	background:#fff;

	padding:0;

	margin:10px;

  margin-top:10px

}

.form-style-7 li{

	display: block;

	padding: 12px;

	border:1px solid rgba(39, 99, 66, 1) ;



	margin-bottom: 12px;



	border-radius: 3px;

}

.form-style-7 li:last-child{

	border:none;

	margin-bottom: 0px!important;

}

.form-style-7 li > label{

	display: block;

	float: left;

	margin-top: -23px;

	background: #FFFFFF;

	height: 24px;

	padding: 2px 5px 2px 5px;

	color: rgba(39, 99, 66, 1)!important;

  font-weight:500;

	font-size: 14px;

	overflow: hidden;

  z-index:100000!important

}

.allinea{width:30%;float:left;margin-bottom:15px!important;}

.cinque{width:19.9%;float:left;margin-bottom:15px!important;}

.cinque2{width:19.9%;float:left;margin-bottom:15px!important;margin-left:0.05%}

.quattro{width:24%;float:left;margin-bottom:15px!important;}

.quattro2{width:24%;float:left;margin-bottom:15px!important;margin-left:1.2%}

.indirizzo{width:65%;float:left;margin-bottom:15px!important;}

.cap{width:30%;float:left;margin-bottom:15px!important;margin-left:5%;color:black}

.nome{width:80%;float:left;margin-bottom:15px!important;}

.sesso{width:17%;float:left;margin-bottom:15px!important;margin-left:3%}

.password{width:48%;float:left;margin-bottom:15px!important;}

.rpassword{width:48%;float:left;margin-bottom:15px!important;margin-left:4%}



.secondo{margin-left:5%}

.form-style-7 input[type="text"],

.form-style-7 input[type="date"],

.form-style-7 input[type="datetime"],

.form-style-7 input[type="email"],

.form-style-7 input[type="number"],

.form-style-7 input[type="search"],

.form-style-7 input[type="time"],

.form-style-7 input[type="url"],

.form-style-7 input[type="password"],

.form-style-7 textarea,

.form-style-7 select

{

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	width: 100%;

	display: block;

	outline: none;

	border: none;

	height: 20px;

	line-height: 18px;

	font-size: 14px;

	padding: 0;

  z-index:1!important;

  text-align:left!important;

}

.form-style-7 input[type="text"]:focus,

.form-style-7 input[type="date"]:focus,

.form-style-7 input[type="datetime"]:focus,

.form-style-7 input[type="email"]:focus,

.form-style-7 input[type="number"]:focus,

.form-style-7 input[type="search"]:focus,

.form-style-7 input[type="time"]:focus,

.form-style-7 input[type="url"]:focus,

.form-style-7 input[type="password"]:focus,

.form-style-7 textarea:focus,

.form-style-7 select:focus

{

  text-align: left!important;

}

.form-style-7 li > span{

	background: #F3F3F3;

	display: block;

	padding: 3px;

	margin: 0 -9px -9px -9px;

	text-align: center;

	color: rgba(39, 99, 66, 1);

	font-size: 11px;

}

.form-style-7 textarea{

	resize:none;

}

.form-style-7 input[type="submit"],

.form-style-7 input[type="button"]{

	background: rgba(39, 99, 66, 1);

	border: none;

	padding: 10px 20px 10px 20px;

	border-bottom: 3px solid rgba(109,25,252,0.6);

	border-radius: 3px;

	color: #D2E2FF;

}

.form-style-7 input[type="submit"]:hover,

.form-style-7 input[type="button"]:hover{

	background: #6B9FFF;

	color:#fff;

}



.modal-footer {justify-content: center;}



.box__dragndrop,

.box__uploading,

.box__success,

.box__error {

  display: none;

}



p{font-size:24px!important}



.visible {

  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */

      -moz-animation: fadein 1s; /* Firefox < 16 */

       -ms-animation: fadein 1s; /* Internet Explorer */

        -o-animation: fadein 1s; /* Opera < 12.1 */

           animation: fadein 1s;

}





@keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

    from { margin-left: -1000px; }

    to   { margin-left: 17rem;  }

}



.overopacity:hover{opacity:0.7}



#wrapper {text-align: center;width:60%;margin:0 auto;background-color: #eeeeee;border-style: dashed}

.wrap {text-align: center;width:60%;margin:0 auto;background-color: #eeeeee;oorder:2px solid blak;border-style: dashed}

#drop-area {height:auto!important}

.drop {height:auto!important}



@media only screen and (max-width: 1279px) {



  .dna{height:1100px!important}

  .form-style-7{

  	max-width:90%;

  }

  .secondo{margin-left:0%}

  .cinque{width:100%;margin-bottom:15px!important;}

  .cinque2{width:100%;margin-bottom:15px!important;}

  .quattro{width:100%;float:left;margin-bottom:15px!important;}

  .quattro2{width:100%;float:left;margin-bottom:15px!important;}

  .allinea{width:100%!important;margin-bottom:15px!important;}

  .indirizzo{width:100%;margin-bottom:15px!important;}

  .cap{width:100%;margin-bottom:15px!important;margin-left:0%}

  .nome{width:100%;margin-bottom:15px!important;}

  .sesso{width:100%;margin-bottom:15px!important;margin-left:0%}

  .password{width:100%;margin-bottom:15px!important;}

  .rpassword{width:100%;margin-bottom:15px!important;margin-left:0%}



  h2 {font-size:26px!important}



  h4 {font-size:24px!important}



  p.lead {font-size:22px!important}



  p .lead ul{font-size:22px!important}

  li .grande{font-size:22px!important}



  #content {

  margin-top:40px!important

  }

}



  @media screen and (max-width: 320px) {

    #foot{

      display:none!important

    }

}