/*
    Document   : alta_de_informacion
    Created on : 13/01/2013, 01:59:46 PM
    Author     : CARLOS CORDOVA
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.anti_provi_menu {
  font-size: 20px;

  color: #e13300;
}
/*
	--------------------------------------------------------------------------------------------------------------------------------
		alta de informacion
*/
#menu_alta_de_informacion {
  width: 1130px;
  height: 610px;
  margin: 0 auto;
  padding-top: 20px;
  padding-left: 20px;

  text-align: center;

  border-radius: 15px;
  background-color: #2756a3;
}


#ul_menu_alta_de_informacion li {
  font-family: Arial, Helvetica, sans-serif;

  float: left;

  width: 175px;
  height: 57px;
  margin: 0 auto;
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  margin-left: 3px;
  padding-top: 30px;
  padding-bottom: 1px;

  text-align: center;

  border: 1px solid #e13300;
  border-radius: 15px;
  background-color: #f5f5f5;
}

#ul_menu_alta_de_informacion li:hover {
  color: #00f;
  border-radius: 15px;
  background-color: #9bceff;
}

/*
             alta de informacion
	--------------------------------------------------------------------------------------------------------------------------------

		*/






/*
       botones salir menu y regresar

	--------------------------------------------------------------------------------------------------------------------------------
    	*/
.boton_salir_regresar_menu {
  width: 800px;
  height: 100px;
  margin: 0 auto;
}

.boton_salir_regresar_menu_ul_ {
  margin-left: 120px;
}
.boton_salir_regresar_menu_ul_ a {
  color: #fff;
}


.boton_salir_regresar_menu_ul_ li {
  font-size: 15px;

  float: left;

  width: 100px;
  height: 15px;
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 10px;

  text-align: center;

  color: #fff;
  border-radius: 30px;
  background-color: #7d8085;
}


.boton_salir_regresar_menu_ul_ li:hover {
  text-decoration: none;
  /*   background-color:#70AFE6;
               // color: #000;*/

  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image:    -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image:     -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image:      -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image:         linear-gradient(to bottom, #3cb0fd, #3498db);
}
.boton_salir_regresar_menu_ul_ li {
  font-family: Arial;
  font-size: 10px;

  padding: 10px 10px 9px 20px;

  text-decoration: none;

  color: #fff;
  -webkit-border-radius: 28;
     -moz-border-radius: 28;
          border-radius: 28px;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image:    -moz-linear-gradient(top, #3498db, #2980b9);
  background-image:     -ms-linear-gradient(top, #3498db, #2980b9);
  background-image:      -o-linear-gradient(top, #3498db, #2980b9);
  background-image:         linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-box-shadow: 0 1px 7px #666;
     -moz-box-shadow: 0 1px 7px #666;
          box-shadow: 0 1px 7px #666;
}






.boton_enviar_altas {
  height: 30px;

  border-radius: 20px;
  background-color: #7d8085;
}
.boton_enviar_altas input {
  color: #fff;
}
.boton_enviar_altas:hover {
  cursor: pointer;

  background-color: #fff;
}

/*

posicion del formulario --------------------------------------------------------------------------------------------------------------------------------
*/



#posicion_formulario_alta_de_informacion label {
  color: #000;
}

#posicion_formulario_alta_de_informacion input {
  font-size: 17px;

  text-align: right;

  color: #000;
}

.archivo_xml_su {
  width: 520px !important;
}

.va_archivo_lee2:hover {
  cursor: pointer;
}




/*
        ventas
	--------------------------------------------------------------------------------------------------------------------------------
    	*/


#ventas,
#pagos_de_clientes,
#pago,
#compras,
#pagos_a_proveedor,
#gastos,
#activos,
#impuestos,
#honorarios,
#prestamos,
#costos,
#nominas,
#ajustes,
#venta_de_combustible {
  background: url(../imagenes/login/fondo_altas.png);
}
#ventas label,
#pagos_de_clientes label,
#pago label,
#compras label,
#pagos_a_proveedor label,
#gastos label,
#activos label,
#impuestos label,
#honorarios label,
#prestamos label,
#costos label,
#nominas label,
#ajustes label,
#venta_de_combustible label {
  color: #fff;
}


#ventas {
  font-size: 20px;

  width: 970px;
  height: 300px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  color: #fff;
  border-radius: 15px;
}


.ventas_xD {
  float: left;

  width: 450px;
  margin-left: 100px;
}
.activo_caja_o_banco {
  float: left;

  width: 450px;
  margin-left: 100px;
}

