body .ui-widget {
	font-family:"Ciudadela Pro", sans-serif;
}


.mensaje-al-usuario {
    font-size: 0.8rem;
    margin: 0.2rem;
    padding-bottom: 0.5rem;
    padding-top: 0.8rem;
    padding-left: 0.8rem;
    background-color: #c6def1;
}

.navbar-toggle {
	display: none !important;
}


@media (max-width: 768px) {
	.modal-dialog {
		width: 100%;
	}
}

.mapaModalPseudoClass .modal-dialog {
	margin-left:0px;
}

.mapaModalPseudoClass .modal-dialog .modal-content{
	height: 100vh;
	width: 100vw;
}

.mapaModalPseudoClass .modal-dialog .modal-content .modal-body{	
	padding: 0px;
}

.iframeMapa {
	height: 90vh;
	border: none;
	width: 100vw;
}

.iframeMapaMalla {
	border: none;
    margin-top: 10px;
}

.sinPaddingMobile{
	padding: 0px;
}

.divTextos{
	margin: 10px 0px 0px 0px;
}

.list {
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translate(-50%, 5px);
    background-color: rgba(238, 238, 238, .6);
    padding: 10px 0px 0px 0px;
    color: #222;
    text-align: center;
    border-radius: 10px;
}

@media only screen and (max-width: 400px) {
	div.col-md-12 div.col-xs-10.col-lg-10{
		padding-left: 0px;
    	margin-left: -20px;
	} 
}

