﻿.AgeIntervalsForm {
    color: #222222;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    border: 5px;
    padding: 1% 3% 3% 3%;
}

.AgeRangeHeader {
   /* margin-top: 20px;*/
    padding-top: 5px;
    color: #333333;    
    font-family: Poppins;    
    font-size: 150%;   
    /*height: 31px;
    line-height: 31px;*/
}

.AgeRangeHeader a:link  {
    font-weight: 400;
    color: #ff4c5e;
}

.AgeRangeItem {
    Height: 48px;
    line-height: 48px;
    margin-top: 20px;
}

.AgeRangeLabel{
    padding-left: 0;
    color: #222222;       
    font-size: 107%;
    white-space: normal;
    letter-spacing: 0;
}

.InputAgeRange {
    height: 48px;
    line-height: 48px;
    text-align: center;
    
}

.InputAgeRange input[type="tel"]{
    background-color: rgba(218,218,218,0.3);
    padding: 5px;
    border: 0;
    border-radius: 6px;   
    font-family: Poppins;    
    margin: 5px;
    text-align: center;
    font-size: 18px;
    width: 100%;
    -moz-appearance: textfield;
} 

.InputAgeRange .Prompt {
    color: #222222;
}

.IconContainer {
color: #FF4C5D;
}


/************LINKS na AgeRangeTable****************/
.AgeIntervalsForm a:link {
    color: #FF4C5D;
    opacity: 1;
}

.AgeIntervalsForm a:hover {
    color: #FF4C5D;
    font-weight: bold;
}

/* Cor dos links */


.AgeIntervalsForm .fa-fw {
  text-align: center;
  color: #FF4C5D;
}

.AgeIntervalsForm .fa-fw:hover {
  text-align: center;
  color: #FF4C5D;
}

.AgeIntervalsForm .fa .fa-fw .fa-close .fa-2x {
    color: #FF4C5D;
}

.InputAgeRange input[type="text"]:focus, .InputAgeRange input[type="number"]:focus {
    border: 2px solid #FF4C5D;

}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.phone .AgeRangeItem {
    margin-top: 1vh;
    font-size: 100%;
    height: 100%;
    line-height: 43px;
}

.phone .AgeIntervalsForm .fa-fw {
    font-size: 1.25em;
}

.phone .InputAgeRange input[type="tel"] {
    font-size: 130%;
    height: 30px;
}

.phone .InputAgeRange {
    height: 43px;
}

.Button.squareButton.rightChevron{
    
}