/*s+a+f*/
.bordediv{
  border: 1px solid #369;
}
/*Blanco*/
@media (min-width: 0px) {
  :root {
    /*--fondo_color: rgb(255, 255, 255);*/

    --index_cab_cols: 200px 1fr 200px;
    --index_cab_rows: 5rem;

    --index_menu_col: 2 / 3;
    --index_menu_row: 1 / 2;

    --index_logo_col: 1 / 2;
    --index_logo_row: 1 / 2;

    --index_quipu_col: 3 / 4;
    --index_quipu_row: 1 / 2;

    --index_menu_color: rgb(0, 37, 123);

    --log_form_cols: 1fr 20fr 1fr;
    --log_form_rows: 20px 150px 50px 150px 50px;

    --log_imag_col: 2 / 3;
    --log_imag_row: 2 / 3;

    --log_tit_col: 2 / 3;
    --log_tit_row: 3 / 4;

    --log_form_col: 2 / 3;
    --log_form_row: 4 / 5;

    --log_pie_col: 2 / 3;
    --log_pie_row: 5 / 6;

    --log_form_titulo_color: #f7f7f7;
    --log_form_form_color: #ffffff;


    --log_form_form_cols: 1fr 250px 1fr;
    --log_form_form_rows: 1fr 3fr 1fr 4fr ;

    --log_form_form_titulo_col: 2 / 3;
    --log_form_form_titulo_row: 1 / 2;

    --log_form_form_ctr_col: 2 / 3;
    --log_form_form_ctr_row: 2 / 3;

    --log_form_form_btn_col: 2 / 3;
    --log_form_form_btn_row: 3 / 4;


    --menu_contenedor_cols: 1fr 1fr 1fr;
    --menu_contenedor_rows: 80px 1fr;

    --menu_cont_chat_col: 1 / 2;
    --menu_cont_chat_row: 1 / 2;

    --menu_cont_salir_col: 3 / 4;
    --menu_cont_salir_row: 1 / 2;

    --menu_cont_contenedor_col: 2 / 3;
    --menu_cont_contenedor_row: 2 / 4;


    --menu_cont_contenedor_cols: repeat(auto-fit, 250px);

    --menu_cont_cont_item_cols: 1fr 2fr;
    --menu_cont_cont_item_rows: 1fr 2fr;

    --menu_cont_cont_item_img_col: 1 / 2;
    --menu_cont_cont_item_img_row: 1 / 3;

    --menu_cont_cont_item_titulo_col: 2 / 3;
    --menu_cont_cont_item_titulo_row: 1 / 2;

    --menu_cont_cont_contenido_col: 1 / 4;
    --menu_cont_cont_contenido_row: 2 / 4;


    --chat_contenedor_cols: 3fr 1fr 40px 80px;
    --chat_contenedor_rows: 40px 60vh 40px;

    --chat_cont_titulo_col: 1 / 4;
    --chat_cont_titulo_row: 1 / 2;

    --chat_cont_cerrar_col: 4 / 5;
    --chat_cont_cerrar_row: 1 / 2;

    --chat_cont_usuarios_col: 1 / 2;
    --chat_cont_usuarios_row: 2 / 3;

    --chat_cont_chat_col: 2 / 5;
    --chat_cont_chat_row: 2 / 3;

    --chat_cont_mensaje_col: 1 / 3;
    --chat_cont_mensaje_row: 3 / 4;

    --chat_cont_adjuntar_col: 3 / 4;
    --chat_cont_adjuntar_row: 3 / 4;

    --chat_cont_enviar_col: 4 / 5;
    --chat_cont_enviar_row: 3 / 4;

    --chat_cont_reconectar_col: 1 / 5;
    --chat_cont_reconectar_row: 3 / 4;

    --procesos_contenedor_cols: 10px 1fr 10px;
    --procesos_contenedor_rows: 20px 40px 1fr;

    --proc_menu_col: 2 / 3;
    --proc_menu_row: 2 / 3;

    --proc_cont_col: 2 / 3;
    --proc_cont_row: 3 / 4;

    --proc_cont_tabla_col: 2 / 3;
    --proc_cont_tabla_row: 4 / 5;

    --proc_cont_menu_item_cols: repeat(2, 200px) 1fr 200px;

    --proc_procesos_form_cols: 1fr 1fr;

    --proc_procesos_form_crear_cols: 150px 150px 80px 150px 1fr 1fr;

    --proc_procesos_form_crear_plantilla_cols: 200px 1fr 1fr;
    
    --proc_procesos_proyectos_cols: repeat(100, 1fr);
    
    --proc_cont_filtro_tareas_cols: 100px 250px 100px 250px repeat(6, 1fr);

    --adm_empl_cont_cols: 21fr 35fr 42fr;
    --adm_empl_cont_rows: 100px;
    --adm_empl_controles_cols: 90px 250px;

    --adm_empl_asignar_ruc_cols: 2fr 10fr;

    --config_encargados_cols: 1fr 1fr 1fr 1fr;


    --regimenes_contenedor_cols: 1fr;
    --regimenes_contenedor_rows: 27vh 5vh;

    --regimenes_fechas_cols: 1fr 1fr;
    --regimenes_botones_cols: 1fr 2fr 1fr 1fr;

    --calificacion_titulo_cols: 25fr 1fr 1fr;

    --proyecto_titulo_cols: 25fr 1fr;
    --proyecto_control_cols: 1fr 3fr;
    

  }
}

