@font-face {
font-family: "HussarBold";
    src: url("https://www.sucheconsultores.com/css/fonts/hussarbold-webfont.woff") format("woff");
}
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: 'HussarBold', 'Calibri', sans-serif;
    
}
body{
    overflow-y:auto;
    overflow-x:hidden;
    display:inline-block;
    background-color:#cccccc;
}
.global_container {
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:rgba(0, 0, 0, 0.4);
    display: none;
    justify-content: center;
    z-index:200000000;

}
.global_alert_container {
    position:fixed;
    top:125px;
    left:0px;
    right:0px;
    height:40px;
    display: none;
    z-index:200000001;
}
.global_alert {
    position:absolute; 
    background-color: white; 
    margin:0; 
    padding:0px 20px;  
    border:none;
    border-radius:5px;
    display:flex;
    left:0px;
    top:0px; 
    width:70vw;
    height:40px; 
    align-items:center; 
    border-left:none;
}
.new_alert {
    background-color: white;
    height:fit-content;
    margin-top:200px; 
    margin-left:auto; 
    margin-right:auto; 
    padding:0; 
    border:solid 2px #084466; 
    display:flex; 
    align-items:center; 
    justify-content: center;
}
.global_alert_text {
    font-size:18px;
    font-weight:bold;
    white-space:nowrap;
}
.alert_text {
    font-size:25px;
    font-weight:bold;
}
.global_alert_subtext {
    font-size:18px;
    white-space:nowrap;
    margin-left:15px;
}
.alert_subtext {
    font-size:18px;
    height:180px;
    max-height:180px;
    overflow-y:auto;
    padding:0 10px;
    text-align:justify;
}
#accept_alert_button {
    color:#333333; 
    font-size:18px; 
    margin:0; 
    padding:0; 
    border:none; 
    background-color:transparent;
}
.label_login {
    font-weight:bold;
    color:#084466;
    margin-top:10px;
}
.prompt_form{
    width:400px;
    padding:0px;
    padding-top:0px;
    border:solid 2px #084466;
    height: fit-content;
    margin-top:150px;
    background-color:white;
    border-radius:10px;
    max-height:550px;
    overflow:hidden;
}
.prompt_form_content {
    max-height:500px;
    overflow-y:auto;
    padding-top:0px;
    padding:0px 20px;
    padding-bottom:20px;
}
.login_button {
    background-color:#084466;
    font-weight:bold;
    color:white;
    border:none;
    border-radius:5px;
    margin-top:10px;
    width:100%;
    height:40px;
}
.contacto_header {
    position:fixed;
    top:0px;
    width:100%; 
    background-color:white;
    height:45px;
    display:flex;
    align-items:center;
    border-bottom:solid 1px #eaeaea;
    color:#084466;
    font-weight:bold;
}
.contacto_opcion {
    height:100%;
    display:flex; 
    padding:0px 20px; 
    align-items:center;
    border-right:solid 1px #eaeaea;
}
.menu_pc {
    position:fixed;
    top:45px;
    width:100%;
    padding-left:12%;
    display:flex;  
    height:80px; 
    align-items:center; 
    background-color:white;
}
.opciones_menu {
    display:flex; 
    align-items:center;
    color:#084466;
    width:100%;
}
.opciones_menu:hover{
    color:gray;
}
.opcion_menu {
    padding:0px 20px;
    font-weight:bold;
    height:80px;
    display:flex;
    align-items: center;
    white-space: nowrap;
}
.opcion_menu:hover {
    color:#084466;
    cursor:pointer;
}
.boton_menu {
    
    font-weight: bold;
    padding:0 20px;
    margin-left: 10px;
    background-color:white;
    border:none;
    border-radius: 5px;
    color:#084466;
    display: flex;
    justify-content: center;
    align-items: center;
    height:100%;
}
.boton_menu_icon {
    font-size:30px;
}
.boton_menu:hover{
    transition-duration: 0.4s;
    background-color:#084466;
    color:white;
}
#servicios{
    position:fixed;
    top:125px;
    left:0px;
    right:0px;
    width:100vw;
    display:flex;
    opacity:0;
    height:0px;
    overflow:hidden;
    background-color:white;
    align-items:center;
    border-top:solid 1px #dddddd;
    z-index:200000002;
    transition:opacity ease 0.3s;
}
.servicio_menu {
    width:100%; 
    height:100%; 
    display:flex; 
    justify-content:center; 
    align-items: center;
}
.nombre_servicio {
    font-weight:bold;
    padding:5px;
    border-bottom:solid 2px white;
}
.nombre_servicio:hover {
    border-bottom:solid 2px blue;
    transition-duration: 1s;
    cursor:pointer;
}
.section_header_image {
    background-position:center center;
    background-size: cover;
    height:100vh; 
    display:flex; 
    align-items: center; 
    padding-left:15%;
    width:100%;
}
.header {
    background-size: cover; 
    background-position: center center;  
    width:100%; 
    display:flex; 
    align-items: center; 
    font-size: 50px; 
    font-weight:bold; 
    color:white; 
    margin-top:115px;"
}
.titulo_pagina {
    height:70px; 
    border-bottom:2px solid #084466; 
    width:100%; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    color:#084466; 
    font-size:30px; 
    font-weight:bold;
}
.titulo_seccion {
    color:#084466;
    font-size:20px;
    font-weight:bold;
    width:100%;
    margin-bottom:20px;
    display:flex; align-items:center;
}
.seccion_form {
    border:solid 3px #084466;
    border-radius:5px;
    padding:10px 20px;
    margin-bottom:20px;
}
.fila_form {
    width:100%;
    display:flex;
    margin-bottom:10px;
}
.label_cv {
    margin-bottom:0;
    margin-right:10px;
    margin-left:15px;
    font-weight:bold;
    white-space:nowrap;
    height:30px;
    display:flex;
    align-items:center;
}
.label_agregar_cv {
    margin:0;
    font-weight:bold;
    white-space:nowrap;
    height:20px;
    display:flex;
    align-items:center;
    font-size:12px;
}
.dato_agregar_cv {
    width:100%;
    height:30px;
    min-height:30px; 
    max-height:30px;
    border:solid 1px gray;
    border-radius:3px;
    padding:0;
    padding-left:5px;
    font-size:14px;
}
.dato_cv {
    width:100%;
    height:30px;
    border:solid 1px gray;
    border-radius:3px;
    padding-left:5px;
    font-size:12px;
}
.contenedor_tabla{
    width:100%;
    border:solid 1px black;
    min-height:200px;
}
.tabla{
    width:100%;
}
.fila_encabezado {
    display:flex;
    width:100%;
    border-bottom:solid 1px black;
    background-color: white;
}
.celda_encabezado {
    height:40px;
    border-right:solid 1px black;
    display:flex;
    align-items:center;
    padding-left:10px;
    font-weight:bold;
    font-size:18px;
}
.fila {
    display:flex;
    width:100%;
    border-bottom:solid 1px black;
    background-color: white;
}
.celda {
    padding:0px 5px;
    border-right:solid 1px black;
    white-space: nowrap;
    display:flex;
    align-items: center;
}
.tipos_estudios {
    width:20%;
    max-width:20%;
    min-width:20%;
    overflow-x:hidden;
}
.instituciones_estudios {
    width:25%;
    max-width:25%;
    min-width:25%;
    overflow-x:hidden;
}
.estados_estudios {
    width:15%;
    max-width:15%;
    min-width:15%;
    overflow-x:hidden;
}
.fechas_inicio_estudios {
    width:10%;
    max-width:10%;
    min-width:10%;
    overflow-x:hidden;
}
.fechas_fin_estudios {
    width:10%;
    max-width:10%;
    min-width:10%;
    overflow-x:hidden;
}

