.boton
{
    border: none;
    color: white;
    padding: 5px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 4px;
}

.botonVentas 
{
    border: none;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 4px;
}

.botonVentas:disabled 
{
    opacity: 0.5;  /* Hace que los botones deshabilitados se vean opacos */
    background-color: #d3d3d3;  /* Color de fondo más apagado */
    color: #a9a9a9;  /* Color de texto más apagado */
    border: 1px solid #a9a9a9;  /* Borde más apagado */
    cursor: not-allowed;  /* Cambia el cursor para indicar que no se puede hacer clic */
}

#catalogoFacturas .columna{border: 1px #ddd solid; padding: 5px; cursor: pointer;}
#catalogoDatosFiscalesClientes .columna{border: 1px #ddd solid; padding: 5px; cursor: pointer;}
#catalogoDatosFiscalesProductos .columna{border: 1px #ddd solid; padding: 5px; cursor: pointer;}
#catalogoDatosFiscalesMetodosPago .columna{border: 1px #ddd solid; padding: 5px; cursor: pointer;}

.selected {
    background-color: #ededed;
    color: #000000;
	/*font-weight: bold;*/
}

.rowVentas label
{
	text-align: right;
    display: inline-block;
    width: 31%;
}

.rowVentas input
{
    display: inline-block;
	width: 60%;
    background-color: #FFFFFF;
    color: black;
    padding: 5px 5px;
    margin: 0 0 1% 3%;
    border-radius: 4px;
	border: 1px solid #dadada;
}

.rowVentas select
{
    display: inline-block;
	width: 60%;
    background-color: #FFFFFF;
    color: black;
    padding: 1px 5px;
    margin: 0 0 1% 3%;
    border-radius: 4px;
	border: 1px solid #dadada;
}

.rowFiltrar label
{
	text-align: right;
    display: inline-block;
    width: 31%;
}

.rowFiltrar input
{
    display: inline-block;
	width: 60%;
    background-color: #FFFFFF;
    color: black;
    padding: 5px 5px;
    margin: 0 0 1% 3%;
    border-radius: 4px;
	border: 1px solid #dadada;
}

.rowFiltrar select
{
    display: inline-block;
	width: 60%;
    background-color: #FFFFFF;
    color: black;
    padding: 1px 5px;
    margin: 0 0 1% 3%;
    border-radius: 4px;
	border: 1px solid #dadada;
}

.rowCuenta label
{
	text-align: right;
    display: inline-block;
    width: 31%;
}

.rowCuenta input
{
    display: inline-block;
	width: 60%;
    background-color: #FFFFFF;
    color: black;
    padding: 5px 5px;
    margin: 0 0 1% 3%;
    border-radius: 4px;
	border: 1px solid #dadada;
}

.rowConfiguracion label
{
	text-align: right;
    display: inline-block;
    width: 60%;
}

.rowConfiguracion input
{
    display: inline-block;
	width: 30%;
    background-color: #FFFFFF;
    color: black;
    padding: 5px 5px;
    margin: 0 0 1% 3%;
    border-radius: 4px;
	border: 1px solid #dadada;
}

.rowConfiguracion select
{
    display: inline-block;
	width: 60%;
    background-color: #FFFFFF;
    color: black;
    padding: 1px 5px;
    margin: 0 0 1% 3%;
    border-radius: 4px;
	border: 1px solid #dadada;
}

.rowConfiguracionColores label
{
	text-align: right;
    display: inline-block;
    width: 10%;
}

.rowConfiguracionColores input
{
    display: inline-block;
	width: 30%;
    background-color: #FFFFFF;
    color: black;
    padding: 5px 5px;
    margin: 0 0 1% 3%;
    border-radius: 4px;
	border: 1px solid #dadada;
}

.rowPaso1 label
{
	text-align: right;
    display: inline-block;
    width: 31%;
}

