.app-sidebar__user-avatar {
    width: 48px;
    background: gray;
    padding: 6px;
}
.app-sidebar__toggle{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15pt;
}
.app-sidebar__toggle::before{
	display: none;
}
.headerRegister, .header-primary{
	background: #dc3545;
/*	background: #009688;*/
	color: #FFF;
}
.headerUpdate{
	background: #343a40;
    /*#007bff;*/
	color: #FFF;
}
.textcenter{
	text-align: center;
}
.textright{
	text-align: right;
}
.textleft{
	text-align: left;
}
.bootstrap-select > .dropdown-toggle{
	border: 1px solid #CCC;
}
.my-custom-button-class {
    background-color: #ad1919; /* Cambia aquí el color a tu preferencia */
    color: white;
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.my-custom-button-class:hover {
    background-color: #000000; 
    color: white; 
    border: 2px solid #ad1919; /* Ajusta el foco o efecto hover a tu preferencia */
}
/*radio button grande*/
.custom-radio {
  width: 1.2em;
  height: 1.2em;
}

.custom-radio:checked {
  background-size: 1em;
}

.form-check-label {
  padding-left: 0.5em;
  font-size: 1.1em;
}

/*Agenda Producción*/
.compact-tables .tile {
    padding: 10px;  /* Reduce el padding del tile */
    margin-top: 5px !important;
    margin-bottom: 10px;  /* Reduce el margen inferior */
}

.compact-tables .tile-body {
    padding: 5px;  /* Reduce el padding del tile-body */
}

.compact-tables .table-responsive {
    margin-bottom: 0;  /* Elimina el margen inferior */
}

.compact-tables .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
}

/* Ajusta el ancho de las columnas si es necesario */
.compact-tables .width-11 {
    width: 11%;
}

.compact-tables .width-22 {
    width: 22%;
}

/* Reduce el padding de las celdas de la tabla */
.compact-tables .table td,
.compact-tables .table th {
    padding: 0.3rem;
}

/*Cierre Caja*/
.input-positivo {
    color: green;
}

.input-negativo {
    color: red;
}
.total-efectivo {
    font-weight: bold;
    background-color: #f9f5e8 !important; /* Color de fondo personalizado */
}
.font-bold{
	font-weight: bold;
}
/*Tablas Cierre Caja*/
.bd-table-container {
    max-height: 400px;
    overflow-y: auto;
}
.bd-table-container table thead th {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    z-index: 1;
}
.bd-thumbnail {
    max-width: 50px;
    max-height: 50px;
    object-fit: cover;
    width: 100%;
    height: auto;
    border-radius: 7px;
}
/*Estilos login*/
#divLoading{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(254,254,255, .65);
	z-index: 9999;
	display: none;
}
#divLoading img{
	width: 50px;
	height: 50px;
}
.required{
	color: red;
	font-size: 13pt;
	font-weight: bold;
}
.small-text {
    font-size: 0.75em; /* Ajusta este valor según tus necesidades */
}
.select-row {
    transform: scale(1.5); /* Ajustar el tamaño según sea necesario */
    -webkit-transform: scale(1.5); /* Safari y otros webkits */
    -moz-transform: scale(1.5); /* Firefox */
    -o-transform: scale(1.5); /* Opera */
    -ms-transform: scale(1.5); /* Internet Explorer */
    margin: 5px; /* Asegúrate de que hay algo de margen para alineación */
}
/* Fila procesada: Opacidad suave y tono grisáceo */
.fila-procesada {
    background-color: #f8f9fa !important;
    color: #6c757d;
    transition: all 0.3s ease;
}
.fila-procesada td {
    border-color: #dee2e6 !important;
}
.check-procesado {
    color: #28a745;
    font-weight: bold;
}
/* DEBUT style portada contenidos */
.prevPhotoSecCON {
    display: flex;
    justify-content: space-between;
    width: 300px;
    height: 225px;
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/backgrounds/1600x1200.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;
}
.prevPhotoSecCON-unlink {
    width: 300px;
    height: 225px;
}
.prevPhotoSecCON-backg {
    background: none;
    background-color: white;
    width: 300px;
    height: 225px;
}