/*Azul*/
@media (min-width: 801px) {
  :root {
    /*--fondo_color: rgb(213, 213, 255);*/

    --index_cab_cols: 200px 1fr 200px;
    --index_cab_rows: 5rem;

    --index_menu_col: 2 / 3;
    --index_menu_row: 1 / 2;

    --index_logo_col: 1 / 2;
    --index_logo_row: 1 / 2;

    --index_quipu_col: 3 / 4;
    --index_quipu_row: 1 / 2;

    --index_menu_color: rgb(0, 37, 123);

    --log_form_cols: 1fr 4fr 4fr 1fr;
    --log_form_rows: 50px 50px 200px 50px;

    --log_imag_col: 2 / 4;
    --log_imag_row: 2 / 5;

    --log_tit_col: 3 / 4;
    --log_tit_row: 2 / 3;

    --log_form_col: 3 / 4;
    --log_form_row: 3 / 4;

    --log_pie_col: 3 / 4;
    --log_pie_row: 4 / 5;

    --log_form_titulo_color: #f7f7f7;
    --log_form_form_color: #ffffff;

    
    --log_form_form_cols: 1fr 250px 1fr;
    --log_form_form_rows: 1fr 3fr 1fr 4fr ;

    --log_form_form_titulo_col: 2 / 3;
    --log_form_form_titulo_row: 1 / 2;

    --log_form_form_ctr_col: 2 / 3;
    --log_form_form_ctr_row: 2 / 3;

    --log_form_form_btn_col: 2 / 3;
    --log_form_form_btn_row: 3 / 4;


    --menu_contenedor_cols: 50px 50px 1fr 100px;
    --menu_contenedor_rows: 40px 40px 1fr;

    --menu_cont_chat_col: 1 / 3;
    --menu_cont_chat_row: 1 / 3;

    --menu_cont_salir_col: 4 / 5;
    --menu_cont_salir_row: 1 / 3;

    --menu_cont_contenedor_col: 3 / 4;
    --menu_cont_contenedor_row: 1 / 4;


    --menu_cont_contenedor_cols: repeat(auto-fit, 250px);

    --menu_cont_cont_item_cols: 1fr 2fr;
    --menu_cont_cont_item_rows: 1fr 2fr;

    --menu_cont_cont_item_img_col: 1 / 2;
    --menu_cont_cont_item_img_row: 1 / 3;

    --menu_cont_cont_item_titulo_col: 2 / 3;
    --menu_cont_cont_item_titulo_row: 1 / 2;

  }
}

/*Verde*/
@media (min-width: 1281px) {
  :root {
    /*--fondo_color: rgb(226, 255, 226);*/

    --index_cab_cols: 200px 1fr 200px;
    --index_cab_rows: 5rem;

    --index_menu_col: 2 / 3;
    --index_menu_row: 1 / 2;

    --index_logo_col: 1 / 2;
    --index_logo_row: 1 / 2;

    --index_quipu_col: 3 / 4;
    --index_quipu_row: 1 / 2;

    --index_menu_color: rgb(0, 37, 123);


    --log_form_cols: 1fr 1fr 1fr 1fr;
    --log_form_rows: 50px 50px 200px 50px;

    --log_imag_col: 2 / 4;
    --log_imag_row: 2 / 5;

    --log_tit_col: 3 / 4;
    --log_tit_row: 2 / 3;

    --log_form_col: 3 / 4;
    --log_form_row: 3 / 4;

    --log_pie_col: 3 / 4;
    --log_pie_row: 4 / 5;

    --log_form_titulo_color: #f7f7f7;
    --log_form_form_color: #ffffff;
    
    --log_form_form_cols: 1fr 250px 1fr;
    --log_form_form_rows: 1fr 3fr 1fr 4fr ;

    --log_form_form_titulo_col: 2 / 3;
    --log_form_form_titulo_row: 1 / 2;

    --log_form_form_ctr_col: 2 / 3;
    --log_form_form_ctr_row: 2 / 3;

    --log_form_form_btn_col: 2 / 3;
    --log_form_form_btn_row: 3 / 4;


    --menu_contenedor_cols: 50px 50px 1fr 100px;
    --menu_contenedor_rows: 40px 40px 1fr;

    --menu_cont_chat_col: 1 / 3;
    --menu_cont_chat_row: 1 / 3;

    --menu_cont_salir_col: 4 / 5;
    --menu_cont_salir_row: 1 / 3;

    --menu_cont_contenedor_col: 3 / 4;
    --menu_cont_contenedor_row: 1 / 4;


    --menu_cont_contenedor_cols: repeat(auto-fit, 250px);

    --menu_cont_cont_item_cols: 1fr 2fr;
    --menu_cont_cont_item_rows: 1fr 2fr;

    --menu_cont_cont_item_img_col: 1 / 2;
    --menu_cont_cont_item_img_row: 1 / 3;

    --menu_cont_cont_item_titulo_col: 2 / 3;
    --menu_cont_cont_item_titulo_row: 1 / 2;

    --menu_cont_cont_contenido_col: 3 / 4;
    --menu_cont_cont_contenido_row: 1 / 4;


    --chat_contenedor_cols: 2fr 4fr 50px 100px;
    --chat_contenedor_rows: 40px 60vh 40px;

    --chat_cont_titulo_col: 2 / 3;
    --chat_cont_titulo_row: 1 / 2;

    --chat_cont_cerrar_col: 4 / 5;
    --chat_cont_cerrar_row: 1 / 2;

    --chat_cont_usuarios_col: 1 / 2;
    --chat_cont_usuarios_row: 2 / 3;

    --chat_cont_chat_col: 2 / 5;
    --chat_cont_chat_row: 2 / 3;

    --chat_cont_mensaje_col: 1 / 3;
    --chat_cont_mensaje_row: 3 / 4;

    --chat_cont_adjuntar_col: 3 / 4;
    --chat_cont_adjuntar_row: 3 / 4;

    --chat_cont_enviar_col: 4 / 5;
    --chat_cont_enviar_row: 3 / 4;

    --chat_cont_reconectar_col: 1 / 5;
    --chat_cont_reconectar_row: 3 / 4;
  
  }
}

/*Rojo*/
@media (min-width: 1921px) {
  :root {
    /*--fondo_color: rgb(255, 202, 202);*/
  }
}

