/*GENERAL*/
body{
    margin: 0;
    height: 100vh;
    width: 100vw;
    font-family: calibri;
    overflow: hidden;
}
body[virtual_key="1"]{
    height: 200vh;
}
.fullContainer{
    height: 100%;
    width: 100%;
}
[active="0"]{
    display: none;
}
input[type="date"]{
    position: relative;
}
input[type="date"]::-webkit-inner-spin-button{display: none;}
input[type="date"]::-webkit-calendar-picker-indicator{
    position: absolute;
    right: 0;
}

.contenedor_base{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.contenedor_base .menu_i{
    background: #000;
    color: #fff;
    z-index: 1;
    padding: 5px;
    display: flex;
    align-items: center;
    position: relative;
    flex: none;
}
.contenedor_base .contenido_pagina{
    flex: auto;
    display: flex;
    overflow: auto;
}
.contenedor_base .seccion{
    height: 100%;
    width: 100%;
}
.contenedor_base .seccion[active="0"]{
    display: none;
}

/*CONTENEDOR ASIENTO*/
.contenedor_asiento{
    display: flex;
    flex-direction: column;
    background: #ccc;
    flex: auto;
    padding: 10px;
}
.contenedor_asiento[modificaciones='0']{
    background-color: #b4d9e5 ;
}
.contenedor_asiento[modificaciones='1']{
    background-color: #ddd ;
}
.contenedor_asiento .contenedor_listado_apuntes{
    background: #fff;
}
.contenedor_asiento .contenedor_listado_apuntes_drag{
    background: #fff;
    /* overflow: auto; */
}
.contenedor_agregar_total_apuntes{
    display: flex;
    background: #fff;
    padding: 5px;
    flex-wrap: wrap;
    flex: none;
}
.contenedor_agregar_total_apuntes .total_debe
,.contenedor_agregar_total_apuntes .total_haber{
    flex: 2;
    text-align: right;
    padding: 0px 5px 0px 0px;
    background: #eee;
    border-right: solid 2px #fff;
}
.contenedor_agregar_total_apuntes .contenedor_agregar_apuntes{
    flex: 5;
    background: #eee;
    min-width: 250px;
    border-right: solid 2px #fff;
}
.contenedor_agregar_total_apuntes .espacio_id_apunte{
    width: 3%;
    background: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}
.contenedor_agregar_total_apuntes .contenedor_total_apuntes{
    display: flex;
    background: #eee;
    flex: 4;
}
.contenedor_agregar_total_apuntes .contenedor_total_apuntes div{
  flex: 2;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 5px;
  border-right: solid 2px #fff;
}
[cargando='1'] .contenedor_num_archivo .ir_hacia_principio
,[cargando='1'] .contenedor_num_archivo .ir_hacia_atras
,[cargando='1'] .contenedor_num_archivo .ir_hacia_adelante
,[cargando='1'] .contenedor_num_archivo .ir_hacia_final {
    opacity: 0.4;
    color: red;
}

/*bloqueos*/
.contenedor_asiento[cerrado='1']
,.contenedor_asiento[bloqueado='1']{
    background-color: #dac7ac;
}
.contenedor_asiento[cerrado='1'] .apunte_funcion
,.contenedor_asiento[cerrado='1'] .boton
,.contenedor_asiento[cerrado='1'] .id_apunte.glyphicons.glyphicons-option-vertical
,.contenedor_asiento[cerrado='1'] .contenedor_agregar_total_apuntes.boton
,.contenedor_asiento[bloqueado='1'] .apunte_funcion
,.contenedor_asiento[bloqueado='1'] .boton
,.contenedor_asiento[bloqueado='1'] .id_apunte.glyphicons.glyphicons-option-vertical
,.contenedor_asiento[bloqueado='1'] .contenedor_agregar_total_apuntes.boton{
    visibility: hidden;
}
.contenedor_asiento[cerrado='1'] .contenedor_apunte.nuevo
,.contenedor_asiento[bloqueado='1'] .contenedor_apunte.nuevo{
    display: none;
}

/*errores guardar*/
.contenedor_agregar_total_apuntes .boton::after{
  height: 100%;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
[nuevo="1"] .contenedor_agregar_total_apuntes .boton{
    color: #0000;
    position: relative;
}
[nuevo="1"] .contenedor_agregar_total_apuntes .boton::after{
    content:"AÑADIR";
    color: #000;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
[nuevo="1"] .contenedor_agregar_total_apuntes .boton[guardando="1"]::after{
    content:"AÑADIENDO";
}
.contenedor_agregar_total_apuntes .boton[error]{
    cursor: wait;
    color: transparent;
    position: relative;
    overflow: hidden;
}
.contenedor_agregar_total_apuntes .boton[error]::after{
    color: black;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.contenedor_agregar_total_apuntes .boton[error="1"]::after{
    content:"No hay cambios";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="2"]::after{
    content:"Algun valor del asiento es null";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="3"]::after{
    content:"No tiene concepto";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="4"]::after{
    content:"No tiene número factura";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="5"]::after{
    content:"No tiene número archivo";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="6"]::after{
    content:"No estan entre las fechas del ejercicio";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="7"]::after{
    content:"resultado final es 0 o debe y haber son diferentes";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="8"]::after{
    content:"algun apunte esta vacio o es null";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="9"]::after{
    content:"Apuntes: Debe y Haber deben ser diferentes de cero";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="10"]::after{
    content:"cuenta contable no existe";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="11"]::after{
    content:"fecha documento es mayor que la fecha devengo";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="12"]::after{
    content:"error apuntes base_datos";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="13"]::after{
    content:"\E079 \20 Base de datos: algun valor del asiento es null";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="14"]::after{
    content:"\E079 \20 Base de datos: No tiene concepto";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="15"]::after{
    content:"\E079 \20 Base de datos: No tiene factura";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="16"]::after{
    content:"\E079 \20 Base de datos: No estan entre las fechas del ejercicio";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="17"]::after{
    content:"\E079 \20 Base de datos: Resultado final es 0 o debe y haber son diferentes";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="18"]::after{
    content:"\E079 \20 Base de datos: fecha documento es mayor que la fecha devengo";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="19"]::after{
    content:"\E079 \20 Base datos: debe y haber son diferentes de cero";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="20"]::after{
    content:"\E079 \20 Base datos: cuenta contable no existe";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="21"]::after{
    content:"No existe proyecto_id";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="22"]::after{
    content:"\E079 \20 Base datos: No existe proyecto_id";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="23"]::after{
    content:"\E079 \20 Ejercicio: Falta seleccionar ejercicio";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="24"]::after{
    content:"\E079 \20 Ejercicio:Ejercicío Bloqueado o Cerrado";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="102"]::after{
    content:"\E079 \20 falta provedor";
    cursor:no-drop;
}
.contenedor_agregar_total_apuntes .boton[error="103"]::after{
    content:"\E079 \20 falta provedor";
    cursor:no-drop;
}
/* .contenedor_agregar_total_apuntes .boton[error="30"]::after{
    content:"No tiene Empresa y ejercicio asignados";
    cursor:no-drop;
} */

/*BACKGROUND ERROR BDD*/
.contenedor_agregar_total_apuntes .boton[error="12"]
,.contenedor_agregar_total_apuntes .boton[error="13"]
,.contenedor_agregar_total_apuntes .boton[error="14"]
,.contenedor_agregar_total_apuntes .boton[error="15"]
,.contenedor_agregar_total_apuntes .boton[error="16"]
,.contenedor_agregar_total_apuntes .boton[error="17"]
,.contenedor_agregar_total_apuntes .boton[error="18"]
,.contenedor_agregar_total_apuntes .boton[error="19"]
,.contenedor_agregar_total_apuntes .boton[error="20"]
,.contenedor_agregar_total_apuntes .boton[error="22"]{
    /* background: #8d3c3c; */
    background: red;
    font-family: 'Glyphicons Regular';
    word-spacing: -10px;
    animation: warning 1s infinite;
}
.contenedor_agregar_total_apuntes .boton[error="12"]::after
,.contenedor_agregar_total_apuntes .boton[error="13"]::after
,.contenedor_agregar_total_apuntes .boton[error="14"]::after
,.contenedor_agregar_total_apuntes .boton[error="15"]::after
,.contenedor_agregar_total_apuntes .boton[error="16"]::after
,.contenedor_agregar_total_apuntes .boton[error="17"]::after
,.contenedor_agregar_total_apuntes .boton[error="18"]::after
,.contenedor_agregar_total_apuntes .boton[error="19"]::after
,.contenedor_agregar_total_apuntes .boton[error="20"]::after
,.contenedor_agregar_total_apuntes .boton[error="22"]::after{
    color: #fff;
}
/*pop_up*/
.contenedor_pop_up{
    position: absolute;
    background: rgba(16, 16, 16, 0.7);
    z-index: 2;
    height: 100%;
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.pop_up{
    background: #fff;
    margin: 20px;
    display: flex;
    flex-direction: column;
    padding: 5px;
    border: 2px solid #d89c865c;
}
.texto_popUp{
    margin-bottom: 10px;
    overflow: auto;
}
.boton_popUp{
    margin-left: 10px;
    cursor: pointer;
}
[oculto_pop_up="0"]{
    display: none;
}
[oculto_pop_up="1"]{
    display: inherit;
}
.contenedor_button_pop_up{
    text-align: center;
}

/*apuntes*/
.contenedor_apunte .datos_apunte
,.contenedor_apunte{
    display:inherit;
    margin: 5px;
    background: #eee;
    flex-wrap: wrap;
    padding: 5px 0;
    flex: none;
}
.contenedor_apunte .datos_apunte div{
    flex-wrap: wrap;
    word-break: break-all;
}
.titulo_apunte .buscador_cuenta{
    width: 100%;
}
.titulo_apunte .buscador_cuenta:empty{
    display: none;
}
.titulo_apunte .buscador_cuenta[focus='1']{
  display: inherit;
}
.titulo_apunte .buscador_cuenta[focus='0']{
  display: none;
}
.titulo_apunte .cuenta_contable_span[visible="0"]
,.titulo_apunte .descripcion_span[visible="0"]{
  display: none;
}
.titulo_apunte .cuenta_contable_span[visible="1"]
,.titulo_apunte .descripcion_span[visible="1"]{
  display: inherit;
}
.contenedor_listado_apuntes .contenedor_apunte{
    display:flex;
    margin: 5px;
    background: #eee;
    flex-wrap: wrap;
    padding: 5px 0;
}
.contenedor_apunte.nuevo{
    opacity: 0.5;
}
.contenedor_apunte.nuevo:focus-within{
    opacity: 1;
}
.contenedor_apunte .contenedor_apunte_datos div{
    border-right: solid 2px #fff;
}
.contenedor_apunte_datos{
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex:auto;
    flex-wrap: wrap;
}
.contenedor_apunte_datos > div{
    display: flex;
    flex-wrap: wrap;
}
.contenedor_apunte .id_apunte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.contenedor_apunte .id_apunte .contenedor_iconos{
    display: flex;
    flex-wrap: wrap;
}
.contenedor_apunte .contenedor_apunte_datos div:last-child {
    border-right: none;
}
.contenedor_apunte .apunte_funcion .icono
,.contenedor_apunte .id_apunte .icono{
  margin: 2px;
  cursor: pointer;
}
.contenedor_apunte .id_apunte:before {
    position: absolute;
    left: 14px;
    cursor: pointer;
    visibility: hidden;
    color: #fff;
}
/* .contenedor_apunte:hover .id_apunte:before{
    visibility: visible;
} */
.contenedor_apunte .debe_apunte
,.contenedor_apunte .haber_apunte{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 2;
    padding-right: 5px;
}
.contenedor_apunte .cii_pro_apunte{
    display: flex;
    justify-content: center;
    align-items: center;
    flex:1;
}
.contenedor_apunte .apunte_funcion{
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: none;
    flex:2;
    flex-wrap: nowrap;
}
.contenedor_apunte .apunte_funcion select{
    font-family:helvetica;
    width: 91%;
    margin-left: 4px;
}
.contenedor_apunte .apunte_funcion .input_provedor{
    width: 100%;
    height: 20px;
    border:1px solid red;

}
.contenedor_apunte .apunte_funcion[funcion="0"] .glyphicons-table {
    display: none;
}
.contenedor_apunte .proyecto_apunte{
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.contenedor_apunte .proyecto_apunte select{
    width: 100%;
    height: 100%;
}
.contenedor_apunte.gu-transit{
    background-color: #84A3AD;
    opacity: 1;
}
.contenedor_apunte.titulos .id_apunte span{
    visibility: hidden;
}
.contenedor_span_invisible{

width: 40px;
height: 20px;

}
/*funcciones asiento*/
.contenedor_apunte .buscador_cuenta{
    width: 100%;
}
.contenedor_apunte [focus="1"] .resultados {
    position: absolute;
    width: auto;
    top:auto;
    border-right: none;
}
.contenedor_apunte [focus="1"]{
    display: block;
}
.contenedor_apunte .buscador_cuenta[focus="0"]{
    display:none;
}
.contenedor_apunte .buscador_cuenta[focus="1"]{
    display:inline;
}
.apunte_funcion .cuenta_contable_span:empty
,.apunte_funcion .descripcion_span:empty
,.apunte_funcion [focus="1"] .cuenta_contable_span
,.apunte_funcion [focus="1"] .descripcion_span{
    display:none;
}
.apunte_funcion .funcion_buscar_proveedor{
    flex: auto;
}
.apunte_funcion .cuenta_contable_span
,.apunte_funcion .descripcion_span{
    white-space: normal;
}

/* .contenedor_apunte.nuevo .cuenta_contable_span
,.contenedor_apunte.nuevo .descripcion_span
,.contenedor_apunte .apunte_cuenta_contable_nuevo
,.contenedor_apunte .apunte_cuenta_contable_id_nuevo{
    display: none;
} */
.contenedor_apunte.nuevo .titulo_apunte{
    overflow: inherit;
    height: 100%;
}
.contenedor_apunte.nuevo .apunte_funcion .selec_funcion
,.contenedor_apunte.nuevo .apunte_funcion .icono
,.contenedor_apunte.nuevo .id_apunte  .glyphicons-bin
,.contenedor_apunte.nuevo .id_apunte  .glyphicons-more-items
,.contenedor_apunte .titulo_apunte:focus .descripcion_span{
  display: none;
}
.contenedor_apunte .buscador{
    height: 100%;
    width: 100%;
}
.contenedor_apunte .titulo_apunte:focus{
    overflow: inherit;
}
/*BUSCADOR CUENTA CONTABLE*/
.titulo_apunte{
    flex: auto;
    display: flex;
    justify-content: end;
    align-items: center;
    flex:5;
    position: relative;
    overflow: hidden;
    flex-wrap: wrap;
}
.titulo_apunte[focus="1"]{
    overflow: inherit;
}
.contenedor_listado_apuntes .cuenta_contable_span
, .contenedor_listado_apuntes .descripcion_span {
    padding: 0 0 0 10px;
    white-space: nowrap;
}
.resultados{
    position: absolute;
    top: calc(100% - 4px);
    background: #eee;
    width: 100%;
    border: 0;
    padding: 2px;
    z-index: 1;
}
.resultados:empty{
    display: none;
}
.resultados .result_apuntes{
    border: 0;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
    margin: 0 0 1px 0;
}
.resultados .result_apuntes:hover{
    background: #f5f5f5;
}

.contenedor_agregar_total_apuntes .boton:disabled{
    opacity: 0.5;
}
.contenedor_agregar_total_apuntes .boton[guardando="1"]{
    cursor: wait;
    color: transparent;
    position: relative;
    overflow: hidden;
}
.contenedor_agregar_total_apuntes .boton[guardando="1"]::after{
    color: black;
    content: "Modificando...";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

/*buscador*/
.contenedor_buscador{
    padding: 5px 0;
    flex: none;
}
.contenedor_buscador .busqueda_contenedor{
    position: relative;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.contenedor_buscador .busqueda_contenedor .busqueda{
    opacity: 0.5;
    flex: auto;
}
.contenedor_buscador .busqueda_contenedor .busqueda:focus
,.contenedor_buscador .busqueda_contenedor .busqueda:hover{
    opacity: 1;
}
.contenedor_buscador .busqueda_contenedor .busqueda_año{
}
.contenedor_buscador .busqueda_contenedor .busqueda_Empresa{
    flex: auto;
}
.contenedor_buscador .busqueda_contenedor .busqueda_botones{
}
.contenedor_buscador .busqueda_contenedor .busqueda_resultado:focus{
    position: absolute;
    top:100%;
    left:0px;
    height: 15px;
    width: 100%;
}
.contenedor_buscador .busqueda_contenedor .busqueda_resultado{
    position: absolute;
    top: 100%;
    background: #eee;
    padding: 4px;
    z-index: 1;
}
.contenedor_buscador .busqueda_contenedor .busqueda_resultado div{
    cursor: pointer;
    background: #fff;
    padding: 0 5px;
    margin: 2px 0;
}
.contenedor_buscador .busqueda_contenedor .busqueda_resultado div:hover{
    background: #f5f2f2;
}
.busqueda_contenedor .busqueda_resultado:empty{
  display: none;
}
.busqueda_contenedor .actualizar_asientos{
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}
.busqueda_contenedor .nuevo_asiento{
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}
.busqueda_contenedor .actualizar_asientos:hover
,.busqueda_contenedor .nuevo_asiento:hover{
    color: #8c7777;
}
.busqueda_contenedor .boton_nueva_plantilla{
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    justify-content: center;
    cursor: pointer;
}
/*resultados por importe*/
.resultado_por_importe_apunte {
    display: flex;
    margin: 100px 0;
}
.resultado_por_importe_apunte .importe
, .resultado_por_importe_apunte .archivo{
    width: 60px;
    text-align: right;

}
 .resultado_por_importe_apunte .cuenta
, .resultado_por_importe_apunte .concepto{
    flex: 1;
}
.resultado_por_importe_apunte:hover{
    background: #f5f2f2;
}
.resultado_por_importe_apunte:hover div{
    background: #f5f2f2 !important;
}

/* informacion asiento */
.contenedor_informacion_asiento{
    padding: 10px 0;
    flex: none;
}
.contenedor_informacion_asiento_2{
    display: flex;
    flex-wrap: wrap;
}
.contenedor_informacion_asiento_2 input
,.contenedor_informacion_asiento_2 select{
    width: 100%;
}
.contenedor_informacion_asiento_2 div{
    padding: 0 7px;
}
.contenedor_informacion_asiento_2 span{
    white-space: nowrap;
}
.contenedor_informacion_asiento_2 .fecha_documento{
    display: flex;
    flex-direction: column;
    flex: 2;
}
.contenedor_informacion_asiento_2 .fecha_documento_devengo{
    display: flex;
    flex-direction: column;
    flex:2;
}
.contenedor_informacion_asiento_2 .Concepto_asiento_contenedor{
    display: flex;
    flex-direction: column;
    flex:7;
}
.contenedor_informacion_asiento_2 .empresa_asiento_contenedor{
    display: flex;
    flex-direction: column;
    flex:5;
}
.contenedor_informacion_asiento_2 .factura_asiento_contenedor{
    display: flex;
    flex-direction: column;
    flex:1;
}
.contenedor_informacion_asiento_2 .archivo_asiento_contenedor{
    display: flex;
    flex-direction: column;
    text-align: center;
    flex: 4;
}

.contenedor_num_archivo{
    flex-direction: row;
    color: #888;
    display: flex;
    justify-content: center;
}
.archivo_asiento_contenedor .factura_asiento_input{
    min-width: 20px;
    background: #eee;
    color: black;
}

/*boton principio*/
.contenedor_num_archivo .ir_hacia_principio{
    margin-right: 3px;
    cursor: pointer;
}
[principio_archivo_hidden="1"]{
  visibility: hidden;
}

/*boton atras*/
.contenedor_num_archivo .ir_hacia_atras{
    margin-right: 3px;
    cursor: pointer;
}
[atras_archivo_hidden="1"]{
  visibility: hidden;
}
/*boton adelante*/
.contenedor_num_archivo .ir_hacia_adelante{
    margin-left: 3px;
    cursor: pointer;
}
[adelante_archivo_hidden="1"]{
  visibility: hidden;
}
/*boton final*/
.contenedor_num_archivo .ir_hacia_final{
    margin-left: 3px;
    cursor: pointer;
}
[final_archivo_hidden="1"]{
  visibility: hidden;
}

/*botones izquierda*/
.caja_menu_acceso .ele_columna_izquierda{
  white-space: nowrap;
  padding: 4px;
  /*border:2px solid #4CAF50;*/
  background-color: white;
  color: black;
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 10px 5px 10px 5px;
}
.caja_menu_acceso .ele_columna_izquierda:hover{
  background-color: #4CAF50;
  color: #fff;
}
 .boton_deshabilitado{
  opacity: 0.5;
  cursor: default !important;
  background: #fff !important;
  color: #000 !important;
  }



.menu_i_contenedor{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.menu_i_contenedor .css_menu_acceso{
  font-size: 30px;
  color: white;
  cursor: pointer;
  z-index: 999;
}
.menu_i_contenedor .selecciona_empresa{
  border: 2px solid #6eff00;
    flex: 1;
}
.menu_i_contenedor .selecciona_ejercicio{
  border: 2px solid #cc1111;
    flex: 1;
}
.menu_i_contenedor .login{
    flex: 0.2;
}
.caja_menu_acceso{
    border: 2px solid #2b2828;
    background: #6f6464a6;
    margin: 10px;
    display: none;
    position: absolute;
    top: 100%;
    flex-direction: column;
}

/*LOGIN*/
.ventana_login{
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #0008;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
[login="1"] .login .login
,[login="0"] .login .logout
,[login="1"] .ventana_login{
    display: none;
}
.ventana_login input
,.ventana_login button{
    width: 200px;
    margin: 10px;
    padding: 5px;
    font-size: 20px;
    border: solid #fff;
    background: #fff;
}
.login .fullContainer{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.login .fullContainer div{
    cursor: pointer;
}

/*ENTORNO DE TRABAJO*/
.entorno_trabajo{
    display: flex;
    flex-wrap: wrap;
}
.entorno_trabajo.fullcontainer select{
    color: #000;
    flex: 1;
}

[flip='1']{
    animation: flip 0.3s infinite linear;
}
[flip='2']{
    animation: flip2 0.5s infinite cubic-bezier(0.64, 0.01, 0.89, 0.99);
}

/* GENERAL */
@keyframes flip{
    100%{transform: rotate(360deg);}
}
@keyframes flip2{
    100%{transform: rotate(45deg);}
}
@keyframes warning{
    0%{background: #8b0303;}
    50%{background: #eee;}
    100%{background: #8b0303;}
}

/*boton guardar*/
.boton{
  flex: 4;
  margin: 0px;
  padding: 0px;
  border: 0px;
  cursor:pointer;
}

/* MEDIA */
@media (max-width:520px) {
    .contenedor_apunte .titulo_apunte{
        flex:auto;
        width: 100%;
    }
    .contenedor_agregar_total_apuntes .contenedor_agregar_apuntes{
        flex:auto;
        width: 100%;
    }
    .contenedor_apunte .titulo_apunte
    ,.contenedor_apunte .id_apunte{
        border: none;
    }
    /* .contenedor_asiento > .contenedor_apunte{
        height: 84px;
    } */
}

/*DRAG*/
.gu-hide {
  display: none!important;
}
.gu-unselectable {
  -webkit-user-select: none!important;
  -moz-user-select: none!important;
  -ms-user-select: none!important;
  user-select: none!important;
}
.gu-transit {
  opacity: .2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

/*movil*/
[movil="1"] .contenedor_apunte div:focus{
    transition: 0.3s;
    transform: scale(2,2);
    z-index: 9;
    background: #fff;
    box-shadow: 2px 2px 5px;
    width: 100vw;
}
