/*================================================================================
	Item Name: Fezo - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


.form-group {
    margin-bottom: 10px;
}
.font-weight-bold {
	font-weight: bold;
}

/* Card Styling */
.card {
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	transition: box-shadow 0.3s ease;
  }
  
  .card:hover {
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
  }
  
  /* Upload Box Styling */
  .upload-box {
	border: 2px dashed #6c757d;
	padding: 30px 20px;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
	background-color: #f8f9fa;
	transition: all 0.3s ease;
	position: relative;
  }
  
  .upload-box:hover {
	background-color: #e9ecef;
	border-color: #007bff;
  }
  
  .upload-box input[type="file"] {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
  }
  
  /* Upload Area Content */
  .upload-area i {
	font-size: 32px;
	color: #007bff;
	margin-bottom: 8px;
  }
  
  .upload-area p {
	font-weight: 600;
	margin-bottom: 4px;
	color: #343a40;
  }
  
  .upload-area span {
	display: block;
	font-size: 13px;
	color: #6c757d;
  }
  
  /* Preview Images */
  #previewContainerMulti .image-preview {
	position: relative;
	display: inline-block;
	margin: 10px 10px 0 0;
  }
  
  #previewContainerMulti .preview-img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 10px;
	border: 2px solid #dee2e6;
	transition: transform 0.3s;
  }
  
  #previewContainerMulti .preview-img:hover {
	transform: scale(1.05);
  }
  
  /* Remove Button */
  .remove-img {
	position: absolute;
	top: -8px;
	right: -8px;
	background-color: #dc3545;
	border: none;
	border-radius: 50%;
	font-size: 14px;
	width: 24px;
	height: 24px;
	line-height: 18px;
	padding: 0;
	color: white;
	cursor: pointer;
	transition: background-color 0.3s ease;
  }
  
  .remove-img:hover {
	background-color: #bd2130;
  }
  
  /* Danger dashed border */
  .border-dashed-danger {
	border: 2px dashed #dc3545 !important;
  }