select{
    width:200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}/* Place custom styles below */

.dt-head-removepadding {
    padding: unset;
}

table.dataTable a {
    color: black;
}

.inputborders {
    border: 0.8px solid rgb(166, 166, 166)
}

/*--------------------Drag and Drop ---------------------------*/

.note {
    width: 500px;
    margin: 50px auto;
    font-size: 1.1em;
    color: #333;
    text-align: justify;
}

.droparea {
    border: 2px dashed #ccc;
    border-radius: 20px;
    width: 90%;
    margin: 50px auto;
    padding: 5px;
}

    .droparea.highlight {
        border-color: purple;
    }

p {
    margin-top: 0;
}

.my-form {
    margin-bottom: 10px;
}

.gallery {
    margin-top: 10px;
}

    .gallery img {
        width: 150px;
        margin-bottom: 10px;
        margin-right: 10px;
        vertical-align: middle;
    }

.button {
    display: inline-block;
    padding: 10px;
    background: #ccc;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #ccc;
}

    .button:hover {
        background: #ddd;
    }

.fileElem {
    display: none;    
}
/*--------------------End Drag and Drop ---------------------------*/