.legend{ outline: 1px solid red; width: 300px; }

.centradoinicio {
max-width:400px;
text-align:center;
margin:0 auto;
}
.spin-input{height:3em;}
.tablaregalos {
	vertical-align:bottom
	}
.logincentrado {
    max-width:400px;
    text-align:center;
    margin:0 auto;
}

.collapsible-leido h5 a {
	background-color:rgba(142, 220, 0, 0.3) !important;
}

.collapsible-noleido h5 a {
	background-color:rgba(255, 255, 0, 0.3) !important;
}


.botonera2 {
margin:0px !important;

}.
.botonera2 li {
display:inline-block;

}


.checkbox_table_regalos {
  transform: scale(1.3);
  position: sticky !important;
}

.botonera2 li img {
width:15px;
margin:0px 3px 0px 3px;
padding:0px 40px 0px 0px;

}


.botonera_list2 li img {
	width:15px;
	}

	/*
#azafata_acciones_comerciales {
    min-height: 100%;
}*/
/*
#azafata_fotos {
    min-height: 100%;
}
*/
/*
#azafata_incidencias {
    min-height: 100%;
}

#azafata_material {
    min-height: 100%;
}
#azafata_calendario {
    min-height: 100%;
}

#azafata_comunicaciones {
    min-height: 100%;
}
#azafata_datos_usuario {
    min-height: 100%;
}
*/


.select2-container--default .select2-selection--single {
    height: 45px !important;               /* Altura de la caja */
    border-radius: 4px;
    border: 1px solid #ccc;
}

.select2-container--default .select2-selection--single {
    height: 45px !important;               /* Altura de la caja */
    border-radius: 4px;
    border: 1px solid #ccc;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px !important;          /* Igual que height para centrar */
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 8px !important;
}

#popupTabLateral_supervisor_seguimiento {
min-width:250px;
}

#popupTabLateral_gestion_rutas {
min-width:250px;
}

#popupTabLateral_gestion_stock {
min-width:250px;
}

#popupTabLateral_reportes {
min-width:250px;
}

#popup_aceptar_ajustes_stock{
	min-width:400px;
}

#popup_consultar_pedido_material{
min-width:600px;
}
/*
.ui-popup {
  left: 50% !important;
  transform: translateX(-50%) !important;
}*/

.ui-popup-container {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* Ancho personalizado */
#popup_objetivos{
  width: 90% !important;
  max-width: 90% !important;
}

#divtablaobjetivos1 table {
    width: 100%;
  }

  @media (min-width: 500px) {
    #divtablaobjetivos1 table {
      min-width: 500px; /* fuerza scroll si pantalla es estrecha */
    }
  }

 /* Estilo general de la tabla */
  #divtablaobjetivos1 table {
    border-collapse: collapse;
    width: 100%;
    min-width: 500px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    background-color: #fff;
  }

  /* Encabezado */
  #divtablaobjetivos1 table thead {
    background-color: #1280c5;
    color: #fff;
    text-shadow: none !important;  /* elimina el sombreado blanco */
    font-weight: bold;
  }

  .color_header {
    background-color: #1280c5;
    color: #fff;
    text-shadow: none !important;  /* elimina el sombreado blanco */
    font-weight: bold;
  }

.color_header_blu {
    background-color: #954714;
    color: #fff;
    text-shadow: none !important;  /* elimina el sombreado blanco */
    font-weight: bold;
  }

  #divtablaobjetivos1 table th{
    vertical-align: middle;
  }

  #divtablaobjetivos1 table th,
  #divtablaobjetivos1 table td {
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc;
  }

  /* Filas alternadas */
  #divtablaobjetivos1 table tbody tr:nth-child(even) {
    background-color: #f8f8f8;
  }

  /* Hover en filas */
  #divtablaobjetivos1 table tbody tr:hover {
    background-color: #e6f7ff;
  }

  /* Scroll horizontal si es necesario */
  #divtablaobjetivos1 {
    overflow-x: auto;
    padding: 10px;
  }


#popup_aceptar_recepcion_pedido_completo{
min-width:400px;
}

#popup_aceptar_recepcion_pedido_incompleto{
min-width:400px;
}

#popupTabLateral_form_reposicion {
min-width:250px;
}

#popupTabLateral_az_accion_comercial {
min-width:250px;
}

#popupTabLateral_az_inicio_jornada {
min-width:250px;
}

#popupTabLateral_az_test_inicial {
min-width:250px;
}

#popupTabLateral_az_reportes {
min-width:250px;
}

#popupTabLateral_formulario_reporte_cuest_blu {
min-width:250px;
}

#popupTabLateral_az_form_ventas {
min-width:250px;
}

#popupTabLateral_az_fin_encuesta {
min-width:250px;
}
#popupTabLateral_az_material {
min-width:250px;
}

#popupTabLateral_az_traspaso_material {
min-width:250px;
}

#popupTabLateral_az_fin_jornada {
min-width:250px;
}

#popupTabLateral_az_calendario_laboral {
min-width:250px;
}

#popupTabLateral_az_fotos {
min-width:250px;
}

#popupTabLateral_az_incidencias {
min-width:250px;
}

#popupTabLateral_az_datos_usuario {
min-width:250px;
}


legend {
	font-size:14px !important; 
	font-weight:normal; -	
}

label {  
	font-size:12px !important; 
	font-weight:normal; 
}
}

.center {
    position: relative;          /* where the next element will be automatically positioned */
    display: inline-block;       /* causes element width to shrink to fit content */
    left: 50%;                   /* moves left side of image/element to center of parent element */
    transform: translate(-50%);  /* centers image/element on "left: 50%" position */
}


