.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: #007bff;
	color: #FFF;
}
.headerUpdate{
	background: #007bff;
	color: #FFF;
}

.headerUpdate1{
	background: #38af82;
	color: #FFF;
}


.textcenter{
	text-align:center;
}
/*************************************
Estilos Login 10/06/2022 JLRA 17:09
**************************************/
#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;
}

#txtPassword{
    width: 170px;
	
}
/***********************************************
Estilos cargar img inventario 26/06/2022 15:33 
************************************************/
.prevPhoto {
    display: flex;
    justify-content: space-between;
    width: 300px;
    height: 200px;
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/uploads/portada_inv.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;
}
.prevPhoto1 {
    display: flex;
    justify-content: space-between;
    width: 300px;
    height: 200px;
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/uploads/portada_repar.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%;
}
.prevPhoto1 label{
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.prevPhoto1 img{
	width: 100%;
	height: 100%;
}
.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: 25px;
	height: 25px;
	background: red;
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 10;
}
#tbl_list_productos img{
	width: 50px;
}
.imgProductoDelete{
	width: 175px;
}

.item-price {
    font-size: 23px;
    font-weight: bold;
	color: #307e67;
}

.linkw:hover{
	text-decoration: none;
}



/* Agregar este CSS a tu archivo principal o crear dashboard.css */

/* Dashboard Styles */
/*.dashboard-container {*/
/*    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);*/
/*    min-height: 100vh;*/
/*    padding: 20px 0;*/
/*}*/

/*.stats-card {*/
/*    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
/*    color: white;*/
/*    border-radius: 15px;*/
/*    padding: 20px;*/
/*    margin-bottom: 20px;*/
/*    box-shadow: 0 10px 25px rgba(0,0,0,0.1);*/
/*    transition: all 0.3s ease;*/
/*    border: none;*/
/*}*/

/*.stats-card:hover {*/
/*    transform: translateY(-5px);*/
/*    box-shadow: 0 15px 35px rgba(0,0,0,0.15);*/
/*}*/

/*.stats-card.primary {*/
/*    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
/*}*/

/*.stats-card.success {*/
/*    background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);*/
/*}*/

/*.stats-card.warning {*/
/*    background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);*/
/*}*/

/*.stats-card.danger {*/
/*    background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);*/
/*}*/

/*.stats-card.info {*/
/*    background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);*/
/*}*/

/*.dashboard-title {*/
/*    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*    font-weight: bold;*/
/*    font-size: 2.5rem;*/
/*    margin-bottom: 30px;*/
/*    text-align: center;*/
/*}*/

/*.chart-container {*/
/*    position: relative;*/
/*    height: 400px;*/
/*    margin: 20px 0;*/
/*    padding: 15px;*/
/*}*/

/*.tile {*/
/*    background: #fff;*/
/*    border-radius: 15px;*/
/*    box-shadow: 0 5px 15px rgba(0,0,0,0.08);*/
/*    border: none;*/
/*    margin-bottom: 20px;*/
/*    overflow: hidden;*/
/*    transition: all 0.3s ease;*/
/*}*/

/*.tile:hover {*/
/*    box-shadow: 0 10px 25px rgba(0,0,0,0.12);*/
/*}*/

/*.tile-title {*/
/*    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*    font-weight: 600;*/
/*    font-size: 1.25rem;*/
/*    margin-bottom: 20px;*/
/*    padding: 20px 20px 0 20px;*/
/*}*/

/*.app-content {*/
/*    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);*/
/*    min-height: 100vh;*/
/*}*/

/* Responsive Design */
/*@media (max-width: 768px) {*/
/*    .stats-card {*/
/*        margin-bottom: 15px;*/
/*    }*/
    
/*    .chart-container {*/
/*        height: 300px;*/
/*        padding: 10px;*/
/*    }*/
    
/*    .dashboard-title {*/
/*        font-size: 2rem;*/
/*    }*/
/*}*/

/* Animaciones */
/*@keyframes fadeInUp {*/
/*    from {*/
/*        opacity: 0;*/
/*        transform: translateY(30px);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        transform: translateY(0);*/
/*    }*/
/*}*/

/*.stats-card, .tile {*/
/*    animation: fadeInUp 0.6s ease-out;*/
/*}*/

/*.stats-card:nth-child(1) { animation-delay: 0.1s; }*/
/*.stats-card:nth-child(2) { animation-delay: 0.2s; }*/
/*.stats-card:nth-child(3) { animation-delay: 0.3s; }*/
/*.stats-card:nth-child(4) { animation-delay: 0.4s; }*/

/* Badges mejorados */
/*.badge {*/
/*    padding: 8px 12px;*/
/*    border-radius: 20px;*/
/*    font-weight: 500;*/
/*    font-size: 0.875rem;*/
/*}*/

/*.badge-success {*/
/*    background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);*/
/*    color: white;*/
/*}*/

/*.badge-warning {*/
/*    background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);*/
/*    color: white;*/
/*}*/

/*.badge-danger {*/
/*    background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);*/
/*    color: white;*/
/*}*/

/*.badge-info {*/
/*    background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);*/
/*    color: white;*/
/*}*/

/* Tablas mejoradas */
/*.table {*/
/*    border-radius: 10px;*/
/*    overflow: hidden;*/
/*}*/

/*.table thead th {*/
/*    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
/*    color: white;*/
/*    border: none;*/
/*    font-weight: 600;*/
/*    padding: 15px;*/
/*}*/

/*.table tbody tr {*/
/*    transition: all 0.3s ease;*/
/*}*/

/*.table tbody tr:hover {*/
/*    background-color: rgba(102, 126, 234, 0.1);*/
/*    transform: scale(1.02);*/
/*}*/

/*.table td {*/
/*    padding: 12px 15px;*/
/*    border: none;*/
/*    border-bottom: 1px solid #eee;*/
/*}*/

/* Loading animation */
/*.chart-loading {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    height: 400px;*/
/*    font-size: 1.2rem;*/
/*    color: #667eea;*/
/*}*/

/*.spinner {*/
/*    border: 4px solid #f3f3f3;*/
/*    border-top: 4px solid #667eea;*/
/*    border-radius: 50%;*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    animation: spin 2s linear infinite;*/
/*    margin-right: 15px;*/
/*}*/

/*@keyframes spin {*/
/*    0% { transform: rotate(0deg); }*/
/*    100% { transform: rotate(360deg); }*/
/*}*/
/*.chart-container.medium {*/
/*    height: 350px;*/
/*    position: relative;*/
/*}*/

/*.tile-title {*/
/*    margin-bottom: 20px;*/
/*    font-weight: 600;*/
/*    color: #2c3e50;*/
/*}*/

/*#distribucionRolesChart {*/
/*    max-height: 280px;*/
/*}*/