/* @import url("../../fonts/fontawesome4/css/font-awesome.css");
@import url("../../fonts/fontawesome6/css/fontawesome.css");
@import url("../../fonts/fontawesome6/css/brands.css");
@import url("../../fonts/fontawesome6/css/solid.css"); */

.box{
  border-top: none;
}

.underline{
  text-decoration: underline;
}

/* Shared wrapper */
.wd-file-input {
  position: relative;
  display: inline-block;
  width: 100%;
  font-family: inherit;
  border: 1px solid #d2d6de;
  cursor: pointer;
}

/* Hide the default file input but keep it accessible */
.wd-file-input input[type="file"] {
  position: absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity: 0;
  cursor:pointer;
  pointer-events:auto;
}

/* ============================= */
/* Non-preview mode (AdminLTE style) */
/* ============================= */
.wd-file-input input.wd-file-input-control:not([data-preview="true"]) + label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #555;
  background-color: #fff;
  border-radius: 0;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.wd-file-input input.wd-file-input-control:not([data-preview="true"]) + label:hover {
  border-color: #555299;
  box-shadow: 0 0 3px rgba(85, 82, 153, 0.3);
}

.wd-file-input input.wd-file-input-control:not([data-preview="true"]) + label::before {
  content: "Choose File";
  display: inline-block;
  padding: 6px 12px;
  font-weight: 400;
  font-size: 13px;
  background: #555299;
  color: #fff;
  flex-shrink: 0;
  cursor: pointer;
}

.wd-file-input .file-name {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
}

/* ============================= */
/* Preview mode styles (image preview) */
/* ============================= */
.wd-file-input.preview{
  width: 160px;
  height: 140px;
  background-color: #f9f9f9;
}

.wd-file-input input.wd-file-input-control[data-preview="true"]{
  background-color: #f8f9fa;
  width: 100%;
  height: 100%;
}

.wd-file-input input.wd-file-input-control[data-preview="true"] + label {
  width: 100%;
  height: 100%;
  display: inline-block;
  border: none;
  padding: 5px;
  cursor: pointer;
  margin: 0;
}

.wd-file-input input.wd-file-input-control[data-preview="true"] + label > .preview-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;   /* no crop */
  object-position: center center; /* center align */
  border-radius: 5px;
  transition: border-color 0.3s, transform 0.2s;
  user-select: none;
  -webkit-user-drag: none;
}


.wd-file-input input.wd-file-input-control[data-preview="true"] + label > .preview-img:hover {
  border-color: #555299;
  transform: scale(1.02);
}





.treeview-menu>li>a::before{
  content: "-";
  margin-right: 15px;
}