img.logo {
	display: block;
    margin-left: auto;
    margin-right: auto }
}
.divpreviaimagen { 
	margin:0 auto; 
    text-align:center;
}

#divpreviaimagen a img {
	display : block;
    margin : auto;
}

#tablaMenuLateral {
	background-color:black;
	color:white;
	
}
#tablaactuaciones {
	font-size:13px; 
}

#tablasectores {
	font-size:13px; 
}

#tablapintadas {
	font-size:13px; 
}

#tablausuarios {
	font-size:16px; 
}


#popupMiCuentaIndx {
    position: relative;
    width: 20em;
	margin-right: 1em;
}

#popupMiCuentaSect {
    position: relative;
    width: 20em;
	margin-right: 1em;
}

#popupMiCuentaAct {
    position: relative;
    width: 20em;
	margin-right: 1em;
}

#popupMiCuentaOper {
    position: relative;
    width: 20em;
	margin-right: 1em;
}


#popupMiCuentaFPin {
    position: relative;
    width: 20em;
	margin-right: 1em;
}

#popupMiCuentaFSect {
    position: relative;
    width: 20em;
	margin-right: 1em;
}

#popupMiCuentaFAct {
    position: relative;
    width: 20em;
	margin-right: 1em;
}

#popupMiCuentaFOper {
    position: relative;
    width: 20em;
	margin-right: 1em;
}

.botonera {
margin:0px !important;
text-align: center !important;

}
.botonera li {
display:inline-block;

}

.botonera li img {
width:25px;
margin:0px 3px 0px 3px;
padding:0px 40px 0px 0px;

}


.botonera_list li img {
	width:25px;
	}
	
#popupActuacion {
    width: 400px;
}

#formulario_cantidad_tipo{
	width: 600px;
}


#formulario_cantidad_tipo_habitual{
	width: 600px;
}

	
#popup_anadir_foto {
    width: 600px;
}

#popup_anadir_reporte {
    width: 400px;
}


#popup_nueva_incidencia{
	width: 600px;
}

#popupNuevaIncidenciaform{
	width: 580px;
	padding:5px; 
}

#popup_pausa_reporte_inicial{
	width: 400px;
	padding:5px; 
}

#popup_pausa_formulario_ventas{
	width: 400px;
	padding:5px; 
}	

#popup_pausa_formulario_ventas_off{
	width: 400px;
	padding:5px; 
}	

#popup_confirmar_sincronizar{
	width: 400px;
	padding:5px; 
}	


#popup_crear_disponibilidad_ruta{
	width: 600px;
}

#popupCrearDisponibilidadform{
	width: 580px;
	padding:5px; 
}

#popupformAnadirFoto {
    width: 580px;
	padding:5px; 
}


#popupDosDistritos {
	padding:5px; 
    width: 400px;
}

#popupActuacionform {
	padding:5px; 
	width:380px;
}

#popupActuacion_mobile {
    width: 100%;
}

.ui-block-a,.ui-block-b,.ui-block-c,.ui-block-d,.ui-block-e
{
padding:5px;
}

#tablafotosaccionescomerciales .ui-icon-custom:after {
	background-image: url(../images/iconos/camera.png);
	background-position: 50% 50%;
	background-size: 90%;
  }
  
  
#tablareportesaccionescomerciales .ui-icon-custom:after {
	background-image: url(../images/iconos/clipboard.png);
	background-position: 50% 50%;
	background-size: 90%;
  }
  
  
#tablaaccionescomerciales .ui-icon-custom:after {
	background-image: url(../images/imagen_offline.png);
	background-position: 0% 0%;
    background-size: 100%;
    width: 35%;
    height: 100%;
    top: 10%;
    left: 40%
  }


#tablasectores .ui-icon-custom:after {
    background-image: url(../images/mapa_material_24.png);
	background-position: 50% 50%;
	background-size: 90%;
}


#tablapintadas .ui-icon-custom:after {
    background-image: url(../images/mapa_material_24.png);
	background-position: 50% 50%;
	background-size: 90%;
}

#tablaPintadasAct .ui-icon-custom:after {
    background-image: url(../images/mapa_material_24.png);
	background-position: 50% 50%;
	background-size: 90%;
}

.ui-icon-mapa_act {
    background-image: url(../images/mapa_material_24.png);
    background-repeat: no-repeat;
    background-color: transparent !important;
    /*box-shadow: none;
    -webkit-box-shadow: none;
    */background-size: 25px 25px;
    background-position: 0.3% 50%;
	
}
.ui-icon-add_pin {
    background-image: url(../images/add_material_24.png);
    background-repeat: no-repeat;
    background-color: transparent !important;
    /*box-shadow: none;
    -webkit-box-shadow: none;
    */background-size: 25px 25px;
    background-position: 0.3% 50%;
	
}
/*
.filtros-actuacion .ui-block-a-act {
    float: left;
    width: 74.95%;
}

.filtros-actuacion .ui-block-b-act {
    float: left;
    width: 24.925%;
}
*/
.checkBoxLeft{
    position: absolute; 
    left: 0px; 
    top: 30%;
    width: 10px;
    height: 10px;
    border-radius: 3px;  
}
.detailListText{
    padding: 0 0 0 15px;
}

.ui-datepicker{ 
    z-index: 9999 !important;
}


/********* MAPA ************/
#mappage {
    height: calc(100% - 44px);
}

#mapa {
	height: 100%;
}

#map-content{
	height: 100%;
	padding: 0px; 
	margin:0px;
	z-index: -1;
}
  /*********** FIN MAPA *************/