#scroll-table {
    max-height: 60vh; 
    overflow-y: auto; 
    overflow-x: hidden;
}

#tbl-treinamentos thead tr th {
    /* display: block; */
    white-space: nowrap;
}

#tbl-treinamentos tbody tr td { vertical-align: middle; }
/* THEAD tr th*/
#tbl-treinamentos thead tr th:nth-child(2),
#tbl-treinamentos thead tr th:nth-child(3),
#tbl-treinamentos thead tr th:nth-child(7),
#tbl-treinamentos thead tr th:nth-child(8),
#tbl-treinamentos thead tr th:nth-child(9),
#tbl-treinamentos thead tr th:nth-child(10),
/* TBODY tr td*/
#tbl-treinamentos tbody tr td:nth-child(2),
#tbl-treinamentos tbody tr td:nth-child(3),
#tbl-treinamentos tbody tr td:nth-child(7),
#tbl-treinamentos tbody tr td:nth-child(8),
#tbl-treinamentos tbody tr td:nth-child(9),
#tbl-treinamentos tbody tr td:nth-child(10) {
    text-align: center;
}

a.visualizar,
a.remover {
    margin: 0 5px;
}


.dropzone {
    max-height: 450px !important;
    overflow: auto;
    padding: 20px 20px;
    border: 2px dashed rgba(0, 0, 0, 0.3);
}

.dropzone .dz-message { margin: 3em 0 !important; }

/* .dropzone .dz-message { 
    position: relative;
    top: 40%;
} */

.dz-preview { 
    display: flex !important;
    flex-direction: row !important;
    margin: auto !important;
}

.dz-image-preview { 
    border: 1px solid #ccc;
    border-radius: 1rem;
    padding: 0.9rem 1rem;
    margin-bottom: 1rem;
    position: relative; 
    width: 100%;
}

.dz-image {
    position: unset !important;
    display: flex !important;
    overflow: unset !important;
    flex-wrap: nowrap;
}

.dropzone .dz-preview:hover .dz-image img { 
    transform: none !important;
    filter: none !important;
    max-width: 120px !important;
    max-height: 120px !important;
}

.dz-image img { 
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.dz-details {
    padding: 0 !important;
    align-self: center;
    margin: 0 10px;
    position: unset !important;
    opacity: 1 !important;    
    min-width: 50% !important;
}

.dz-filename { text-align: left !important; }

.dz-filename span { padding: 0 !important; }

.dz-remove { 
    position: absolute;
    top: 5px; 
    right: 15px ;
    z-index: 1000;
    cursor: pointer !important;
}
/* 
.select2-container { width: 100% !important; }

.select2-container--default .select2-selection--single {
    width: 100%;
    height: 34px;
    line-height: 1.4;
    color: #555 !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
} */

#tbl-treinamentos_wrapper .dataTables_length,
#tbl-treinamentos_wrapper .dataTables_filter {
    top: -10px;
    position: sticky;
}

#tbl-treinamentos thead {
    top: 0;
    position: sticky;
}


@media (max-width: 520px) {
    .dz-preview { 
        flex-direction: column !important;
        margin: auto !important;
    }

    .dropzone { min-height: 380px !important; }

    .dz-image { flex-wrap: wrap !important; }

    .dz-details { 
        margin: 5px 0 !important; 
        min-width: 100% !important;
    }
}