/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #122744;
  background: #fafafa;
  font-family: 'Roboto', sans-serif;
  padding-bottom: 3rem;
}
.bg-dark {
    background-color: #fff!important;
}

/* body.dark {
  color: #fff;
  background: rgba(192, 209, 25);
  font-family: 'Roboto', sans-serif;
  padding-bottom: 3rem;
} */

/* CUSTOMIZE THE SIGN UP
-------------------------------------------------- */

/* SIGN UP base class */
.signup-form {
	width: 350px;
	margin: 0 auto;
	padding: 30px 0;		
}
.signup-form form {
	color: #2e3139;
	border-radius: 10px;
	margin-bottom: 15px;
	background: #fff;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	padding: 30px;
}
.signup-form h2 {
	color: #2e3139;
	/* font-weight: bold; */
	margin-top: 0;
}
.signup-form hr {
	margin: 0 -30px 20px;
}
.signup-form .form-group {
	margin-bottom: 20px;
}
.signup-form label {
	font-weight: normal;
	font-size: 15px;
}
.signup-form .form-control {
	min-height: 38px;
	box-shadow: none !important;
}	
.signup-form .input-group-addon {
	max-width: 42px;
	text-align: center;
}	
.signup-form .btn, .signup-form .btn:active {        
	font-size: 16px;
	font-weight: bold;
	/* background: #c0d119 !important; */
	background: #b6d11a !important;
	border: none;
	min-width: 140px;
  color: #fff;
  border-radius: 17px;
  width: 100%;
}
.signup-form .btn{        
  color: #fff !important;
}
.signup-form .btn:hover, .signup-form .btn:focus {
	/* background: #c0d119 !important; */
	background: #b6d11a !important;
}
.signup-form a {
	color: #fff;	
	text-decoration: underline;
}
.signup-form a:hover {
	text-decoration: none;
}
.signup-form form a {
	/* color: #c0d119; */
	color: #5b2085 !important;
	text-decoration: none;
  margin-top: 10px;
}	
.signup-form form a:hover {
	text-decoration: underline;
}
.signup-form .fa {
	font-size: 21px;
}
.signup-form .fa-paper-plane {
	font-size: 18px;
}
.signup-form .fa-check {
	color: #fff;
	left: 17px;
	top: 18px;
	font-size: 7px;
	position: absolute;
}

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}
.div-buttons{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.div-buttons button{
  margin: 0 5px;
  align-items: center;
  justify-content: center;
  font-size: 14px !important;
}
.div-buttons a{
  margin: 0 5px;
  align-items: center;
  justify-content: center;
  font-size: 14px !important;
  color: white !important;
  text-decoration: none;
}
.div-buttons a:hover{
  text-decoration: none !important;
}
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

.alert-success {
    color: #fff;
    /* background-color: #c0d119; */
    background-color: #2554c4;
    /* border-color: #c0d119; */
    border-color: #2554c4;
}

.input-group-text {
    width: 45px;
}
.alert-success ,.alert-danger, .spinner-border, .inputcity, #birthdayHelpInline, .inputprefijo{
	display: none;
} 
.inputprefijo{
    padding: 8px;
    text-align: center;
}
@media not all and (min-resolution:.001dpcm) { 
	 #birthdayHelpInline{
		 display: block;
	}
}
.main_msg{
  background: #e91e1e;border-top-left-radius: 5px;border-top-right-radius: 5px; margin: 0; padding: 10px; font-weight: 500;
}
.micro_msg{
  background: #fff;color: #3d5285;padding: 1rem;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; margin: 0; font-weight: 200;
}
nav img{
  width: 160px;;
}