body {
  background:var(--fondo_color);
}

.index_cabecera {
  display: grid;
  grid-template-columns: var(--index_cab_cols);
  grid-template-rows: var(--index_cab_rows);
  background-color: var(--index_menu_color);
}

.index_menu {
  grid-column: var(--index_menu_col);
  grid-row: var(--index_menu_row);
}

.index_Logo {
  grid-column: var(--index_logo_col);
  grid-row: var(--index_logo_row);
  display: flex;
  align-items: center;
  padding-left: 10px;
}

.index_quipu {
  grid-column: var(--index_quipu_col);
  grid-row: var(--index_quipu_row);
  display: flex;
  align-items: center;
}

.login_contenedor{
  display: grid;
  grid-template-columns: var(--log_form_cols);
  grid-template-rows: var(--log_form_rows);
}

.login_imagen{
  grid-column: var(--log_imag_col);
  grid-row: var(--log_imag_row);
  background: url(../imagenes/login.png) no-repeat;
  background-size: cover;
}

.login_titulo{
  grid-column: var(--log_tit_col);
  grid-row: var(--log_tit_row);
  background-color: var(--log_form_titulo_color);
  text-align: center;
}

.login_formulario{
  grid-column: var(--log_form_col);
  grid-row: var(--log_form_row);
  background-color: var(--log_form_form_color);

  display: grid;
  grid-template-columns: var(--log_form_form_cols);
  grid-template-rows: var(--log_form_form_rows);
}

.login_form_titulo{
  grid-column: var(--log_form_form_titulo_col);
  grid-row: var(--log_form_form_titulo_row);
  text-align: center;
}

.login_form_controles{
  grid-column: var(--log_form_form_ctr_col);
  grid-row: var(--log_form_form_ctr_row);
}

.login_form_boton{
  grid-column: var(--log_form_form_btn_col);
  grid-row: var(--log_form_form_btn_row);
}

.login_pie{
  grid-column: var(--log_pie_col);
  grid-row: var(--log_pie_row);
  background-color: var(--log_form_titulo_color);
  text-align: center;
}

.menu_contenedor{
  display: grid;
  grid-template-columns: var(--menu_contenedor_cols);
  grid-template-rows: var(--menu_contenedor_rows);
}

.menu_cont_chat{
  grid-column: var(--menu_cont_chat_col);
  grid-row: var(--menu_cont_chat_row);
  display: flex;
  align-items: center;
}

.menu_cont_salir{
  grid-column: var(--menu_cont_salir_col);
  grid-row: var(--menu_cont_salir_row);
  display: flex;
  align-items: center;
}

.menu_cont_contenedor{
  grid-column: var(--menu_cont_contenedor_col);
  grid-row: var(--menu_cont_contenedor_row);
}

.menu_cont_cont_apps{
  display: grid;
  grid-template-columns: var(--menu_cont_contenedor_cols);
  grid-gap: 20px;
}

.menu_cont_cont_item_grupo{
  grid-column: 1 / -1;
}

.menu_cont_cont_item{
  display: grid;
  grid-template-columns: var(--menu_cont_cont_item_cols);
  height: 100px;
}

.menu_cont_cont_item_imag{
  grid-column: var(--menu_cont_cont_item_img_col);
  grid-row: var(--menu_cont_cont_item_img_row);
}

.menu_cont_cont_item_titulo{
  grid-column: var(--menu_cont_cont_item_titulo_col);
  grid-row: var(--menu_cont_cont_item_titulo_row);
  text-align: center;
}

.menu_cont_cont_contenido{
  grid-column: var(--menu_cont_cont_contenido_col);
  grid-row: var(--menu_cont_cont_contenido_row);
  margin-top: 20px;
}

.chat_contenedor{
  display: grid;
  grid-template-columns: var(--chat_contenedor_cols);
  grid-template-rows: var(--chat_contenedor_rows);
}

.chat_cont_titulo{
  grid-column: var(--chat_cont_titulo_col);
  grid-row: var(--chat_cont_titulo_row);
}

.chat_cont_cerrar{
  grid-column: var(--chat_cont_cerrar_col);
  grid-row: var(--chat_cont_cerrar_row);
}

.chat_cont_usuarios{
  grid-column: var(--chat_cont_usuarios_col);
  grid-row: var(--chat_cont_usuarios_row);
}

.chat_cont_chat{
  grid-column: var(--chat_cont_chat_col);
  grid-row: var(--chat_cont_chat_row);
}

.chat_cont_mensaje{
  grid-column: var(--chat_cont_mensaje_col);
  grid-row: var(--chat_cont_mensaje_row);
}

.chat_cont_adjuntar{
  grid-column: var(--chat_cont_adjuntar_col);
  grid-row: var(--chat_cont_adjuntar_row);
}

.chat_cont_enviar{
  grid-column: var(--chat_cont_enviar_col);
  grid-row: var(--chat_cont_enviar_row);
}

.chat_cont_reconectar{
  grid-column: var(--chat_cont_reconectar_col);
  grid-row: var(--chat_cont_reconectar_row);
  background-color: rgb(28,116,100);
  z-index: 1;
}

.procesos_contenedor{
  display: grid;
  grid-template-columns: var(--procesos_contenedor_cols);
  grid-template-rows: var(--procesos_contenedor_rows);
}

.procesos_menu{
  grid-column: var(--proc_menu_col);
  grid-row: var(--proc_menu_row);
}

.procesos_cont{
  grid-column: var(--proc_cont_col);
  grid-row: var(--proc_cont_row);
}

.procesos_cont_tabla{
  grid-column: var(--proc_cont_tabla_col);
  grid-row: var(--proc_cont_tabla_row);
}

.proc_procesos_proyectos{
  display: grid;
  grid-template-columns: var(--proc_procesos_proyectos_cols);
  /*height: 30px;*/
}

