.card{
	width:100%;
	height:auto;
	box-shadow:0 0 5px rgba(0,0,0,0.15);
	box-raduis:5px;
	overflow:hidden;
	border:2px dashed #756f6f;
	background-color: #dbd3d3;

}
.card .card-img{
	 width:100%;
	 height:auto;
	 position:relative;
	 display:flex;
	 justify-content:center;
	 align-items:center;
	 user-select:none;
	 margin-top:20px;
}
.card .card-img .select{
	color:blue;
	margin-left:10px;
	cursor:pointer;
	position:absolute;
	left:4px;
}
.card-img .file{
	width:100%;
	height:100px;
	cursor:pointer;
	opacity:0;
}
.container-1{

  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  flex-wrap:wrap;
  height:auto;
}
.container-1 .image{
	 height:120px;
	 width:120px;
	 overflow:hidden;
	 position:relative;
     margin:5px;

}
.container-1 .image img{
	width:100%;
	height:100%;
}

.container-1 .image span{
	position:absolute;
	top:-4px;
	right:5px;
	font-size:20px;
	cursor:pointer;
	color:red;
}
.container-1 .image span:hover{
	opacity:0.8;
}
// form.dragover{
// 	font-size:2rem;
// 	font-weight:600;

// }
.img_contatiner{
	width: 151px;
  height: 200px;
  border-radius:4px;
  overflow:hidden;
  margin:5px;
}
.img_contatiner img{
	width:100%;
	height:auto;
	object-fit:cover;
}
.img_contatiner span{
	top:-4px;
  right:8px;
  font-size:22px;
  cursor:pointer;

}

.img_contatiner span:hover{
	opacity:0.7;
}
#container_img{
	width:100%;
	display:flex;
  justify-content: space-around;
  flex-wrap:wrap;

}
.confirm-message{
	color:red;
}
.error-message{
	color:red;
}
.success-message{
	color:green;
}
.alert-danger {
    color: #f8f9fa;
    background-color: #f67777;
    border-color: #f5c2c7;
}
.alert-success{
	  background-color:#0AF71C;
	  border-color:#0AF71C;
}
// .btn-code{
// 	 height:100px;
// 	 z-index:1;
// 	 background-color:red;
// 	 width:80px;
// }