/******************************************************/
/* EDITAR LOGO ****************************************/
/******************************************************/

.app-header__logo {
  font-family: arial;
  font-size:1.5em;
}

.app-header__logo img{
  width:40px;
  border-radius:130px;
  margin: 0 0 3px 0;
  padding: 0;
}

.app-sidebar__user img{
  width:60px;
}

/******************************************************/
/* EDITAR ADMIN ***************************************/
/******************************************************/

.app-header {
     background-color: #234f21;
}

@media (min-width: 768px) {
  .app-header__logo {
     background-color: #234f21;
  }
}

.app-sidebar__toggle:focus, .app-sidebar__toggle:hover {
  background-color: #63a65f;
}

.app-notification__title {
  color: #333;
}

.app-sidebar {
  background-color: #000;
}

.app-menu__item.active, .app-menu__item:hover, .app-menu__item:focus {
  background: #333;
  border-left-color: #234f21;
}

.treeview.is-expanded [data-toggle='treeview'] {
  border-left-color: #234f21;
  background: #333;
}

.treeview-menu {
  background: #333;
}

.modal-header {
  background: #fd7e14;
}

/******************************************************/
/* EDITAR MODAL ***************************************/
/******************************************************/

.headerRegister, .header-primary{
	background: #009688;
	color: #FFF;
}
.headerUpdate{
	background: #007bff;
	color: #FFF;
}

.notBlock{
	display: none;
}

/******************************************************/
/* EDITAR LOGIN ***************************************/
/******************************************************/
.login-content .logo {
  font-family: arial;   
  font-weight: 800;
}

.material-half-bg .cover {
  background-color: #234f21;
}

.utility a{
  color: #234f21;   
}

/*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;
}

/******************************************************/
/* PRODUCTOS Y CATEGORIAS *****************************/
/******************************************************/
.textcenter{
	text-align: center;
}

.textright{
	text-align: right;
}

.textleft{
	text-align: left;
}

/* 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;
}
.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;
}

#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: 120px;
  height: 148px;
  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;
}