/*Menú */
ul, ol {
	list-style:none;
}
.nav-inducom > li {
	float:left;
	z-index:9000;
}
.nav-inducom li a {
	background-color:#3F9FF4;
	color:#fff;
	text-decoration:none;
	padding:10px 12px;
	display:block;
	z-index:9000;
}

.nav-inducom li a:hover {
	background-color:#434343;
	z-index:9000;
}
.nav-inducom li ul {
	display:none;
	position:absolute;
	width:200px;
	z-index:9000;
}
.nav-inducom li:hover > ul {
	display:block;
	z-index:9000;
}
.nav-inducom li ul li {
	position:relative;
	z-index:9000;
}
.nav-inducom li ul li ul {
	right:-160px;
	top:0px;
	z-index:9000;
}

/* COMIENZO Css Para vista agregar nuevo vehículo*/
.englobaRadioButton input{
	margin:0;padding:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.englobaRadioButton input:active +.cuadrante{opacity: .9;}
.englobaRadioButton input:checked +.cuadrante{
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
	border-radius: 25px;
	border: 5px solid #73AD21;
}
.cuadrante{
	cursor:pointer;
	background-size:contain;
	background-repeat:no-repeat;
	display:inline-block;
	width:100px;height:100px;
	-webkit-transition: all 100ms ease-in;
		 -moz-transition: all 100ms ease-in;
					transition: all 100ms ease-in;
	-webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
		 -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
					filter: brightness(1.8) grayscale(1) opacity(.7);
}
.cuadrante:hover{
	-webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
	-moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
	filter: brightness(1.2) grayscale(.5) opacity(.9);
}

.imagen-rdoVehicleType1-inducom{background-image:url(../img/tipos_vehiculos/moto.png);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}
.imagen-rdoVehicleType2-inducom{background-image:url(../img/tipos_vehiculos/auto.png);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}
.imagen-rdoVehicleType3-inducom{background-image:url(../img/tipos_vehiculos/maquina_pesada.png);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}
.imagen-rdoVehicleType4-inducom{background-image:url(../img/tipos_vehiculos/camion.png);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}
.imagen-rdoVehicleType5-inducom{background-image:url(../img/tipos_vehiculos/camion_sin_rampa.png);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}
.imagen-rdoVehicleType6-inducom{background-image:url(../img/tipos_vehiculos/barco.png);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}
.imagen-rdoVehicleType10-inducom{background-image:url(../img/tipos_vehiculos/only_trailer.png);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}
.imagen-rdoVehicleType11-inducom{background-image:url(../img/tipos_vehiculos/batea.jpg);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}
.imagen-rdoVehicleType12-inducom{
	background-image:url(../img/tipos_vehiculos/radios.jpg);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}
.imagen-rdoVehicleType9-inducom{background-image:url(../img/tipos_vehiculos/generador_diesel.jpg);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}

.imagen-rdoGps1-inducom{background-image:url(../img/cuadrantes/panel_frontal1.png);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}
.imagen-rdoGps2-inducom{background-image:url(../img/cuadrantes/panel_frontal2.png);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}
.imagen-rdoGps3-inducom{background-image:url(../img/cuadrantes/panel_frontal3.png);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}
.imagen-rdoGps4-inducom{background-image:url(../img/cuadrantes/panel_frontal4.png);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}
.imagen-rdoGps5-inducom{background-image:url(../img/cuadrantes/panel_frontal5.png);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}
.imagen-rdoGps6-inducom{background-image:url(../img/cuadrantes/panel_frontal6.png);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}
.imagen-rdoGpsOther-inducom{background-image:url(../img/cuadrantes/panel_frontal_otro.png);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}

.btn-inducom-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.btn-inducom-default:focus,
.btn-inducom-default.focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c;
}
.btn-inducom-default:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.btn-inducom-default:active,
.btn-inducom-default.active,
.open > .dropdown-toggle.btn-inducom-default {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.btn-inducom-default:active:hover,
.btn-inducom-default.active:hover,
.open > .dropdown-toggle.btn-inducom-default:hover,
.btn-inducom-default:active:focus,
.btn-inducom-default.active:focus,
.open > .dropdown-toggle.btn-inducom-default:focus,
.btn-inducom-default:active.focus,
.btn-inducom-default.active.focus,
.open > .dropdown-toggle.btn-inducom-default.focus {
	color: #333;
	background-color: #d4d4d4;
	border-color: #8c8c8c;
}
.btn-inducom-default:active,
.btn-inducom-default.active,
.open > .dropdown-toggle.btn-inducom-default {
	background-image: none;
}
.btn-inducom-default.disabled:hover,
.btn-inducom-default[disabled]:hover,
fieldset[disabled] .btn-inducom-default:hover,
.btn-inducom-default.disabled:focus,
.btn-inducom-default[disabled]:focus,
fieldset[disabled] .btn-inducom-default:focus,
.btn-inducom-default.disabled.focus,
.btn-inducom-default[disabled].focus,
fieldset[disabled] .btn-inducom-default.focus {
	background-color: #fff;
	border-color: #ccc;
}
.btn-inducom-default .badge {
	color: #fff;
	background-color: #333;
}

/* Botón btn-xs*/
.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
	height: 22px;
	padding: 1px 5px;
	font-size: 10px;
	line-height: 1.5;
	text-indent: 5px;
}
.input-xs {
	text-indent: 5px;
	height: 22px;
	padding: 0px;
	font-size: 10px;
	line-height: 1.5;
	border-radius: 3px;
}