.instituciones_trabajos {
    width:15%;
    max-width:15%;
    min-width:15%;
    overflow-x:hidden;
}
.cargos_trabajos {
    width:20%;
    max-width:20%;
    min-width:20%;
    overflow-x:hidden;
}
.tareas_trabajos {
    width:20%;
    max-width:20%;
    min-width:20%;
    overflow-x:hidden;
}
.estados_trabajos {
    width:10%;
    max-width:10%;
    min-width:10%;
    overflow-x:hidden;
}
.fechas_inicio_trabajos {
    width:10%;
    max-width:10%;
    min-width:10%;
    overflow-x:hidden;
}
.fechas_fin_trabajos {
    width:10%;
    max-width:10%;
    min-width:10%;
    overflow-x:hidden;
}

.nombres_cursos {
    width:25%;
    max-width:25%;
    min-width:25%;
    overflow-x:hidden;
}
.instituciones_cursos {
    width:25%;
    max-width:25%;
    min-width:25%;
    overflow-x:hidden;
}
.estados_cursos {
    width:15%;
    max-width:15%;
    min-width:15%;
    overflow-x:hidden;
}
.fechas_inicio_cursos {
    width:10%;
    max-width:10%;
    min-width:10%;
    overflow-x:hidden;
}
.fechas_fin_cursos {
    width:10%;
    max-width:10%;
    min-width:10%;
    overflow-x:hidden;
}