.rowPaso1 input[type="text"]
{
    display: inline-block;
	width: 40%;
    padding: 5px 5px;
    margin: 0 0 1% 3%;
    border-radius: 4px;
	border: 1px solid #dadada;
}

.rowPaso1 input[type="date"]
{
    display: inline-block;
	width: 40%;
    padding: 5px 5px;
    margin: 0 0 1% 3%;
    border-radius: 4px;
	border: 1px solid #dadada;
}

.rowPaso2 label
{
	text-align: right;
    display: inline-block;
    width: 40%;
}

.rowPaso2 input[type="text"]
{
    display: inline-block;
	width: 55%;
    padding: 5px 5px;
    margin: 0 0 1% 3%;
    border-radius: 4px;
	border: 1px solid #dadada;
}

.rowPaso2 select
{
    display: inline-block;
	width: 47%;
    padding: 5px 5px;
    margin: 0 0 1% 3%;
    border-radius: 4px;
	border: 1px solid #dadada;
}

.rowPaso2RFC label
{
	text-align: right;
    display: inline-block;
    width: 31%;
}

.rowPaso2RFC input[type="text"]
{
    display: inline-block;
	width: 47%;
    padding: 5px 5px;
    margin: 0 0 1% 3%;
    border-radius: 4px;
	border: 1px solid #dadada;
}

.rowPaso2RFC button
{
    border: none;
    color: white;
    padding: 6px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	width: 12%;
}

.rowPaso3 label
{
	text-align: right;
    display: inline-block;
    width: 31%;
}

.rowPaso3 input[type="text"]
{
    display: inline-block;
	width: 40%;
    padding: 5px 5px;
    margin: 0 0 1% 3%;
    border-radius: 4px;
	border: 1px solid #dadada;
}

.rowPaso3 select
{
    display: inline-block;
	width: 50%;
    padding: 5px 5px;
    margin: 0 0 1% 3%;
    border-radius: 4px;
	border: 1px solid #dadada;
}

 /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #FFFFFF;
    margin: 20% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* The Modal (background) */
.modalCuenta {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-contentCuenta {
    background-color: #FFFFFF;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.closeCuenta {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeCuenta:hover,
.closeCuenta:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* The Modal (background) */
.modalConfiguracion {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-contentConfiguracion {
    background-color: #FFFFFF;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.closeConfiguracion {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeConfiguracion:hover,
.closeConfiguracion:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* The Modal (background) */
.modalVentas {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-contentVentas {
    background-color: #FFFFFF;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.closeVentas {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeVentas:hover,
.closeVentas:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* The Modal (background) */
.modalFiltrar {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-contentFiltrar {
    background-color: #FFFFFF;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.closeFiltrar {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeFiltrar:hover,
.closeFiltrar:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* The Modal (background) */
.modalCancelar {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-contentCancelar {
    background-color: #FFFFFF;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.closeCancelar {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeCancelar:hover,
.closeCancelar:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* The Modal (background) */
.modalTimbrar {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-contentTimbrar {
    background-color: #FFFFFF;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.closeTimbrar {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeTimbrar:hover,
.closeTimbrar:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* The Modal (background) */
.modalFacturaGlobal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-contentFacturaGlobal {
    background-color: #FFFFFF;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.closeFacturaGlobal {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeFacturaGlobal:hover,
.closeFacturaGlobal:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* The Modal Productos (background) */
.modalProductos {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-contentProductos {
    background-color: #FFFFFF;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.closeProductos {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeProductos:hover,
.closeProductos:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* The Modal Productos (background) */
.modalProductosAviso {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-contentProductosAviso {
    background-color: #FFFFFF;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.closeProductosAviso {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeProductosAviso:hover,
.closeProductosAviso:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#catalogoPedidos_facturaglobal .columna{border: 1px #ddd solid; padding: 5px; cursor: pointer;}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

#catalogoPedidos_facturarpedidos .columna{border: 1px #ddd solid; padding: 5px; cursor: pointer;}