.menu_azul{
	background-color: #0056a6!important;
}

.menu_azul_claro{

	background-color:#3471B6!important;
}


.material-grueso {

	font-variation-settings: 'wght' 400!important;
}


.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 350,
  'GRAD' 0,
  'opsz' 48
}


  
  

  

.symbol2 {
  font-variation-settings:
  'FILL' 0,
  'wght' 100,
  'GRAD' 0,
  'opsz' 40
}


.symbol3 {
	font-variation-settings:
	'FILL' 0,
	'wght' 200,
	'GRAD' 0,
	'opsz' 40
  }
  



.btn-close {
	--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")!important;
	--bs-btn-close-opacity:1!important;
	--bs-btn-close-focus-shadow:!important;
}

.transparencia {
  background-color: rgba(0, 0, 0, 0); /* Aquí se establece el color de fondo con transparencia. */
  width: calc(100vw);
  height: calc(100vh - 40px);
  position: fixed;
	bottom: 0%;
	left: 0%;
	z-index:1055;
}




.alert-danger-alt {
   
	border:solid 1px #B63E5A!important;
    background: #E26868!important;
	

	
	
	/*background: #20A286!important;*/
    color: #fff!important;
	
	
	position: fixed!important;
	

	top: 20%;

	left: 50%;
	transform: translate(-50%, -50%);

	/*display:inline!important;*/
	
	height:48px!important;
	font-family:'raleway'!important;
	font-size: 14px!important;
    line-height: 1.428571429!important;
	
          
	z-index:1060!important;
	--bs-btn-close-color:white!important;
			

}


input[type=text]{
	background-color:white;
	font-family: 'roboto'!important;
}


.modal-body, .modal-footer{
	background-color:#f5f5f5!important;
}




.form-select{
	height:30px!important;
}


input.form-control {
	height:30px!important;
}


.form-control:focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.25)!important;
}


select:focus{
	border-color: #80bdff;
	box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.25)!important;
}
/*
.row_input {
	height:65px!important;
}
*/



.form-control{
  font-size:13.2px!important;
}

select{
	font-size:13px!important;
}

.collapse li > a {
   
	font-weight: 400!important;
	background-color: transparent;
	font-family: 'roboto' !important;
   
	font-size:13px!important;

	
}


.dropdown-item:hover {
	color: white!important;
	background-color:#5a5c69!important;
}


.collapsing{

  background-color: #3471B6!important; 
  margin: 0; 
  padding: 0;
  font-family: 'roboto' !important;
  font-size:13px!important;
  transition-duration: 1.35s!important;



}



