/** ----------------------------------------------------------------------------
 *                         Todos los derechos Reservados
 *                               Softipal S.A.S 2020
 *  ----------------------------------------------------------------------------
 *  Nombre:       selectRoute.css
 *  Ruta:         /public/css/layout/route/
 *  Descripción:  Estilos Generales para la sección de seleccionar rutas
 *  Fecha:        22/01/2020
 *  Autor:        Alejadnro González Flórez
 *  Versión:      1.0
 *  OD:           22489479
 *  ----------------------------------------------------------------------------
 *	 			Histórico de cambios
 *  ----------------------------------------------------------------------------
 *	Fecha          OD        Autor        Descripción
 *  ----------------------------------------------------------------------------
 *     21/01/2020   22489479   AlejoFlorez0   Creación de cabecera de documentacion
 *     18/05/2022   -------     slargo          abstracción de las media queries
 *  ----------------------------------------------------------------------------
 */

body {
  overflow-x: hidden;
}

#scb_titleRoute {
  color: white;
  text-shadow: 0px 0px 5px black;
  font-size: 1.7vw;
  font-family: Montserrat-Bold;
}

.srm_inputFilter {
  width: 100%;
  color: #212123;
  font-size: 18px;
  padding-top: 2.5%;
  padding-left: 8%;
  vertical-align: middle;
  height: 50px !important;
  border: none !important;
  background-color: white;
  background-size: 6.8% 66%;
  background-position: 1% 48%;
  background-repeat: no-repeat;
  border-radius: 10px !important;
  font-family: Montserrat-Regular;
}

.srm_selectBusImage {
  background-image: url("../../../images/icons/ICONOS-31.png");
}

.srm_loadDestinationRoute {
  background-image: url("../../../images/icons/puff.svg");
}

.srm_loadLocationOriginRoute {
  background-image: url("../../../images/icons/pinGoogleMaps.gif");
}

#scb_btnRoute {
  position: relative;
  padding: 0;
  color: #ffffff;
  transition: background-color 1s, box-shadow 1s;
  font-size: 1.5vw;
  border-radius: 10px;
  background-color: #ffba00;
  font-family: Montserrat-SemiBold;
}

#scb_btnRoute:hover {
  background-color: #ffa000;
  box-shadow: inset 3px 8px 10px 0 #ae6c00;
}

@media screen and (min-width: 1600px) {
  .srm_inputFilter {
    background-size: 5.6% 70%;
  }
}