.proc_menu_item{
  display: grid;
  grid-template-columns: var(--proc_cont_menu_item_cols);
  grid-column-gap: 20px;
}

.proc_procesos_form{
  display: grid;
  grid-template-columns: var(--proc_procesos_form_cols);
  grid-column-gap: 20px;
  grid-row-gap: 5px;
  margin-top: 20px;
}

.proc_procesos_form_crear{
  display: grid;
  grid-template-columns: var(--proc_procesos_form_crear_cols);
  row-gap: 10px;
}

.proc_procesos_form_crear_plantilla{
  display: grid;
  grid-template-columns: var(--proc_procesos_form_crear_plantilla_cols);
  row-gap: 10px;
}

.proc_cont_filtro_tareas{
  display: grid;
  grid-template-columns: var(--proc_cont_filtro_tareas_cols);
}

.adm_empl_cont_cols{
  display: grid;
  grid-template-columns: var(--adm_empl_cont_cols);
  grid-template-rows: var(--adm_empl_cont_rows);
  column-gap: 20px;
}

.adm_empl_controles_cols{
  display: grid;
  grid-template-columns: var(--adm_empl_controles_cols);
  row-gap: 5px;
}

.adm_empl_asignar_ruc_cols{
  display: grid;
  grid-template-columns: var(--adm_empl_asignar_ruc_cols);
  column-gap: 10px;
}

.config_encargados_cols{
  display: grid;
  grid-template-columns: var(--config_encargados_cols);
  column-gap: 10px;
  row-gap: 10px;
}

.fondo_proyecto{
  margin-left: 8px;
  border-radius: 4px;
  background-color:  rgb(255, 246, 218);
  border-bottom: 3px solid rgb(255, 240, 193);
  padding: 8px;
  padding-left: 18px;
  padding-top: 10px;
  font-size: 12px;
}

.fondo_formulario{
  margin-left: 8px;
  border-radius: 4px;
  background-color:  rgb(217, 237, 247);
  border-bottom: 3px solid rgb(51, 122, 183);
  padding: 8px;
  padding-left: 18px;
  padding-top: 10px;
  font-size: 12px;
}

.fondo_proyecto_item{
  margin-left: 8px;
  border-radius: 4px;
  background-color:  rgb(255, 246, 218);
  padding: 8px;
  padding-left: 18px;
  padding-top: 10px;
  font-size: 12px;
}

.fondo_proyecto_avance{
  margin-left: 8px;
  border-radius: 4px;
  background-color:  rgba(255,207,79);
  border-bottom: 3px solid rgb(245, 184, 16);
  padding: 8px;
  padding-left: 18px;
  padding-top: 10px;
  font-size: 12px;
}

.formulario_proceso{
  background-color:rgb(255, 255, 255);
  padding: 20px;
  margin: 15% auto;
  width:25%;
}


.regimenes_contenedor{
  display: grid;
  grid-template-columns: var(--regimenes_contenedor_cols);
  grid-template-rows: var(--regimenes_contenedor_rows);
}

.regimenes_botones{
  display: grid;
  grid-template-columns: var(--regimenes_botones_cols);
  column-gap: 10px;
  margin: 10px 0 0 0;
}
.regimenes_fechas{
  display: grid;
  grid-template-columns: var(--regimenes_fechas_cols);
}

.calificacion_titulo{
  display: grid;
  grid-template-columns: var(--calificacion_titulo_cols);
  column-gap: 10px;
  margin: 10px 0 0 0;
}

.proyecto_titulo{
  display: grid;
  grid-template-columns: var(--proyecto_titulo_cols);
  column-gap: 10px;
  margin: 10px 0 0 0;
}

.proyecto_control{
  display: grid;
  grid-template-columns: var(--proyecto_control_cols);
  column-gap: 10px;
  margin: 10px 0 0 0;
}




div {
   /*border: 1px solid #000000; */
  /*border-top: 1px solid #000000;*/
  /*border-right: 1px solid #000000;*/
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: Poppins, Arial, sans-serif;
}

/*Maquetado*/
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
}

@media (min-width: 0px) {
  /*0*/
  /*body{
        background-color: rgb(255, 158, 158);
    }*/
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12 {
    float: left;
    border-color: green;
  }

  .col-xs-12 {
    width: 99.8%;
  }

  .col-xs-11 {
    width: 91.48%;
  }

  .col-xs-10 {
    width: 83.17%;
  }

  .col-xs-9 {
    width: 74.85%;
  }

  .col-xs-8 {
    width: 66.53%;
  }

  .col-xs-7 {
    width: 58.22%;
  }

  .col-xs-6 {
    width: 49.9%;
  }

  .col-xs-5 {
    width: 41.58%;
  }

  .col-xs-4 {
    width: 33.27%;
  }

  .col-xs-3 {
    width: 24.95%;
  }

  .col-xs-2 {
    width: 16.63%;
  }

  .col-xs-1 {
    width: 8.32%;
  }
}

@media (min-width: 801px) {
  /*768*/
  /*body{
        background-color: rgb(255, 222, 160);
    }*/
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
    border-color: red;
  }

  .col-sm-12 {
    width: 99.8%;
  }

  .col-sm-11 {
    width: 91.48%;
  }

  .col-sm-10 {
    width: 83.17%;
  }

  .col-sm-9 {
    width: 74.85%;
  }

  .col-sm-8 {
    width: 66.53%;
  }

  .col-sm-7 {
    width: 58.22%;
  }

  .col-sm-6 {
    width: 49.9%;
  }

  .col-sm-5 {
    width: 41.58%;
  }

  .col-sm-4 {
    width: 33.27%;
  }

  .col-sm-3 {
    width: 24.95%;
  }

  .col-sm-2 {
    width: 16.63%;
  }

  .col-sm-1 {
    width: 8.32%;
  }
}