@font-face {
	font-family: 'ralewaymedium';
	src: url('../fuentes/raleway-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'roboto';
	src: url('../fuentes/RobotoCondensed-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Oswald';
	src: url('../fuentes/Oswald-ExtraLight.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



@media (max-width: 500px) { 
	.miborde {
		border-bottom: 1px solid red;
	}
	.dropdown-menu {
	  background-color: #cdcdca!important;

	}
	/*
	.show{
	  background-color: #a2cadf!important;
	}*/
}

@media (min-width: 1200px) { 
	.ancho-login {
		width:30%!important;
	}
	
}



.alto-50 {
  height:35px!important;
  line-height:37px!important;
}


a {
  padding-left:25px!important;
  padding-right:45px!important;
  height:100%!important;
  padding-top:0px!important;
  padding-bottom:0px!important;
}


li.nav-item{
  border-right: rgba(0,0,0,0.05) 1px solid;
}


li > a.dropdown-toggle:after{

	
	position: absolute;
	top: 50%;
	right: 20px;
	margin: -5px 0 0;
	
	
  
   
	color: white;
}

ul.dropdown-menu li > a{
	color: rgb(45,45,45)!important;
	margin: 0;
	padding: 3px 15px!important;
	font-weight: 400;
	line-height: 23px;
	font-size: 12px!important;
	display: block;
	text-decoration: none;
	text-transform: none;
	font-family: 'roboto'!important;


  
}

ul.dropdown-menu li  {
  --bs-dropdown-divider-bg: rgba(0,0,0,0.06);


}


ul.dropdown-menu{
  background-color: #cdcdca!important;
  box-shadow: rgba(0,0,0,0.2) 0 6px 12px!important;
  border: 1px solid rgba(0,0,0,.15)!important;
  
 
}



.show .nav-item{
  background-color:#3471B6!important;
  
  
}

@media (min-width: 600px) {
	.borde-redondo{
	border-radius:6px;
  }
}

@media (min-width: 600px) {
	.modal-transportista{
	  width:40%!important; 
	  max-width: 100%!important;
  }
}

@media (max-width: 600px) {
	.modal-transportista{
	  width:95%!important; 
	  max-width: 100%!important;
  }
}


@media (min-width: 1370px) {
	.modal-detalle-reserva{
	  width:75%!important; 
	  max-width: 100%!important; 
	  margin-right: auto!important;
	  margin-left:auto!important
  }
}


@media (max-width: 1369px) {
	.modal-detalle-reserva{
	  width:85%!important; 
	  max-width: 100%!important; 
	  margin-right: auto!important;
	  margin-left:auto!important
  }
}



@media (min-width: 1370px) {
	.modal-detalle-pasajero{
	  width:75%!important; 
	  max-width: 100%!important; 
	  margin-right: auto!important;
	  margin-left:auto!important
  }
}

@media (max-width: 1369px) {
	.modal-detalle-pasajero{
	  width:98%!important; 
	  max-width: 100%!important; 
	  margin-right: auto!important;
	  margin-left:auto!important
  }
}





@media (max-width: 600px) {
  li.nav-item {border-bottom: rgba(0,0,0,0.05) 2px solid!important} 
  ul.dropdown-menu li > a{
  color: black!important;
  font-weight: 400!important; 
  }

}

@media (max-width: 600px) {
  .ancho-alto{
 
  width:100%!important;
  height:100%!important;

  } 
  .alert-danger-alt{
	width: 95%!important;
  }

  .ancho-alto-receptivo{
	width:100%!important;
	height:100%!important;
  }
  .ancho-alto-agenda{

	width:100%!important;
	height:100%!important;
	
	}
  

}
 
@media (min-width: 1200px) {
  .ancho-alto{
 
  width:97%!important;
  height:90%!important;

  } 
  .alert-danger-alt{
	width: 50%!important;
  }

  .ancho-alto-receptivo{
	width:40%!important;
	height:90%!important;
  }

 

}
 

@media (min-width: 601px) and (max-width: 1200px){
  .ancho-alto{
 
  width:100%!important;
  height:100%!important;

  } 

 

}






.dropdown-item{
  width:198px!important;
  font-weight: 400!important;
}

.dropdown-divider{
  margin:0px!important;
}

.dropdown-menu{
  padding:0px!important;
  
 

}





li { cursor: auto!important }

body{
  
  color:rgb(45,45,45)!important;
  padding-right: 0px!important;
  font-family: 'roboto'!important;
  font-size:13px!important;

}



.navbar{
  --bs-navbar-color:rgb(0,0,0)!important;
  --bs-emphasis-color-rgb: 0,0,0;
}


.navbar-collapse {
  z-index: 30; /* valor alto para cuando el navbar está desplegado */
}




label{
	margin-bottom: 0px!important;
}


table{
border-collapse: collapse;

}



td, th{

	padding: 0px 10px!important;
}

.card_reserva_verde thead {
	background-color:#96c8a2 !important;
}


@media (max-width:30em){

	table.card_reserva tr{
		display: flex !important;
		flex-direction: column!important;
		margin-bottom: 0.5em;
		background-color:rgb(235,176,172)!important;
	}
	
	table.card_reserva_verde tr{
		display: flex !important;
		flex-direction: column!important;
		margin-bottom: 0.5em;
		background-color:white!important;
	}
	



	table.card_reserva thead{
		display: none;
	}

	table.card_reserva_verde thead{
		display: none;
	}

   
	table.card_reserva td{
		display: flex;
		background-color:rgb(235,176,172)!important;
		
	}


	table.card_reserva_verde td{
		display: flex;
		background-color:white;
		
	}

	.tit_card{
		background-color:#96c8a2!important;
	}
	

	table.card_reserva td[titulo]::before {
		content: attr(titulo);
		/*width: 75px !important;*/
		color:black;
		font-weight: bold;
		padding-right: 5px;
	
		
		
	}

	table.card_reserva_verde td[titulo]::before {
		content: attr(titulo);
		/*width: 75px !important;*/
		color:black;
		font-weight: bold;
		padding-right: 5px;
	
		
		
	}

	
}

.manito:hover {
  cursor: pointer;
}

.form-select {
  height:33.5px;
}

.fuente_raleway
{
    font-family:'ralewaymedium';
}

.fuente13
{
	font-size: 13px!important;
}



.observa_resenc:focus {
	outline: none;
    border: none;
	background-color: #bee7e2!important;
	transition: background-color 0.9s ease;
  }



.transicion-color_ini {
	
	background-color: #bee7e2!important;
	/*
	background-color: #bdecb6!important;
	*/
}
  
  
.transicion-color_fin {
	background-color:#f8f9fa;
	transition: background-color 1.5s ease;
  }
  
.fondo_alerta{
	color: red!important;
  }


  .texto-destacado {
	animation: colorIntermitente 2.3s infinite;
	
  }


  @keyframes colorIntermitente {
	0% { color: transparent; }
	50% { color: #ff0000; }
	100% { color: transparent; }
  }

  .fondo_verde_claro{

	background-color:rgb(61,120,126,0.2)!important;
  }

  .fondo_naranja_claro{
	
	background-color:rgba(150,200,162, 0.20)!important;
  }

  .input_grisado{
	background-color: #e9ecef !important;
  }

  .fondo_rojo_claro{
	background-color: #B63E5A;
  }

.fondo_reserva{
	background-color: #bee7e2!important;
}

.color_verde {
	color:rgb(0,157,0);

}

.color_rojo_pastel{
	background-color: rgb(176, 54, 72,0.9)!important;
	color: white !important;
}

/*
.color_rosa_suave{
	background-color: rgb(232, 12, 44,0.06)!important;
}
*/
.letra_roja{
	color: red!important;
}

.verde_suave{
	background-color: rgb(2, 166, 145,0.3)!important;
}

.card-body{
	padding-top: 10px!important;
	padding-bottom: 5px!important;
}


@media (max-width: 600px) {
	.fs-mobile {
		font-size: 18px!important; /* Tamaño de fuente para dispositivos móviles */
		}
}


@media (min-width: 1366px) and (max-width: 1919px) {
	
	.ancho-alto-agenda{

		width:95%!important;
		height:90%!important;
		
		}
  }

 @media (min-width: 1920px) {
	.ancho-alto-agenda{

		width:80%!important;
		height:90%!important;
		
		}
  }


  @media (min-width: 1920px) {
	.ancho-alto-producto{

		width:98%!important;
		height:90%!important;
		
		}
  }


  .tabs_producto.active{

	background-color: #c5e2f6!important;
  }