.ventas_xD_1 {
  float: left;

  width: 200px;

  text-align: left;
}


.no_requerido {
  border: 2px solid #e13300;
  background-color: #9bceff;
}
.radio_error {
  width: 300px;
  margin: 0 auto;

  color: #e13300;
  background-color: #9bceff;
}

.radio_ventas {
  width: 550px;

  text-align: center;
}


.posicion {
  padding-right: 10px;

  text-align: left;
}
#posicion_formulario_alta_de_informacion input {
  width: 120px;
  padding-left: 10px;

  text-align: center;
}


.posicion_1 {
  float: left;

  width: 360px;
  height: 50px;

  text-align: right;
}
.posicion_2 {
  float: left;

  width: 323px;
  height: 50px;

  text-align: right;
}
.posicion_3 {
  float: left;

  width: 270px;
  height: 50px;

  text-align: right;
}
.posicion_divide {
  float: right;

  width: 970px;
  height: 50px;

  text-align: right;
}


/*
        ventas
	--------------------------------------------------------------------------------------------------------------------------------
    	*/


/*
        pago_de_clientes
	--------------------------------------------------------------------------------------------------------------------------------
    	*/
#pagos_de_clientes {
  font-size: 20px;

  width: 970px;
  height: 320px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}



/*
        pago_de_clientes
	--------------------------------------------------------------------------------------------------------------------------------
    	*/





/*
        compras
	--------------------------------------------------------------------------------------------------------------------------------
    	*/

#compras {
  font-size: 20px;

  width: 970px;
  height: 400px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

.pago_1 {
  float: left;

  width: 350px;
  margin-left: 100px;
}
.pago_2 {
  float: left;

  width: 150px;
  margin-left: 100px;
}



/*
        pagos aproveedor
	--------------------------------------------------------------------------------------------------------------------------------
    	*/

#pagos_a_proveedor {
  font-size: 20px;

  width: 970px;
  height: 320px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}


/*
	--------------------------------------------------------------------------------------------------------------------------------
		costos
	*/
#costos {
  font-size: 20px;

  width: 970px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}






/*
	--------------------------------------------------------------------------------------------------------------------------------
		gastos
	*/
#gastos {
  font-size: 20px;

  width: 970px;
  height: 360px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}







/*
	--------------------------------------------------------------------------------------------------------------------------------
		activos
	*/
#activos {
  font-size: 20px;

  width: 970px;
  height: 420px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

.activo_a_credito_bancos {
  float: left;

  width: 450px;
  margin-left: 100px;
}
.activo_a_credito_bancos_2 {
  float: left;

  width: 200px;

  text-align: left;
}

/*
	--------------------------------------------------------------------------------------------------------------------------------
		impuestos
	*/
#impuestos {
  font-size: 20px;

  width: 970px;
  height: 320px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}
.impuesto_boton {
  text-align: center;
}


/*
	--------------------------------------------------------------------------------------------------------------------------------

	*/




/*
	--------------------------------------------------------------------------------------------------------------------------------
		prestamos
	*/

#prestamos {
  font-size: 20px;

  width: 970px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

/*
	--------------------------------------------------------------------------------------------------------------------------------
		honorarios
	*/



#honorarios {
  font-size: 20px;

  width: 970px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

/*
	--------------------------------------------------------------------------------------------------------------------------------

	*/



/*
	--------------------------------------------------------------------------------------------------------------------------------
		costos
	*/
#costos {
  font-size: 20px;

  width: 970px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}
/*
        nominas
	--------------------------------------------------------------------------------------------------------------------------------
    	*/

#nominas {
  font-size: 20px;

  width: 970px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}


/*
        ajustes
	--------------------------------------------------------------------------------------------------------------------------------
    	*/

#ajustes {
  font-size: 20px;

  width: 970px;
  height: 320px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}



/* GASOLINERA*/

