/*****************************   main.css   ****************************/

/*****************************   LAYOUT   ****************************/
#appLayout {
	height: 100%;
}

#leftPanel {
	width: 14em;
}

.demoLayout .centerPanel {
	
}

.demoLayout .edgePanel {
	
}

#logo {
	width: 300px;
	height: 200px;
}

#trabajadores {
	width: 400px;
	height: 600px;
}

html, body {
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

/***************************** TIPOGRAFIA ****************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: black; /* #737373; */
}

/***************************** TIPOGRAFIA LENGUA SEÑAS ****************************/
@font-face {
	font-family: 'PT Sans';
	font-style: normal;
	font-weight: 700;
	src: url(fonts/PTSans/PTSans.woff2);
	/* For IE6-8 */
	src: local('PT Sans'), local('PTSans-Regular'),
		url(fonts/PTSans/PTSans.woff2) format('woff2');
}

@font-face {
	font-family: 'FAS fuente';
	font-style: normal;
	font-weight: 400;
	src: url(icons-Google/iconfont/MaterialIcons-Regular.eot);
	/* For IE6-8 */
	src: local('Material Icons'), local('MaterialIcons-Regular'),
		url(icons-Google/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
		/*Relativa al servidor es decir que es afectada si el aplicativo corre en url diferente a la raiz */
    url(icons-Google/iconfont/MaterialIcons-Regular.woff) format('woff'),
		url(icons-Google/iconfont/MaterialIcons-Regular.ttf)
		format('truetype');
}

.FAS-fuente {
	font-family: 'FAS fuente';
	font-weight: normal;
	font-style: normal;
	font-size: 18px; /* Preferred icon size */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	/* All WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* IE. */
	font-feature-settings: 'liga';
}

/***************************** ****************************/
.PT-Sans {
	font-family: 'PT Sans';
	font-weight: normal;
	font-style: normal;
	font-size: 18px; /* Preferred icon size */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	/* All WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* IE. */
	font-feature-settings: 'liga';
}

/***************************** FUENTE GOOGLE: Material Icons ****************************/
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(icons-Google/iconfont/MaterialIcons-Regular.eot);
	/* For IE6-8 */
	src: local('Material Icons'), local('MaterialIcons-Regular'),
		url(icons-Google/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
		/*Relativa al servidor es decir que es afectada si el aplicativo corre en url diferente a la raiz */
    url(icons-Google/iconfont/MaterialIcons-Regular.woff) format('woff'),
		url(icons-Google/iconfont/MaterialIcons-Regular.ttf)
		format('truetype');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 18px; /* Preferred icon size */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	/* All WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* IE. */
	font-feature-settings: 'liga';
}

i {
/* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Material Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

/*   Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bpicons {
	font-family: 'bpicons';
}


/***************************** FUENTE ICONMOON: Material Icons Accesibility ***************************/
@font-face {
	font-family: 'Material-Icons-CNSC';
	src: url('icons-Google/iconfont/paraAccesibilidad/Material-Icons.eot');
	src: url('icons-Google/iconfont/paraAccesibilidad/Material-Icons.eot')
		format('embedded-opentype'),
		url('icons-Google/iconfont/paraAccesibilidad/Material-Icons.ttf')
		format('truetype'),
		url('icons-Google/iconfont/paraAccesibilidad/Material-Icons.woff')
		format('woff'),
		url('icons-Google/iconfont/paraAccesibilidad/Material-Icons02.svg?de5kni#Material-Icons')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

.material-icons-CNSC {
	font-family: 'Material-Icons-CNSC';
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	/* 	All WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* 	Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* 	Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* 	IE. */
	font-feature-settings: 'liga';}
i.fuenteCNSC {
/*   use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Material-Icons-CNSC' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

/*   Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/***************************** Nombres de los íconos ****************************/

/* Para quitar el símbolo cerca al corazón en la lista de: Oferta empleo */

.rotacion_tres_dimensiones:before {
  content: "\e900";
}
.ac_unit:before {
  content: "\e901";
}
.alarm:before {
  content: "\e902";
}
.access_alarms:before {
  content: "\e903";
}
.horario:before {
  content: "\e904";
}
.accessibility:before {
  content: "\e905";
}
/* accessible */
.discapacidad:before {
  content: "\e906";
}
.municipio:before {
  content: "\e907";
}
/* account_balance_wallet */
.salario:before {
  content: "\e908";
}
/* account_box */
.credenciales_de_acceso:before {
  content: "\e909";
}
/* account_circle */
.denominacion:before {
  content: "\e90a";
}
.adb:before {
  content: "\e90b";
}
.add:before {
  content: "\e90c";
}
.add_a_photo:before {
  content: "\e90d";
}
.alarm_add:before {
  content: "\e90e";
}
/* add_alert */
.alerta_seccion:before {
  content: "\e90f";
}
.add_box:before {
  content: "\e910";
}
/* add_circle */
.crear_registro:before {
  content: "\e911";
}
.control_point:before {
  content: "\e912";
}
/* add_location */
.seleccionar_lugar_para_pruebas:before {
  content: "\e913";
}
.add_shopping_cart:before {
  content: "\e914";
}
.queue:before {
  content: "\e915";
}
.add_to_queue:before {
  content: "\e916";
}
.adjust:before {
  content: "\e917";
}
.airline_seat_flat:before {
  content: "\e918";
}
.airline_seat_flat_angled:before {
  content: "\e919";
}
.airline_seat_individual_suite:before {
  content: "\e91a";
}
.airline_seat_legroom_extra:before {
  content: "\e91b";
}
.airline_seat_legroom_normal:before {
  content: "\e91c";
}
.airline_seat_legroom_reduced:before {
  content: "\e91d";
}
.airline_seat_recline_extra:before {
  content: "\e91e";
}
.airline_seat_recline_normal:before {
  content: "\e91f";
}
.flight:before {
  content: "\e920";
}
.airplanemode_inactive:before {
  content: "\e921";
}
.airplay:before {
  content: "\e922";
}
.airport_shuttle:before {
  content: "\e923";
}
.alarm_off:before {
  content: "\e924";
}
.alarm_on:before {
  content: "\e925";
}
.album:before {
  content: "\e926";
}
.all_inclusive:before {
  content: "\e927";
}
.all_out:before {
  content: "\e928";
}
.android:before {
  content: "\e929";
}
.announcement:before {
  content: "\e92a";
}
.apps:before {
  content: "\e92b";
}
.archive:before {
  content: "\e92c";
}
.arrow_back:before {
  content: "\e92d";
}
.arrow_downward:before {
  content: "\e92e";
}
.arrow_drop_down:before {
  content: "\e92f";
}
.arrow_drop_down_circle:before {
  content: "\e930";
}
.arrow_drop_up:before {
  content: "\e931";
}
.arrow_forward:before {
  content: "\e932";
}
.arrow_upward:before {
  content: "\e933";
}
.art_track:before {
  content: "\e934";
}
.aspect_ratio:before {
  content: "\e935";
}
.poll:before {
  content: "\e936";
}
/* assignment */
.opciones:before {
  content: "\e937";
}
/* assignment_ind */
.mis_empleos:before {
  content: "\e938";
}
.assignment_late:before {
  content: "\e939";
}
.assignment_return:before {
  content: "\e93a";
}
.assignment_returned:before {
  content: "\e93b";
}
/* assignment_turned_in */
.verificacionRequisitos:before {
  content: "\e93c";
}
.assistant:before {
  content: "\e93d";
}
.flag:before {
  content: "\e93e";
}
.attach_file:before {
  content: "\e93f";
}
/* attach_money */
.pagos_realizados:before {
  content: "\e940";
}
.attachment:before {
  content: "\e941";
}
.audiotrack:before {
  content: "\e942";
}
.autorenew:before {
  content: "\e943";
}
.av_timer:before {
  content: "\e944";
}
.backspace:before {
  content: "\e945";
}
/*  */
.inscribirse_al_empleo:before {
  content: "\e946";
}
.battery_alert:before {
  content: "\e947";
}
.battery_charging_full:before {
  content: "\e948";
}
.battery_std:before {
  content: "\e949";
}
.battery_unknown:before {
  content: "\e94a";
}
.beach_access:before {
  content: "\e94b";
}
.beenhere:before {
  content: "\e94c";
}
.block:before {
  content: "\e94d";
}
.bluetooth:before {
  content: "\e94e";
}
.bluetooth_searching:before {
  content: "\e94f";
}
.bluetooth_connected:before {
  content: "\e950";
}
.bluetooth_disabled:before {
  content: "\e951";
}
.blur_circular:before {
  content: "\e952";
}
.blur_linear:before {
  content: "\e953";
}
.blur_off:before {
  content: "\e954";
}
.blur_on:before {
  content: "\e955";
}
/* class */
.alternativa_estudio:before {
  content: "\e956";
}
.turned_in:before {
  content: "\e957";
}
.turned_in_not:before {
  content: "\e958";
}
.border_all:before {
  content: "\e959";
}
.border_bottom:before {
  content: "\e95a";
}
.border_clear:before {
  content: "\e95b";
}
.border_color:before {
  content: "\e95c";
}
.border_horizontal:before {
  content: "\e95d";
}
.border_inner:before {
  content: "\e95e";
}
.border_left:before {
  content: "\e95f";
}
.border_outer:before {
  content: "\e960";
}
.border_right:before {
  content: "\e961";
}
.border_style:before {
  content: "\e962";
}
.border_top:before {
  content: "\e963";
}
.border_vertical:before {
  content: "\e964";
}
.branding_watermark:before {
  content: "\e965";
}
.brightness_1:before {
  content: "\e966";
}
.brightness_2:before {
  content: "\e967";
}
.brightness_3:before {
  content: "\e968";
}
.brightness_4:before {
  content: "\e969";
}
.brightness_low:before {
  content: "\e96a";
}
.brightness_medium:before {
  content: "\e96b";
}
.brightness_high:before {
  content: "\e96c";
}
.brightness_auto:before {
  content: "\e96d";
}
.broken_image:before {
  content: "\e96e";
}
.brush:before {
  content: "\e96f";
}
.bubble_chart:before {
  content: "\e970";
}
.bug_report:before {
  content: "\e971";
}
.build:before {
  content: "\e972";
}
.burst_mode:before {
  content: "\e973";
}
.domain:before {
  content: "\e974";
}
/* business_center */
.ofertEmpleo:before {
  content: "\e975";
}
.cached:before {
  content: "\e976";
}
.cake:before {
  content: "\e977";
}
.phone:before {
  content: "\e978";
}
.call_end:before {
  content: "\e979";
}
.call_made:before {
  content: "\e97a";
}
.merge_type:before {
  content: "\e97b";
}
.call_missed:before {
  content: "\e97c";
}
.call_missed_outgoing:before {
  content: "\e97d";
}
.call_received:before {
  content: "\e97e";
}
.call_split:before {
  content: "\e97f";
}
.call_to_action:before {
  content: "\e980";
}
.camera:before {
  content: "\e981";
}
.photo_camera:before {
  content: "\e982";
}
.camera_enhance:before {
  content: "\e983";
}
.camera_front:before {
  content: "\e984";
}
.camera_rear:before {
  content: "\e985";
}
.camera_roll:before {
  content: "\e986";
}
.cancel:before {
  content: "\e987";
}
.redeem:before {
  content: "\e988";
}
.card_membership:before {
  content: "\e989";
}
.card_travel:before {
  content: "\e98a";
}
.casino:before {
  content: "\e98b";
}
.cast:before {
  content: "\e98c";
}
.cast_connected:before {
  content: "\e98d";
}
.center_focus_strong:before {
  content: "\e98e";
}
.center_focus_weak:before {
  content: "\e98f";
}
.change_history:before {
  content: "\e990";
}
/* chat */
.avisos:before {
  content: "\e991";
}
.chat_bubble:before {
  content: "\e992";
}
/* chat_bubble_outline */
.mensaje_importante:before {
  content: "\e993";
}
.correcto:before {
  content: "\e994";
}
.check_box:before {
  content: "\e995";
}
.check_box_outline_blank:before {
  content: "\e996";
}
/* check_circle */
.convocatorias_vigentes:before {
  content: "\e997";
}
.navigate_before:before {
  content: "\e998";
}
.navigate_next:before {
  content: "\e999";
}
/* child_care */
.fecha_nacimiento:before {
  content: "\e99a";
}
.child_friendly:before {
  content: "\e99b";
}
.chrome_reader_mode:before {
  content: "\e99c";
}
.close:before {
  content: "\e99d";
}
.clear_all:before {
  content: "\e99e";
}
.closed_caption:before {
  content: "\e99f";
}
.wb_cloudy:before {
  content: "\e9a0";
}
.cloud_circle:before {
  content: "\e9a1";
}
/* cloud_done */
.inscripcion:before {
  content: "\e9a2";
}
.cloud_download:before {
  content: "\e9a3";
}
.cloud_off:before {
  content: "\e9a4";
}
.cloud_queue:before {
  content: "\e9a5";
}
.code:before {
  content: "\e9a6";
}
.photo_library:before {
  content: "\e9a7";
}
/* collections_bookmark */
.equivalencia_estudio:before {
  content: "\e9a8";
}
.palette:before {
  content: "\e9a9";
}
.colorize:before {
  content: "\e9aa";
}
/* comment */
.avisoTexto:before {
  content: "\e9ab";
}
.compare:before {
  content: "\e9ac";
}
.compare_arrows:before {
  content: "\e9ad";
}
.laptop:before {
  content: "\e9ae";
}
/* confirmation_number */
.numeroOpec:before {
  content: "\e9af";
}
.contact_mail:before {
  content: "\e9b0";
}
/* contact_phone */
.contacto:before {
  content: "\e9b1";
}
.contacts:before {
  content: "\e9b2";
}
.content_copy:before {
  content: "\e9b3";
}
.content_cut:before {
  content: "\e9b4";
}
.content_paste:before {
  content: "\e9b5";
}
.control_point_duplicate:before {
  content: "\e9b6";
}
.copyright:before {
  content: "\e9b7";
}
/* mode_edit */
.editar_registro:before {
  content: "\e9b8";
}
.create_new_folder:before {
  content: "\e9b9";
}
/* credit_card */
.documento_identidad:before {
  content: "\e9ba";
}
.crop:before {
  content: "\e9bb";
}
.crop_16_9:before {
  content: "\e9bc";
}
.crop_3_2:before {
  content: "\e9bd";
}
.crop_landscape:before {
  content: "\e9be";
}
.crop_7_5:before {
  content: "\e9bf";
}
.crop_din:before {
  content: "\e9c0";
}
.crop_free:before {
  content: "\e9c1";
}
.crop_original:before {
  content: "\e9c2";
}
.crop_portrait:before {
  content: "\e9c3";
}
.crop_rotate:before {
  content: "\e9c4";
}
.crop_square:before {
  content: "\e9c5";
}
/*dashboard*/
.panel_de_control:before {
  content: "\e9c6";
}
.data_usage:before {
  content: "\e9c7";
}
.date_range:before {
  content: "\e9c8";
}
.dehaze:before {
  content: "\e9c9";
}
/* delete */
.eliminar_registro:before {
  content: "\e9ca";
}
.delete_forever:before {
  content: "\e9cb";
}
.delete_sweep:before {
  content: "\e9cc";
}
/* description */
.otros_documentos:before {
  content: "\e9cd";
}
.desktop_mac:before {
  content: "\e9ce";
}
.desktop_windows:before {
  content: "\e9cf";
}
.details:before {
  content: "\e9d0";
}
.developer_board:before {
  content: "\e9d1";
}
.developer_mode:before {
  content: "\e9d2";
}
.device_hub:before {
  content: "\e9d3";
}
.phonelink:before {
  content: "\e9d4";
}
.devices_other:before {
  content: "\e9d5";
}
.dialer_sip:before {
  content: "\e9d6";
}
.dialpad:before {
  content: "\e9d7";
}
.directions:before {
  content: "\e9d8";
}
.directions_bike:before {
  content: "\e9d9";
}
.directions_boat:before {
  content: "\e9da";
}
.directions_bus:before {
  content: "\e9db";
}
.directions_car:before {
  content: "\e9dc";
}
.directions_railway:before {
  content: "\e9dd";
}
/* directions_run */
.nivel_educativo:before {
  content: "\e9de";
}
.directions_transit:before {
  content: "\e9df";
}
.directions_walk:before {
  content: "\e9e0";
}
.disc_full:before {
  content: "\e9e1";
}
.dns:before {
  content: "\e9e2";
}
.not_interested:before {
  content: "\e9e3";
}
.do_not_disturb_alt:before {
  content: "\e9e4";
}
.do_not_disturb_off:before {
  content: "\e9e5";
}
.remove_circle:before {
  content: "\e9e6";
}
.dock:before {
  content: "\e9e7";
}
.done:before {
  content: "\e9e8";
}
.done_all:before {
  content: "\e9e9";
}
.donut_large:before {
  content: "\e9ea";
}
.donut_small:before {
  content: "\e9eb";
}
/* drafts */
.mensaje_leido:before {
  content: "\e9ec";
}
.drag_handle:before {
  content: "\e9ed";
}
.time_to_leave:before {
  content: "\e9ee";
}
.dvr:before {
  content: "\e9ef";
}
.edit_location:before {
  content: "\e9f0";
}
.eject:before {
  content: "\e9f1";
}
/* mail */
.correo:before {
  content: "\e9f2";
}
.enhanced_encryption:before {
  content: "\e9f3";
}
.equalizer:before {
  content: "\e9f4";
}
.error:before {
  content: "\e9f5";
}
.error_outline:before {
  content: "\e9f6";
}
.euro_symbol:before {
  content: "\e9f7";
}
.ev_station:before {
  content: "\e9f8";
}
/* insert_invitation */
.calendario:before {
  content: "\e9f9";
}
/* event_available */
.fecha_expedicion:before {
  content: "\e9fa";
}
.event_busy:before {
  content: "\e9fb";
}
.event_note:before {
  content: "\e9fc";
}
.event_seat:before {
  content: "\e9fd";
}
/* exit_to_app */
.salir_del_sistema:before {
  content: "\e9fe";
}
.expand_less:before {
  content: "\e9ff";
}
/* expand_more */
.expandir_mas:before {
  content: "\ea00";
}
.explicit:before {
  content: "\ea01";
}
.explore:before {
  content: "\ea02";
}
.exposure:before {
  content: "\ea03";
}
.exposure_neg_1:before {
  content: "\ea04";
}
.exposure_neg_2:before {
  content: "\ea05";
}
.exposure_plus_1:before {
  content: "\ea06";
}
.exposure_plus_2:before {
  content: "\ea07";
}
.exposure_zero:before {
  content: "\ea08";
}
/* extension */
.desarrolladoPor:before {
  content: "\ea09";
}
/* face */
.adjuntar_foto:before {
  content: "\ea0a";
}
.fast_forward:before {
  content: "\ea0b";
}
.fast_rewind:before {
  content: "\ea0c";
}
/* favorite */
.favoritos:before {
  content: "\ea0d";
}
.favorite_border:before {
  content: "\ea0e";
}
.featured_play_list:before {
  content: "\ea0f";
}
.featured_video:before {
  content: "\ea10";
}
.sms_failed:before {
  content: "\ea11";
}
.fiber_dvr:before {
  content: "\ea12";
}

/* fiber_manual_record */
.circulo:before {
  content: "\ea13";
}
.fiber_new:before {
  content: "\ea14";
}
.fiber_pin:before {
  content: "\ea15";
}
.fiber_smart_record:before {
  content: "\ea16";
}
.get_app:before {
  content: "\ea17";
}
.file_upload:before {
  content: "\ea18";
}
.filter:before {
  content: "\ea19";
}
.filter_1:before {
  content: "\ea1a";
}
.filter_2:before {
  content: "\ea1b";
}
.filter_3:before {
  content: "\ea1c";
}
.filter_4:before {
  content: "\ea1d";
}
.filter_5:before {
  content: "\ea1e";
}
.filter_6:before {
  content: "\ea1f";
}
.filter_7:before {
  content: "\ea20";
}
.filter_8:before {
  content: "\ea21";
}
.filter_9:before {
  content: "\ea22";
}
.filter_9_plus:before {
  content: "\ea23";
}
.filter_b_and_w:before {
  content: "\ea24";
}
.filter_center_focus:before {
  content: "\ea25";
}
.filter_drama:before {
  content: "\ea26";
}
.filter_frames:before {
  content: "\ea27";
}
.terrain:before {
  content: "\ea28";
}
.filter_list:before {
  content: "\ea29";
}
.filter_none:before {
  content: "\ea2a";
}
.filter_tilt_shift:before {
  content: "\ea2b";
}
.filter_vintage:before {
  content: "\ea2c";
}
.find_in_page:before {
  content: "\ea2d";
}
.find_replace:before {
  content: "\ea2e";
}
.fingerprint:before {
  content: "\ea2f";
}
.first_page:before {
  content: "\ea30";
}
.fitness_center:before {
  content: "\ea31";
}
.flare:before {
  content: "\ea32";
}
.flash_auto:before {
  content: "\ea33";
}
.flash_off:before {
  content: "\ea34";
}
.flash_on:before {
  content: "\ea35";
}
.flight_land:before {
  content: "\ea36";
}
.flight_takeoff:before {
  content: "\ea37";
}
.flip:before {
  content: "\ea38";
}
.flip_to_back:before {
  content: "\ea39";
}
.flip_to_front:before {
  content: "\ea3a";
}
/* folder */
.carpeta:before {
  content: "\ea3b";
}
/* folder_open */
.archivar:before {
  content: "\ea3c";
}
.folder_shared:before {
  content: "\ea3d";
}
.folder_special:before {
  content: "\ea3e";
}
.font_download:before {
  content: "\ea3f";
}
.format_align_center:before {
  content: "\ea40";
}
.format_align_justify:before {
  content: "\ea41";
}
.format_align_left:before {
  content: "\ea42";
}
.format_align_right:before {
  content: "\ea43";
}
.format_bold:before {
  content: "\ea44";
}
.format_clear:before {
  content: "\ea45";
}
.format_color_fill:before {
  content: "\ea46";
}
.format_color_reset:before {
  content: "\ea47";
}
.format_color_text:before {
  content: "\ea48";
}
.format_indent_decrease:before {
  content: "\ea49";
}
.format_indent_increase:before {
  content: "\ea4a";
}
.format_italic:before {
  content: "\ea4b";
}
.format_line_spacing:before {
  content: "\ea4c";
}
/* format_list_bulleted */
.descripcion_de_contenido:before {
  content: "\ea4d";
}
.format_list_numbered:before {
  content: "\ea4e";
}
.format_paint:before {
  content: "\ea4f";
}
.format_quote:before {
  content: "\ea50";
}
.format_shapes:before {
  content: "\ea51";
}
.format_size:before {
  content: "\ea52";
}
.format_strikethrough:before {
  content: "\ea53";
}
.format_textdirection_l_to_r:before {
  content: "\ea54";
}
.format_textdirection_r_to_l:before {
  content: "\ea55";
}
.format_underlined:before {
  content: "\ea56";
}
/* forum */
.normatividad:before {
  content: "\ea57";
}
.forward:before {
  content: "\ea58";
}
.forward_10:before {
  content: "\ea59";
}
.forward_30:before {
  content: "\ea5a";
}
.forward_5:before {
  content: "\ea5b";
}
.free_breakfast:before {
  content: "\ea5c";
}
.fullscreen:before {
  content: "\ea5d";
}
.fullscreen_exit:before {
  content: "\ea5e";
}
.functions:before {
  content: "\ea5f";
}
.g_translate:before {
  content: "\ea60";
}
.games:before {
  content: "\ea61";
}
.gavel:before {
  content: "\ea62";
}
.gesture:before {
  content: "\ea63";
}
.gif:before {
  content: "\ea64";
}
.goat:before {
  content: "\ea65";
}
.golf_course:before {
  content: "\ea66";
}
/* my_location */
.sedes:before {
  content: "\ea67";
}
.location_searching:before {
  content: "\ea68";
}
.location_disabled:before {
  content: "\ea69";
}
.grado:before {
  content: "\ea6a";
}
.gradient:before {
  content: "\ea6b";
}
.grain:before {
  content: "\ea6c";
}
.graphic_eq:before {
  content: "\ea6d";
}
.grid_off:before {
  content: "\ea6e";
}
.grid_on:before {
  content: "\ea6f";
}
/* group */
.cantidad_de_inscritos:before {
  content: "\ea70";
}
.group_add:before {
  content: "\ea71";
}
/* group_work */
.buscar_opec:before {
  content: "\ea72";
}
.hd:before {
  content: "\ea73";
}
.hdr_off:before {
  content: "\ea74";
}
.hdr_on:before {
  content: "\ea75";
}
.hdr_strong:before {
  content: "\ea76";
}
.hdr_weak:before {
  content: "\ea77";
}
.headset:before {
  content: "\ea78";
}
.headset_mic:before {
  content: "\ea79";
}
.healing:before {
  content: "\ea7a";
}
.hearing:before {
  content: "\ea7b";
}
/* help */
.ayuda:before {
  content: "\ea7c";
}
/* help_outline */
.ayudaWiki:before {
  content: "\ea7d";
}
.high_quality:before {
  content: "\ea7e";
}
.highlight:before {
  content: "\ea7f";
}
.highlight_off:before {
  content: "\ea80";
}
.restore:before {
  content: "\ea81";
}
/* home */
.direccion_de_residencia:before {
  content: "\ea82";
}
.hot_tub:before {
  content: "\ea83";
}
.local_hotel:before {
  content: "\ea84";
}
.hourglass_empty:before {
  content: "\ea85";
}
/* hourglass_full */
.cierre_inscripciones:before {
  content: "\ea86";
}
.http:before {
  content: "\ea87";
}
/* lock */
.bloqueado:before {
  content: "\ea88";
}
.photo:before {
  content: "\ea89";
}
.image_aspect_ratio:before {
  content: "\ea8a";
}
/* import_contacts */
.inspeccionar_datos_del_empleo:before {
  content: "\ea8b";
}
.import_export:before {
  content: "\ea8c";
}
.important_devices:before {
  content: "\ea8d";
}
.inbox:before {
  content: "\ea8e";
}
.indeterminate_check_box:before {
  content: "\ea8f";
}
.info:before {
  content: "\ea90";
}
.info_outline:before {
  content: "\ea91";
}
.input:before {
  content: "\ea92";
}
.insert_comment:before {
  content: "\ea93";
}

insert_drive_file
.reporteNotificacion:before {
  content: "\ea94";
}
.tag_faces:before {
  content: "\ea95";
}
.enlace:before {
  content: "\ea96";
}
.invert_colors:before {
  content: "\ea97";
}
.invert_colors_off:before {
  content: "\ea98";
}
.iso:before {
  content: "\ea99";
}
.keyboard:before {
  content: "\ea9a";
}
/* keyboard_arrow_down */
.mostrar_informacion:before {
  content: "\ea9b";
}
.keyboard_arrow_left:before {
  content: "\ea9c";
}
.keyboard_arrow_right:before {
  content: "\ea9d";
}
/* keyboard_arrow_up */
.ocultar_informacion:before {
  content: "\ea9e";
}
.keyboard_backspace:before {
  content: "\ea9f";
}
.keyboard_capslock:before {
  content: "\eaa0";
}
.keyboard_hide:before {
  content: "\eaa1";
}
.keyboard_return:before {
  content: "\eaa2";
}
.keyboard_tab:before {
  content: "\eaa3";
}
.keyboard_voice:before {
  content: "\eaa4";
}
.kitchen:before {
  content: "\eaa5";
}
.codigo:before {
  content: "\eaa6";
}
.label_outline:before {
  content: "\eaa7";
}
.language:before {
  content: "\eaa8";
}
.laptop_chromebook:before {
  content: "\eaa9";
}
.laptop_mac:before {
  content: "\eaaa";
}
.laptop_windows:before {
  content: "\eaab";
}
.last_page:before {
  content: "\eaac";
}
.desplegar:before {
  content: "\eaad";
}
.layers:before {
  content: "\eaae";
}
.layers_clear:before {
  content: "\eaaf";
}
.leak_add:before {
  content: "\eab0";
}
.leak_remove:before {
  content: "\eab1";
}
.lens:before {
  content: "\eab2";
}
/* library_books */
.produccion_intelectual:before {
  content: "\eab3";
}
.library_music:before {
  content: "\eab4";
}
.lightbulb_outline:before {
  content: "\eab5";
}
.line_style:before {
  content: "\eab6";
}
.line_weight:before {
  content: "\eab7";
}
.linear_scale:before {
  content: "\eab8";
}
.linked_camera:before {
  content: "\eab9";
}
.list:before {
  content: "\eaba";
}
.live_help:before {
  content: "\eabb";
}
.live_tv:before {
  content: "\eabc";
}
.local_play:before {
  content: "\eabd";
}
.local_airport:before {
  content: "\eabe";
}
/* local_atm */
.pago_en_banco:before {
  content: "\eabf";
}
.local_bar:before {
  content: "\eac0";
}
.local_cafe:before {
  content: "\eac1";
}
.local_car_wash:before {
  content: "\eac2";
}
.local_convenience_store:before {
  content: "\eac3";
}
.restaurant_menu:before {
  content: "\eac4";
}
.local_drink:before {
  content: "\eac5";
}
.local_florist:before {
  content: "\eac6";
}
.local_gas_station:before {
  content: "\eac7";
}
.shopping_cart:before {
  content: "\eac8";
}
.local_hospital:before {
  content: "\eac9";
}
.local_laundry_service:before {
  content: "\eaca";
}
/* local_library */
.formacion:before {
  content: "\eacb";
}
.local_mall:before {
  content: "\eacc";
}
.theaters:before {
  content: "\eacd";
}
.local_offer:before {
  content: "\eace";
}
.local_parking:before {
  content: "\eacf";
}
.local_pharmacy:before {
  content: "\ead0";
}
.local_pizza:before {
  content: "\ead1";
}
/* print */
.imprimir:before {
  content: "\ead2";
}
.local_shipping:before {
  content: "\ead3";
}
.local_taxi:before {
  content: "\ead4";
}
/* location_city */
.acceso_entidades:before {
  content: "\ead5";
}
.location_off:before {
  content: "\ead6";
}
.room:before {
  content: "\ead7";
}
/* lock_outline */
.cambiar_contrasenia:before {
  content: "\ead8";
}
.contrasenia:before {
  content: "\ead9";
}
.looks:before {
  content: "\eada";
}
.looks_3:before {
  content: "\eadb";
}
.looks_4:before {
  content: "\eadc";
}
.looks_5:before {
  content: "\eadd";
}
.looks_6:before {
  content: "\eade";
}
.looks_one:before {
  content: "\eadf";
}
.looks_two:before {
  content: "\eae0";
}
/* sync */
.cambiarEmpleo:before {
  content: "\eae1";
}
.loupe:before {
  content: "\eae2";
}
.low_priority:before {
  content: "\eae3";
}
.loyalty:before {
  content: "\eae4";
}
.mail_outline:before {
  content: "\eae5";
}
/* map */
.residente_en_extranjero:before {
  content: "\eae6";
}
.markunread_mailbox:before {
  content: "\eae7";
}
.memory:before {
  content: "\eae8";
}
.menu:before {
  content: "\eae9";
}
.message:before {
  content: "\eaea";
}
.mic:before {
  content: "\eaeb";
}
.mic_none:before {
  content: "\eaec";
}
.mic_off:before {
  content: "\eaed";
}
.mms:before {
  content: "\eaee";
}
.mode_comment:before {
  content: "\eaef";
}
.monetization_on:before {
  content: "\eaf0";
}
.money_off:before {
  content: "\eaf1";
}
.monochrome_photos:before {
  content: "\eaf2";
}
.mood_bad:before {
  content: "\eaf3";
}
.more:before {
  content: "\eaf4";
}
.more_horiz:before {
  content: "\eaf5";
}
.more_vert:before {
  content: "\eaf6";
}
.motorcycle:before {
  content: "\eaf7";
}
.mouse:before {
  content: "\eaf8";
}
.move_to_inbox:before {
  content: "\eaf9";
}
.movie_creation:before {
  content: "\eafa";
}
.movie_filter:before {
  content: "\eafb";
}
.multiline_chart:before {
  content: "\eafc";
}
.music_note:before {
  content: "\eafd";
}
.music_video:before {
  content: "\eafe";
}
.nature:before {
  content: "\eaff";
}
.nature_people:before {
  content: "\eb00";
}
.navigation:before {
  content: "\eb01";
}
.near_me:before {
  content: "\eb02";
}
.network_cell:before {
  content: "\eb03";
}
.network_check:before {
  content: "\eb04";
}
.network_locked:before {
  content: "\eb05";
}
.network_wifi:before {
  content: "\eb06";
}
.new_releases:before {
  content: "\eb07";
}
/* next_week */
.requisito_experiencia:before {
  content: "\eb08";
}
.nfc:before {
  content: "\eb09";
}
.no_encryption:before {
  content: "\eb0a";
}
.signal_cellular_no_sim:before {
  content: "\eb0b";
}
.note:before {
  content: "\eb0c";
}
.note_add:before {
  content: "\eb0d";
}
.notifications:before {
  content: "\eb0e";
}
.notifications_active:before {
  content: "\eb0f";
}
.notifications_none:before {
  content: "\eb10";
}
.notifications_off:before {
  content: "\eb11";
}
.notifications_paused:before {
  content: "\eb12";
}
.offline_pin:before {
  content: "\eb13";
}
.ondemand_video:before {
  content: "\eb14";
}
.opacity:before {
  content: "\eb15";
}
.open_in_browser:before {
  content: "\eb16";
}
.open_with:before {
  content: "\eb17";
}
/* pages */
.portal_web:before {
  content: "\eb18";
}
.pageview:before {
  content: "\eb19";
}
/* pan_tool */
.manoAbierta:before {
  content: "\eb1a";
}
.panorama:before {
  content: "\eb1b";
}
.radio_button_unchecked:before {
  content: "\eb1c";
}
.panorama_horizontal:before {
  content: "\eb1d";
}
.panorama_vertical:before {
  content: "\eb1e";
}
.panorama_wide_angle:before {
  content: "\eb1f";
}
.party_mode:before {
  content: "\eb20";
}
.pause:before {
  content: "\eb21";
}
.pause_circle_filled:before {
  content: "\eb22";
}
.pause_circle_outline:before {
  content: "\eb23";
}
.people_outline:before {
  content: "\eb24";
}
.perm_camera_mic:before {
  content: "\eb25";
}
.perm_contact_calendar:before {
  content: "\eb26";
}
.perm_data_setting:before {
  content: "\eb27";
}
.perm_device_information:before {
  content: "\eb28";
}

.person_outline:before {
  content: "\eb29";
}
.perm_media:before {
  content: "\eb2a";
}
.perm_phone_msg:before {
  content: "\eb2b";
}
.perm_scan_wifi:before {
  content: "\eb2c";
}
/* person */
.usuario:before {
  content: "\eb2d";
}
.person_add:before {
  content: "\eb2e";
}
/*  */
.sexo:before {
  content: "\eb2f";
}
/* person_pin_circle */
.dependencia:before {
  content: "\eb30";
}
.personal_video:before {
  content: "\eb31";
}
.pets:before {
  content: "\eb32";
}
.phone_android:before {
  content: "\eb33";
}
.phone_bluetooth_speaker:before {
  content: "\eb34";
}
.phone_forwarded:before {
  content: "\eb35";
}
.phone_in_talk:before {
  content: "\eb36";
}
.phone_iphone:before {
  content: "\eb37";
}
.phone_locked:before {
  content: "\eb38";
}
.phone_missed:before {
  content: "\eb39";
}
.phone_paused:before {
  content: "\eb3a";
}
.phonelink_erase:before {
  content: "\eb3b";
}
.phonelink_lock:before {
  content: "\eb3c";
}
.phonelink_off:before {
  content: "\eb3d";
}
.phonelink_ring:before {
  content: "\eb3e";
}
.phonelink_setup:before {
  content: "\eb3f";
}
.photo_album:before {
  content: "\eb40";
}
.photo_filter:before {
  content: "\eb41";
}
.photo_size_select_actual:before {
  content: "\eb42";
}
.photo_size_select_large:before {
  content: "\eb43";
}
.photo_size_select_small:before {
  content: "\eb44";
}
.picture_as_pdf:before {
  content: "\eb45";
}
.picture_in_picture:before {
  content: "\eb46";
}
.picture_in_picture_alt:before {
  content: "\eb47";
}
.pie_chart:before {
  content: "\eb48";
}
.pie_chart_outlined:before {
  content: "\eb49";
}
.pin_drop:before {
  content: "\eb4a";
}
.play_arrow:before {
  content: "\eb4b";
}
.play_circle_filled:before {
  content: "\eb4c";
}
.play_circle_outline:before {
  content: "\eb4d";
}
.play_for_work:before {
  content: "\eb4e";
}
.playlist_add:before {
  content: "\eb4f";
}
.acceso_universidades:before {
  content: "\eb50";
}
.playlist_play:before {
  content: "\eb51";
}
.plus_one:before {
  content: "\eb52";
}
.polymer:before {
  content: "\eb53";
}
.pool:before {
  content: "\eb54";
}
.portable_wifi_off:before {
  content: "\eb55";
}
.portrait:before {
  content: "\eb56";
}
.power:before {
  content: "\eb57";
}
.power_input:before {
  content: "\eb58";
}
.power_settings_new:before {
  content: "\eb59";
}
.pregnant_woman:before {
  content: "\eb5a";
}
.present_to_all:before {
  content: "\eb5b";
}
.priority_high:before {
  content: "\eb5c";
}
/* public */
.nacido_en_el_extranjero:before {
  content: "\eb5d";
}
.publish:before {
  content: "\eb5e";
}
.queue_music:before {
  content: "\eb5f";
}
.queue_play_next:before {
  content: "\eb60";
}
.radio:before {
  content: "\eb61";
}
.radio_button_checked:before {
  content: "\eb62";
}
.rate_review:before {
  content: "\eb63";
}
/* remove_red_eye */
.inspeccionar_registro:before {
  content: "\eb64";
}
.recent_actors:before {
  content: "\eb65";
}
/* record_voice_over */
.audiencias:before {
  content: "\eb66";
}
.redo:before {
  content: "\eb67";
}

.refresh:before {
  content: "\eb68";
}
.remove:before {
  content: "\eb69";
}
.remove_circle_outline:before {
  content: "\eb6a";
}
.remove_from_queue:before {
  content: "\eb6b";
}
/* remove_red_eye */
.inspeccionar_documento:before {
  content: "\eb6c";
}
.remove_shopping_cart:before {
  content: "\eb6d";
}
/* reorder */
.resultado:before {
  content: "\eb6e";
}
.repeat:before {
  content: "\eb6f";
}
.repeat_one:before {
  content: "\eb70";
}
.replay:before {
  content: "\eb71";
}
.replay_10:before {
  content: "\eb72";
}
.replay_30:before {
  content: "\eb73";
}
.replay_5:before {
  content: "\eb74";
}
.reply:before {
  content: "\eb75";
}
.reply_all:before {
  content: "\eb76";
}
.report:before {
  content: "\eb77";
}
/* warning */
.cuidado:before {
  content: "\eb78";
}
.restaurant:before {
  content: "\eb79";
}
.restore_page:before {
  content: "\eb7a";
}
.ring_volume:before {
  content: "\eb7b";
}
.room_service:before {
  content: "\eb7c";
}
.rotate_90_degrees_ccw:before {
  content: "\eb7d";
}
.rotate_left:before {
  content: "\eb7e";
}
.rotate_right:before {
  content: "\eb7f";
}
.rounded_corner:before {
  content: "\eb80";
}
.router:before {
  content: "\eb81";
}
.rowing:before {
  content: "\eb82";
}
.rss_feed:before {
  content: "\eb83";
}
.rv_hookup:before {
  content: "\eb84";
}
.satellite:before {
  content: "\eb85";
}
/* save */
.guardar:before {
  content: "\eb86";
}
.scanner:before {
  content: "\eb87";
}
/* school */
.requisito_estudio:before {
  content: "\eb88";
}
.screen_lock_landscape:before {
  content: "\eb89";
}
.screen_lock_portrait:before {
  content: "\eb8a";
}
.screen_lock_rotation:before {
  content: "\eb8b";
}
.screen_rotation:before {
  content: "\eb8c";
}
.screen_share:before {
  content: "\eb8d";
}
.sd_storage:before {
  content: "\eb8e";
}
/* search */
.buscar:before {
  content: "\eb8f";
}
.security:before {
  content: "\eb90";
}
.select_all:before {
  content: "\eb91";
}
.send:before {
  content: "\eb92";
}
.sentiment_dissatisfied:before {
  content: "\eb93";
}
.sentiment_neutral:before {
  content: "\eb94";
}
.sentiment_satisfied:before {
  content: "\eb95";
}
.sentiment_very_dissatisfied:before {
  content: "\eb96";
}
.sentiment_very_satisfied:before {
  content: "\eb97";
}
.settings:before {
  content: "\eb98";
}
.settings_applications:before {
  content: "\eb99";
}
.settings_backup_restore:before {
  content: "\eb9a";
}
.settings_bluetooth:before {
  content: "\eb9b";
}
.settings_brightness:before {
  content: "\eb9c";
}
.settings_cell:before {
  content: "\eb9d";
}
.settings_ethernet:before {
  content: "\eb9e";
}
.settings_input_antenna:before {
  content: "\eb9f";
}
.settings_input_composite:before {
  content: "\eba0";
}
.settings_input_hdmi:before {
  content: "\eba1";
}
.settings_input_svideo:before {
  content: "\eba2";
}
.settings_overscan:before {
  content: "\eba3";
}
.settings_phone:before {
  content: "\eba4";
}
.settings_power:before {
  content: "\eba5";
}
.settings_remote:before {
  content: "\eba6";
}
.settings_system_daydream:before {
  content: "\eba7";
}
.settings_voice:before {
  content: "\eba8";
}
.share:before {
  content: "\eba9";
}
/* shop */
.alternativa_experiencia:before {
  content: "\ebaa";
}
/* shop_two */
.equivalencia_experiencia:before {
  content: "\ebab";
}
.shopping_basket:before {
  content: "\ebac";
}
/* short_text */
.datosbasicos:before {
  content: "\ebad";
}
.show_chart:before {
  content: "\ebae";
}
.shuffle:before {
  content: "\ebaf";
}
.signal_cellular_4_bar:before {
  content: "\ebb0";
}
.signal_cellular_connected_no_internet_4_bar:before {
  content: "\ebb1";
}
.signal_cellular_null:before {
  content: "\ebb2";
}
.signal_cellular_off:before {
  content: "\ebb3";
}
.signal_wifi_4_bar:before {
  content: "\ebb4";
}
.signal_wifi_4_bar_lock:before {
  content: "\ebb5";
}
.signal_wifi_off:before {
  content: "\ebb6";
}
.sim_card:before {
  content: "\ebb7";
}
.sim_card_alert:before {
  content: "\ebb8";
}
.skip_next:before {
  content: "\ebb9";
}
.skip_previous:before {
  content: "\ebba";
}
.slideshow:before {
  content: "\ebbb";
}
.slow_motion_video:before {
  content: "\ebbc";
}
.stay_primary_portrait:before {
  content: "\ebbd";
}
.smoke_free:before {
  content: "\ebbe";
}
.smoking_rooms:before {
  content: "\ebbf";
}
.textsms:before {
  content: "\ebc0";
}
.snooze:before {
  content: "\ebc1";
}
.sort:before {
  content: "\ebc2";
}
.sort_by_alpha:before {
  content: "\ebc3";
}
.spa:before {
  content: "\ebc4";
}
.space_bar:before {
  content: "\ebc5";
}
.speaker:before {
  content: "\ebc6";
}
.speaker_group:before {
  content: "\ebc7";
}
.speaker_notes:before {
  content: "\ebc8";
}
.speaker_notes_off:before {
  content: "\ebc9";
}
.speaker_phone:before {
  content: "\ebca";
}
.spellcheck:before {
  content: "\ebcb";
}
.star_border:before {
  content: "\ebcc";
}
.star_half:before {
  content: "\ebcd";
}
/* grade */
.mision:before {
  content: "\ebce";
}
.stay_primary_landscape:before {
  content: "\ebcf";
}
.stop:before {
  content: "\ebd0";
}
.stop_screen_share:before {
  content: "\ebd1";
}
/* storage */
.convocatoria:before {
  content: "\ebd2";
}
.store_mall_directory:before {
  content: "\ebd3";
}
.straighten:before {
  content: "\ebd4";
}
.streetview:before {
  content: "\ebd5";
}
.strikethrough_s:before {
  content: "\ebd6";
}
.style:before {
  content: "\ebd7";
}
.subdirectory_arrow_left:before {
  content: "\ebd8";
}
.subdirectory_arrow_right:before {
  content: "\ebd9";
}
.subject:before {
  content: "\ebda";
}
.subscriptions:before {
  content: "\ebdb";
}
.subtitles:before {
  content: "\ebdc";
}
.subway:before {
  content: "\ebdd";
}
/* supervisor_account */
.cantidad_vacantes:before {
  content: "\ebde";
}
.surround_sound:before {
  content: "\ebdf";
}
.swap_calls:before {
  content: "\ebe0";
}
.swap_horiz:before {
  content: "\ebe1";
}
.swap_vert:before {
  content: "\ebe2";
}
/* swap_vertical_circle */
.empleo_nivel:before {
  content: "\ebe3";
}
/*  */
.empleo_denom:before {
  content: "\f009";
}

.switch_camera:before {
  content: "\ebe4";
}
.switch_video:before {
  content: "\ebe5";
}
.sync_disabled:before {
  content: "\ebe6";
}
.sync_problem:before {
  content: "\ebe7";
}
.system_update:before {
  content: "\ebe8";
}
.system_update_alt:before {
  content: "\ebe9";
}
.tab:before {
  content: "\ebea";
}
.tab_unselected:before {
  content: "\ebeb";
}
.tablet:before {
  content: "\ebec";
}
.tablet_android:before {
  content: "\ebed";
}
.tablet_mac:before {
  content: "\ebee";
}
.tap_and_play:before {
  content: "\ebef";
}
.text_fields:before {
  content: "\ebf0";
}
.text_format:before {
  content: "\ebf1";
}
.texture:before {
  content: "\ebf2";
}
.thumb_down:before {
  content: "\ebf3";
}
.thumb_up:before {
  content: "\ebf4";
}
.thumbs_up_down:before {
  content: "\ebf5";
}
.timelapse:before {
  content: "\ebf6";
}
.timeline:before {
  content: "\ebf7";
}
.timer:before {
  content: "\ebf8";
}
.timer_10:before {
  content: "\ebf9";
}
.timer_3:before {
  content: "\ebfa";
}
.timer_off:before {
  content: "\ebfb";
}
.title:before {
  content: "\ebfc";
}
.toc:before {
  content: "\ebfd";
}
.today:before {
  content: "\ebfe";
}
.toll:before {
  content: "\ebff";
}
.tonality:before {
  content: "\ec00";
}
/* touch_app */
.toque:before {
  content: "\ec01";
}
.toys:before {
  content: "\ec02";
}
.track_changes:before {
  content: "\ec03";
}
.traffic:before {
  content: "\ec04";
}
.train:before {
  content: "\ec05";
}
.tram:before {
  content: "\ec06";
}
.transfer_within_a_station:before {
  content: "\ec07";
}
.transform:before {
  content: "\ec08";
}
.translate:before {
  content: "\ec09";
}
.trending_down:before {
  content: "\ec0a";
}
.trending_flat:before {
  content: "\ec0b";
}
.trending_up:before {
  content: "\ec0c";
}
.tune:before {
  content: "\ec0d";
}
.tv:before {
  content: "\ec0e";
}
.unarchive:before {
  content: "\ec0f";
}
.undo:before {
  content: "\ec10";
}
.unfold_less:before {
  content: "\ec11";
}
.unfold_more:before {
  content: "\ec12";
}
/* update */
.actualizar:before {
  content: "\ec13";
}
.usb:before {
  content: "\ec14";
}
.verified_user:before {
  content: "\ec15";
}
.vertical_align_bottom:before {
  content: "\ec16";
}
.vertical_align_center:before {
  content: "\ec17";
}
.vertical_align_top:before {
  content: "\ec18";
}
.vibration:before {
  content: "\ec19";
}
.video_call:before {
  content: "\ec1a";
}
.video_label:before {
  content: "\ec1b";
}
.video_library:before {
  content: "\ec1c";
}
/* videocam */
.ayuda_audiovisual:before {
  content: "\ec1d";
}
.videocam_off:before {
  content: "\ec1e";
}
.videogame_asset:before {
  content: "\ec1f";
}
.view_agenda:before {
  content: "\ec20";
}
/* view_array */
.etapas:before {
  content: "\ec21";
}
.view_carousel:before {
  content: "\ec22";
}
.view_column:before {
  content: "\ec23";
}
.view_comfy:before {
  content: "\ec24";
}
.view_compact:before {
  content: "\ec25";
}
.view_day:before {
  content: "\ec26";
}
.view_headline:before {
  content: "\ec27";
}
.view_list:before {
  content: "\ec28";
}
.view_module:before {
  content: "\ec29";
}
.view_quilt:before {
  content: "\ec2a";
}
.view_stream:before {
  content: "\ec2b";
}
.view_week:before {
  content: "\ec2c";
}
.vignette:before {
  content: "\ec2d";
}
.visibility_off:before {
  content: "\ec2e";
}
.voice_chat:before {
  content: "\ec2f";
}
.voicemail:before {
  content: "\ec30";
}
.volume_down:before {
  content: "\ec31";
}
.volume_mute:before {
  content: "\ec32";
}
.volume_off:before {
  content: "\ec33";
}
.volume_up:before {
  content: "\ec34";
}
/* vpn_key */
.clave:before {
  content: "\ec35";
}
.vpn_lock:before {
  content: "\ec36";
}
.wallpaper:before {
  content: "\ec37";
}
.watch:before {
  content: "\ec38";
}
.watch_later:before {
  content: "\ec39";
}
.wb_auto:before {
  content: "\ec3a";
}
.wb_incandescent:before {
  content: "\ec3b";
}
.wb_iridescent:before {
  content: "\ec3c";
}
.wb_sunny:before {
  content: "\ec3d";
}
/* wc */
.datos_basicos:before {
  content: "\ec3e";
}
.web:before {
  content: "\ec3f";
}
.web_asset:before {
  content: "\ec40";
}
.weekend:before {
  content: "\ec41";
}
.whatshot:before {
  content: "\ec42";
}
.widgets:before {
  content: "\ec43";
}
.wifi:before {
  content: "\ec44";
}
.wifi_lock:before {
  content: "\ec45";
}
.wifi_tethering:before {
  content: "\ec46";
}
/* work */
.experiencia:before {
  content: "\ec47";
}
.detalle_empleo:before {
  content: "\ec47";
}
.wrap_text:before {
  content: "\ec48";
}
.youtube_searched_for:before {
  content: "\ec49";
}
.zoom_in:before {
  content: "\ec4a";
}
.zoom_out:before {
  content: "\ec4b";
}
.zoom_out_map:before {
  content: "\ec4c";
}

/***************************** fin íconos ****************************/

.material-icons.t-12,
.material-icons-CNSC.t-12,
.t12 {
	font-size: 12px !important;
}
.t16 { font-size: 16px !important; }

.material-icons.t-18,
.material-icons-CNSC.t-18,
.t18 {
	font-size: 18px !important;
}

.material-icons.t-24,
.material-icons-CNSC.t-24,
.t-24 {
	font-size: 24px !important;
}

.material-icons.t-32,
.material-icons-CNSC.t-32 {
	font-size: 32px;
}

.material-icons.t-36,
.material-icons-CNSC.t-36 {
	font-size: 36px;
}

.material-icons.t-48,
.material-icons-CNSC.t-48 {
	font-size: 48px;
}

.material-icons.t-77,
.material-icons-CNSC.t-77 {
	font-size: 77px;
}

.material-icons.t14em,
.material-icons-CNSC.t14em {
	font-size: 14em;
}
.alinearVerticalCentro {
	align-items: center !important;
}
.material-icons.va-b,
.material-icons-CNSC.va-b {
	vertical-align: bottom;
}

.material-icons.va-s,
.material-icons-CNSC.va-s {
	vertical-align: sub;
}

.material-icons.va-m,
.material-icons-CNSC.va-m,
.verticalAmedio {
	vertical-align: middle;
}

.material-icons.va-mm,
.material-icons-CNSC.va-mm {
	vertical-align: -moz-middle-with-baseline;
}

.material-icons.mr-5,
.material-icons-CNSC.mr-5 {
	margin-right: 5px;
}

/* Rules for using icons as black on a light background. */
.material-icons.negro,
.material-icons-CNSC.negro {
	color: rgba(0, 0, 0, 1);
}

.material-icons.n-54,
.material-icons-CNSC.n-54 {
	color: rgba(0, 0, 0, 0.54);
}

.material-icons.n-54.i-inactive,
.material-icons-CNSC.n-54.i-inactive {
	color: rgba(0, 0, 0, 0.26);
}

.material-icons.b-100,
.material-icons-CNSC.b-100 {
	color: rgba(255, 255, 255, 1);
}

.material-icons.b-60,
.material-icons-CNSC.b-60 {
	color: rgba(255, 255, 255, 0.6);
}

.material-icons.b-80,
.material-icons-CNSC.b-80 {
	color: rgba(255, 255, 255, 0.8);
}

.material-icons.b.i-inactive,
.material-icons-CNSC.b.i-inactive {
	color: rgba(255, 255, 255, 0.3);
}

.material-icons.rojo,
.material-icons-CNSC.rojo {
	color: #8C153E;
}

.material-icons.rojoCorazon,
.material-icons-CNSC.rojoCorazon {
	color: #de2565;
}

.material-icons.rojoAviso,
.material-icons-CNSC.rojoAviso,
.colorRojo {
	color: red;
}
/* Para no quitar el favorito, cuando ya se inscribió */
.material-icons.rojoinactive,
.material-icons-CNSC.rojoAviso {
	color: rgba(140, 21, 62, 0.3);
}
/* De la triada de Royal blue: #002366 */
.material-icons.verde,
.material-icons-CNSC.verde {
	color: #3E8C15;
}

.material-icons.vinotinto,
.material-icons-CNSC.vinotinto {
	color: #731F38;
}

.material-icons.azulClaro,
.material-icons-CNSC.azulClaro,
.azulClaro {
	color: #65a9e4;
}
.material-icons.azulAccesible,
.material-icons-CNSC.azulAccesible {
	color: #1B405A;
}
.material-icons.azulAccesible2,
.material-icons-CNSC.azulAccesible2 {
	color: #4466B3;
}
.material-icons.azulOscuro,
.material-icons-CNSC.azulOscuro,
.azulOscuro {
	color: #003D71;
}
/* Para los warning*/
.material-icons.amarillo,
.material-icons-CNSC.amarillo {
	color: #ffd93b;
}

/* portal SIMO 4.0 */
.material-icons.amarilloCNSC,
.material-icons-CNSC.amarilloCNSC,
.amarilloCNSC {
	color: #efaf3f;
}

.material-icons.azulCNSC,
.material-icons-CNSC.azulCNSC,
.azulCNSC {
	color: #2d4fad;
}

.material-icons.azulClaroCNSC,
.material-icons-CNSC.azulClaroCNSC,
.azulClaroCNSC {  
	color: #6699ff;
}

.material-icons.grisCNSC,
.material-icons-CNSC.grisCNSC,
.grisCNSC {
	color: #ccc;
}
.material-icons.grisMuyClaroCNSC,
.material-icons-CNSC.grisMuyClaroCNSC,
.grisMuyClaroCNSC {
	color: #f2f2f2;
}

/* De la triada de Malachita: #0B6DB0 */
.material-icons.formulario,
.material-icons-CNSC.formulario {
	color: #FC9D5C;
}

.material-icons.puntero,
.material-icons-CNSC.puntero {
	cursor: pointer;
}

.material-icons.pl-12,
.material-icons-CNSC.pl-12 {
	padding-left: 12px;
}

/*****************************   PÁGINA   ****************************/
/* Contiene fondo gris */
.fondoHumo {
	margin: -8px;
	padding: 0px 0px 8% 0px;
}

.fondoHumo.logoSIMO {
	background: url(./images/LogoSIMO_h140.png) no-repeat;
	background-position: bottom center;
}

.sombraPagina, .tituloPagina {
	width: 93%; /* width: 86%; */
	margin: 0px auto;
}
/* Efecto de sombra marginal del formulario */
.sombraPagina {
	position: relative;
	background-color: white;
	box-shadow: 8px 4px 10px 1px rgba(0, 0, 0, 0.3);

}
/* Aumenta el padding inferior */
.sombraPagina.pb75 {
	padding-bottom: 75px;
}

.sombraPagina.pb265 {
	padding-bottom: 225px;
}

.enlaceOver {
	cursor: pointer;
	text-decoration: none;
}

.enlaceOver:hover {
	cursor: pointer;
	text-decoration: underline;
}

/******************** POP-UP ********************/
/* Ventana de diálogo */
.ventanaD {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}
/* Formulario login */
.ventanaD .loginFormDialogo {
	margin-top: -15px;
	margin-left: 0px;
	background-color: transparent;
}

.ventanaD.w600 {
	width: 600px;
}

/* Unificación de campos */
.campoUsuario {
	width: 340px;
	height: 27px;
	margin-left: 28px;
	margin-top: 21px;
	border: none;
	background-color: transparent;
	font-size: 120%;
	text-align: left;
}


/* Ventanas emergentes */
.avisoSIMO,
.ventanaSimple {
    width: 45%;
} 
.ventanaSimple {
}
.avisoSIMO {
    position: fixed;
    margin-top: -17px;
}
.dimensionVentana {
	width: 640px;
	overflow: auto;
}

.dimensionVentanapreinscripcion {
	width: 800px !important;
}

.dimensionVentana.w60p, 
.w60p {
	width: 60%;
}
.dimensionVentana.w80p,
.w80p {
	width: 80%;
}

.dimensionVentana.w800 {
	height: 800px;
}

.dimensionVentana.w1100 {
	height: 550px !important;
	width: 950px !important;
	
}

.dimensionVentana.w950 {
	width: 900px !important;
	
}

.dimensionVentana.w730 {
	width: 730px;
	overflow: auto;
}
/* Visualizar factura */
.dimensionVentana.w730 {
	width: 730px !important;
}

.dimensionVentana.w700 {
	width: 700px !important;
}

.dimensionVentana.w610 {
	width: 610px;
}

.dimensionVentana.w560,
.w560 {
	width: 800px !important;
}

dimensionVentana.w820,
.820 {
	height: 820px !important;
}

.dimensionVentana.h95vh {
	height: 95vh;
}

.dimensionVentana.h80vh {
	height: 80vh;
}

.dimensionVentana.h900 {
	height: 900px !important;
}

.dimensionVentana.h800 {
	height: 800px;
}

.dimensionVentana.h740 {
	height: 740px;
}

.dimensionVentana.h710 {
	height: 710px;
}

.dimensionVentana.h660 {
	height: 660px;
}

.dimensionVentana.h600 {
	height: 600px;
}

.dimensionVentana.h568 {
	height: 568px !important;
	overflow: scroll;
}

.dimensionVentana.h550 {
	height: 550px;
}

.dimensionVentana.h520 {
	height: 520px;
}

.dimensionVentana.h480 {
	height: 480px;
}

.dimensionVentana.h470 {
	height: 470px;
}

.dimensionVentana.h450 {
	height: 450px;
}

.dimensionVentana.h400 {
	height: 400px;
}

.dimensionVentana.h370 {
	height: 370px;
}

.dimensionVentana.h320 {
	height: 320px;
}

.dimensionVentana.h200 {
	height: 200px;
}

.dimensionVentanaEstructuraPreliminarPruebas{
    width: 80% !important;
    height: 90% !important;
    overflow: auto !important;
}

.dimensionVentanaEstructuraEmpleoSolicitud{
    width: 80% !important;
    height: 60% !important;
    overflow: auto !important;
}

/* quita autofocus */
*:focus {
	outline: none;
}

/*****************************   DE USO GENERAL   ****************************/
.justificado {
	text-align: justify;
}
/* Usado en DesarrolladoPor */
.azulBarra {
	color: #2d92d6;
}

.outlineGris {
	outline: gray solid thin;
}

.outlineCoral {
	outline: coral solid thin;
}

/*****************************   VISOR PDF   ****************************/
/* Tamaño para el visor de PDF, reporte Pre-Inscripcion */
.dimensionVisorPDF {
	width: 690px;
	height: 520px;
	margin-top: 30px;
}

@media all and (max-width: 800px) , ( min-device-width : 768px) and
	(max-device-width: 1024px) {
	.dimensionVisorPDF {
		width: 650px;
		height: 520px;
	}
}

.visor600p {
	width: 600px;
	overflow: auto;
	margin-top: 30px;
}

.visorPDFincrustado {
	visibility: visible;
	width: 800px;
	height: 800px;
	background-color: red;
	color: white;
	background: url(./images/visorPDFnavegador.jpg) no-repeat top left;
}
/*****************/
.cargando {
	position: relative;
	width: 100%;
	height: 100%;
	background: url(./images/cargando.gif) top no-repeat;
}

/* Contenedor del formulario */
.dialogoPSE {
	width: 1024px;
	height: 768px;
	overflow: auto;
}

.loginBody, 
.loginBodyScroll, 
.loginBodySinMargin {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.loginBody {
	margin: -14px -15px -15px -14px;
	padding: 48px 62px 23px 68px;
}

.loginBodySinMargin {
	padding: 48px 62px 23px 68px;
}

.loginBodyScroll {
	margin-bottom: 40px;
}

.loginBody.transparente {
	background-color: transparent;
	margin-top: -1%;
}

/******************** HOME SIMO ********************/
.nombreSIMO {
	width: 100%;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	text-align: center;
	margin: 1px auto;
	background: url("./images/LogoSIMO_h140_ovalo.png") top center no-repeat;
}

.fondoLogin, .homeSIMO {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #23b6e4;
}

.fondoLogin.entrada {
	background: url("./images/texturaTejido.jpg");
}

.cargandoHome {
	text-align: center;
	background: url("./images/cargadorHome.gif") no-repeat 50% 34%;
	width: 100%;
	height: 1000px;
	background-color: aliceblue;
}

/***************************** DASHBOARD ****************************/
/* Zona gris */
.dashOPEC, 
.dashCiudadano {
	background-color: #f3f3f3;
}

.dashOPEC h3, 
.dashCiudadano h3 {
	padding: 8px 0px;
	text-align: center;
	font-weight: normal;
	color: black;
}

/******************** LOGIN  ********************/
/* Sombra interna de los campos login y contraseña */
.loginBody .bordeInterno, 
.loginBodySinMargin .bordeInterno {
	display: flex;
	justify-content: space-between;
	width: 404px;
	height: 34px;
	margin: auto 0px;
	padding-bottom: 3px;
	text-align: right;
	background-color: white;
	-webkit-box-shadow: inset 0px 0px 4px 2px rgba(128, 125, 128, 0.6);
	-moz-box-shadow: inset 0px 0px 4px 2px rgba(128, 125, 128, 0.6);
	box-shadow: inset 0px 0px 4px 2px rgba(128, 125, 128, 0.6);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px
}

/* Recuadro de los íconos de login y contraseña */
.iconoLogin {
	position: relative;
	width: 45px;
	height: 36px;
	rigth: 9px;
	line-height: 34px;
	text-align: center;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.iconoLogin.grande {
	background-color: transparent;
	margin-left: 150px;
	top: 3px;
}

/* Para convocatorias OPEC */
.convo {
	width: 100vw;
	height: 84vh;
}

.fondoLogin {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #23b6e4;
}

.fondoLoginOPEC {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: url("./images/LogoSIMO_h140_ovalo.png") top center no-repeat;
	background-position: 50% 0%;
	background-size: 155px;
	background-color: seashell;
}

h3.login,
h2.login {
	color: white;
	margin-top: 16px !important;
	text-align: center;
}

h3.loginMargen {
	color: white;
	margin-top: -10px;
	text-align: center;
	margin-bottom: -12px;
}

.loginScreen {
	margin-top: -100px;
}

.loginForm, .loginFormDialogo {
	margin-left: 450px;
	width: 547px;
	height: 361px;
	background: url("./images/ventanaLogin.png") no-repeat;
	padding: 10px 0;
}

/* Pantalla de inicio de Login OPEC */
.loginFormCiud, 
.registrese, 
.loginOPECcaja, 
.registroHome {
	position: relative;
	opacity: 0.97 !important;
	display: flex;
	flex-direction: column;
	width: 650px;
	margin: 5% auto;
	background-color: #fff;
	/* border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px; */
	box-shadow: -1px 4px 8px 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: -1px 4px 8px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: -1px 4px 8px 4px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: -1px 4px 8px 4px rgba(0, 0, 0, 0.5);
	overflow: hidden;
}
.registrese.w730 {
	width: 730px !important;
}
.loginOPECcaja {
	margin: 48% 0%;
	width: 100%;
}

.loginFormCiud.entrada {
	margin: 21% 34%;
	background-color: rgba(255, 255, 255, 0.35) important!;
}

/*****************************   BARRAS DE VENTANA  ****************************/
.barra, 
.barraAmarilloOscura {
	position: relative;
	z-index: 100;
	*margin: 0px -26px 15px -26px;
	line-height: 30px;
	text-align: center;
	color: white;
	font-size: 125%;
}
.barra h2 {
	font-size: 100%;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* Hoja de vida convocatoria, en home ciudadano */
.barra.hojaVida {
	margin-top: -20px !important;
	margin-bottom: -89px;
}
/* Para que se alinee arriba dentro de los reacuadros, como en Convocatoria */
.barra.dentroArriba {
	margin-top: -20px !important;
}

.barra.dentroArriba.mt30 {
	margin-top: 30px !important;
}
/* Recuadro de búsquedas */
.recuadro {
	position: relative;
	z-index: 900;
	display: flex;
	flex-direction: column;
	margin-top: 22px;
	margin-bottom: 37px;
	padding: 20px;
	border: #bbb thin solid;
	background-color: white;
	border-bottom-left-radius: 12px;
	-moz-border-bottom-left-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-ms-border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-bottom-right-radius: 12px;
	-ms-border-bottom-right-radius: 12px;
	overflow: hidden;
}
/* Bajar tabs desde un CRUD: crear */
.recuadro.mb17 {
	margin-bottom: 17px !important;
}
/* Separa los recuadros hacia abajo */
.recuadro.mb30,
.mb30 {
	margin-bottom: 30px !important;
}

.recuadro.mb60, 
.mb60 {
	margin-bottom: 60px;
}

.recuadro.mt57 {
	margin-top: 46px;
	margin-bottom: 10px;
	border-top: none;
}

.ligthFont {
	font-weight: 100;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}

/***************************** REGISTRO ****************************/
.fRegistro h2, .fRegistro label, .fRegistroOpec label {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode",
		sans-serif;
}
/* Fondo ventanas emergentes */
.fRegistro.fondoGris {
	margin: 14px;
	padding: 40px 40px;
	background-color: whitesmoke;
}
/* tooltip de cada campo */
.form_hint, 
.required_notification {
	font-size: 11px;
}
/* El diseño de los campos es manejado como una lista */
.fRegistro ul, 
.nuevoPasswd, 
.fFormacion ul, 
.fPreinscripcion ul,
.fRegistroOpec ul, 
.fDistribucion ul {
	width: 530px !important; /* controla el ancho del formulario */
	list-style-type: none;
	list-style-position: outside;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

.fRegistro ul.vh67 {
	height: 67vh;
}

.fRegistro ul.w670 {
	width: 670px !important;
}

.fDistribucion ul {
	width: 95% !important;
	margin-top: 20px;
}

.fPreinscripcion ul {
	width: 95% !important;
	margin-left: 10px;
}

/* Quita la línea inferior final a los campos de contraseña y verificar contraseña */
.fRegistro .sinLinea li:last-child, 
.fRegistro .sinLinea, 
.fFormacion .sinLinea li:last-child,
.fFormacion .sinLinea, 
.fRegistroOpec .sinLinea li:last-child,
.fRegistroOpec .sinLinea {
	border-bottom: none;
	height: 40px;
}
.sinLinea-0 {
	border-bottom: none !important;
}

/* Color de la línea de separación */
.fRegistro li, 
.fRegistroOpec li, 
.fFormacion li {
	padding: 7px 7px 7px 0px;
	position: relative;
}
/* Controla separación entre campos */
.fRegistro label,
.fRegistroOpec label, 
.fFormacion label {
	/* display: inline-block; */
	width: 180px;
	margin-top: 3px;
	float: left;
	padding: 3px;
}
.fRegistro label.anchoMax,
.anchoMaximo {
	width: max-content;
}
/* Aplica para todos los campos tipo input */
.fRegistro input, 
.fRegistroOpec input, 
.fFormacion input {
	height: 20px;
	width: 220px;
	padding: 5px 8px;
}
/* Para alinear elemento que no son inputs */
.fRegistro .alinearCampo, 
.fRegistroOpec .alinearCampo {
	display: inline-block;
	width: 310px;
	padding: 5px 8px 5px 0px;
}

.fRegistro .alinearCheck, 
.fRegistroOpec .alinearCampo, 
.fFormacion .alinearCheck {
	display: inline-block;
	padding: 5px 8px 5px 0px;
	text-align: justify;
	font-size: 80%;
	line-height: 190%;
}
/* Efecto para los campos tipo input */
.fRegistro input, 
.fRegistro div div div input, 
.fRegistroOpec input,
.fRegistroOpec div div div input, 
.fFormacion input, 
.fFormacion div div div input {
	border-radius: 2px;
	padding-right: 30px;
	-moz-transition: padding .25s;
	-webkit-transition: padding .25s;
	-o-transition: padding .25s;
	transition: padding .25s;
}

.fRegistro input:focus, 
.fRegistroOpec input:focus {
	background: #fff;
	padding-right: 70px;
}

/* Cambia la altura de la fila */
.sinLinea.h70 {
	height: 70px;
}

.fRegistro.sinLinea.h-40 {
	height: inherit;
}
/* Margen inferior para contraseña y verificación */
.margenAbajo {
	margin-bottom: -14px;
}

/* Para texto de aviso de campo obligatorio */
.campoRequerido, 
.cRequerido {
	color: #79382C;
	margin: -10px 70px 0px 0px;
	display: inline;
	float: right;
	text-align: right;
}

.campoRequerido.sinMargen {
	margin: 0px;
}

/* Tooltip de advertencia */
.form_hint {
	background: #d45252;
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left: 8px;
	padding: 1px 6px;
	z-index: 999; /* El globito flota sobre todos los elementos */
	position: absolute; /* permite que funcione en dos líneas */
	display: none;
}

/* Es la punta de flecha que apunta al campo en referencia, desde el tooltip */
.form_hint::before {
	content: "\25C0";
	color: #d45252;
	position: absolute;
	top: 1px;
	left: -6px;
}
/* Personalización del tamaño */
.camposLogin.t250, 
.camposLogin.w250,
.w250 {
	width: 250px;
}

.pasosRegistro {
	font-weight: bold;
	font-size: 120%;
	color: black;
}

.mensajeCedula {
	font-size: 70%;
	margin-bottom: 10px;
}

/*****************************   CONTRASEÑA   ****************************/
/* Olvido contraseña */
.botonCentrado {
	text-align: center;
	margin: 10px auto;
}
/* Para el ampliar espacio en un list-item de Cambiar contraseña */
.altura40 {
	height: 40px;
}
/* Fijar altura de la ventana cambiar contraseña */
.loginBody.h240 {
	height: 240px;
}
/* Para evitar que quede ancho y alto en 0px como en Nueva contraseña */
.fRegistro .altura {
	height: 320px !important;
}

.centradoF150p {
	font-size: 150%;
	text-align: center;
}

/*****************************   MENSAJES DE CONFIRMACIÓN: Ventana emergente   ****************************/
.textoMensajeConfirmacion {
	display: block;
	margin-bottom: 30px;
	color: black;
	font-size: 115%
}

/* Personalización del tamaño */
.camposLogin.t220, 
.camposLogin.w220 {
	width: 220px;
	background-color: white !important;
}

.cRequerido {
	margin: 0px;
}
/* Barras de desplazamiento para cuando la ventana se reduzca */
.overflowA {
	overflow: auto;
}

.registrese .barra, 
.registroHome .barra {
	height: 50px;
}

.loginFormCiud .loginBody {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0px;
	padding: 43px 0px -1px;
}

.loginFormDialogo {
	margin-left: 0px;
	background-color: transparent;
}

.loginForm table.login {
	margin-top: 50px;
	font-size: 100%;
	text-align: center;
	padding-left: 0px;
}

.loginForm td.alinearIzquierda {
	text-align: left;
}
/* Mensajes de error, con en el rojo CNSC */
.loginFallido, 
.sigecaStatusViewer {
	font-size: 120%;
 	color: #DC4F39;
	vertical-align: middle;
	background: white;
}

.sigecaStatusViewer {
	width: 90% !important;
}
.loginFallido.backBlanco  {
	background: coral !important;
}
/* Mensajes de error, basado en el rojo CNSC (#DC4F39) */
.loginFallido.verde {
	color: #14B62A;
}

/******************** HOME CIUDADANO ********************/
.todo,
.margin0Auto {
	margin: 0 auto;
}

.banner, 
.avisos, 
.empleos, 
.footer {
	
}

.row {
	padding-bottom: 17px;
}

.banner {
	position: relative;
	background-color: #96bfff;
	padding: 30px;
	width: 90%;
	
}

.cifras {
	
}

.ayudaVideo {
	clear: left;
	font-size: 80%;
	color: black;
}
.ayudaVideo.blanco,
.blanco {
	color: whitesmoke !important;
}

.totalInscritos {
	margin: 0px auto;
	height: 20px;
	line-height: 1.5em;
	padding: 1px 9px;
	background-color: #98DEEE;
	font-size: 90%;
	color: black;
}
.negro {
	color: black;
}
.colorBlanco,
span .ayudavideo {
	color: white !important;
}

.estadisticas {
	display: inline-table;
	margin-right: 1%;
	padding-top: 2px;
	height: 21px;
	border-left: #EEE 2px solid;
	border-bottom: #EEE 1px solid;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	opacity: 0.9;
	filter: alpha(opacity = 90); /* For IE8 and earlier */
	font-weight: normal;
}

.valorEstadistica {
	margin: auto 14px;
	padding-top: 6px;
}

.valorTotal {
	padding: 3px;
	background-color: rgba(0, 0, 0, 0.7);
	color: rgba(255, 255, 255, 0.9);
	font-size: 90%;
	font-weight: bold;
	text-align: right;
}

.logoCNSC {
	position: absolute;
	width: 300px;
	height: 150px;
	top: 16%;
	left: 2%;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-ms-border-radius: 6px;
	opacity: 0.95;
	filter: alpha(opacity = 95);
	box-shadow: -8px 5px 8px 0px rgba(0, 0, 0, 0.35);
}

.logoCNSC.pHeredado {
	position: inherit !important;
}

.mensajesHome {
	height: 21vh;
	font-size: 1.1em;
	color: black;
	margin: 11% 2% 3% 2%;
	position: absolute;
	text-align: justify;
}

.mensajesHome, 
.mensaje {
	width: 55vw;
	margin-bottom: 7%;
	padding-right: 20px;
}
.mensaje.azul {
	color: navy;
}

@media all and (max-width:1366px) {
	.mensajesHome {
		font-size: 1.1em;
		color: black;
		margin: 15% 2% 3% 2%;
		position: absolute;
		text-align: justify;
		height: 30vh;
		overflow: scroll;
	}
	.mensajesHome, 
	.mensaje {
		width: 54vw;
		margin-top: 11%;
	}
}

@media all and (max-width:1280px) {
	.mensajesHome {
		font-size: 1.1em;
		color: black;
		margin: 15% 2% 3% 2%;
		position: absolute;
		text-align: justify;
		height: 30vh;
		overflow: scroll;
	}
	.mensajesHome, 
	.mensaje {
		width: 49vw;
		margin-top: 11%;
	}
}

@media all and (max-width:980px) {
	.mensajesHome {
		font-size: 1.1em;
		color: black;
		margin: 18% 2% 3% 2% !important;
		position: absolute;
		text-align: justify;
		height: 14.5vh !important;
		overflow: scroll;
	}
	.mensajesHome, .mensaje {
		width: 47vw !important;
		margin-bottom: 7%;
		padding-right: 20px;
	}
}

@media all and (max-width:800px) , ( min-device-width : 768px) and
	(max-device-width: 800px) {
	.mensajesHome {
		font-size: 1.1em;
		color: black;
		margin: 22% 2% 3% 2% !important;
		position: absolute;
		text-align: left;
		overflow: scroll;
		height: 18vh !important;
	}
	.mensajesHome, .mensaje {
		width: 43vw !important;
		margin-bottom: 7%;
		padding-right: 20px;
	}
}

.filtrosHomeCiudadano {
	display: inline-table;
	/* 	border: #969696 thin solid; */
	width: 317px;
	height: 371px;
	margin: 1% -41% 1% 0%;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: white;
	-webkit-box-shadow: inset -2px 1px 15px 7px rgba(117, 117, 117, 0.82);
	-moz-box-shadow: inset -2px 1px 15px 7px rgba(117, 117, 117, 0.82);
	box-shadow: inset -2px 1px 15px 7px rgba(117, 117, 117, 0.82);
	text-align: center;
	visibility: visible !important;
}

.fraseBusqueda {
	color: #4263b7;
	font-size: 140%;
	font-weight: 300;
	text-align: center;
	font-stretch: extra-condensed;
}

.criterioBusq {
	width: 263px;
	height: auto !important;
	margin-bottom: 16px;
	padding-left: 12px;
	padding-top: 5px;
	/* border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px; */
	font-size: 123%;
}

.filtrosBusq {
	margin: 20px;
}

.buscarHome {
	margin-top: 30px;
	font-size: 156%;
	letter-spacing: 1px;
	font-weight: bold;
	font-stretch: extra-condensed;
}

.redes {
	position: fixed;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0.5%;
	margin: -11% -90% 2% 90%;
	background: white;
	box-shadow: 2px 5px 4px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 2px 5px 4px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 2px 5px 4px rgba(0, 0, 0, 0.7);
	-o-box-shadow: 2px 5px 4px rgba(0, 0, 0, 0.7);
	-MS-box-shadow: 2px 5px 4px rgba(0, 0, 0, 0.7);
}

@media all and (max-width:800px) , ( min-device-width : 768px) and
	(max-device-width: 800px) {
	.redes {
		position: fixed;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 0.5%;
		margin: -35% -90% 2% 90%;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		background: white;
		box-shadow: 2px 5px 4px rgba(0, 0, 0, 0.7);
		-webkit-box-shadow: 2px 5px 4px rgba(0, 0, 0, 0.7);
		-moz-box-shadow: 2px 5px 4px rgba(0, 0, 0, 0.7);
		-o-box-shadow: 2px 5px 4px rgba(0, 0, 0, 0.7);
		-MS-box-shadow: 2px 5px 4px rgba(0, 0, 0, 0.7);
	}
}

.icon-fb, 
.icon-tw, 
.icon-yt, 
.icon-fk, 
.icon-cn {
	width: 35px;
	height: 35px;
	margin-bottom: 6px;
}

.avisos {
	height: 245px;
	background: url(./images/bannerDinamico.jpg) no-repeat;
	background-size: cover;
}

.footer {
	clear: both;
	padding: 10px 0;
	background-color: #36c;
	height: 195px;
	color: #639AFF;
	padding-bottom: 50px;
}

.footer .centrarPie {
	display: flex;
	justify-content: center;
	font-size: 110%;
	color: white;
	line-height: 240%
}

.footer .centrarPie div {
	padding: 15px;
	max-width: 250px;
	margin: 5px;
	overflow: hidden;
}

.footer a:active, .footer a:link {
	color: #498ddf;
}

.footer a:visited {
	color: #4364b9;
}

.footer li {
	margin-left: -25px;
	list-style: none;
}

.footer h4 {
	line-height: 30px;
}

/*****************************  OFERTA EMPLEO ****************************/
/* Para los íconos */
.celdaIcono {
	width: 28px;
	height: 28px;
	margin: auto;
	/* margin: 13px 8px 8px 8px; */
	padding: 4px 1px 0px 2px; /* 8px 8px 6px 8px;*/
	background-color: white;
	text-align: center;
	border-radius: 22px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	-ms-border-radius: 22px;
	cursor: pointer;
	border: rgb(216, 217, 218) thin solid;
}

.itemEmpleo:hover, 
.celdaIcono:hover {
	background-color: lightgoldenrodyellow;
}

.cuadroEstadistica {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-right: 30px;
}

.empleo, .empleoFin {
	display: inline-block;
	vertical-align: text-top;
	color: #4b67ae;
	background-color: white;
	padding: 20px;
	width: 29%;
	border-radius: 15px;
	margin: 21px auto;
	box-shadow: 7px 7px 6px 4px rgba(0, 0, 0, 0.1);
}

.empleoFin {
	margin-right: 0px;
}

.empleo .textoDelgado, 
.empleoFin .textoDelgado {
	font-weight: 100;
	color: #4b67ae;
}

.empleo h2, .empleoFin h2 {
	margin-top: 0px;
}

.clear {
	clear: both;
}

.oculto {
	display: none !important;
}

.direccionfieldsavedata {
	display: none;
}

.direccionciudadanoid{
	display: none;
}

.direccionfieldzipsavedata{
	display: none;
}

.collapsed .expando {
	display: none;
}

.expando {
	margin-top: -35px;
	padding-bottom: 2px;
}
/* Para los expando de empleos (ej. requisitos minimos)  */
.expando .cumpleCon {
	margin-right: 10%;
	text-align: justify;
}

.OPHeaderEmpleo {
	width: 90%
}

th.OPHeaderEmpleo {
	width: 0px !important;
	background-color: transparent !important;
	color: transparent !important;
}

/*****************************  REGISTRO  ****************************/
.loginBodyRegistro {
	display: flex;
	flex-direction: column;
	padding: 0px 0px 13px 10px;
}

.distribuirLinksCentro {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 0px;
}

.registrarse, 
.salidaUsuario {
	padding: 8px 10px;
	opacity: 0.9;
	cursor: pointer;
	color: #efefef;
}

.salidaUsuario:hover {
	border: whitesmoke thin solid;
	/* background-image: linear-gradient(to bottom, gray, black); */
}

.marginAuto {
	margin: auto;
}

/*********************** ANCHOS DE COLUMNA  ****************************/

/*********************** FORMULARIOS ****************************/
/* Formatea campos tipo input */
.camposLogin, 
.camposLista, 
.ingreso, 
.camposLogin350 {
	width: 250px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;
}

.codpostal {
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;
}

.compdir {	
	width: 220px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
}

.tipoletracuatro {	
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
}


.tipoletratres {	
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
}

.tipoletrados {	
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
}

.numuno {	
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
}

.preinscardinal {	
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
}

.tipoletra {	
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
}

.numtres {	
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
}

.nombrevia {	
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
}

.preinscripcionmunicipiodos {	
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
	
}

.preinscripcionviaprincipal {	
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
}

.preinscripciondepartamentodos {	
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
}
.tipodeviazonarural {	
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
}
.compdatosbasicospri {	
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
}
.tipodeviazonaruralsec {	
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
}

.editardireccionbut {
    width: 115px;
    height: 28px;
    padding: 5px 10px 4px 10px;
    background-color: #84BCF8;
    font-size: 123%;
    display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
}

.zonaruraldialogdtb {
  display: none;
}

.departamentomunicipiofields{
  display: none;
}

.zonaurbanadialogdtb {
  display: none;
}

.guardardivdtb {
  display: none;
}

.compdatosbasicos {	
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
}

.numdos {	
	width: 150px; /* 160px */
	height: 28px;
	padding: 5px 10px 4px 10px;
	background-color: white;
	font-size: 123%;
	overflow: hidden;	
}


.centradopreinscripcion{
	text-align:center;
	padding:8px;
	
}

.izquierdapreinscipcion{
	text-align:left;
	padding:8px;
}

.componentereferenciadireccion {
  border: 1px;
  border-style: solid;
  border-color: grey;
  width: 500px;
  padding: 10px;
	text-overflow: "";
	white-space: nowrap;
	background: white;
	word-wrap: break-word;
  text-align: left;
  overflow-x: auto;
}

.componentedireccion {
  border: 1px;
  border-style: solid;
  border-color: grey;
  width: 520px;
  padding: 10px;
	text-overflow: "";
	white-space: nowrap;
	background: white;
	word-wrap: break-word;
	/* top-left | top-right | bottom-right | bottom-left */
  text-align: left;
  overflow-x: auto;
}

.camposLogin.w150 {
	width: 150px;
}

.camposLogin.w160 {
	width: 160px;
}

.dInput {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: center;
}

.input-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 33%;
  flex: 33%;
}



.camposLogin.w40 {
	width: 40px;
}

.ingreso {
	width: 60% !important;
}

.camposLista {
	height: auto !important;
	border-radius: 10px;
}
/* Personalización de estilo para campo tipo TextArea */
.camposLogin.tArea,
.camposLogin.tArea250p, 
.camposLogin.tArea270, 
.camposLogin.tAreaOff,
.camposLogin.tAreaH150, 
.camposLogin.tAreaResultados,
.camposLogin.tArea91p,
.camposLogin.tAreaBorde,
.camposLogin.tAreaEstudio {
	width: 90%;
	height: 150px;
	padding: 15px;
	font-family: inherit !important;
	font-size: 120%;
	background-color: whitesmoke;
	overflow: auto;
}

.camposLogin.tArea,
.h100 {
	height: 100px !important;
}

.camposLogin.tArea250p {
	height: 240px !important;
}

.camposLogin.tArea91p {
	width: 91%;
}

.camposLogin.tArea95p {
	width: 95%;
	background-color: white !important;
}

.camposLogin.tArea.blanco {
	background-color: white !important;
	color: black !important;
}

.camposLogin.tArea270 {
	width: 270px;
}

.camposLogin.tArea270.blanco {
	background-color: white !important;
	color: black !important;
}

.camposLogin.tAreaOff {
	border: none !important;
}

.camposLogin.tAreaBorde {
	
}

.camposLogin.tAreaOff.h0 {
	height: auto;
	width: 80%;
}

.camposLogin.tAreaOff.blanco {
	background-color: white !important;
	color: black !important;
}

.camposLogin.tAreaResultados {
	font-size: 100%;
	margin-left: 40px;
}

/*********************** BOTONES, TABS ****************************/

.boton.botonDisabled{
    background: #efefef !important;
}

.botonGrande.botonHidden{
    background: #efefef !important;
}

.boton, 
.botonMediano, 
.botonGrande, 
.botonGrandeOpec, 
.tabGrande {
	margin: 0.2em;
/* 	-webkit-border-radius: 28; */
/* 	-moz-border-radius: 28; */
/* 	border-radius: 28px; */
	color: black !important;
	font-style: normal;
	font-weight: 100;
	text-decoration: none;
	border: none;
}

.boton {
	padding: 10px 18px;
}

.botonMediano {
	padding: 8px 70px;
	font-size: 160%;
}

.botonGrande, .botonGrandeOpec {
	padding: 8px 70px;
	font-size: 200%;
}

.boton.w290 {
	display: flex;
	width: 290px;
	margin-left: 20px;
}

.boton.w350 {
	width: 350px;
}
.boton.w70p {
	width: 70%;
}
.tabGrandeBeige {
	border-bottom-left-radius: 28px;
	border-bottom-right-radius: 28px;
	box-shadow: -3px 5px 6px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: -3px 5px 6px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: -3px 5px 6px 4px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: -3px 5px 6px 4px rgba(0, 0, 0, 0.3);
}

.tabGrandeBeige.espacioInterno {
	padding: 18px 70px;
}

.tabGrandeBeige.small70p {
	padding: 8px 20px;
	font-size: 70%;
	margin-top: -64px;
	margin-right: 10px;
}

.tabGrandeBeige:hover {
	background: whitesmoke !important;
	text-decoration: underline;
}

.tabGrandeBeigeBorde {
	background: #ffffff;
	background-image: linear-gradient(to bottom, #fff, #fff);
}

.tabGrandeBeige.centro {
	color: black;
	padding: 40px 30px 20px 20px;
	/* para que no se vea blanco en parte superior */
}

/* Alinear botón crear */
.tabAgregar {
	text-align: right;
	padding-bottom: 56px;
	height: 64px;
	margin-top: -10px;
}

.tabAgregar.mt-144 {
	margin-top: -144px;
}

.tabAgregar.nuevo {
	margin-top: -27px;
}

.tabAgregar.mt-90 {
	margin-top: -90px;
}

.tabAgregar.mt-61 {
	margin-top: -61px;
}

.tabAgregar.mt160 {
	margin-top: 160px;
}

/* Posicionar tab crear en Convocatorias.html */
.tabAgregar.posicionarTab {
	margin-top: -43px;
	margin-bottom: 20px;
}

.campoContrasena {
	width: 220px;
	height: 29px;
	padding: 3px 10px 0px 10px;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	-ms-border-radius: 18px;
	font-size: 123%;
}

/*********************** MENU LATERAL ****************************/
.fotoUsuario, 
.menuPpal {
	width: 230px;
	height: 863px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.fotoUsuario {
	height: 210px;
	padding-top: 35px;
}

.fotoUsuario .foto {
	width: 100px;
	height: 100px;
	margin: 0px auto;
	text-align: center;
	-webkit-border-radius: 57px;
	-moz-border-radius: 57px;
	border-radius: 57px;
	border: 4px solid white;
	overflow: hidden;
	background: url("./images/sinFotoPerfil.png");
	background-size: cover;
}

.fotoUsuario .nombreCiudadano {
	margin-top: 10px;
	font-size: 100% !important;
	font-weight: 500;
	text-transform: lowwercase;
	text-align: center;
	padding: 20px;
	color: black;
}
.sinBorde {
	border: 0px;
}

.menuPpal {
	height: 1100px;
	width: 209px;
	padding-top: 21px;
	padding-left: 21px;
	padding-bottom: 5vh;
	
}

.menuPpal .opcionMenu, 
.menuPpal .subMenu {
	margin-bottom: 3px;
	font-weight: 300;
	line-height: 100%;
	cursor: pointer;
}

.menuPpal .opcionMenu {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 120%;
	color: black;
}

.menuPpal .opcionMenu:hover {
	color: #f4f4f4; /* whitesmoke */
}

.menuPpal .subMenu {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 85%;
	color: black;
}

.menuPpal .subMenu:hover {
	color: #f4f4f4;
}

/* Fondo redondo para íconos */
.menuPpal .subMenu .iconoRedondo, 
.datosBasicos .iconoRedondo,
.datosBasicos .iconoFondoOscuro, 
.formPreinscripcion .iconoRedondo,
.iconoFondoGris {
	display: inline-block;
	width: -moz-fit-content;
	margin: auto 8px;
	padding: 4px;
	vertical-align: middle;
	
	opacity: 0.8;
	filter: alpha(opacity = 80);
}

/* Distribuye enlaces dentro de un DIV */
.distribuirLinks {
	margin-top: 20px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.distribuirLinks.loginDialog {
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
}
/* para boton: Escoja archivo */
.boton.w250 {
	display: flex;
	width: 250px;
}

/**************** BARRAS DE VENTANAS ****************/
/* Amplía o reduce espacio entre barras de título y dataGrids */
.barra.ampliaEspacioTab {
	margin-bottom: 46px;
}

.barra.reduceEspacioTab17 {
	margin-bottom: 17px;
}

.barra.reduceEspacio {
	margin-bottom: -46px;
}

.barra.reduceEspacio-20 {
	margin-bottom: -20px;
}

.barra.mT46 {
	margin-top: 46px !important;
}

/* Se envuelve al dataGrid (crud) */
.reduceEspacioGrid-196 {
	margin-top: -196px;
}

.reduceEspacioGrid-175 {
	margin-top: -175px;
}
.reduceEspacioGrid-166 {
	margin-top: -166px;
}

.reduceEspacioGrid {
	margin-top: -156px;
}

.reduceEspacioGrid-140 {
	margin-top: -140px;
}

.reduceEspacioGrid-126 {
	margin-top: -126px;
}

.reduceEspacioGrid-106 {
	margin-top: -106px;
}

.reduceEspacioGrid-96 {
	margin-top: -96px;
}
/* Utilizado en calificación requisitos mínimos */
.reduceEspacioGrid-86 {
	margin-top: -68px;
}

.reduceEspacioGrid-86.mb40 {
	margin-top: -86px;
	margin-bottom: 40px;
}

.reduceEspacioGrid-48 {
	margin-top: -48px;
}
.reduceEspacioGrid-36 {
	margin-top: -36px;
}
.reduceEspacioGrid-30 {
	margin-top: -30px;
}

.reduceEspacioGrid5 {
	margin-top: 5px;
}
.reduceEspacioGrid50 {
	margin-top: 50px;
}

/* Reclamaciones */
.reduceEspacioGridBotonCrear-40.dgrid {
	margin-top: -0px;
}

.reduceEspacioGrid-tabAgregar.tabAgregar {
	margin-bottom: -43px;
}

.reduceEspacioGrid-tabAgregar.tabAgregar.subirGrid {
	height: inherit;
	padding-bottom: 20px;
}

.reduceEspacioGrid-tabAgregar.mb0 {
	margin-bottom: 0px;
}

/* Mensaje: Se guardó correctamente */
.avisoGuardar .seGuardo {
	position: absolute;
	z-index: 100;
	margin-left: 40%;
	margin-top: -120px;
	margin-bottom: 50px;
}

/**************** CARGADOR ****************/
.cargador, .cargadorOculto {
	width: 100%;
	text-align: center;
}

.cargador {
	display: inline-block;
}

.cargador img {
	vertical-align: middle;
}

.cargador label, .cargadorOculto label {
	width: 100%;
	text-align: center;
}

/*********************** BARRA: TITULOS  ***********************/
.dijitDialogTitleBar {
	border-top: none;
	text-align: center;
	padding: 5px 7px 16px 7px;
}

/* Como en el caso del home ciudadano con el login (login.js) */
.mensajePopUp,
.mensajePopUp_400, 
.mensaje100, 
.mensajePopUp800 {
	width: 300px;
	margin: -30px 0px 20px;
	text-align: center;
	line-height: 1.5;
}

/* Mensajes del formulario de registro */
.mensaje100 {
	width: 100% !important;
}
.mensajePopUp_400 {
	width: 400px !important;
}
.mensajePopUp800 {
	width: 800px !important;
}

/************************* UPLOADER ***************/
.mensajeAdjuntos {
	font-size: 80%;
	max-width: 330px;
	text-align: center;
	margin: 0px auto;
	margin-top: 10px;
}
/* Para dar margen interna dentro del uploader */
.distribuirLinks.sinTop {
	margin: 0px 0px 0px 0px;
}

.distribuirFilas {
	margin-bottom: 6px;
	flex-direction: column;
	align-items: center;
}


.botoneraUpload {
	max-width: 336px;
	display: flex;
	flex-direction: row;
	min-height: 30px;
}

.botoneraUpload.mL185 {
	margin-left: 185px;
}
/* Botones uploader */
.boton.bordeBlanco {
	border: thin solid white;
	padding: 0px;
}
.boton.bordeBlanco.pad3, 
.pad3 {
	padding: 3px;
}

/************************* VIDEO MANUALES ***************/
.linkSinCambio a:visited, .linkSinCambio a:active {
	color: white;
}

.linkSinCambio a:hover {
	color: #06F;
}

/*****************************   ESCOGER ARCHIVO   ****************************/
.escogerArchivo {
	display: flex;
	align-items: center;
}

.iconoArchivo {
	padding: 2px;
	border-radius: 50%;
	border: thin solid #FFF;
	background-color: rgba(0, 0, 0, 0.2);
	margin: 0px auto;
}

.iconoArchivo.fondoVerde {
	background-color: #08415C !important;
}

/************************* ACRONIMO ***************/
acronym {
	cursor: help;
}

/*************** BREADCRUMB ***********************************/
.breadCrumb { /*componente*/
	background-color: #ddd;
	padding: 10px;
	border-bottom: 3px solid white;
	margin: 8px 0px 0px 8px;
}

.breadCrumb.panelControl {
	margin: 0px !important;
}

.breadCrumb a { /*paginas anteriores*/
	display: inline;
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.breadCrumb.div { /*pagina actual*/
	display: inline;
	color: #ddd;
}

.breadCrumb.sinColor {
	background-color: transparent !important;
	border-bottom: none !important;
}

.tapaBreadcrumb {
	background-color: #f3f3f3; 
	height: 35px;
	/* position: absolute; */
	z-index: 100;
	width: 91vw;
}

/*************** TABLA DATOS ***********************************/
.tablaDatos td, 
.tFormacion td, 
.tablaDatosRegistro td {
	padding: 8px;
	vertical-align: top;
}

/* Efecto de mouse-over */
.tablaDatos tr:hover, 
.tablaDatosRegistro tr:hover {
	background-color: #E1E9FF;
}
/* Color alterno de fila en la tabla (efecto cebra) */
.tablaDatos tr.color, 
.tablaDatosRegistro tr.color {
	background-color: #fbfbfb;
}
/* para centrar el botón */
.tablaDatos .botonGuardar, 
.tablaDatosRegistro .botonGuardar {
	text-align: center;
	padding: 30px 0px;
}

/* Icono de bote de basura para borrar, usado en la ventana emergente */
.advertencia {
	width: 24px;
	border-radius: 24px;
	padding: 10px 14px;
	background-color: #dc4f39;
	margin: 0px auto;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}

/*****************************   OPEC: USUARIOS CNSC: ventana emergente   ****************************/
.camposLogin.f100 {
	font-size: 100%;
}
/* Personaliza el alto de la ventana */
.loginBody.h640, .loginBodyScroll.h640 {
	height: 640px;
}

.loginBody.h310 {
	height: 310px;
}

.loginBody.h400 {
	height: 400px;
}

/* Estilo azul para botones upload */
.ponerBotonAzul .dijitButtonNode {
	background: #4161b4;
}

/***************************** inscripciones asignadas  ****************************/
.empleos, 
.avisosFondo {
	display: flex;
	flex-direction: column;

	background-color: whitesmoke;
	overflow: hidden;
	margin-top: 30px;
}
.avisosFondo {
	background-color: whitesmoke;
}


/* Req. Min: Evaluación de formación, experiencia, otros docs */

/***************************** Requisitos mínimos: inscripciones en trámite  ****************************/
.ordenXfilas {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 28px;
}

@media all and (max-width: 1280px) , ( min-device-width : 768px) and
	(max-device-width: 1280px) {
	.ordenXfilas {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 28px;
	}
	.visor600p {
		width: 600px;
		overflow: auto;
		margin-left: 20px;
	}
}

.derecha {
	text-align: right;
	margin-right: 23px;
}

/***************************** Grillas con CSS  ****************************/
.videos .table-layout {
	display: table;
	width: 100%;
}

.videos .table-layout .table-cell {
	display: table-cell;
	vertical-align: top;
}

.videos .table-layout .fixed-width {
	width: 200px;
}

.videos .row {
	
}

.videos .column-1 {
	width: 200px;
}

.videos .column-5 {
	width: 100%;
	color: steelblue;
}

.videos .column-5 h3 {
	border-bottom: thin steelblue solid;
}

.videos [class*='column-'] {
	float: left;
	position: relative;
	min-height: 1px;
}

.videos .descripcionVideo {
	color: black;
	font-style: normal;
	margin-top: 7px;
}

.videos .grid-item {
	padding: 1em;
	font-size: 1em;
	font-style: italic;
	text-align: center;
	background: whitesmoke;
	border: 1px solid #fff;
}

/**
 * http://www.csslab.cl/2016/06/01/grilla-css-responsive-fluid-fixed/
 */
.grid-table-layout {
	display: table;
	width: 100%;
	color: black;
}

.grid-table-layout-w98p {
	display: table;
	width: 98%;
}

.grid-table-layout.table-fixed, 
.grid-table-layout-w98p.table-fixed {
	table-layout: fixed;
}

.grid-table-layout .table-cell, 
.grid-table-layout-w98p .table-cell {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}
/* Para mezclar divisiones adaptativas con fijas */
.grid-table-layout .fixed-width {
	width: 200px;
	background: violet;
}

/* Filas de la grilla para alternar color de fondo */
.grid-row, .grid-row-gris, 
.grid-row-important {
	display: flex;
	flex-direction: row;
	padding-left: 10px;
	padding-right: 10px;
	
}
.grid-row-gris {
	background: #eee;
}
.grid-row.important, 
.grid-row-gris.important {
	display: flex !important;
}

/* Las filas se vuelven columnas, una sóla fila con muchos ítems. Ej. desarrolladoPor */
.grid-row.col, 
.grid-row-gris.col {
	flex-direction: column !important;
}

/* Celdas de diferentes tamaños */
[class*='grid-celda-'] {
	box-sizing: border-box;
	margin-bottom: 5px;
}

.grid-celda-1 {
	width: 25%;
}

.grid-celda-2 {
	width: 50%;
}

.grid-celda-3 {
	width: 75%;
}

.grid-celda-5 {
	width: 100%;
}

.grid-item {
	padding: 10px 0px;
}

@media ( max-width : 1280px) {
	.grid-row, .grid-row-gris {
		display: flex;
		flex-direction: column;
		padding-left: 10px;
	}
	[class*='grid-celda-'] {
		width: 100%;
	}
}

/***************************** Valoración antecedentes y Verificación Requisitos Mínimos  ****************************/
.pl30 {
	padding-left: 30px;
}

.ventanCalculoVA {
	padding-left: 50px;
	padding-right: 30px;
	margin-bottom: -60px !important;
}

.totalCalculo {
	font-size: 130%;
	color: black;
	background-color: #fecc00;
	font-weight: bold;
	margin: auto 31%;
}

.totalSeccion {
	color: dimgray;
	margin: 40px 30px -117px 0;
	font-size: 120%;
}

.totalSeccion.f100 {
	font-size: 100% !important;
}

/***************************** Estilos genéricos  ****************************/
.flexColCentrado, 
.flexCentradoEvenly, 
.flexCentradoBetween,
.flexRowCentrado {
	display: flex;
	align-items: center;
}

.flexColCentrado {
	flex-direction: column;
}
.flexRowCentrado {
	flex-direction: row;
}
.flexCentradoBetween {
	justify-content: space-between;
	align-items: normal;
}

.flexCentradoEvenly {
	justify-content: space-evenly;
	font-size: 120%;
}

.flexRowCentrado {
	flex-direction: row;
}
.flexFilas {
	display: flex !important;
	flex-direction: row;
}
.flexColumnas {
	display: flex !important;
	flex-direction: column;
}
.flexRowReverse {
	display: flex;
	justify-content: start;
	flex-flow: row-reverse;
}
.flexRowSinReverse {
	display: flex;
	justify-content: start;
}
.flexCentrarHorizontal {
	display: flex;
	justify-content: center;
	align-items: baseline;
}


.w97p {
	width: 97% !important;
}
.w95p {
	width: 95% !important;
}	
.w90p {
	width: 90% !important;
}
.w60p {
	width: 60% !important;
}
.w30p {
	width: 30% !important;
}
.w10p {
	width: 10% !important;
}
.h61vh {
	height: 61vh;
}



.flotarDerecha {
	float: right;
}

.flotarIzquierda {
	float: left;
}

.alinearDerecha {
	text-align: right;
}
.alinearFin {
	justify-content: end;
}
.alinearIzquierda {
	text-align: left !important;
}

.redondeado {
	padding: 5px;


	color: black;
	font-style: normal;
	font-weight: 100;
	font-size: 100%;
	text-decoration: none;
	border: thin solid white;
	text-align: center;
	z-index: 100;
}

.redondeado.gris {
	border: thin solid gray !important;
}

.redondeado.b10 {
	border-radius: 10px;
}

.redondeado.fondoBeige {
	margin: 10px auto;
	padding: 13px 13px 63px 13px !important;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	color: black;
	font-size: 100%;
	text-decoration: none;
	background: antiquewhite;
	font-weight: inherit;
}


.amarilloAlertas {
	color: black;
	font-weight: bold;
}

.minH60 {
	min-height: 60px;
}
.minH80 {
	min-height: 80px;
}

/* display: inline */
.inlineFlex {
	display: inline-flex !important;
}
.dInline,
.migaPan {
	display: inline;
}


/* margin-left */
.mL-20, 
.ml-20 {
	margin-left: -20px !important;
}
.ml-16 {
	margin-left: -16px !important;
}
.ml-10 {
	margin-left: -10px !important;
}
.ml-5 {
	margin-left: -5px !important;
}
.ml7p {
	margin-left: 7%;
}
.ml3p {
	margin-left: 3%;
}
.ml10 {
	margin-left: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.mL40, 
.ml40 {
	margin-left: 40px !important;
}
.ml90 {
	margin-left: 90px !important;
}
.ml120 {
	margin-left: 120px !important;
}
.ml45p {
	margin-left: 45% !important;
}

/* margin-right */
.mr-30 {
	margin-right: -30px !important;
}
.mr-20 {
	margin-right: -20px !important;
}
.mr-10 {
	margin-right: -10px !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr80 {
	margin-right: 80px !important;
}


/* margin-bottom */
.mb-105 {
	margin-bottom: -105px;
}
.mb-30 {
	margin-bottom: -24px;
}
.mb-10 {
	margin-bottom: -10px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb70 {
	margin-bottom: 70px;
}
.mb140 {
	margin-bottom: 140px;
}


/* margin-top */
.mt-5 {
	margin-top: -5px;
}
.mt-10 {
	margin-top: -10px;
}
.mt-15 {
	margin-top: -15px;
}
.mt-20 {
	margin-top: -20px;
}
.mt-30 {
	margin-top: -29px !important;
}
.mt-40 {
	margin-top: -40px !important;
}

.mt0 {
	margin-top: 0px;
}

.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px;
}
.mt50 {
	margin-top: 50px;
}
.mt60 {
	margin-top: 60px;
}
.mt90 {
	margin-top: 90px;
}
.mt150 {
	margin-top: 150px;
}

/* Distancias */
.t3 { top: 3px}


/* Tooltip */
.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center !important;
	border-radius: 6px;
	padding: 5px 0;
	/* Position the tooltip */
	position: absolute;
	z-index: 9999;
	margin-left: -150px;                      
}
.posFixed {
	position: fixed !important;
}
.tooltip .tooltiptext.derechaGif {
	margin-left: 0px !important;
}
.tooltip .tooltiptext.misempleosGif {
	margin-top: -240px !important;
} 
.tooltip .tooltiptext.w150 {
	width: 150px !important;
}
.tooltip:hover .tooltiptext {
	visibility: visible;
}
.h38 {
	height: 38px;
}

/* Clases semánticas para robot de pruebas */
.sin_olvidoContrasena,
.sin_b_regresar,
.sin_b_ingresar,
.b_ingresoHome, 
.b_buscar,
.b_limpiar,
.b_recuperarContrasena,
.b_enviarCodigoSeguridad,
.b_terminosCondiciones,
.b_cerrar,
.b_enviarSolicitudRegistro,
.b_cambiarContrasena { }


/* pestañas */
.conjuntoTabs {
    margin: 20px auto;
    width: 96%;  /* Ancho del contenedor */
   
}

/*modificacion para ver paginacion en consultaDashboard.html issue 1073*/
.conjuntoTabs input {
	height: 2.5em;
	/*visibility: hidden;*/
}

.conjuntoTabs .pestana {
	background: #e95166;  /* Fondo de las pestañas */
	border-radius: .25em .25em 0 0;
	color: white;  /* Color del texto de las pestañas */
	cursor: pointer;
	display: block;
	float: left;
	font-size: 1em;  /* Tamaño del texto de las pestañas */
	height: 2.5em;
	line-height: 2.5em;
	margin-right: .25em;
	padding: 0 1.5em;
	text-align: center;
}

.conjuntoTabs input:hover + label {
	background: #e95166;  /* Fondo de las pestañas al pasar el cursor por encima */
	color: #666;  /* Color del texto de las pestañas al pasar el cursor por encima */
}

.conjuntoTabs input:checked + label {
	background: #903240;  /* Fondo de las pestañas al presionar */
	color: white; /* Color de las pestañas al presionar */
	position: relative;
	z-index: 6;
	/*
	-webkit-transition: .1s;
	-moz-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	*/
}

.tabsContenido {
	background: #fce6e9;  /* Fondo del contenido */
	border-radius: 0 .25em .25em .25em;
	min-height: 20em;  /* Alto del contenido */
	position: relative;
	width: 100%;
	z-index: 5;
	 border: solid red 1px;
}

.tabsContenido .divContenido {
	overflow: auto;
	width: 100%;
}

.conjuntoTabs input#tab-1:checked ~ .tabsContenido.tabsContenido-1,
.conjuntoTabs input#tab-2:checked ~ .tabsContenido.tabsContenido-2,
.conjuntoTabs input#tab-3:checked ~ .tabsContenido.tabsContenido-3,
.conjuntoTabs input#tab-4:checked ~ .tabsContenido.tabsContenido-4 {
    opacity: 1;
    z-index: 100;
    overflow: hidden;
}

.pb30 {
	padding-bottom: 30px;
}


input.visible {
  visibility: visible !important;
}

.margin3 {
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
}
.margin3 h3 {
  	padding-top: 10px;
    padding-bottom: 6px;
    text-align: center;
}
.fondoBlanco {
	background: white;
}
.desplegableTexto {
	font-family: inherit;
	font-size: inherit;
	padding-left: 15px !important;
	line-height: 204%;
}

/* ACCESIBILIDAD */
.flotarZindex {
	position: relative;
	z-index: 100;
}
.captionZindex {
	color: black;
	margin-top: -12px; /* Separa un poco el encabezado de la grilla con la primera fila */
}
.muyPeque {
	display:none;
	font-size: 1px;
	line-height: 0px;
	position: absolute;
}

/* Color placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
}
:-moz-placeholder { /* Firefox 18- */
  color: black;
}
.f-s150p {
	font-size: 150%;
}
.f-s100p,
.migaPan {
	font-size: 120%;
	font-weight: bold !important;
	color: black;
}
.f-s80p {
	font-size: 80%;
}
.ocultarElemento {
	display: none;
}
.saltoLinea {
	display: block;
}
.marginAuto {
	margin: auto;
}
.colorHistoricoOpec {
	background-color: #a4d4ff !important;
}

.h180 {
	height: 180px;	
}
.h3 {
	height: 3px;
}
.h9 {
	height: 9px;
}
.h16 {
	height: 16px;
}
.borde2px {
	border: black solid thin;
}
.w45 div {
	width: 45px !important;
}
.w45 div input {
	text-align: center !important;
}
.iconoIndex {
	padding-right: 0px !important;
	padding-left: 5px !important;
	margin-left: 10px;
}

.w30 {
	width: 30px !important;
}
.pHorizontal {
	padding: 0px 12px;
}
/* Aviso de confirmación exitosa de transacción PSE */
.exitoPSE {
	margin: 30px;
	border-radius: 20px;
	margin-top: 35vh;
	padding: 20px;
/* 	border: solid gray 1px;
	background-color: whitesmoke; */
}
.p10h20v {
	padding: 10px 20px !important;
}

.maxWidth10p {
	max-width: 10%;
}
.mLaterales-20 {
	margin: 0px -20px;
}
.alinearIconoAcces {
	top: -29px;
	margin-right: -7px;
}
.vinotintoConPuntero {
	cursor: pointer; 
	text-decoration: underline !important; 
	color: #632328 !important;
}

.mayusculaWidth {
	text-transform: full-width uppercase;
}
.fs100p {
	font-size: 100% !important;
}
.fs80p {
	font-size: 80% !important;
}

/* left */
.l15 {
	left: 15px;
}

/* width */
.w18 {
	width: 18px;
}
.w60 {
	width: 60px;
}

.margin0auto {
	margin: 0px auto;
}
.bordeRojoRedondo {
    border: red solid 1px;
    padding: 10px 0px 10px 30px;
    border-radius: 10px;
}
.gifAyudasComponente {
	top: -49px;
	left: 50px;
}
.gifVideoComponente { 
	top: -46px;
	left: 115px;
}

/* Bordes de color */
.bordeCoral { border: coral solid 1px; }
.bordeAmarillo { border: yellow solid 1px; }
.bordeChartreuse { border: chartreuse solid 1px; }
.bordeRojo { border: red solid 1px; }

.bordeArribaNegro {
	border-top: black solid 1px;
}

/* GIF home */
.posIngresarHome {
	top: -16px;
	left: -26px;
}
.posRegistroHome {
	top: -36px;
	left: 30px;
}
.posOlvidoHome {
	top: -3px;
	left: 33px;
}
.posBuscarHome {
	top: -43px;
	left: 23px;
}
.posOfertaEmpleo {
	float: right;
}
.mLateral14 {
	margin: 0px -14px;
}
.backBlanco {
	background: white !important;
}
.backAzulClaroFranja {
	background: #36c !important;
}
.backAmarilloFranja {
	background: #efaf3f !important;
}
.backAzulMedioFranja {
	background: #d9383f !important;
}

/* Check OPEC */
.checkAScenso {
	float: right;
	margin-top: -250px;
	margin-right: 6%;
}

.franjaColores {
	display: flex;
	width: 100%;
}


.zoom80p {
	zoom:0.8;
}
.sinBold {
	font-weight: normal !important;
}


/* padding */
.pad6 {
	padding:6px;
}
.pad14 {
	padding:14px;
}
.pad20 {
	padding:20px;
}
.pad070 {
	
	padding: 12px 57px 3px 40px;
}
 

.scrollAuto {
	overflow: auto;
	white-space: nowrap;
}
.barraVerticalVisible {
	overflow-y: scroll !important;
}
.barrasVisibles {
	overflow: auto !important;
}

/* Barras de desplazamiento horizontal para cada renglón/option, que utiicen MultiSelect.js,
    como en requisitos de educación y otros */
select option { 
	overflow-x: auto;
	scrollbar-width: thin;
}
#dialogoDireccionId .dijitDialogPaneContent {
    border-top: 1px solid #759dc0;
    padding: 10px 8px;
    position: relative;
    overflow: auto;
    height: 70vh!important;
}
.box-s20 {
	padding: 20px;
	box-sizing: border-box;
}
caption {
	color: white;
    margin-top: 10px;
}

#experiencialaboral_horasDiarias  {
	padding: 5px 1px;
	margin-left: 7px !important;
}


#dijit_form_ValidationTextBox_2 {
    padding: 3px !important;
}