.btn {
  background-color: #0093cc;
  color: white !important;
  box-shadow: 0 0 0 0 !important;
  font-family: 'Source Sans 3';
}

input {
  box-shadow: none !important;
  border-color: #ced4da !important;
}

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

a {
  color: #0093cc;
}

a:hover {
  color: #0093cc;
}

.navbar-dark .navbar-toggler {
  color: #0092cc;
  border-color: #1b1e20;
}

.btn-grande {
  color: #000000 !important;
  background: #ffd100;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 30px;
  padding: 10px 30px !important;
}

.btn-mediano {
  color: #000000 !important;
  background: #ffd100;
  font-size: 13px;
  font-weight: 700;
  border-radius: 30px;
  padding: 7px 20px !important;
}

.btn-mediano:hover {
  background: #061ab1 !important;
}

.btn-grande:hover {
  background: #061ab1;
}

.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem;
}

.contenedor-informacion, .contenedor-informacion-2 {
  background-color: #0113b3;
  width: 53.8% !important;
  color: white;
  padding: 60px;
}

.contenedor-cabecera {
  color: white;
}

.cabecera {
  background-image: url("../../assets/img/envios-GLS-3.jpg");
  background-size: cover;
  width: 100%;
  display: inline-table;
  background-position: 80% 50%;
  margin-top: auto;
}

.imagen-1-banner {
  background-image: url("../../assets/img/envios-GLS-3.jpg");
  background-size: cover;
  height: 20vh;
  width: 100%;
  background-position: 80% 50%;
  margin-top: auto;
}

.imagen-2-banner {
  background-image: url("../../assets/img/quiero-ser-repartidor_a.jpg");
  background-size: cover;
  height: 20vh;
  width: 100%;
  background-position: 80% 50%;
  margin-top: auto;
}

.seccion1 {
  background-image: url("../../assets/img/quiero-ser-repartidor_a.jpg");
  background-size: cover;
  width: 100%;
  background-position: 80% 50%;
}

.seccion2 {
  background-image: url("../../assets/img/quiero-ser-repartidor_a.jpg");
  background-size: cover;
  width: 100%;
  background-position: 80% 50%;
}

body {
  font-family: 'Verdana';
  font-weight: 400;
}

.titulo {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: bold !important;
}

@media (max-width: 992px) {

  .contenedor-texto{
    width: 100%;
  }
  .cabecera {
    background-image: none;
  }
}

@media (max-width: 992px) {
  .navbar-cabecera img:first-child {
    margin-bottom: 15px;
  }
}

@media (max-width: 1196px) {
  .contenedor-informacion, .contenedor-informacion-2 {
    background-color: #0113b3;
    color: white;
    padding: 60px;
  }
}

@media (max-width: 992px) {
  .contenedor-informacion, .contenedor-informacion-2 {
    background-color: #0113b3;
    width: 100% !important;
    color: white;
    margin-top: 0 !important;
    padding: 40px !important;

  }
}

@media (max-width: 768px) {
  .contenedor-informacion, .contenedor-informacion-2 {

    margin-top: 0 !important;

  }
}

@media (min-width: 992px) {
  .contenedor-informacion {
    clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%);
    text-align: left;
  }
}

@media (min-width: 992px) {
  .contenedor-informacion-2 {
    clip-path: polygon(14% 0%, 100% 0, 100% 100%, 0% 100%);
  }
}