#pagos-proyectos,
#compras-proyectos,
#gas_notas_de_credito,
#gas_acreditamientos,
#anticipo_a_proveedor,
#cargos_y_creditos_bancarios,
#compra_de_activos,
#compra_de_combustible,
#construccion_de_edificios,
#deudores_diversos,
#fletes,
#gas_gastos,
#gas_impuesto,
#gas_nominas,
#gas_pagos,
#prestamos_y_creditos,
#reg_de_ventas,
#traspaso_a_pemex,
#costos_del_mes,
#anticipo_previo,
#provision_previo,
#otros_ingresos,
#gas-ctrl-vol,
#venta_de_combustible {
  background: url(../imagenes/login/fondo_altas.png);
}
#pagos-proyectos label,
#compras-proyectos label,
#gas_notas_de_credito label,
#gas_acreditamientos label,
#anticipo_a_proveedor label,
#cargos_y_creditos_bancarios label,
#compra_de_activos label,
#compra_de_combustible label,
#construccion_de_edificios label,
#deudores_diversos label,
#fletes label,
#gas_gastos label,
#gas_impuesto label,
#gas_nominas label,
#gas_pagos label,
#prestamos_y_creditos label,
#reg_de_ventas label,
#traspaso_a_pemex label,
#costos_del_mes label,
#anticipo_previo label,
#provision_previo label,
#otros_ingresos label,
#gas-ctrl-vol label,
#venta_de_combustible label {
  color: #fff;
}


/*
	--------------------------------------------------------------------------------------------------------------------------------
		acreditamientos
	*/
#gas_notas_de_credito {
  font-size: 20px;

  width: 970px;
  height: 500px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}
#gas_acreditamientos {
  font-size: 20px;

  width: 970px;
  height: 400px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

/*
	--------------------------------------------------------------------------------------------------------------------------------
		anticipo a proveedor
	*/
#anticipo_a_proveedor {
  font-size: 20px;

  width: 970px;
  height: 420px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}


/*
  -----------------------------------------------------------------------------------------------------------------------------------------
  */


#cargos_y_creditos_bancarios {
  font-size: 20px;

  width: 970px;
  height: 350px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

#compra_de_activos {
  font-size: 20px;

  width: 970px;
  height: 480px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

#compra_de_combustible {
  font-size: 20px;

  width: 970px;
  height: 550px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

#construccion_de_edificios {
  font-size: 20px;

  width: 970px;
  height: 450px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}
#deudores_diversos {
  font-size: 20px;

  width: 970px;
  height: 350px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

#fletes {
  font-size: 20px;

  width: 970px;
  height: 500px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

#gas_gastos {
  font-size: 20px;

  width: 970px;
  height: 550px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}
#compras-proyectos {
  font-size: 20px;

  width: 970px;
  height: 550px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}
#pagos-proyectos {
  font-size: 20px;

  width: 970px;
  height: 550px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}
#gas_impuesto {
  font-size: 20px;

  width: 970px;
  height: 480px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}
#gas_nominas {
  font-size: 20px;

  width: 970px;
  height: 380px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

#gas_pagos {
  font-size: 20px;

  width: 970px;
  height: 620px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}
#prestamos_y_creditos {
  font-size: 20px;

  width: 970px;
  height: 380px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

#reg_de_ventas {
  font-size: 20px;

  width: 970px;
  height: 350px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

#otros_ingresos {
  font-size: 20px;

  width: 970px;
  height: 450px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

#traspaso_a_pemex {
  font-size: 20px;

  width: 970px;
  height: 315px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}






#costos_del_mes {
  font-size: 20px;

  width: 970px;
  height: 560px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

.gas_reg_ventas_letras {
  font-size: 12px;
}



#anticipo_previo {
  font-size: 20px;

  width: 970px;
  height: 380px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}
.nom_val_antic {
  font-size: 12px;
}



#provision_previo {
  font-size: 20px;

  width: 970px;
  height: 315px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

#gas-ctrl-vol {
  font-size: 20px;

  width: 970px;
  height: 560px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

#venta_de_combustible {
  font-size: 20px;

  width: 970px;
  height: 590px;
  margin: 0 auto;
  margin-right: 3px solid #000;
  margin-left: 3px solid #333;

  text-align: center;

  color: #fff;
  border-radius: 15px;
}

.button {
  font-size: 1.25em;

  display: inline-block;

  width: 200px;
  margin: 10px;
  padding: 7px 0;

  text-align: center;
  text-decoration: none;

  color: #fff;
  border: 0;
  outline: none;
  background: #7f8c8d;
  box-shadow: 0 3px 0 #373c3c;
}
.button span {
  margin-right: 10px;
}
.button.blue {
  background: #3498db;
  box-shadow: 0 3px 0 #266272;
}
.button.orange {
  background: #d35400;
  box-shadow: 0 3px 0 #b55704;
}
.button.red {
  background: #e6644a;
  box-shadow: 0 3px 0 #480000;
}
.button.green {
  background: #27ae60;
  box-shadow: 0 3px 0 #023e09;
}
.bloque {
  display: block;

  margin: 0 auto;
}
.button.light {
  width: 220px;
}
.button.medium {
  width: 350px;
}
.button.large {
  width: 450px;
}
.button.radius {
  border-radius: 5px;
}
.button:hover {
  opacity: .9;
}
.button:active {
  opacity: .7;
  box-shadow: 0 0 6px rgba(0,0,0,.4) inset;
}
.en-linea {
  display: inline-block;
}
.fondo-modal {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  visibility: hidden;

  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;

  background: rgba(0,0,0,.6);
}

