
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, #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;
}