@media (min-width: 1281px) {
  /*992*/
  /*body{
        background-color: rgb(232, 255, 189);
    }*/
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
    border-color: blue;
  }

  .col-md-12 {
    width: 99.8%;
  }

  .col-md-11 {
    width: 91.48%;
  }

  .col-md-10 {
    width: 83.17%;
  }

  .col-md-9 {
    width: 74.85%;
  }

  .col-md-8 {
    width: 66.53%;
  }

  .col-md-7 {
    width: 58.22%;
  }

  .col-md-6 {
    width: 49.9%;
  }

  .col-md-5 {
    width: 41.58%;
  }

  .col-md-4 {
    width: 33.27%;
  }

  .col-md-3 {
    width: 24.95%;
  }

  .col-md-2 {
    width: 16.63%;
  }

  .col-md-1 {
    width: 8.32%;
  }
}

@media (min-width: 1921px) {
  /*1200*/
  /*body{
        background-color: rgb(188, 255, 255);
    }*/
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
    border-color: green;
  }

  .col-lg-12 {
    width: 99.8%;
  }

  .col-lg-11 {
    width: 91.48%;
  }

  .col-lg-10 {
    width: 83.17%;
  }

  .col-lg-9 {
    width: 74.85%;
  }

  .col-lg-8 {
    width: 66.53%;
  }

  .col-lg-7 {
    width: 58.22%;
  }

  .col-lg-6 {
    width: 49.9%;
  }

  .col-lg-5 {
    width: 41.58%;
  }

  .col-lg-4 {
    width: 33.27%;
  }

  .col-lg-3 {
    width: 24.95%;
  }

  .col-lg-2 {
    width: 16.63%;
  }

  .col-lg-1 {
    width: 8.32%;
  }
}
/*Fin Maquetado*/

/*Menu*/

.menu {
  /*position: fixed;*/
  /*width: 100%;
    height: 60px;*/
  /*padding: 100px;
    margin: 0;*/
  /*list-style-type: none;*/
  background-color: rgb(0, 37, 123);
  /*z-index: 999;*/
}

.menu li {
  list-style-type: none;
  background-color: #30476a;
}

.menu a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 15px;
}

.menu a:hover {
  background-color: #000;
  color: #fff;
}

.menu a:hover + .menu_vertical {
  visibility: visible;
  opacity: 1;
}

.menu_horizontal {
  display: inline-block;
  cursor: pointer;
}

.menu_vertical {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: opacity 1s, visibility 1s;
  cursor: pointer;
}

.menu_vertical:hover {
  visibility: visible;
  opacity: 1;
}

.mano {
  cursor: pointer;
}
.mano:hover {
  text-decoration: none;
  /*color: #ff0000;*/
}

.nivel2 {
  z-index: 99;
  position: fixed;
}

/*Ventana*/
.form_fondo {
  position: fixed;
  font-family: Arial, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}

.formulario {
  padding: 5px 20px 13px 20px;
  background: #fff;
  border-radius: 3px;
  -webkit-transition: all 500ms ease-in;
  -moz-transition: all 500ms ease-in;
  transition: all 500ms ease-in;
  margin: 10% auto;
}

.form_mostrar {
  opacity: 1;
  pointer-events: auto;
}

.form_cerrar {
  background: #606061;
  color: #ffffff;
  line-height: 25px;
  position: absolute;
  right: 1px;
  text-align: center;
  top: 1px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 3px;
  cursor: pointer;
}
/*Fin Ventana*/