body{
	background-color:#E0E0E0;
}
textarea {
	resize:none;
	font-size: 9px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.cursor-pointer{
	cursor:pointer;
}
.selectColumna{
	font-family:"Courier New", "Courier", "monospace";
}
.withScroll{
	overflow-y:auto;
}
.withScrollX{
	overflow-x:auto;
}
.inducom-alert{
	display:inline-block;
	padding:3px;
	font-size: 0.9em; 
	border:1px solid transparent;
	border-radius:4px;
	margin-bottom:0px;
}

table{
	font-size: 9px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
/*Se sobreescribe la clase para mantener el orden de los colores
 * aún cuando se ordena una columna del datatable por el usuario */
table.dataTable tr.odd {
	background-color: #FAFAFA; 
}
table.dataTable tr.odd:hover{
	background-color: #F0F0F0; 
}
table.dataTable tr.even { 
	background-color: #D9EDF7;
}
table.dataTable tr.even:hover { 
	background-color: #C4E3F3; 
}
table tr.odd {
	background-color: #FAFAFA; 
}
table tr.odd:hover{
	background-color: #F0F0F0; 
}
table tr.even { 
	background-color: #D9EDF7;
}
table tr.even:hover { 
	background-color: #C4E3F3; 
}
/* COMIENZO Css para crear un input similar al input de bootstrap al interior de una tabla 
	se debe ocupar en conjunto con alguna de las clases input-xs, input-sm, input-md, input-lg.
*/
.input-inducom{
	text-indent: 5px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	width: auto;
	height: auto;
	padding: 1px 1px;
	font-size: auto;
}
/*Cambia el alto de la fila de un datatable*/
/*Cambia el alto de la fila de un datatable*/
table.dataTable>thead>th,
table.dataTable>thead>td,
table.dataTable>tbody>th,
table.dataTable>tbody>td,
table.dataTable>tfoot>th,
table.dataTable>tfoot>td{
	padding: 4px 4px;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th{
	padding: 4px 4px;
}
/* Padding de panel panel-body y well con esto se gana algo de espacio*/
.panel-heading-inducom {
	padding: 2px 5px 2px 5px;
}
.panel-inducom{
	margin: 2px 5px 2px 5px;
}
.panel-body-inducom{
	padding: 2px 5px 2px 5px;
}
.well-inducom{
	margin: 2px 5px 2px 5px;
}
.radio-inducom{
	padding-top:0px !important;
	min-height:0px !important;
}
.row-inducom{
	padding: 0px 0px 5px 0px;
}
/*Los siguientes 3 aplican a la cabecera de la página 
es el título gigante con el logotipo de inducom */
.navbar-inducom-headPage{
	background-color: #1E3951;
	margin-bottom:0px;
}
.panel-inducom-headPage{
	margin:6px 15px 6px 7px;
}
.body-inducom-headPage{
	padding:5px;
}
/* Page title cambia el estilo del título de cada página del menú solicitudes 
	solicitud instalación, solicitud desinstalación, solicitud traslado*/
.pageTitleApplications{
	font-weight: bold;
	color: white; 
	font-size: 14px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#selectFile {
  width: 150px;
  height: 25px;
  background-color: white;
  box-shadow: 1px 2px 3px #ededed;
  position:relative;
  display:inline-block;
  border: 1px solid #d8d8d8;
}

input[type='file'] {
  width:150px;
  height:25px;
  opacity:0
}

#spnInputFile {
  width: 150px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  font-size:13px;
  line-height: 25px;
  text-indent: 10px;
  pointer-events: none;
}
#btnSelectFile{
  position: absolute;
  right:0;
  top: 0;
  height:24px;
}