.nombres_idiomas {
    width:25%;
    max-width:25%;
    min-width:25%;
    overflow-x:hidden;
}
.niveles_idiomas {
    width:25%;
    max-width:25%;
    min-width:25%;
    overflow-x:hidden;
}
.fechas_certificacion_idiomas {
    width:20%;
    max-width:20%;
    min-width:20%;
    overflow-x:hidden;
}
.nombres_referencias {
    width:15%;
    max-width:15%;
    min-width:15%;
    overflow-x:hidden;
}
.apellidos_referencias {
    width:15%;
    max-width:15%;
    min-width:15%;
    overflow-x:hidden;
}
.puestos_referencias {
    width:15%;
    max-width:15%;
    min-width:15%;
    overflow-x:hidden;
}
.empresas_referencias {
    width:15%;
    max-width:15%;
    min-width:15%;
    overflow-x:hidden;
}
.telefonos_referencias {
    width:10%;
    max-width:10%;
    min-width:10%;
    overflow-x:hidden;
}
.correos_referencias {
    width:20%;
    max-width:20%;
    min-width:20%;
    overflow-x:hidden;
}
.boton_agregar {
    border:none;
    background-color: transparent;
    color:#084466;
    font-size:20px;
}
.boton_cancelar {
    padding:5px 10px;
    background-color:gray;
    border:none;
    font-size:14px;
    font-weight: bold;
    color:white;
}
.boton_mi_usuario {
    width:100%; 
    background-color:transparent; 
    padding:0px 20px; 
    height:40px; 
    border-radius:20px; 
    margin:0px 10px; 
    border:none; 
    color:gray; 
    font-weight:bold;
}
.boton_mi_usuario:hover {
    background-color:#084466;
    color:white;  
}
.boton_guardar {
    padding:5px 10px;
    background-color:#084466;
    border:none;
    font-size:14px;
    font-weight: bold;
    color:white;
}
.boton_azul{
    font-size:15px;
    font-weight: bold;
    padding:0px 20px;
    margin-left: 10px;
    background-color:white;
    border:solid 1px #084466;
    border-radius: 5px;
    color:#084466;
    display: flex;
    justify-content: center;
    align-items: center;
    height:20px;
}
.boton_azul:hover{
    transition-duration: 0.4s;
    color:white;
    background-color:#084466;
}
.prompt_header {
    background-color:#f4f4f4; 
    padding:10px 0px; 
    display:flex; 
    align-items: center; 
    font-weight:bold; 
    padding-left: 10px;
}
.prompt_footer {
    background-color:#f4f4f4; 
    padding:5px 0px; 
    display:flex; 
    justify-content:flex-end; 
    width:100%;
}
.seccion_quienes_somos {
    width:100%; 
    display:flex; 
    align-items:center; 
    padding:0px 120px;
}
.container_quienes_somos {
    width:50%; 
    display: flex; 
    justify-content: center;
}
.img_quienes_somos {
    background-size: cover; 
    background-position: center center; 
    height:550px; 
    width:550px;
}
.seccion_nuestros_servicios {
    width:100%; 
    padding:80px 100px; 
    background-color:#f2f2f2;
}
.titulo_nuestros_servicios {
    padding:0px 30px; 
    padding-bottom:40px;
    font-size:40px; 
    font-weight:bold; 
    color:#084466;
}
.container_nuestros_servicios {
    width:100%; 
    padding:0px 15px; 
    display:flex; 
}
.nuestros_servicios {
    width:100%; 
    margin:0px 15px;
    background-color:white; 
    padding:20px;
    border-bottom:3px solid white;
}
.nuestros_servicios:hover{
    transition-duration: 0.2s;
    border-bottom:3px solid blue;
    cursor:pointer;
}
.nuestro_servicio {
    width:100%;
    text-align: center;
}
.icono_del_servicio {
    font-size:50px;
    color:blue;
    margin-bottom:30px;
    display:flex;
    justify-content:center;
    width:100%;
}
.titulo_del_servicio {
    margin-bottom:10px; 
    font-size:22px; 
    font-weight:bold; 
    height:65px;
}
.descripcion_del_servicio {
    width:100%; 
    color:gray; 
    font-size:18px;
}
.oferta_laboral {
    width:100%;
    margin:0px 50px;
}
.oferta_laboral:hover {
    cursor:pointer;
}
.texto_oferta {
    margin-top:-40px; 
    background-color:white; 
    height:150px; 
    padding:10px 20px; 
    text-align:left; 
    overflow:hidden;
    transition: margin-top ease 0.4s;
    border:solid 1px #084466;
}
.oferta_laboral:hover .texto_oferta{
    margin-top:-100px;
}
.footer_principal {
    font-size:28px; 
    margin-top:80px; 
    width:60%; 
    text-align: center; 
    color:white; 
    font-weight: bold;
}

