body {
    color: black !important;
}

body select {
    color: black !important;
}

hr {
    width: 80%;
    background-color: black; height: 1px; border: 0;
}

/* table.table thead {
    background-color: #00FFFF !important;  
    color: black !important;               
} */

/* table.dataTable tbody tr:nth-child(odd) {
    background-color: white;  
} */

/* HTML: <div class="loader"></div> */

.container_table {
    width: 80% !important;
    padding: 1vh 0px 1vh 0px !important;
}

.table_row {
    /* display: none; */
}

.loading_row {
    height: 30vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hide_element {
    opacity: 0;
    visibility: hidden;
    position: absolute; /* Takes it out of the document flow */
    pointer-events: none; /* Prevent interaction */
    transition: opacity 0s ease-out, visibility 0s 1s, position 0s 1s;
}

/* Show the loading spinner */
.show_element {
    opacity: 1;
    visibility: visible;
    /* pointer-events: all; 
    transition: opacity 1s ease-in, visibility 0s, position 0s; */
}

.loader {
    color: #00FFFF;
    width: 4px;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;
    transform: translateX(-38px);
    animation: l21 .5s infinite alternate linear;
}

@keyframes l21 {
    50%  {box-shadow: 19px 0 0 3px, 38px 0 0 7px, 57px 0 0 3px}
    100% {box-shadow: 19px 0 0 0  , 38px 0 0 3px, 57px 0 0 7px}
}

table.dataTable thead {
    border: 1px solid #CCCCCC;
}

table.dataTable thead th {
    border: 1px solid #CCCCCC;
    text-align: center !important;
}

table.dataTable thead tr th {
    background-color: #00FFFF;
    color: black;
    padding: 5px 5px 5px 10px;
}

table.dataTable tbody tr:nth-child(odd) {
    background-color: #FAFCFE;
}

table.dataTable tbody tr:nth-child(even) {
    background-color: #EAF2F7;
}

table.dataTable tbody tr td {
    border: 1px solid #CCCCCC;
    padding: 2px 2px 2px 10px;
    text-align: left !important;
}

table.dataTable tbody tr td.dt-type-numeric {
    text-align: right !important;
    padding: 0 10px 0 0;
}

table.dataTable thead th span div {
   align-items: center;
   justify-content: center;
}

table.dataTable img {
  /* width: 100% !important; */
}

.column-picture {
    width: 230px !important;
}

.dropdown {
    list-style: none;
}

.dropdown a b {
    color: #fff;
}

.dropdown-menu {
    width: auto;
    padding: 1vh 1vw 1vh 1vw;
    overflow-y: scroll !important;
    max-height: 250px;
    
    /* word-break: break-all; */
}

.checkbox {
    width: 100%;
    white-space: nowrap;
}

.dropdown-button {
    position: sticky;
    bottom: 0;
    padding: 1vh 0.5vw 1vh 0;
    display: flex;
    justify-content: flex-end !important;
    z-index: 10;
}

.pagination .page-item.active .page-link {
    background-color: #00FFFF;
    color: black;
    border-color: #CCCCCC;
}

.btn-download {
    font-size: 13px;
    padding: 3px;
    margin-bottom: 2vh;
}

.btn-download {
    font-size: 13px;
    padding: 3px;
    margin-bottom: 2vh;
}