/* RESET */
* {padding: 0;margin: 0;border: 0;box-sizing: border-box;vertical-align: baseline;font-size: 100%;font: inherit;list-style: none;}
/* RESET */


/* FONTS */

select:required:invalid {
  color: #666;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: #1c1c1c;
}
.fl{float:left;}.fr{float:right;}
.responsive-img{width: 100%;height: auto;}

#carregandoRequisicao{
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
}
#carregandoRequisicao div{
  position: fixed;
  width: 100px;
  height: 100px;
  display: block;
  top:calc(50% - 50px);
  bottom:calc(50% - 50px);
  left: calc(50% - 50px);
  right: calc(50% - 50px);
}

.questionlink{
  margin:0 10px 0 0px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color:#1c1c1c!important;
  margin-top: 5px;
  width: 100%;
}

.question{
  display: none;
}


form{
  padding:2rem 2rem 2rem 2rem;
}

form .row{
  margin-top: 10px;
}

form .row > div:first-child{
  padding-left: 0;
}

form .row > div:last-child{
  padding-right: 0;
}



form h3{
  margin-top:20px;
}



label{
font-family: 'tt_normal', sans-serif;
font-size: 1.2rem;
margin-bottom: 5px;
text-align: center;
color:#ffffff;
}

h3.passo span{
  color:#1c1c1c;
}


label.error{
  color:#cd113d!important;
  font-family: "Roboto", sans-serif;
  font-size: 0.95rem!important;
  text-align: left!important;
  display:block!important;
  margin-top: 5px;
}

#inputcopianfalistamento-error{
  display:inline!important;

}

h3.erro span{
  color:#cd113d;
}


.input-erro{
  border:2px solid #cd113d;
}

#resposta{display: none;}
#resposta h2{
  padding: 4rem;
  background-color:#4b309b;
  color:#ffffff!important;
}

#formulario{
  background-color: #4b309b;
  padding-bottom: 4.5rem;
}

#formulario input, #formulario select{
  padding: 10px;
  font-family: "Roboto", sans-serif;
  line-height: 120%;
}


.btn-form{
  text-align: center;
  display: inline-block;
  padding: 10px 20px;
  font-family: "tt_normal", sans-serif;
  font-size:1.2rem;
  background: #000000;
  border:1px solid #000000;
  color:#ffffff;
  text-decoration: none;
  line-height: 100%;
  clip-path: polygon(85% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
}

.btn-form:hover{
  text-decoration: none;
  color:#000000;
  text-decoration: none;
  border: 1px solid #ffffff;
  background-color: #ffffff;
}


#resultado{
  margin-top: 40px;
  display: none;
}

#resultado-alistamento{
padding: 80px 0 40px 0;
}

#resultado a, #resultado-alistamento a{
  text-align: center;
  color: #fff;
  font-family: 'tt_normal', sans-serif;
  text-decoration: underline;
  display: block;
}


#input-copia-nf-alistamento .form-control, #input-copia-nf-alistamento .btn {
  border-radius: 0!important;
}

.btn.btn-secondary{
  display: flex;
  align-items: center;
  border-radius: 0!important;
}

.form-control {
  border-radius: 0!important;
}

.upload{
  background-image: url('../imgs/upload.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 18px;
  width: 18px;
  display: inherit;
  margin-right: 12px;
}

.buttonText{
  display: block;
}

.agree-input{margin-top:10px;}

.agree-input input{
text-align:right;
margin-right: 10px;
}

.agree-input a{
color:inherit;
}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #1c1c1c;
  font-family: 'tt_normal', sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #1c1c1c;
  font-family: 'tt_normal', sans-serif;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #1c1c1c;
  font-family: 'tt_normal', sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
  color: #1c1c1c;
  font-family: 'tt_normal', sans-serif;
}


@media (min-width:320px) {}
@media (max-width:480px) {

  #formulario{
    padding-bottom:calc(2.5rem - 25px);
  }
  form{
    margin-top:0rem;
    padding: 25px;
  }
  label{
    font-size:1rem;
  }

  form .row{
    margin-top: 0;
  }

  form .row > div{
    padding-left: 0;padding-right: 0;
    margin-top:0px;
  }


  form .row > div{
    margin-top:10px;
  }

  form .row.ajuste-mobile > div:first-child{
    padding-left: 0;padding-right: 6px;
    margin-top:0px;
  }

  form .row.ajuste-mobile > div:last-child{
    padding-right: 0;padding-left: 6px;
  }

  form .row.ajuste-mobile > div{
    margin-top:0px;
  }
form h3{
  margin-top:10px;
  margin-bottom: 5px;
  text-align: left;
 }
h3 > .seta{
  margin-left:0;
}

.btn-form{
  margin-top:20px;
}

}
@media (min-width:600px) {}
@media (max-width:790px) {}
@media (min-width:1025px) {}
@media (min-width:1660px) {}