/* =======================================
   BANNER GRANDE (1280x220)
   ======================================= */
.prevPhotoSecBAG {
    display: flex;
    justify-content: center; /* Centramos el contenido */
    align-items: center;
    width: 100%; /* Elástico */
    aspect-ratio: 1280 / 220; /* Mantiene la proporción automáticamente */
    max-width: 600px; /* Para que no crezca infinito en pantallas enormes */
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/backgrounds/1280x220.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;
}
.prevPhotoSecBAG label {
    width: 100%;
    height: 100%;
    margin: 0;
}
.prevPhotoSecBAG img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Para que la imagen cubra todo el espacio sin deformarse */
}

/* Clases auxiliares para JS */
.prevPhotoSecBAG-unlink {
    width: 100%;
    aspect-ratio: 920 / 218;
}
.prevPhotoSecBAG-backg {
    background: none;
    background-color: white;
}

/* =======================================
   BANNER PEQUEÑO (1280x100)
   ======================================= */
.prevPhotoSecBAP {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; 
    aspect-ratio: 1280 / 100;
    max-width: 600px; 
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/backgrounds/1280x100.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;
}
.prevPhotoSecBAP label {
    width: 100%;
    height: 100%;
    margin: 0;
}
.prevPhotoSecBAP img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Clases auxiliares para JS */
.prevPhotoSecBAP-unlink {
    width: 100%;
    aspect-ratio: 920 / 100;
}
.prevPhotoSecBAP-backg {
    background: none;
    background-color: white;
}

/* =======================================
   PORTADA VERTICAL (230x300)
   ======================================= */
.prevPhotoSecREV {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 230 / 300; /* Proporción vertical clásica 3/4 */
    max-width: 230px; /* Ancho máximo original para que no se vea gigante */
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/backgrounds/828x1080.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;
}
.prevPhotoSecREV label {
    width: 100%;
    height: 100%;
    margin: 0;
}
.prevPhotoSecREV img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Clases auxiliares para JS */
.prevPhotoSecREV-unlink {
    width: 100%;
    aspect-ratio: 230 / 300;
}
.prevPhotoSecREV-backg {
    background: none;
    background-color: white;
}

/* =======================================
   PORTADA COLABORADORES (150x150)
   ======================================= */
.prevPhotoSecPER {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 400 / 400; /* Proporción vertical clásica 3/4 */
    max-width: 226px; /* Ancho máximo original para que no se vea gigante */
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/backgrounds/400x400.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;
}
.prevPhotoSecPER label {
    width: 100%;
    height: 100%;
    margin: 0;
}
.prevPhotoSecPER img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Clases auxiliares para JS */
.prevPhotoSecPER-unlink {
    width: 100%;
    aspect-ratio: 400 / 400;
}
.prevPhotoSecPER-backg {
    background: none;
    background-color: white;
}

/* DEBUT style portada contenidos */
.prevPhotoSecPUG {
    display: flex;
    justify-content: space-between;
    width: 600px;
    height: 163px;
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/backgrounds/920x250.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;
}
.prevPhotoSecPUG-unlink {
    width: 600px;
    height: 163px;
}
.prevPhotoSecPUG-backg {
    background: none;
    background-color: white;
    width: 600px;
    height: 163px;
}
/* DEBUT style portada contenidos */
.prevPhotoSecPUC {
    display: flex;
    justify-content: space-between;
    width: 600px;
    height: 65px;
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/backgrounds/920x100.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;
}
.prevPhotoSecPUC-unlink {
    width: 600px;
    height: 65px;
}
.prevPhotoSecPUC-backg {
    background: none;
    background-color: white;
    width: 600px;
    height: 65px;
}
/* DEBUT style portada contenidos */
.prevPhotoSecPUV {
    display: flex;
    justify-content: space-between;
    width: 200px;
    height: 400px;
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/backgrounds/300x600.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;
}
.prevPhotoSecPUV-unlink {
    width: 200px;
    height: 400px;
}
.prevPhotoSecPUV-backg {
    background: none;
    background-color: white;
    width: 200px;
    height: 400px;
}
/* Publicidad Flotante */
.prevPhotoSecPFV {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 180 / 360;
    max-width: 180px; /* Ancho máximo original para que no se vea gigante */
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/backgrounds/180x360.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;
}
.prevPhotoSecPFV label {
    width: 100%;
    height: 100%;
    margin: 0;
}
.prevPhotoSecPFV img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Clases auxiliares para JS */
.prevPhotoSecPFV-unlink {
    width: 100%;
    aspect-ratio: 180 / 360;
}
.prevPhotoSecPFV-backg {
    background: none;
    background-color: white;
}
/* style Logo */
.prevPhotoSecLOG {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 1066 / 271; /* Proporción vertical clásica 3/4 */
    max-width: 400px; /* Ancho máximo original para que no se vea gigante */
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/backgrounds/1066x271.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;
}
.prevPhotoSecLOG label {
    width: 100%;
    height: 100%;
    margin: 0;
}
.prevPhotoSecLOG img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prevPhotoSecLOG-unlink {
    width: 100%;
    aspect-ratio: 1066 / 271;
}
.prevPhotoSecLOG-backg {
    background: none;
    background-color: white;
}