@media (min-width: 992px) {
  .imagen-1-banner {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .imagen-2-banner {
    display: none !important;
  }

  .contenedor-texto{
    padding-right: 10px !important;
  }
}

@media (max-width: 992px) {
  .imagen-2-banner {
    display: block !important;
  }

  .contenedor-texto{
    width:100%;
    padding-right: 30px !important;
  }
}

@media (max-width: 992px) {
  .contenedor-informacion-2 > div {
    margin-left: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 992px) {
  .contenedor-informacion-2 {
    background-color: #f4f4f4 !important;
    color: #008ccc;
  }
}

@media (max-width: 992px) {
  .contenedor-informacion-2 .solicitar-cita {
    border-color: #f4f4f4 !important;
  }
}

@media (min-width: 992px) {
  .contenedor-informacion-2 .solicitar-cita {
    border-color: #0113b3 !important;
  }
}

@media (max-width: 992px) {
  .contenedor-informacion > div {
    margin-left: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 992px) {
  .container {
    flex-wrap: initial !important;
  }
}

@media (max-width: 992px) {
  .contenedor-logos {
    display: inline-block !important;
  }
}

@media (max-width: 992px) {
  .contenedor-cabecera > div > div {
    padding: 30px !important;
  }
}

#modal-login .modal-content, #modal-registro .modal-content {
  border-radius: 2px !important;
}

#modal-login .modal-title, #modal-registro .modal-title {
  font-family: 'Open Sans';
  font-weight: 100;
  font-size: 18px;
}

#modal-login .modal-header, #modal-login .modal-footer, #modal-registro .modal-header, #modal-registro .modal-footer {
  background-color: #f8f9fa;
}

#modal-login .btn-close, #modal-registro .btn-close {
  font-size: 10px;
}

#modal-login .modal-footer, #modal-registro .modal-footer {
  border-top: 0px !important;
}

#modal-login label, #modal-registro label {
  font-family: 'Source Sans 3';
  font-weight: bold;
}

.btn-cerrar-modal {
  background: #f8f9fa;
  border-color: #f8f9fa;
  color: black !important;
}

.btn-cerrar-modal:hover {
  background-color: #f8f9fa;
}


.form-check-input:checked {
  background-color: #0093cc;
}

.contenedor-registro {
  padding: 15px;
  background-image: url("../../assets/img/quiero-ser-repartidor_a.jpg");
  background-size: cover;
}

.footer-registro {
  height: 5vh;
}

.contenedor-registro label {
  font-weight: bold !important;
}

.contenedor-registro input:not(.form-check-input), .contenedor-registro select {
  border: none;
  border-radius: 0;
  box-shadow: none !important;
  color: #000000 !important;
  font-weight: bold;
  padding: 10px;
}

.btn-group .btn {
  border-radius: 0px;
}

.btn-group .btn-no {
  background-color: white !important;
  border-color: white !important;
  color: #0093cc !important;
  font-size: 20px;
  padding-left:3px !important;
  padding-right:3px !important;
}

.btn-check:checked + .btn-no {
  background-color: #0113b3 !important;
  border-color: #0113b3 !important;
  color:#ffffff !important;
  font-size: 20px;
  padding-left:3px !important;
  padding-right:3px !important;
}

.btn-check:checked + label > img {
  border: 4px solid #2e44ff !important;
}

.contenedor-imagenes-tipo label {
  max-height: 250px !important;
}

.contenedor-imagenes-tipo img,.coche-seleccionado img {
  height: 200px;
  width: 200px;
}

.contenedor-imagenes-tipo div {
  text-align: center;
}

#btn_pedir_cita:hover {
  background-color: #00aff2 !important;
}

@media (max-width: 768px) {
  .contenedor-registro > .container {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .contenedor-logos {
    width: 100% !important;
    text-align: center;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {

  .contenedor-logos img{

    width:80% !important;
  }
  .contenedor-imagenes-tipo {
    display: block !important;
  }

  .contenedor-imagenes-tipo div {
    text-align: center;
    margin-bottom: 5%;
  }

  #btn_citas {
    text-align: center;
  }

}

#contenedor-citas-previas table thead {
  background-color: #008ccc;
  color: white;
  border: none !important;
  border-bottom: 0px !important;
}

#contenedor-citas-previas table {
  border: 1px solid black;
}

.navbar-dark{

  position: sticky !important;
  top:0;
}

@media (max-width: 992px) {

  .container-md, .container-sm, .container {
    padding: 10px 0px 10px 0px  !important;
  }

}

@media (max-width: 768px) {

  .container-md, .container-sm, .container {
    padding: 20px  !important;
  }

}

@media (max-width: 768px) {

  .contenedor-registro input[name='matricula']{
      width:100% !important;
  }

}

@media (max-width: 768px) {

  #tipo{
    width:100% !important;
  }

}

.filtros{
  flex-wrap: wrap;
}

.filtros{
  flex-wrap: wrap;
}