/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

html {
  -webkit-text-size-adjust: none;
  touch-action: manipulation;
}
main > .container {
  padding: 20px 15px 0;
}

.footer {
  background-color: #f5f5f5;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}







 .bd-placeholder-img {
   font-size: 1.125rem;
   text-anchor: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}


.title-bg{
  background: #bbadaa;
  color: #534642;
}
/*
  CUSTOMS
 */
.was-validated .form-control:valid, .form-control.is-valid , .was-validated .form-control:invalid, .form-control.is-invalid{
  padding-right: 0!important;
}

.input-field label {
  left: .75rem!important;
}
.form-row > .col, .form-row > [class*="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

.datepicker-modal  , .modal{
  max-height: none!important;
  height: auto!important;
}

.file-field.big .file-path-wrapper {
  height: 100px; }
.file-field.big .file-path-wrapper .file-path {
  height: 3rem;
  padding-top: 15px;}

.btn-floating {

  width: 100px!important;
  height: 100px!important;
}
.display-4 {
  font-size: 2.5rem!important;
}


.file-field{
  margin:10px;
}

.orange{
  background-color: #ef7f1b;
  background-size: 100%;
  background-position:center ;
  background-repeat: no-repeat;
}

.fa-car-front{
  background-image: url("../images/vehicle-front.png");
}

.fa-car-rear{
  background-image: url("../images/vehicle-rear.png");
}

.fa-car-other{
  background-image: url("../images/vehicle-other.png");
}

.fa-doc{
  background-image: url("../images/doc.png");
}

.fa-wtsapp{
  background-image: url("../images/wtsapp.png");
}

.title-img{
  height: auto;
  width: 80%;
  margin: 20px 0;
}

.footer-img{

  width: 50%;
  margin: 20px 0;
}
.wtsApp {
  border-left: 5px solid #989898;
  padding-left: 10px;
  margin-left: 0;
}

@media (min-width: 576px) {
  .footer-img{

    width: 30%;
    margin: 20px 0;
  }

  .title-img{
    width: 60%;
  }

}

.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus , .btn, .btn-large, .btn-small {
  background-color: #000000!important;
}

.btn:hover{
  background-color: #ef7f1b!important;
}

input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label{
  color: #ef7f1b!important;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
  border-bottom: 1px solid #ef7f1b!important;
  -webkit-box-shadow: 0 1px 0 0 #ef7f1b!important;
  box-shadow: 0 1px 0 0 #ef7f1b!important;
}

.preloader-wrapper{
  top: 50%;
}

#preloader{
  position: absolute;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 5000;
  opacity: 0.7;
  text-align: center;
  display: none;
}

.lockbody{
  overflow: hidden;
}

#information{
  display: none;
}

.tooltip{
  opacity: 0.5!important;
  z-index: 1!important;
}

.datepicker-years{
  display:block!important;
}