/* style portada categoría */
.prevPhoto {
    display: flex;
    justify-content: space-between;
    width: 300px;
    height: 200px;
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/uploads/portada_categoria.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;
}
.prevPortada{
	width: 100%;
	min-width: 200px;
	background: none;
}
.prevPhoto label{
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.prevPhoto img{
	width: 100%;
	height: 100%;
}
/* Estilo para hacer registros de arrastrables en DataTables */
.draggable-table tbody tr {
    cursor: move; /* o cursor: grab; */
}
/* style Arrasras Registro DataTable */
.upimg, .notblock{
	display: none !important;
}
.errorArchivo{
	font-size: 16px;
	font-family: arial;
	color: #cc0000;
	text-align: center;
	font-weight: bold; 
	margin-top: 10px;
}
.delPhoto{
	color: #FFF;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	background: white;
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 10;
    cursor: pointer;
}
#tbl_list_productos img{
	width: 50px;
}
.imgProductoDelete{
	width: 175px;
}

#imgCategoria{
	text-align: center;
}
#imgCategoria img{
	width: 200px;
	margin: auto;
}

/* Upload fotos*/
#containerImages{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
#containerImages > div{
	margin-right: 10px;
	margin-bottom: 8px;
}
.prevImage{
	border: 1px solid #CCC;
	width: 150px;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.prevImage img{
	width: 100%;
}
.inputUploadfile{
	display: none;
}
.btnUploadfile, .btnDeleteImage{
	border: 0;
	background-color: #009688;
	text-align: center;
	padding: 2px 3px;
	color: #FFF;
	font-size: 9pt;
	cursor: pointer;
	width: 100%;
}
.btnDeleteImage{
	background-color: #dc3545;
}
.prevImage .loading{
	width: 30px;
	height: 30px;
}
#celFotos img{
	width: 150px;
	margin: 10px;
}

/* TIENDA VIRTUAL */
.divmetodpago label, #divCondiciones{
	width: 100%;
	display: flex;
}
.divmetodpago label input, #divCondiciones input{
	margin-right: 15px;
}
#divCondiciones a{
	margin-left: 5px;
}

#divCondiciones  label{
	margin-bottom: 0;
}
.linkw:hover{
	text-decoration: none;
}
.container-title{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.container-title input{
	border: 1px solid #CCC;
	padding: 4px;
	border-radius: 5px;
	margin-right: 5px;
}
.dflex{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.ui-datepicker-calendar {
    display: none;
}

.page-content ul li { 
   list-style-type: disc;
   margin-left: 15px; 
   margin-bottom: 10px; 
}
.page-content ol li { 
   list-style-type: decimal;
   margin-left: 15px; 
   margin-bottom: 10px; 
}
.page-content ul li ul li, .page-content ol li ul li { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
.page-content ol li ol li, .page-content ul li ol li { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}

.page-error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: calc(100vh - 110px);
    margin-bottom: 0;
}

.page-error h1 {
    margin: 10px;
    color: #dc3545;
    font-size: 42px;
}