.custom-dropzone {
    border: 2px dashed #0087F7;
    border-radius: 5px;
    background: white;
    padding: 50px;
    text-align: center;
    font-size: 18px;
    color: #333;
}

.custom-dropzone .dz-message {
    font-weight: bold;
    color: #555;
}

/* Indicator dot styles */
.indicator {
    display: inline-block;
    width: 12px;    /* Adjust size as needed */
    height: 12px;   /* Adjust size as needed */
    border-radius: 50%;
    background-color: gray;  /* Default color, if needed */
    margin-right: 5px;
    vertical-align: middle;  /* Align the dot vertically with text */
}

.indicator.green {
    background-color: green;  /* Green dot */
}

.indicator.red {
    background-color: red;    /* Red dot */
}

.dz-success-mark {
    display: none;  /* Hide the default success mark */
}
.dz-error-mark {
    display: none;  /* Hide the default error mark */
}

/* Custom styles for the list containers */
.list-container {
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 10px;
    height: 400px;
    overflow-y: auto;
}

.list-group-item {
    border: none;
}

.btn-group-vertical {
    margin-top: 100px; /* Adjust the buttons vertically in the middle */
}

.btn-group-vertical button {
    width: 50px;
    height: 40px;
}

/* Buttons for controlling the lists */
.btn-control {
    border-radius: 5px;
    background-color: #f8f9fa;
    border: 1px solid #007bff;
    color: #007bff;
    margin-bottom: 10px;
}