input[type="file"] {
  display: none;
}
label#label-upload {
  display: block;
  position: relative;
  background-color: #f2f2f2;
  color: gray;
  font-size: 1.1em;
  text-align: center;
  width: 100%;
  padding: 50px 0px;
  border-radius: 0.3em;
  margin: 0 auto 1em auto;
  cursor: pointer;
}

#image-display,
#new-image-display {
  position: relative;
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-evenly;
  gap: 1.25em;
  flex-wrap: wrap;
}
#new-image-display figure,
#image-display figure {
  position: relative;
  width: 15%;
}

#new-image-display img,
#image-display img {
  width: 100%;
}

#new-image-display figcaption,
#image-display figcaption {
  font-size: 0.8em;
  text-align: center;
  color: #5a5861;
}
.btn-remove-img{
  position: absolute;
  top: 0;
  right: 0;
}
/* .active {
  border: 0.2em dashed #025bee;
} */
#error {
  text-align: center;
  color: #ff3030;
}
/* #department_title */
 #department_title option {
  display: none;
}

#department_title.value1, #department_title.value2 {
  display: block;
}

.value1 option[value="1"], .value1 option[value="2"], .value1 option[value="3"], .value1 option[value="4"] {
  display: block !important;
}

.value2 option[value=""] {
  display: block !important;
}

.btn-sound.mute .icon::before {
    content: "\f6a9" !important;
}

.search{
  
  top:6px !important;
  left:10px !important;
}

.form-control-i{
    
    border:none !important;
    padding-left:32px !important;
}

.form-control-i:focus{
    
    border:none !important;
    box-shadow:none !important;
}

.green{
    
    color:green !important;
}

* {box-sizing: border-box;}

.img-zoom-container {
  position: relative;
}

.img-zoom-lens {
  position: absolute;
  /* border: 1px solid #d4d4d4; */
  /* border: 3px solid red; */
  border-radius: 50%;
  /*set the size of the lens:*/
  width: 40px;
  height: 40px;
}

.img-zoom-container{
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.img-zoom-result {
  /* content: ''; */
  border: 1px solid #d4d4d4;
  /*set the size of the result div:*/
  width: 100px;
  height: 100px;
  border-radius: 50%;
}