@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,700';
*{
	font-family: 'Open Sans', sans-serif;
}
.bloque{
    display: block;
    overflow: hidden;
    min-height: 500px;
    padding-top: 3%;
    padding-bottom: 7%;
}
.logo{
	height: 96%;
	display: block;
	margin: auto;
}
.container{
        padding: 40px !important;
    width: 100%;
    max-width: 1600px;
}
.select-wrapper {
    margin-bottom: 0;
    height: 43px;
}


.logo2{
	height: 310px;
	display: block;
	margin: auto;
	/*margin-top: -3%;*/
}
.welcome{
	background: #009789;
    height: 100%;

}
.welcome h1{
	text-align: center;
    color: #fff;
    margin-top: -9px;
}
.separador{
	    height: 2px;
    background: rgba(68, 68, 68, 0.17);
    display: block;
    clear: both;
}
.separador img{
	display: block;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	margin-top: -32px;
}
.container p{

    
}
tr.totales td{
    font-weight: bold;
}

.datos{

	    margin-top: 8%;
    margin-bottom: 6%;
}
.datos .col{
	padding: 0 30px;
}
.datos .play{
	margin-top: 50px;
}
.datos img{
	display: block;
	margin: auto;
	height: 150px;
}


#ingresos{
position: absolute;
    right: 32px;
    top: 0;
}
#ingresos a {
    background: #fff;
    padding: 1px 10px 5px 10px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    color: #fff;
}

.contenido {
    background: rgba(255, 255, 255, 0.9);
    margin: 33px 6px;
    padding: 2px;
}

.informe, .informe_no_datatable{
	margin-top: 10px;
	margin-bottom: 20px;
}
.informe tr td, .informe_no_datatable tr td{
        font-size: .7em !important;
    padding: 3px 6px 2px 6px !important;
    text-align: left;
    border-left: 1px solid #909090;
    border-bottom: 1px solid #909090;
    
}
.informe tr td.numero, .informe_no_datatable tr td.numero{
	text-align: right;
}
.informe .numero_monto, .informe_no_datatable .numero_monto{
  text-align: right !important;
}
.informe thead th, .informe_no_datatable thead th{
	background-color: #2196F3 !important;
    text-align: center !important;
    font-weight: normal !important;
    /*border-right: 1px solid #909090;*/
    padding: 2px 3px;
    color: #fff;
}

table.dataTable tbody td{
	
    border-right: 1px solid #dcdcdc ;
    border-top: 1px solid #dcdcdc ;
}

.select-wrapper input.select-dropdown{
	    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    outline: none;
    height: 43px;
    line-height: 2rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 2px 0;
    padding: 0;
    display: block;
}

#form .select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    outline: none;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    padding: 0;
    display: block;
}


/*****************************************************
**													**
**			Celular  						**
**													**
*****************************************************/

@media all and (max-width: 768px){
	.logo{
		width: 96%;
		display: block;
		margin: auto;
		margin-top: 5%;
		height: auto;
	}
	.logo2{
		height: 200px;
		display: block;
		margin: auto;
		margin-top: 10%;
	}
	#b1 h1{
		font-size: 4em !important;
	}
	#b1 h3{
		font-size: 2em !important;
	}
	.imagen_slide{
		width: 100%;
	}
	.boton_google{
		width: 100%;
	    height: auto !important;
	    margin-bottom: 30px !important;
	}
	#b2 h2{
		font-size: 2em !important;
	}


}

/*****************************************************
**													**
**			ADMIN SEREMI     						**
**													**
*****************************************************/