div.has-error.bf-error select.stm-select2+.select2-container .select2-selection--single {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.sin-borde, .stm-horarios table {
	border: 0px;
}

body .ui-datalist .ui-datalist-header {
	background-color: #0c569b;
	margin-bottom: 3px;
	border: none;        
    font-family: Ciudadela Pro;
    text-shadow: none;
    padding: 0.25rem 0.6rem;
}

body .ui-datatable thead th {
	background-color: #0c569b;
	background-image: none;
	color: white;
    border-width: 1px;
	padding: 0.5rem;
	text-align: center;
}

body .ui-datatable .ui-datatable-data > tr > td {
	padding: 0.25rem 0.7rem;
	border-width: 1px;	    
}

body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd {
	background-color: #f2f5f9;
}



body .ui-datalist .ui-datalist-content {
	border:none;
	padding: 0px;
}

.stm-datalist-header, .ui-datalist-header {
	width:100%;	
	padding: 5px;
	color:#ffffff;
}

.detalle-horarios table {
	width:100%;
	line-height: 16px;
	font-family: Ciudadela Pro;
	font-size: 0.85rem;	
	font-weight: bold;
	border-collapse: collapse;
    border-spacing: 0;
}

.detalle-horarios {
	background-color: #edeeef;
	border-left: 10px solid #0c569b;
	border-right: none;
	border-bottom: none;
	border-top: none;
	margin-bottom: 3px;
	padding: 10px;	
}

.detalle-horarios table tr td{
	background-color: #edeeef;
	border: none;
}

.img-pasada {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	width: 1.5rem;
	height: 2rem;	
}

.img-salida-llegada {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 4px;
	width: auto;
	height: 1.5rem;			
}

.img-hacia {
	height: 1.5rem;
	width: 2.5rem;
	margin-left:1.5rem;
}

.horario-punto {
	text-align: left;
	margin-left: 0.7rem;
	font-size: 0.85rem;
}

.horario-hora {
	text-align: right;
	margin-right: 0.7rem;
}

.vigencia, .vigencia-label {	
	font-size: 0.7rem;
}

.vigencia-label { 
	margin-left: 1rem;
	margin-right: 5px;
}

.pie-horarios {
	font-size: 0.7rem;
	text-align: center;
	margin-top: 10px;
	color:rgb(12, 86, 155);
}

.accesible {
	margin-left: 1rem;
}

/* Versión datalist*/

.stm-datalist-header td:nth-of-type(1), .detalle-horarios td:nth-of-type(1) {
	text-align: left;
}


.stm-datalist-header td:nth-of-type(2) {
	text-align: center;
}

.stm-datalist-header td:nth-of-type(3), .detalle-horarios td:nth-of-type(2)  {
	text-align: right;
	padding-right: 4.5rem;
	width: 50%;
}

.stm-datalist-item table tr td:nth-of-type(1) {
	width: 50%;
}


.stm-datalist-item table tr td:nth-of-type(2) {
	padding-left: 5px;
	width: 50%;
}

.stm-datalist-item table tr td:nth-of-type(3), .stm-datalist-item table tr td:nth-of-type(4) {
	text-align: center;
}

.stm-horarios tr {
	background-color: #edeeef;
	border-left: 10px solid #0c569b;
	margin-bottom: 3px;
	padding: 10px;
}

.stm-horarios td {	
	border:none;
}

.btn-detalles {
	width: 2rem;
	height: 2rem;
	margin: 0.15rem;
	padding: 0.25rem;
}

.consulta-container {
	max-width: 600px;
	width:100%;
	margin-top:0.9rem;
}

.consulta-container label {
	min-width: 125px;
}

.consulta-container select, .consulta-container.select2-selection--single {
	min-width: 275px;
}


.botones-container {
	margin-top: 25px;
	text-align: center;
}


.botones-container .texto {
	color: #727175;
	font-family: "Palanquin", sans-serif;
	font-size: 14px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

.botones-container img {
	width: 60px;
}

.formulario {
	margin: auto;
}

.centrado {
	text-align: center;
}

.capitalize {	
	text-transform: capitalize;
}

body  .ui-state-default th {
	color: #ffffff;
}

.sin-margen-top {
	margin-top: 0px;
}

.uppercase {
  text-transform: uppercase;
}


div.botonAtras {
	position: fixed;
    z-index: 1000;
    top: 1%;    
    right: 1vw;
}

.btn-atras {
	height: 2rem;
	width: auto;
}

@media  (min-width: 768px) {
	.modal-dialog {
		width: 50%;
	}
	
}

@media only screen and (min-width: 768px) {
	.btn-atras {
		height: 3rem;
	}
}

.selectoresLineas{
	padding: 5px 0px 10px 0px;
}

.mapaRed{
	margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display:none;
}

@media only screen and (min-width: 768px) {
	.mapaRed{
		 display:block;
	}
}

.espera{
	background: rgba(0, 0, 0, 0.19);
    z-index: 2000;
    top: 0;
    position: absolute;
    width: -webkit-fill-available;
    height: 70vw;
    left: 0;
    color: white;
}

.espera div.col-md-12{
	vertical-align: middle;
    text-align: center;
    top: 50vh;
}

.zoom{
    z-index: 2000;
    top: 0;
    position: absolute;
    width: 230vh;
    height: 55vw;
    left: 0;
}

@-moz-document url-prefix() {
  .zoom {
    width: 250vh;
	} 
}

.zoomMobile{
	z-index: 2000;
    top: 0;
    position: absolute;
    width: 60vh;
    height: 55vw;
    left: 0;
}

@-moz-document url-prefix() {
  .zoomMobile {
    width: 70vh;
	} 
}

@media  (max-width: 1365px) {
	button.pantallaCompleta {
		background-size: 33px;
	}
	div.selectoresLineas.col-md-12.col-xs-12.col-lg-12  div.ui-selectcheckboxmenu.ui-widget.ui-state-default.ui-corner-all {
		width: 100% !important;
	}
}

.tipoDiferencial, .tipoLocales, .tipoUrbanos{
	float: right;
}

.subtitulo {
    color: white;
    font-size: 0.6rem;
    font-weight: bold;
    margin-left: 2rem;
    position: fixed;
    top: 50px;
    z-index: 1000;
    text-align: center;
}


@media only screen and (min-width: 768px) {
	.subtitulo {
		top: 100px;
		font-size: 1.5rem;
		margin-left: 11rem;
	}
}