@import url('https://fonts.cdnfonts.com/css/avenir');
@import url('https://fonts.cdnfonts.com/css/poppins');
body{
    font-family: 'Poppins', sans-serif !important;
    background-color: #e0e0e0 !important;
    margin: 0;
    padding: 0;
}
.col-uno{
  margin-top: 0px !important;
}
.col-dos{
  margin-top: 5px !important;
}
.col-tres{
  margin-top: 40px !important;
}
.col-cuatro{
  margin-top: 30px !important;
}
.col-cinco{
  display: flex !important;
  justify-content: space-between !important;
  margin-top: 30px !important;
}
.col-seis{
  margin-top: 40px !important;
}
.contenido-general{
  padding: 100px !important;
}
.col-6{
  background-color: white !important;
}
.title{
  font-weight: 900 !important;
  font-size: 40px;
}
.subtitle{
  font-size: 20px !important;
}
.row-inputs{
  margin: 0;
  padding: 0;
  margin-left: 10% !important;
  width: 80%;
}
#myForm{
  font-size: 20px !important;
}
.input-box{
  display: flex;
}
#usuario, #password{
  border: none !important;
  height: 50px !important;
  box-shadow: none !important;
}
.form-control::after,
.form-control:checked,
.form-control:hover,
.form-control:focus,
.form-control:active{
  background-color: transparent !important;

}
.bi{
  font-size: 30px !important;
  color: #d5d3d4 !important;
}
.group{
  border-bottom: 2px solid #d5d3d4 !important;
}
#enviar{
  padding: 10px !important;
  background-color: #ff6d18 !important;
  border-color: #ff6d18 !important;
  padding-right: 25px !important;
  padding-left: 25px !important;
  border-radius: 30px !important;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  -ms-border-radius: 30px !important;
  -o-border-radius: 30px !important;
}
.text{
  font-size: 17px !important;  
}
.text-2{
  text-decoration: none !important;
  color: #ff6d18 !important;
  font-size: 17px !important;
}
.form-check-input:focus,
/* .form-check-input:hover, */
.form-check-input:active,
.form-check-input:checked {
  cursor: pointer !important;
  background-color: #ff6d18 !important;
  border-color: #ff6d18 !important;
  box-shadow: none !important;
}
.footer{
  justify-content: space-between !important;
}
.col-index, .img-login{
  border-radius: 10px 0px 0px 10px !important;
}
.col-index-dos{
  border-radius: 0px 10px 10px 0px !important;
}

@media(max-width: 800px){
  .contenido-general{
    display: contents !important;
  }
  .row-inicial{
    width: 90% !important;
    margin-left: 5% !important;
  }
  .col-index{
    display: contents !important;
  }
  .col-index-dos{
    width: 100% !important;
  }
  .row-inputs{
    width: 100% !important;
    margin-left: 0% !important;
  }
  .col-uno, .col-dos{
    text-align: center !important;
  }
  .title{
    font-size: 30px !important;
    margin-top: 10px !important;
  }
  .subtitle{
    font-size: 12px !important;
    margin-top: 10px !important;
  }
  .col-cinco{
    display: block !important;
  }
  .password-modal{
    margin-top: 20px !important;
  }
  .footer{
    justify-content: center !important;
  }
  .img-chajari{
    width: 20% !important;
  }
  .btn-primary{
    margin-bottom: 30px !important;
  }
  .col-index, .img-login{
    border-radius: 10px 10px 0px 0px !important;
    -webkit-border-radius: 10px 10px 0px 0px !important;
    -moz-border-radius: 10px 10px 0px 0px !important;
    -ms-border-radius: 10px 10px 0px 0px !important;
    -o-border-radius: 10px 10px 0px 0px !important;
}
  .col-index-dos{
    border-radius: 0px 0px 10px 10px !important;
    -webkit-border-radius: 0px 0px 10px 10px !important;
    -moz-border-radius: 0px 0px 10px 10px !important;
    -ms-border-radius: 0px 0px 10px 10px !important;
    -o-border-radius: 0px 0px 10px 10px !important;
}
}