.contenido-modal {
  position: fixed;
  z-index: 2000;
  top: -60%;
  right: 0;
  left: 0;

  overflow-y: auto;

  width: 80%;
  height: 90%;
  margin: 0 auto;

  transition: all .4s ease;

  opacity: 0;
  background: white;
  box-shadow: 2px 3px 8px rgba(0,0,0,1);
}
.modal-titulo {
  padding: 1rem;

  text-align: left;

  border-bottom: 1px solid lightgray;
  box-shadow: 0 0 1px rgba(0,0,0,.3);
}
.modal-titulo-texto {
  display: inline;

  text-align: left;
}
.modal-frm {
  font-size: 16px;

  width: 40%;
  margin: 20px auto 0;
  padding: 8px;
  /*background: blue;*/
}
.modal-frm > div {
  overflow: hidden;

  margin-top: 10px;
}
.modal-frm  label {
  display: block;
  float: left;

  box-sizing: border-box;
  width: 20%;
  padding: 9px;

  text-align: right;
}
.modal-frm  input {
  display: block;
  float: left;

  box-sizing: border-box;
  width: 80%;
  padding: 9px;
}
.modal-frm  button {
  float: right;

  width: 80%;
  margin: 10px 0;
}
.cerrar-modal {
  display: block;
  float: right;

  padding: .2rem;

  color: silver;
  text-shadow: 0 0 2px rgba(0,0,0,.4);
}
.cerrar-modal:hover {
  cursor: pointer;

  color: gray;
}

/*Bootstrap*/
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
table {
  background-color: transparent;
}
th {
  text-align: center;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  line-height: 1.42857143;

  padding: 8px;

  vertical-align: top;

  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;

  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*='col-'] {
  position: static;

  display: table-column;
  float: none;
}
table td[class*='col-'],
table th[class*='col-'] {
  position: static;

  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;

  min-height: .01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    overflow-y: hidden;

    width: 100%;
    margin-bottom: 15px;

    border: 1px solid #ddd;

    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
#ventas_ajax_2 > h6 {
  display: inline-block;
}
#mensaje-cierre-mensual-finalizado {
  font-size: 1rem;
  font-weight: bold;

  padding: 1rem;

  color: #3c763d;
  border: 1px solid #d6e9c6;
  background: #dff0d8;
}

#datos-facturas {
  font-size: 18px;

  position: relative;

  padding: 10px 0 0 55px;

  text-align: left;
}

#datos-facturas > div {
  width: 500px;
}
#datos-facturas > div > span {
  padding: 4px;
}
#respuesta_factura {
  display: block;
}
.data_invalid {
  color: red;
}
.data_valid {
  color: green;
}
.frm {
  font-size: 16px;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.frm-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;

  box-sizing: border-box;
  width: 33.33%;
  height: 50px;
  margin-bottom: 4px;
  padding: 8px;
}
.frm-row > label {
  display: block;

  box-sizing: border-box;
  width: 45%;
  padding-right: 15px;

  text-align: right;
}
.frm-row > span {
  display: block;

  width: 55%;
}
.frm-row  input,
.frm-row select,
.frm-row option {
  font-size: 16px;

  display: block;

  width: 100%;
}
#ventas_ajax_2 {
  display: block;

  width: 100%;
}
#btn-pago-notas {
  margin: 0 auto;
}
.break-100 {
  width: 100%;
}
.success {
  font-size: 1rem !important;

  padding: 1rem !important;

  color: #3c763d !important;
  border: 1px solid #d6e9c6 !important;
  background: #dff0d8 !important;
  /*                font-weight: bold;*/
}
.error {
  font-size: 1rem !important;

  padding: 1rem !important;

  color: #a94442 !important;
  border: 1px solid #ebccd1 !important;
  background: #f2dede !important;
  /*                font-weight: bold;*/
}
.loader {
  width: 15px;
  height: 15px;

  animation: spin 2s linear infinite;

  border: 4px solid #f3f3f3; /* Light grey */
  border-top: 4px solid #3498db; /* Blue */
  border-radius: 50%;
}
.loader--especial {
  position: absolute;

  display: inline-block;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.posicion_esp {
  width: 553px;
}