
input.form-control {
	border-color:#E5E5E5;
	box-shadow:none;
}
.input-group-addon {
	border-color:#E5E5E5;
}
.formcontent input, .formcontent select {
	
	height:38px;
	padding:0 5px 0 5px;
}
.input-group {
	width:100%;
	
}
.formcontent input[type='text'], .formcontent input[type='password'] {
    width:100%;
}

form .glyphicon-ok {
	color:green;
}

form .field-isok {
	/*border:1px solid green; */
}

form .errorButton14 {
    
    border:1px solid #DD4B39;
}
form .error, .formcontent .error {
	background-color:#FFFAF4;
}

form .errorMessage {
    min-height:0;
    padding: 0;
    margin: 0;
    color:#DD4B39;
    text-align:left;
    font-size:11px;
    font-weight:normal;
    width:100%;
    padding-top:6px;
}
.container .LoginHelpers {
	
	width:96%;
	text-align:right;
	padding-top:8px;	
	line-height:2.1;
}
.container .LoginHelpers a, a.linkArancio {
	color:#f18702;
	text-decoration:none;	
}
.container .LoginHelpers a:hover, footer ul li a:hover, a.linkArancio:hover {
	text-decoration:underline;
	color:#f18702;	
}

/*
.formcontent .int, .BoxShadow {
	margin:0 auto;
    -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    padding:22px 18px 12px 18px;
    
} */
.BoxShadow {
	padding-bottom: 0;	
}


#formlogin {
	width:90%;
	margin:0 auto;
}
#formlogin .userCircleIcon {
	margin:0 auto;
}

#formlogin .userCircleIcon .glyphicon-user {
	font-size:350%;
	color:#BDBDBD;
}

.bootstrap-select .dropdown-toggle {
	color:#999999;
}

/********** Registration styles *****************/

.greyContainer {
	
	background-color:#f5f5f5;

}

.infoGraficaOrange {
	margin-top:30px;
	max-height:500px;	
}

.noMarginBottom {
	margin-bottom:0;
}

.RegFormContent {
	padding:25px;
	margin-top:0px;
	/*min-height:650px;*/
}
.RegFormContent .container {
	max-width:100%;
}
	
.birthGroup {
	margin-bottom:8px;
}

.birthGroup .pull-left {
	width:30%;
	
}
.birthGroup .objright {
	width:30%;
	
	float:right;
}
.birthGroup .middleBox {
	width:40%;
	float:left;
	/*margin-left:3%;*/
}

.addPadding {
	
	padding:25px;
}
.addMargin {
	margin-left:8px;	
}

.birthGroup .objright {
	margin-right:0;
}

select.phonePrefixField {
	
	width:50px;
}
select.phonePrefixField option {
	
	width:150px;
}

.GGRecaptcha {
	
	margin:15px 0 15px 0;
	
}

.boxFieldDescription {
	
	width:250px;
	padding:15px;
	border:1px solid #E5E5E5;
	position:absolute;
	background-color:#FFFFFF;
	z-index:10;
	top:0;
	left:0;
	display:none;
	visibility:hidden;
	
}

.tooltip-inner {
  color: #000;
  background: #fff;
  border: solid 1px #E5E5E5;
  width:250px;
  visibility:hidden;
}
.tooltip-arrow {
	visibility:hidden;
}

.g-recaptcha {
	width:100%;
}


.inlblock {
	
	display:inline-block;
	padding-top:6px;
}

.circleButton {
	-moz-border-radius:999px;  
	-webkit-border-radius:999px; 
  	border-radius: 999px;
}


@media (min-width: 768px) {
	
	.formcontent {
		max-width:400px;
		margin:0 auto;
	}
	.formcontent input[type='text'], .formcontent input[type='password'], .#buttonLogin {
        width:350px;
        max-width:350px;
    }
	.formcontent .errorMessage, .container .LoginHelpers  {
		
		margin:0 auto;
	}
	.formcontent .errorMessage {
		width:350px;
	}	
	
}

