.error {
  color : #ff3200 !important;
}
.upload-area{
  width: 100%;
  border: 2px dashed #9c9c9c;
  border-radius: 3px;
  margin: 0 auto;
  text-align: center;
  overflow: auto;
  height : 300px;
}
.upload-area:hover{
  cursor: pointer;
}
.upload-area h1{
  padding-top: 95px;
  text-align: center;
  font-weight: normal;
  color: darkslategray;
}
#file{
  display: none;
}
.thumbnail {
  float: left;
  overflow : hidden;
  margin: 5px;
  width: 180px;
  height: 200px;
}   
.img-loader-cls {
  width: 50px;
}
.card .close {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 100;
  padding: 5px 2px 2px;
  color: rgb(248, 0, 0) !important;
  font-weight: bold;
  cursor: pointer !important;
  text-align: center;
  font-size: 22px;
  line-height: 10px;
  border-radius: 50%;
}