.admin_legaltaxi_seremi{
	    background: url(../img/w7.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
.admin_legaltaxi_seremi .container{
	    background: rgba(255,255,255,.9);
    border-radius: 3px;
    padding-bottom: 57px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 34px;
    margin-top: 30px;

}
label{
	color: #333 !important;
}


/*****************************************************
**													**
**			ADMIN LEGALTAXI  						**
**													**
*****************************************************/
[type="radio"]:not(:checked), [type="radio"]:checked {
    position: relative;
    left: 0px;
    opacity: 1;
    pointer-events: all;
}
.admin_legaltaxi{
	    background: url(../img/w6.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

.admin_legaltaxi .container{
	    background: rgba(255,255,255,.96);
    border-radius: 3px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    margin-top: 30px;
}

.config_params .container{
	border-radius: 3px;
    padding-bottom: 2px;
    padding-left: 36px;
    padding-right: 10px;
    padding-top: 13px;
    margin-top: -23px;
}
.icono_menu{
	display: block;
	margin: auto;
	font-size: 3em;
	width: 100%;
	color: #333;
	padding-left: 10px;
	    margin-bottom: -70px;
}


#mapPlaceholder {
        height: 200px;
        width: 100%;
}
#mapPlaceholder2 {
    height: 300px;
    width: 100%;
    margin-top: 25px;
}

.detalle .input-field span{
    display: inline-block;
    width: 100%;
        background: #dedede;
    padding: 7px;
    height: 37px;
    margin-top: -4px;
}
.input-field label{
	color: #2f2f2f;
}
#login{

}
#login img{
	display: block;
    margin: auto;
    padding-top: 35px;


}
.tipo_informe{
	  width: 100%;
    height: 50px;
    line-height: 3.4;
    border-radius: 5px;
    display: inline-block;
    background: #FF9800;
    color: #333;
    text-align: center;
    font-weight: bolder;
    margin-bottom: 10px;
}
.panel_datos{
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.panel_datos p{
	    margin-bottom: 0;
    margin-top: 0;
    font-size: 1em;
    padding: 1px;
}
.panel_datos p span{
	width: 100px;
	display: inline-block;
}
table tr td{
	padding: 2px 2px 2px 4px;
	font-size: .9em;
}
.dato{
   	display: block;
	background: aliceblue;
	padding: 6px;
	margin-top: 5px;
	margin-bottom: 10px;
	min-height: 35px;
	font-size: .95em;
}

#listado,
#listado_no_dataTable{
	border: 1px solid #dcdcdc;
}
#listado tbody tr td,
#listado thead th,
#listado_no_dataTable tbody tr td,
#listado_no_dataTable thead th{
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 5px;
}

@media all and (max-width: 768px){
	.admin_legaltaxi{
	    background: url(../img/w3.jpg);

	}
	.icono_menu{
		margin-bottom: -10px;
	}
	.icono_menu{
		margin-bottom: -30px;
	}
}
.botonera{
	    margin-top: 44px;
    border: 1px solid;
    padding: 20px !important;
    border-radius: 3px;
    border-color: #9E9E9E;
}
.botonera .btn{
	width: 19.7% !important
}

#reserva{
	display: none;
}
.pedido{
	background: azure;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.admin_legaltaxi .container.full {
	width: 100%;
}



pre {
    overflow: auto;
    background: #fff;
    padding: 20px;
    display: block;
    width: 94%;
    margin-left: 3%;
}

#modal{
	width: 30%;
    height: 775px;
    background: #fff;
    position: fixed;
    bottom: 30px;
    right: 30px;
    border: 2px solid #616161;

}
#modal label{
	font-weight: bold;
}
#mapa_carrera{

}
#mapa_monitoreo{

}

#mapa_carrera, #mapa_monitoreo{
	width: 96%;
	margin-left: 2%;
	height: 215px;
	margin-top: 10px
}

.hidden{
	right: -800px !important;
}

.filtros{
	background: #fff;
    padding: 14px 20px;
    margin-top: 11px;
}

select[name="DataTables_Table_0_length"]{
	display: inline !important;
}


/* MODAL DE MATERIALIZE */
.lean-overlay{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 120vh;
    background: #000;
}

.modal.modal_big{
    width: 90%;
    max-height: 90%;
}

.modal .modal-content{
    display: flow-root;
}