/*################################ COMBO BOX #######################################*/



.district-select {
    width: 100%;
    height: 40px;
    padding: 10px;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background-color: #fff;
    cursor: pointer;
    /*color: #3c4043;*/
}

.district-select:focus {
    outline: none;
    border-color: #2e7d32;
    box-shadow: 0 0 2px rgba(46, 125, 50, 0.5);
}
/*################################## IMAGE BROUSE ###########################*/
.drop-container {
  background-color: #fff;
  position: relative;
  display: flex;
  gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin-top: 1.1875rem;
  border-radius: 10px;
  border: 2px dashed rgb(171, 202, 255);
  color: #444;
  cursor: pointer;
  transition: background .2s ease-in-out, border .2s ease-in-out;
}

.drop-container:hover {
  background: rgba(0, 140, 255, 0.164);
  border-color: rgba(17, 17, 17, 0.616);
}

.drop-container:hover .drop-title {
  color: #222;
}

.drop-title {
  color: #444;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  transition: color .2s ease-in-out;
}

#file-input {
  width: 350px;
  max-width: 100%;
  color: #444;
  padding: 2px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid rgba(8, 8, 8, 0.288);
}

/*################### FROM TO DATE ###########################*/
     .date-range {
      background: #fff;
      padding: 1px 25px;
      border-radius: 8px;
      /*box-shadow: 0 4px 10px rgba(0,0,0,0.1);*/
      display: flex;
      gap: 15px;
      align-items: center;
    }

    .date-field {
      display: flex;
      flex-direction: column;
    }

    .date_label {
      font-size: 14px;
      margin-bottom: 5px;
      color: #555;
    }

    .date_input {
      padding: 8px 10px;
      font-size: 14px;
      border-radius: 5px;
      border: 1px solid #ccc;
      cursor: pointer;
    }

    .date_input:focus {
      outline: none;
      border-color: #4a90e2;
    }