@media (max-width: 767px) {
	/*
	.RegFormContent {
		padding:10px;
		
	}*/
	.addPadding {
		/*max-width:400px;*/
		margin:0 auto;
	}		
}
@media (max-width: 420px) {
	
	.addPadding {
		padding-top:5px;
	}	
	
}

@media (min-width: 768px) {
	
	.addPadding {
		
		padding:0px;
	}
	
	.greyContainer {
		background-color:#FFFFFF;
		
	}
	.titleBox {
		width:100%;
		margin-top:18px;
	}
	body.greyContainer h1.responsiveTitle {
		width:100%;
		text-align:center;
		padding-bottom:35px;
	}
	
	.RegFormContent {
		
	}
	.tooltip-inner, .tooltip-arrow {
		visibility:visible;
	}
	
}
@media (max-width: 991px) {
	
	.RegFormContent {
		margin-bottom:15px;
	}
	
	.form-group {
		margin-bottom:15px;
	}
}
@media (min-width: 992px) {
	.RegFormContent {
		/*max-width:450px;*/
	}	
}

/***** Prove ***********/

.input_box_validation {
	padding-top:10px;
	opacity:0.5;
	visibility:hidden;
	
}

.checkmark {
  width: 300px;
  margin: 0 auto;
  padding-top: 40px;
  display:inline;
}

.path {
  stroke-dasharray: 300;
  stroke-dashoffset: 0;
  -webkit-animation-name: load, spin;
  -webkit-animation-duration: 3s, 3s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-name: load, spin;
  animation-duration: 3s, 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50px 50px;
}

.path-complete {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.check 
{
	stroke-dasharray: 110;
	stroke-dashoffset: -110;
	stroke-width: 0;
}

.check-complete 
{   
	-webkit-animation: check 1s ease-in forwards;
	animation: check 1s ease-in forwards;
	stroke-width: 15;
	stroke-dashoffset: 0;
}

.fill 
{
	stroke-dasharray: 285;
	stroke-dashoffset: -257;
	-webkit-animation: spin-fill 3s cubic-bezier(0.700, 0.435, 0.120, 0.600) infinite forwards;
	animation: spin-fill 3s cubic-bezier(0.700, 0.465, 0.120, 0.600) infinite forwards;
    -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50px 50px;
}

.fill-complete 
{
	-webkit-animation: fill 1s ease-out forwards;
	animation: fill 1s ease-out forwards;
}

@-webkit-keyframes load {
 0% {
   stroke-dashoffset: 300;
   -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 }
 50% {
	 stroke-dashoffset: 0;
	 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 }
 100% {
   stroke-dashoffset: -300;
 }
}
@keyframes load {
 0% {
   stroke-dashoffset: 285;
   animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 }
 50% {
	 stroke-dashoffset: 0;
	 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 }
 100% {
   stroke-dashoffset: -285;
 }
}

@-webkit-keyframes check {
 0% {
   stroke-dashoffset: -110;
}
 100% {
   stroke-dashoffset: 0;
 }
}
@keyframes check {
 0% {
   stroke-dashoffset: -110;
}
 100% {
   stroke-dashoffset: 0;
 }
}

@-webkit-keyframes spin {
  0% {
	-webkit-transform: rotate(0deg);
  }
  100% {
	-webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(360deg);
  }
}

@-webkit-keyframes spin-fill {
  0% {
	-webkit-transform: rotate(0deg);
  }
  100% {
	-webkit-transform: rotate(720deg);
  }
}
@keyframes spin-fill {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(720deg);
  }
}

@-webkit-keyframes fill {
  0% {
	stroke-dashoffset: 285;
  }
  100% {
	stroke-dashoffset: 0;
  }
}
@keyframes fill {
  0% {
	stroke-dashoffset: 285;
  }
  100% {
	stroke-dashoffset: 0;
  }
}

.success 
{
    stroke: #009900;
    transition: stroke .6s;
}