.input_contacto {
    background-color: #F6F6F6;
    border:none;
    outline:none;
    padding:0px 10px;
    border-radius:5px;
    margin-bottom:10px;
    width:100%;
    height:50px;
}
.background_div {
    padding: 0;
    padding-bottom:10px;
}
.filter_div{
    border:solid 1px gray;
    border-top:none;
    border-bottom:none;
    width:fit-content; 
    display: flex; 
    padding:0px 10px;
    height:30px; 
    align-items:center;
    background-color:#DDDDDD;
    width:100%;
}
.div_archivo {
    position:relative; 
    padding:0; 
    cursor:default; 
    height:30px; 
    display:flex; 
    align-items:center;
    background-color:transparent;
    width:120px;
}
.opcion_archivo {
    width:100%;
    padding:5px 10px;
    display:flex;
}
.opcion_archivo:hover{
    background-color:#CCCCCC;
}
.boton_archivo {
    width:100%; 
    outline:none; 
    border:none; 
    height:20px; 
    display:flex; 
    justify-content:flex-start; 
    align-items:center; 
    padding:0px;
    background-color:transparent;
    outline:0px !important;
    -webkit-appearance:none;
    text-decoration:none;
    color:black;
    cursor:default;
}
.boton_archivo:hover {
    text-decoration:none;
    color:black;
    cursor:default;
}
.titulo_archivo{
    padding:0px 10px;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
#boton_filtrar {
    height:30px;
    outline:none;
    border:none;
    background-color:transparent;
    width:120px;
}
.boton_archivo:focus{
  outline:0px !important;
  -webkit-appearance:none;
}
.icon_opciones_context {
    margin-right:10px;
    font-size:14px;
    width:30px;
    display:flex;
    justify-content:center;
}
.calc_table {
    width:100%;
    height:calc(100vh - 169px);
    max-height:calc(100vh - 169px); 
    overflow-x:scroll;
    overflow-y:scroll;
    border:none;
    border-left:none;
    background-color:darkgray;
    margin-bottom:0;
    border-bottom:solid 1px gray;
}
.inner_table {
    background-color:darkgray;
    padding-bottom:100px;
    position:relative;
}
#opciones_archivo {
    min-width:230px;
    max-width:230px;
    font-size:14px; 
    z-index:1000001; 
    position:absolute; 
    top:30px; 
    left:0px; 
    display:none; 
    background-color:white; 
    border:solid 1px gray; 
    padding:0;
}
.inner_table_row {
    height:25px; 
    border-bottom:solid 1px gray; 
    border-left:none;
    background-color:#EEEEEE;
    font-family:Calibri;
}
.inner_table_header {
    border:none;
    border: 1px solid gray;
    background-color :#DDDDDD;
    font-size: 15px;
    min-height:25px;
    padding:0px 5px;
    position: sticky;
    top:-1px;
    font-weight:bold;
    text-align:center;
    white-space:nowrap;
    cursor:default;
}
.inner_table_header2 {
    border: 1px solid gray;
    font-size: 15px;
    min-height:25px;
    padding:0px 5px;
    position: relative;
    font-weight:bold;
    text-align:center;
    white-space:nowrap;
    cursor:default;
}
.inner_table_header_cell {
    display:flex;
    border-top:solid 1px gray;
    border-bottom:solid 1px gray;
    position:absolute;
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    justify-content:center; 
    align-items:center;
    overflow-x:hidden;
}
.inner_table_cell {
    border:none;
    height:100%; 
    border: 1px solid gray;
    background-color:transparent;
    font-size: 15px;
    padding: 0px 5px;
    white-space:nowrap;
    cursor:default;
    overflow-x:hidden;
    overflow-y:visible;
}
.inner_table_cell_input {
    background-color:transparent;
    border:none;
    font-size:15px;
    width:100%;
}
.header_filter_title {
    width:100%;
    margin-right:5px;
}
.filter_icon{
    font-size:12px;
    margin-right:5px;
}
.header_cell_options {
    font-weight:normal; 
    font-size:14px; 
    z-index:1000001; 
    position:absolute; 
    top:24px; 
    left:20px; 
    display:none; 
    background-color:white; 
    border:solid 1px gray; 
    border-top:none; 
    padding:5px 20px; 
    height:340px;
    max-height:340px;
    width:250px;
    max-width:250px;
    overflow-y:auto;
    user-select:none;
    padding-bottom:20px;
    border-radius:5px;
    box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
}
.header_cell_options2 {
    font-weight:normal; 
    font-size:14px; 
    z-index:1000001; 
    position:absolute; 
    top:24px; 
    left:20px; 
    display:none; 
    background-color:white; 
    border:solid 1px gray; 
    border-top:none; 
    padding:5px 20px;
    max-height:340px;
    width:250px;
    max-width:250px;
    overflow-y:auto;
    user-select:none;
    padding-bottom:20px;
    border-radius:5px;
    box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
}
.searchbar_container {
    display:flex; 
    align-items:center; 
    cursor:default; 
    user-select:none;
    margin-bottom:5px;
    border:solid 1px #084466;
    padding-left:5px;
    border-radius:4px;
}
.searchbar {
    min-width:80px;
    width:100%;
    height:25px;
    outline:none;
    padding:0px 5px;
    border:none;
}
.select_all_container {
    width:100%;
    display:flex;
    align-items:center;
}
.select_all_button {
    padding:2px 5px;
    color:#084466;
    cursor:default;
    user-select:none;
    margin-bottom:5px;
    margin-right:5px;
    text-decoration:underline;
}
.options_container {
    height:216px;
    max-height:216px;
    overflow-y:auto;
    padding:0px 5px;
    overflow-x:hidden;
    border-top:solid 1px gray;
    border-bottom:solid 1px gray;
}
.global_option {
    min-width:100%;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    white-space:nowrap;
    padding:2px 0px;
}
.global_check {
    margin-right:5px;
    width:15px;
    height:15px;
}
.global_span {
    margin-bottom:0px;
    padding-bottom:0px;
    font-size:16px;
    width:100%;
    text-align:left;
}
.filter_button_container {
    width:100%;
    display:flex;
    justify-content:flex-end;
}
.filter_button {
    margin-top:10px;
    padding:2px 5px;
    background-color:#084466;
    color:white;
    font-weight:bold;
    user-select:none;
    cursor:default;
    border-radius:5px;
}
.label_fecha {
    margin-right:10px; 
    font-size:16px;
    font-weight:bold;
    height:25px; 
    display:flex; 
    align-items:center;
    width:50px;
}
.admin_options {
    padding:10px 20px; 
    width:100%; 
    border:solid 2px #084466; 
    border-radius:10px; 
    margin-bottom:20px; 
    cursor:pointer;
    background-color:white;
}
.admin_options:hover {
    background-color: #084466;
    color:white;
    transition-duration: 0.4s;
}
#visualizador {
    width:calc(100% - 300px); 
    display:flex;
    height: 100%;
}
.admin_options_container {
    min-width:300px;
    width:300px; 
    padding:20px; 
    border-right:solid 2px #084466;
}
.link_redes {
    font-size:25px; 
    padding:5px 20px;
}
.subtitulos_cv {
    font-size:30px; 
    font-weight:bold;
    border-bottom:solid 2px; 
    padding-bottom:5px;
}