body{ padding:0px; margin:0px; color: #757575; font-family:"BandaRegular"; height: 99vh; font-size:14px; border-bottom: 0.5rem solid #ee4f21; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #b7b7b7 !important; } ::-moz-placeholder { /* Firefox 19+ */ color: #b7b7b7 !important; } :-ms-input-placeholder { /* IE 10+ */ color: #b7b7b7 !important; } :-moz-placeholder { /* Firefox 18- */ color: #b7b7b7 !important; } .parsley-errors-list{ list-style:none; padding:0; margin:0; color:#F00; font-size:0.8rem; .parsley-required{ text-align:right; margin-top:-10px;} } .swal-text{ text-align:center} .parsley-error{ border-color: #F00 !important;} #mform{ margin: 0 auto; background: #FFF; min-height: 99vh; .steps{ display:none; &.step1{ display:block} } a{ color: #ee4f21} .text-small{ font-size: 0.87rem; } .lblx{ display: block; text-align: left !important; font-size: 0.9rem; padding-bottom:0.8rem; } input,select{ display: block; border: 0.1rem solid #e1e1e1; background: #e1e1e1; font-size: 1.2rem; padding: 0.6rem; width: 100%; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; border-radius: 0; -webkit-appearance: none; margin-bottom: 0.9rem; } select{ background: #e1e1e1 url(../../images/select.png); background-repeat: no-repeat; background-position: 95% center; background-size: 0.4rem; } button,.button{ border: 0; color: #FFF; font-size: 1.2rem; padding: 0.5rem 3rem 0.5rem 2.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; display: inline-block; text-decoration: none; background: #ee4f21 url(../../images/icononex.png); background-repeat: no-repeat; background-position: 92% center; background-size: 1.4rem; } .titulo{ text-align: center; background: #e1e1e1; padding: 1.4rem 0; font-size: 1.6rem; border-bottom: 0.5rem solid #ee4f21; } .subtitulo{ text-align: center; padding: 1.5rem 0; font-size: 1.5rem; } .textos{ padding: 0.8rem 1.5rem; font-size: 1.2rem; text-align: center; } } .container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: left; } .container input { position: absolute; opacity: 0; cursor: pointer; } .checkmark { position: absolute; top: 0; left: 0; height: 1.5rem; width: 1.5rem; background-color: #eee; border:1px solid #999; } .container:hover input ~ .checkmark { background-color: #ccc; } .container input:checked ~ .checkmark { background-color: #ee4f21; } .checkmark:after { content: ""; position: absolute; display: none; } .container input:checked ~ .checkmark:after { display: block; } .container .checkmark:after { left: 0.25rem; top: 0; width: 0.5rem; height: 0.7rem; border: solid white; border-width: 0 0.4rem 0.4rem 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }