.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

.campo-fake{
	background: #FFFFFF;
	color: #000000;
	font-size: 20px;
	margin-left: 4px;
  border-radius: 4px;
	padding: 2px;
	
}

.body {
	background-image: -webkit-linear-gradient(270deg, #0f1266, #0f1266);
	background-image: linear-gradient(180deg, #0f1266, #0f1266);
	color: #FFFFFF;
}

.body-2 {
  background-image: -webkit-linear-gradient(270deg, #0f1266, #0f1266);
  background-image: linear-gradient(180deg, #0f1266, #0f1266);
}

.login_box{
	padding-top: 50px;
    margin-left: auto;
    margin-right: auto;
   
    color: white;
    width: 400px;
	
}

.login_box input{
	color: black;
}

.saldo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  padding-right: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
}

.campo-saldo {
  width: 110px;
  height: 30px;
  margin-left: 4px;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  font-family: 'Open Sans', sans-serif;
  color: #494949;
  font-size: 16px;
}

.heading {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  text-align: center;
}

.buscar-dua {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.etiqueta-buscar-dua {
  color: #fff;
  font-size: 20px;
}

.campo-buscar-dua {
  width: 200px;
  height: 30px;
  margin-left: 4px;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  color: #494949;
  font-size: 20px;
}

.seleccionar-dua {
  margin-top: 0px;
  padding-top: 10px;
}

.actividad-a-realizar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  padding-top: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-2 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  text-align: center;
}

.boton {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 4px;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  font-family: 'Open Sans', sans-serif;
  color: #0f1266;
  font-size: 20px;
  font-weight: 700;
}

.body-3 {
  background-image: -webkit-linear-gradient(270deg, #0f1266, #0f1266);
  background-image: linear-gradient(180deg, #0f1266, #0f1266);
}

.heading-3 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  text-align: center;
}

.div-block {
  width: 200px;
  height: 30px;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 63%, .6), hsla(0, 0%, 63%, .6));
  background-image: linear-gradient(180deg, hsla(0, 0%, 63%, .6), hsla(0, 0%, 63%, .6));
  font-family: 'Open Sans', sans-serif;
  color: #fff;
	font-size: 16px;
}

.section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
  padding-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.field-label {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}

.text-field {
  width: 100%;
  margin-left: 4px;
  border-style: none;
  border-radius: 4px;
  font-family: 'Open Sans', sans-serif;
  color: #494949;
  font-size: 20px;
}

.div-block-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button {
  position: absolute;
  margin-top: 78px;
  margin-left: 350px;
}

.boton-agregar {
  position: absolute;
  display: none;
  margin-top: 0%;
  margin-bottom: 10px;
  margin-left: 76%;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  font-family: 'Open Sans', sans-serif;
  color: #0f1266;
  font-size: 20px;
  font-weight: 700;
}

.body-4 {
  overflow: visible;
  background-image: -webkit-linear-gradient(270deg, #0f1266, #0f1266);
  background-image: linear-gradient(180deg, #0f1266, #0f1266);
}

.heading-4 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.body-5 {
  background-image: -webkit-linear-gradient(270deg, #0f1266, #0f1266);
  background-image: linear-gradient(180deg, #0f1266, #0f1266);
}

.text-block-2 {
  padding: 9px 10px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  font-size: 20px;
  text-align: center;
}

.column {
  display: none;
}

.row {
  margin-top: 1px;
}

.boton-editar {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  margin-top: 0%;
  margin-right: auto;
  padding: 2px 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  font-family: 'Open Sans', sans-serif;
  color: #0f1266;
  font-size: 12px;
  font-weight: 700;
}

.fila-1-tabla-de-gastos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.etiqueta-total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  text-align: right;
}

.div-block-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.section-2 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.column-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.boton-editar-2 {
  position: absolute;
  margin-top: 0%;
  margin-bottom: 10px;
  margin-left: auto;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  font-family: 'Open Sans', sans-serif;
  color: #0f1266;
  font-size: 12px;
  font-weight: 700;
}

.boton-editar-1 {
  width: 95%;
  padding: 5px;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  font-family: 'Open Sans', sans-serif;
  color: #0f1266;
  font-size: 9px;
  font-weight: 700;
  text-align: center;
}

.row-2 {
  width: 100%;
}

.column-7 {
  display: none;
}

.column-8 {
  display: none;
}

.column-9 {
  text-align: right;
}

.campo-total {
  height: 30px;
  padding: 9px 10px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  font-size: 20px;
  text-align: center;
}

.casilla-total {
  height: 30px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  text-align: right;
}

.x {
  padding: 9px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  text-align: right;
}

.y {
  padding: 9px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  text-align: right;
}

.boton-edit {
  padding: 9px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  text-align: right;
}

.z {
  padding: 9px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  text-align: right;
}

.fila-total-gastos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.campo-documento {
  height: 30px;
  font-family: 'Open Sans', sans-serif;
}

.campo-proveedor {
  height: 30px;
  font-family: 'Open Sans', sans-serif;
}

.campo-concepto {
  height: 30px;
  font-family: 'Open Sans', sans-serif;
}

.campo-monto {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-4 {
  display: block;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.column-25 {
  display: none;
}

.column-26 {
  display: none;
}

.column-27 {
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
}

.column-28 {
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
}

.column-29 {
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
}

.column-30 {
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
}

.column-31 {
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
}

.column-32 {
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
}

.column-33 {
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
}

.column-34 {
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
}

.text-block-4 {
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

.etiqueta-documento {
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

.etiqueta-proveedor {
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

.etiqueta-concepto {
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

.etiqueta-monto {
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

.text-block-5 {
  height: 30px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

.campo-document {
  height: 30px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

.column-35 {
  display: none;
}

.column-36 {
  display: none;
}

.row-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-37 {
  height: 30px;
  padding-right: 0px;
  padding-left: 0px;
}

.column-38 {
  height: auto;
}

.column-39 {
  height: auto;
}

.image {
  position: fixed;
  left: 0px;
  top: 0px;
}

.logo-inicio {
  position: absolute;
  left: 0px;
  top: 50px;
  margin-top: 15px;
  margin-left: 15px;
}

.image-2 {
  position: static;
}

.ingresar-gastos {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 4px;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  font-family: 'Open Sans', sans-serif;
  color: #0f1266;
  font-size: 20px;
  font-weight: 700;
}

.consultar-editar-gastos {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 4px;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  font-family: 'Open Sans', sans-serif;
  color: #0f1266;
  font-size: 20px;
  font-weight: 700;
}

.buscar-gastos-registrados {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.etiqueta-buscar-gastos-registrados {
  color: #fff;
  font-size: 20px;
}

.campo-buscar-gastos-registrados {
  width: 200px;
  height: 30px;
  margin-left: 4px;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  color: #494949;
  font-size: 20px;
}

.liquidar-caja {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 4px;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  font-family: 'Open Sans', sans-serif;
  color: #0f1266;
  font-size: 20px;
  font-weight: 700;
}

@media (max-width: 991px) {
  .text-block {
    font-size: 18px;
  }
  .campo-saldo {
    font-size: 18px;
  }
  .heading {
    font-size: 22px;
  }
  .etiqueta-buscar-dua {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
  }
  .campo-buscar-dua {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
  }
  .heading-2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
  }
  .heading-3 {
    font-size: 22px;
  }
  .div-block {
    font-size: 18px;
  }
  .field-label {
    font-size: 18px;
  }
  .text-field {
    font-size: 18px;
  }
  .boton-agregar {
    margin-top: 0%;
    margin-left: 76%;
    font-size: 18px;
  }
  .text-block-2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
  }
  .boton-editar {
    margin-top: 0%;
    margin-left: 0%;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 12px;
  }
  .etiqueta-total {
    font-size: 14px;
  }
  .boton-editar-2 {
    margin-top: 0%;
    margin-left: 76%;
    font-size: 18px;
  }
  .campo-total {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
  }
  .casilla-total {
    font-size: 11px;
  }
  .x {
    font-size: 11px;
  }
  .y {
    font-size: 11px;
  }
  .boton-edit {
    font-size: 11px;
  }
  .z {
    font-size: 11px;
  }
  .campo-monto {
    font-size: 14px;
  }
  .ingresar-gastos {
    font-size: 18px;
  }
  .consultar-editar-gastos {
    font-size: 18px;
  }
  .etiqueta-buscar-gastos-registrados {
    font-size: 18px;
  }
  .campo-buscar-gastos-registrados {
    font-size: 18px;
  }
  .liquidar-caja {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .text-block {
    font-size: 14px;
  }
  .campo-saldo {
    height: 25px;
    font-size: 14px;
  }
  .heading {
    font-size: 18px;
  }
  .buscar-dua {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .etiqueta-buscar-dua {
    font-size: 14px;
  }
  .campo-buscar-dua {
    height: 25px;
    font-size: 14px;
  }
  .seleccionar-dua {
    margin-top: 30px;
  }
  .heading-2 {
    font-size: 18px;
  }
  .boton {
    font-size: 15px;
  }
  .heading-3 {
    font-size: 18px;
  }
  .div-block {
    font-size: 12px;
  }
  .text-field {
    font-size: 14px;
  }
  .div-block-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
  }
  .boton-agregar {
    margin-top: 0px;
    margin-left: 86%;
    font-size: 15px;
  }
  .text-block-2 {
    font-size: 8px;
  }
  .boton-editar {
    margin-top: 0px;
    margin-left: 0%;
    font-size: 10px;
  }
  .fila-1-tabla-de-gastos {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .etiqueta-total {
    font-size: 12px;
  }
  .boton-editar-2 {
    margin-top: 0px;
    margin-left: 0%;
    font-size: 15px;
  }
  .boton-editar-1 {
    height: 30px;
  }
  .campo-total {
    font-size: 8px;
  }
  .casilla-total {
    font-size: 9px;
  }
  .x {
    font-size: 9px;
  }
  .y {
    font-size: 9px;
  }
  .boton-edit {
    font-size: 9px;
  }
  .z {
    font-size: 9px;
  }
  .column-13 {
    display: none;
  }
  .column-14 {
    display: none;
  }
  .fila-total-gastos {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .text-block-3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-align: center;
  }
  .campo-monto {
    font-size: 12px;
  }
  .etiqueta-documento {
    font-size: 12px;
  }
  .etiqueta-proveedor {
    font-size: 12px;
  }
  .etiqueta-concepto {
    font-size: 12px;
  }
  .etiqueta-monto {
    font-size: 12px;
  }
  .ingresar-gastos {
    font-size: 14px;
  }
  .consultar-editar-gastos {
    font-size: 14px;
  }
  .buscar-gastos-registrados {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .etiqueta-buscar-gastos-registrados {
    font-size: 14px;
  }
  .campo-buscar-gastos-registrados {
    font-size: 14px;
  }
  .liquidar-caja {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .text-block {
    font-size: 10px;
  }
  .campo-saldo {
    width: 80px;
    font-size: 10px;
  }
  .heading {
    font-size: 12px;
  }
  .etiqueta-buscar-dua {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
  }
  .campo-buscar-dua {
    width: 150px;
    font-size: 12px;
  }
  .heading-2 {
    font-size: 12px;
  }
  .boton {
    font-size: 10px;
  }
  .heading-3 {
    font-size: 12px;
  }
  .div-block {
    width: 150px;
    height: 25px;
    font-size: 10px;
  }
  .section {
    margin-top: 90px;
  }
  .form-block {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
  }
  .field-label {
    font-size: 10px;
    font-weight: 400;
  }
  .text-field {
    font-size: 10px;
  }
  .div-block-2 {
    width: 70%;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .boton-agregar {
    margin-left: 86%;
    font-size: 12px;
  }
  .text-block-2 {
    display: block;
    height: auto;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 4px;
  }
  .boton-editar {
    display: block;
    height: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 2px 4px;
    font-size: 6px;
  }
  .fila-1-tabla-de-gastos {
    position: static;
    overflow: visible;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .etiqueta-total {
    height: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .div-block-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  .column-2 {
    padding-right: 5px;
    padding-left: 5px;
  }
  .column-3 {
    padding-right: 5px;
    padding-left: 5px;
  }
  .column-4 {
    padding-right: 5px;
    padding-left: 5px;
  }
  .column-5 {
    padding-right: 5px;
    padding-left: 5px;
  }
  .column-6 {
    overflow: scroll;
  }
  .boton-editar-2 {
    margin-left: 0%;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
  }
  .boton-editar-1 {
    overflow: visible;
    width: 90%;
    height: 30px;
    font-size: 7px;
  }
  .row-2 {
    overflow: visible;
    width: auto;
  }
  .column-10 {
    overflow: visible;
  }
  .campo-total {
    padding-right: 5px;
    padding-left: 5px;
    color: #494949;
  }
  .casilla-total {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .x {
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
    color: #000;
  }
  .y {
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
    color: #000;
  }
  .boton-edit {
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
    color: #000;
  }
  .z {
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
    color: #000;
  }
  .row-3 {
    height: 15px;
  }
  .column-13 {
    display: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .column-14 {
    display: none;
  }
  .fila-total-gastos {
    overflow: scroll;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .section-3 {
    display: block;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  .text-block-3 {
    overflow: visible;
    height: 20px;
    font-size: 8px;
    text-align: center;
  }
  .column-15 {
    display: none;
  }
  .column-16 {
    display: none;
  }
  .columna-documento-mobile {
    height: auto;
    background-image: -webkit-linear-gradient(270deg, #fff, #fff);
    background-image: linear-gradient(180deg, #fff, #fff);
  }
  .columna-proveedor-mobile {
    background-image: -webkit-linear-gradient(270deg, #fff, #fff);
    background-image: linear-gradient(180deg, #fff, #fff);
  }
  .columna-concepto-mobile {
    background-image: -webkit-linear-gradient(270deg, #fff, #fff);
    background-image: linear-gradient(180deg, #fff, #fff);
  }
  .columna-monto-mobile {
    background-image: -webkit-linear-gradient(270deg, #fff, #fff);
    background-image: linear-gradient(180deg, #fff, #fff);
  }
  .column-21 {
    padding-right: 0px;
    padding-left: 0px;
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
  }
  .column-22 {
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
  }
  .column-23 {
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
  }
  .column-24 {
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7));
  }
  .row-4 {
    height: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .div-block-4 {
    height: 20px;
  }
  .campo-documento {
    height: 20px;
    font-size: 8px;
    text-align: center;
  }
  .campo-proveedor {
    height: 20px;
    font-size: 8px;
    text-align: center;
  }
  .campo-concepto {
    height: 20px;
    font-size: 8px;
    text-align: center;
  }
  .campo-monto {
    height: 20px;
    font-size: 8px;
    text-align: center;
  }
  .ingresar-gastos {
    font-size: 10px;
  }
  .consultar-editar-gastos {
    font-size: 10px;
  }
  .etiqueta-buscar-gastos-registrados {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
  }
  .campo-buscar-gastos-registrados {
    width: 150px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
  }
  .liquidar-caja {
    font-size: 10px;
  }
  .section-5 {
    margin-bottom: 20px;
  }
  .column-40 {
    height: auto;
  }
  .column-41 {
    height: auto;
  }
  .column-42 {
    height: auto;
  }
  .column-43 {
    height: auto;
  }
  .row-6 {
    height: 20px;
  }
}

/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  width: 95%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee;
  color: black;
}

tr:nth-of-type(odd) a { 
 color: black;
text-decoration: underline;
}

tr:nth-of-type(even) { 
 color: white;
}

tr:nth-of-type(even) a { 
 color: white;
text-decoration: underline;
}

th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}

th a{ 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "ID"; }
	td:nth-of-type(2):before { content: "Referencia"; }
	td:nth-of-type(3):before { content: "Sintoma"; }
	
}