/*Controles*/
@media (min-width: 0px) {
  .tab {
    padding: 1px;
    padding-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .tab {
    padding: 10px;
    padding-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .tab {
    padding: 10px;
    padding-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  .tab {
    padding: 10px;
    padding-bottom: 20px;
  }
}

.tab {
  background-color: #fff;
  border-top: 1px solid #f9cdcc;
  border-right: 1px solid #f9cdcc;
  border-bottom: 1px solid #f9cdcc;
  border-left: 1px solid #f9cdcc;
}

.tab_titulo {
  border-bottom: 1px solid #f9cdcc;
  padding: 1px 5px 1px;
  margin-bottom: 10px;
}

.lab {
  display: block;
  width: 100%;
  padding: 4px 0px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-image: none;
  font-weight: bold;
}

.lab3d {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f0f0f0;
  cursor: pointer;
}

.chk {
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari y Chrome */
  -o-transform: scale(1.5); /* Opera */
  margin: 10px;

  /*display: block;*/
  /*width: 100%;*/
  /*padding: 4px 0px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-image: none;
  font-weight: bold;*/
}

.txt {
  width: 100%;
  height: 34px;
  font-size: 14px;
  /*line-height: 1.42857143;*/
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;*/
}

.txt2 {
  width: 100%;
  padding: 0px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[disabled="disabled"] {
  color: #e9690c;
}
select[disabled="disabled"] {
  color: #e9690c;
}

.cmb {
  display: block;
  width: 100%;
  height: 34px;
  /*padding: 0px 12px;*/
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.lis {
  display: block;
  width: 95%;
  /*height: 34px;*/
  /*padding: 0px 12px;*/
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.fec {
  display: block;
  width: 100%;
  height: 34px;
  /*padding: 0px 12px;*/
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.btn {
  width: 100%;
  height: 34px;
  font-size: 14px;
  border-radius: 6px;
  color: #000;
  background-color: rgb(225, 225, 225);
  border-color: rgb(173, 173, 173);
  cursor: pointer;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 4px;
}

.file {
  /*color:rgba(28,116,100);*/
  /*display: flex;*/
  display: none;
  border: 1px solid #ccc;
  width: 80px;
  background: #5678ef;
  position: relative;
  height: 30px;
  display: flex;

  background: #c3e3fc
    url("https://www.interactius.com/wp-content/uploads/2017/09/folder.png")
    no-repeat center;
}

.ctr {
  width: 100%;
  height: 184px;
}

.centro_v {
  display: flex;
  align-items: center;
}

.control_chico {
  font-size: 12px;
  height: 20px;
  letter-spacing: -1px;
  font-family: Arial, sans-serif;
  margin: 1px
}

.control_mediano {
  font-size: 14px;
  height: 30px;
  padding: 0px 8px;
}

.control_grande {
  font-size: 16px;
  height: 46px;
  padding: 10px 16px;
}

.boton_menu {
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  padding: 0.5em 1.2em;
  background: #318aac;
  outline-color: rgba(49, 138, 172, 0.4);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
}

.boton_menu:hover {
  box-shadow: 0 4px 16px rgba(30, 30, 30, 1);
  transition: all 0.2s ease;
}

.boton_tab {
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  padding: 0.5em 1.2em;
  background: #1823b4;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
}
.boton_tab:hover {
  color: #fade62;
}
.boton_tab_seleccionado {
  color: #fade62;
}

.boton_item {
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  padding: 0.5em 1.2em;
  background: #318aac;
  outline-color: rgba(49, 138, 172, 0.4);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
}

.boton_item:hover {
  box-shadow: 0 4px 16px rgba(30, 30, 30, 1);
  transition: all 0.2s ease;
}

.fondo_amarillo {
  background: rgb(255, 242, 0);
}

.fondo_admin {
  background: #595959;
}

.fondo_conta {
  background: #318aac;
}

.fondo_gerencia {
  background: #333f50;
}

.fondo_cliente {
  background: #c55a11;
}

.fondo_procesos {
  background: #203864;
}

.fondo_chat {
  /*background-image: url("../imagenes/fondo_chat.png");*/
  background-color: rgb(251, 251, 251);
  color: rgba(28, 116, 100);
}
.fondo_usuarios {
  /*background-image: url("../imagenes/fondo_usuarios.png");*/
  background-color: rgba(251, 251, 251, 0.205);
}

/*Fin Controles*/

/*Tabla*/
table {
  font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans";
  font-size: 12px;
  color: #696969;
  border: 1px solid #ffffff;
  border-collapse: collapse;
}

thead > tr > td {
  border: 1px solid #ffffff;
  padding: 6px;
}

tr > th,
tbody > tr > th,
tfoot > tr > th,
tbody > tr > td,
tfoot > tr > td {
  border: 1px solid #ffffff;
  padding: 6px;
}

table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

table tbody tr:nth-child(even) {
  background-color: #f2f9ff;
}

table thead {
  background-color: #00257b;
  color: #ffffff;
}

.fijo_scroll {
  table-layout: fixed;
  overflow-x: auto;
}

.scroll_h {
  height: 98%;
  overflow-y: scroll;
}

/*
.header_fijo {
  border-collapse: collapse;
}
.header_fijo thead tr {
  display: block;
}
.header_fijo tbody {
  display: block;
  overflow: auto;
  height: 500px;
}
*/

/*Fin Tabla*/

/*Colores*/
.texto_rojo {
  color: #ff0000;
}

.texto_azul {
  color: #30476a;
}

.texto_azul2 {
  color: #0f14a7;
}

.texto_naranja {
  color: #ff7011;
}

.texto_gris {
  color: #6b6b6ada;
}

.texto_verde {
  color: #006f14e5;
}

.circulo_azul{
  width: 16px; /* Ancho del contenedor */
  height: 16px; /* Alto del contenedor */
  background-image: url("../imagenes/circulo_azul.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.circulo_gris{
  width: 16px; /* Ancho del contenedor */
  height: 16px; /* Alto del contenedor */
  background-image: url("../imagenes/circulo_gris.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.titulo1 {
  font-weight: 900;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}

.titulo_chat {
  font-size: 16px;
  color: rgb(255, 255, 255);
  padding: 5px;
}

.ges_titulo1 {
  border-radius: 4px;
  background-color: #00a096;
  color: #ffffff;
  border-bottom: 3px solid #005046;
  padding: 8px;
  font-size: 14px;
}
.gest_titulo2 {
  border-radius: 3px;
  background-color: #00a096;
  color: #ffffff;
  border-bottom: 0px solid #005046;
  padding: 8px;
  font-size: 12px;
}
.ges_titulo3 {
  margin-left: 8px;
  border-radius: 4px;
  background-color: #0161bb;
  color: #ffffff;
  border-bottom: 3px solid #174fb6;
  padding: 8px;
  padding-left: 18px;
  padding-top: 10px;
  font-size: 12px;
}

.gest_titulo3 {
  border-radius: 3px;
  color: #00257b;
  border-top: 3px solid #00257b;
  border-bottom: 3px solid #00257b;
  padding: 5px;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.texto_cliente {
  text-align: left;
  font-size: 9px;
  color: #00257b;
}

.texto_opcion_editar {
  /*font-size: 12px;*/
  color: #00257b;
}
.gest_titulo4 {
  color: #00257b;
  padding: 5px;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 9;
}

.gest_elemento {
  height: 300px;
}

.fondo_naranja {
  background-color: #ffac75;
}
.fondo_azul {
  background-color: #30476a;
}
.fondo_rojo {
  background-color: #ff0000;
}
.fondo_gris {
  background-color: #f7f7f7;
}
.fondo_blanco {
  background-color: #ffffff;
}
.fondo_opcion {
  background-color: #206d99;
}

.fondo_login {
  height: 100%;
  top: 0;
  bottom: 0;
  background: url(../imagenes/login.png) no-repeat;
  background-size: cover;
}
.fondo_login2 {
  height: 100%;
  top: 0;
  bottom: 0;
  background: url(../imagenes/login2.png) no-repeat;
  background-size: cover;
}

.fondo_login3 {
  height: 100%;
  top: 0;
  bottom: 0;
  background: url(../imagenes/logomenu.png) no-repeat;
  background-size: cover;
}

.fondo {
  position: absolute;
}

.borde_login {
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  /*border: 3px solid #c7c8d6;*/
}

.borde_chat {
  border-bottom: 2px solid #555;
  margin-right: 15px;

  font-weight: 900;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}

.borde_02 {
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 2px solid #3d51eb;
}
.borde_opcion {
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 2px solid #081159;
}

.borde_tabla {
  border: 2px solid rgb(180, 180, 180);
}

.borde_derecho {
  border-right: 1px solid rgb(226, 223, 223); /* Establecer un borde de 1 píxel sólido en el lado derecho */
}

.borde_derecho2 {
  border-right: 1px solid rgb(133, 133, 133); /* Establecer un borde de 1 píxel sólido en el lado derecho */
}

.borde_izquierdo2 {
  border-left: 1px solid rgb(133, 133, 133); /* Establecer un borde de 1 píxel sólido en el lado derecho */
}


.ico_copi {
  padding-left: 32px;
  padding-top: 4px;
  background: url(../imagenes/copiar.png) center left no-repeat;
  cursor: pointer;
}

.ico_eliminar {
  padding-left: 32px;
  padding-top: 4px;
  background: url(../imagenes/demora.png) center left no-repeat;
  cursor: pointer;
}
.ico_vacio {
  padding-left: 32px;
  padding-top: 4px;
  background: url(../imagenes/sin.png) center left no-repeat;
  cursor: pointer;
}
.ico_inicio {
  padding-left: 32px;
  padding-top: 4px;
  background: url(../imagenes/inicio.png) center left no-repeat;
  cursor: pointer;
}
.ico_demora {
  padding-left: 32px;
  padding-top: 4px;
  background: url(../imagenes/demora.png) center left no-repeat;
  cursor: pointer;
}
.ico_proceso {
  padding-left: 32px;
  padding-top: 4px;
  background: url(../imagenes/proceso.png) center left no-repeat;
  cursor: pointer;
}
.ico_enviado {
  padding-left: 32px;
  padding-top: 4px;
  background: url(../imagenes/enviado.png) center left no-repeat;
  cursor: pointer;
}
.ico_pagado {
  padding-left: 32px;
  padding-top: 4px;
  background: url(../imagenes/pagado.png) center left no-repeat;
  cursor: pointer;
}
.ico_base {
  padding-left: 32px;
  background: url(../imagenes/base.png) center left no-repeat;
}
.ico_lapiz {
  padding-left: 32px;
  background: url(../imagenes/lapiz.png) center left no-repeat;
}
.ico_enviar {
  padding-left: 32px;
  background: url(../imagenes/enviar.png) center left no-repeat;
}
.ico_ok {
  padding-left: 32px;
  background: url(../imagenes/ok.png) center left no-repeat;
}
.ico_error {
  padding-left: 32px;
  background: url(../imagenes/error.png) center left no-repeat;
}
.ico_lupa {
  padding-left: 32px;
  background: url(../imagenes/lupa.png) center left no-repeat;
}
.ico_teclado {
  padding-left: 32px;
  background: url(../imagenes/teclado.png) center left no-repeat;
}
.ico_solido {
  padding-left: 32px;
  background: url(../imagenes/solido.png) center left no-repeat;
}
.ico_agregar {
  padding-left: 32px;
  background: url(../imagenes/agregar.png) center left no-repeat;
}

.ico_quitar {
  padding-left: 32px;
  background: url(../imagenes/eliminar.png) center left no-repeat;
}

.ico_ninguno {
  padding: 16px;
  background: url(../imagenes/ninguno.png) center left no-repeat;
}
.ico_sinmov {
  padding: 16px;
  background: url(../imagenes/sinmov.png) center left no-repeat;
}
.ico_conmov {
  padding: 16px;
  background: url(../imagenes/conmov.png) center left no-repeat;
}
.ico_gris {
  padding: 16px;
  background: url(../imagenes/gris.png) center left no-repeat;
}
.ico_rojo {
  padding: 16px;
  background: url(../imagenes/rojo.png) center left no-repeat;
}
.ico_rojo_0 {
  padding: 16px;
  background: url(../imagenes/rojo_0.png) center left no-repeat;
}
.ico_rojo_1 {
  padding: 16px;
  background: url(../imagenes/rojo_1.png) center left no-repeat;
}
.ico_rojo_2 {
  padding: 16px;
  background: url(../imagenes/rojo_2.png) center left no-repeat;
}
.ico_ambar {
  padding: 16px;
  background: url(../imagenes/ambar.png) center left no-repeat;
}
.ico_ambar_0 {
  padding: 16px;
  background: url(../imagenes/ambar_0.png) center left no-repeat;
}
.ico_ambar_1 {
  padding: 16px;
  background: url(../imagenes/ambar_1.png) center left no-repeat;
}
.ico_ambar_2 {
  padding: 16px;
  background: url(../imagenes/ambar_2.png) center left no-repeat;
}
.ico_verde {
  padding: 16px;
  background: url(../imagenes/verde.png) center left no-repeat;
}
.ico_verde_0 {
  padding: 16px;
  background: url(../imagenes/verde_0.png) center left no-repeat;
}
.ico_verde_1 {
  padding: 16px;
  background: url(../imagenes/verde_1.png) center left no-repeat;
}
.ico_verde_2 {
  padding: 16px;
  background: url(../imagenes/verde_2.png) center left no-repeat;
}

.ico_guardado {
  padding: 16px;
  background: url(../imagenes/guardado.png) center left no-repeat;
}

.ico_modificado {
  padding: 16px;
  background: url(../imagenes/modificado.png) center left no-repeat;
}

.ico_enviando {
  padding: 16px;
  background: url(../imagenes/enviando.png) center left no-repeat;
}

.ico_noguardado {
  padding: 16px;
  background: url(../imagenes/noguardado.png) center left no-repeat;
}

/*Fin Colores*/

/*Tama単o*/
.texto_chico {
  font-size: 11px;
}

.texto_mediano {
  font-size: 13px;
}
.texto_grande {
  font-size: 16px;
}
/*Fin Tama単o*/

/*Alineado*/

@media (min-width: 0px) {
  .alinear_menu {
    text-align: right;
  }
  .alto {
    height: 60%;
  }
  .alto_especial {
    height: 60%;
  }
  .ancho {
    width: 60%;
  }
}

@media (min-width: 768px) {
  .alinear_menu {
    text-align: right;
  }
  .alto {
    height: 80%;
  }
  .alto_especial {
    height: 80%;
  }
  .ancho {
    width: 80%;
  }
}

@media (min-width: 992px) {
  .alinear_menu {
    text-align: center;
  }
  .alto {
    /*height: 100%;*/
  }
  .alto_especial {
    height: 100%;
  }
  .ancho {
    /*width: 100%;*/
  }
}

@media (min-width: 1200px) {
  .alinear_menu {
    text-align: center;
  }
  .alto {
    /*height: 100%;*/
  }
  .alto_especial {
    height: 100%;
  }
  .ancho {
    /*width: 100%;*/
  }
}

.abajo {
  clear: both;
}

.izquierdo {
  float: left;
}

.derecho {
  float: right;
}

.ocultar {
  display: none;
}

.none{
  list-style-type:none;
  outline: none;
}

summary::-webkit-details-marker {
  display: none;
}

.negrita {
  font-weight: bold;
}

.texto_izquierdo {
  text-align: left;
}

.texto_centro {
  text-align: center;
}

.texto_derecho {
  text-align: right;
}

.texto_centro_vertical {
  display: flex;
  align-items: center;
}

.texto_opcion {
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  text-shadow: -1px 0 #414d68, 0 1px #414d68, 1px 0 #414d68, 0 -1px #414d68,
    -2px 2px 0 #414d68, 2px 2px 0 #414d68, 1px 1px #414d68, 2px 2px #414d68,
    3px 3px #414d68, 4px 4px #414d68, 5px 5px #414d68;
}

.texto_blanco {
  color: #ffffff;
}

.textblanco {
  background-color: white;
  color: white;
  border: none;
}
.textblanco:focus{
  color: black;
}
.textazul{
  color: blue;
}

.textverde {
  background: darkgreen;
  color: white;
  border: none;
}

.titulo_1 {
  /*border-bottom: 1px solid #000000;*/
  padding-left: 20px;
  background: #006c6c;
  color: white;
}

.mensaje_1 {
  font-weight: bold;
  font-size: 14px;
  color: #ebd758;
  text-shadow: -1px 0 #414d68, 0 1px #414d68, 1px 0 #414d68, 0 -1px #414d68,
    -2px 2px 0 #414d68, 2px 2px 0 #414d68, 1px 1px #414d68, 2px 2px #414d68,
    3px 3px #414d68, 4px 4px #414d68, 5px 5px #414d68;
}

.sin_borde {
  border: 0;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0);
}

.margen_arriba_grande {
  margin-top: 100px;
}

.margen_arriba_mediano {
  margin-top: 40px;
}

.margen_arriba_chico {
  margin-top: 20px;
}

.margen_arriba_mini {
  margin-top: 10px;
}

.margen_arriba_micro {
  margin-top: 5px;
}

.margen_abajo_mini {
  margin-bottom: 10px;
}

.margen_abajo_chico {
  margin-bottom: 20px;
}

.margen_abajo_mediano {
  margin-bottom: 40px;
}

.margen_abajo_grande {
  margin-bottom: 80px;
}

.margen_abajo_mini {
  margin-bottom: 5px;
}

.margen_chico {
  margin: 20px;
}
.margen_izquierdo_mini {
  margin-left: 10px;
}
.margen_izquierdo_chico {
  margin-left: 20px;
}

.margen_izquierdo_mediano {
  margin-left: 40px;
}

.margen_derecho_chico {
  margin-right: 20px;
}

.padding_abajo_mediano {
  padding-bottom: 20px;
}
.margen_derecho_mediano {
  margin-right: 40px;
}
.padding_arriba_grande {
  padding-top: 80px;
}
.padding_arriba_mediano {
  padding-top: 40px;
}
.padding_arriba_chico {
  padding-top: 20px;
}
.padding_arriba_mini {
  padding-top: 5px;
}
.padding_abajo_chico {
  padding-bottom: 20px;
}
.padding_izquierdo_mediano {
  padding-left: 40px;
}
.padding_izquierdo_chico {
  padding-left: 20px;
}
.padding_izquierdo_mini {
  padding-left: 10px;
}
.padding_izquierdo_grande {
  padding-left: 100px;
}
.padding_derecho_mediano {
  padding-right: 40px;
}

.padding_derecho_mini {
  padding-right: 5px;
}
.padding_derecho_micro {
  padding-right: 2px;
}

.padding_izquierdo_32 {
  padding-left: 32px;
}

@media (min-width: 0px) {
  .margen_login_arriba {
    margin-top: 10px;
  }
}

@media (min-width: 768px) {
  .margen_login_arriba {
    margin-top: 5px;
  }
}

@media (min-width: 992px) {
  .margen_login_arriba {
    margin-top: 5px;
  }
}

@media (min-width: 1200px) {
  .margen_login_arriba {
    margin-top: 5px;
  }
}



th, td { white-space: nowrap; }
  div.dataTables_wrapper {
      width: 89vw;
      margin: 0 auto;
  }

/*Fin Alineado*/


/* 
th, td { 
  white-space: nowrap; 
}
div.dataTables_wrapper {
  width: 90vw;
  margin: 0 auto;
} */




/* .cab{ 
  position: sticky;
  top: 0;
  z-index: 10;
  border: 1px solid #ffffff;
}

.table-responsive { 
  height:200px;
  overflow:scroll;
} */