.popover {
    border: 2px dotted red;
}

.letra_pequena{
     font-size: 10px;
     color: #000000 !important;
}

#alerta img{
    display: none;
}

#mensaje {
    color: #3498db ;
    font-weight: bold;
}

.profile-img-card {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.preloader {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	
	border-radius: 50%;
	overflow: hidden;
	
	animation: spin 1s linear infinite;
	
	&:before,
	&:after {
		content: "";
		position: absolute;
		width: 100%;
		top: 0;
		bottom: 0;
		background-color: #f60;
		
		border-radius: 50%;
		
		animation: scaling 1.5s linear infinite;
	}
	&:before {
		left: 50%;
	}
	&:after {
		right: 50%;
	}
	
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@keyframes scaling {
	0% {
		transform: scale(.8);
	}
	33% {
		transform: scale(.2);
	}
	66% {
		transform: scale(1.4);
	}
	100% {
		transform: scale(.8);
	}
}s[]?body {
	background-color: #333;
	min-height: 100vh;
	overflow: hidden;
}

.preloader {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	
	border-radius: 50%;
	overflow: hidden;
	
	animation: spin 1s linear infinite;
	
	&:before,
	&:after {
		content: "";
		position: absolute;
		width: 100%;
		top: 0;
		bottom: 0;
		background-color: #f60;
		
		border-radius: 50%;
		
		animation: scaling 1.5s linear infinite;
	}
	&:before {
		left: 50%;
	}
	&:after {
		right: 50%;
	}
	
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@keyframes scaling {
	0% {
		transform: scale(.8);
	}
	33% {
		transform: scale(.2);
	}
	66% {
		transform: scale(1.4);
	}
	100% {
		transform: scale(.8);
	}
}

.prevPhoto {
    display: flex;
    justify-content: space-between;
    width: 160px;
    height: 150px;
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/uploads/user.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;
}
.prevPhoto label{
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.prevPhoto 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;
}