/* Reporting styles */

#cvo-map-dt-parent > .dataTables_wrapper {
    width: 100%;
}


#cvo-map-table thead th {
    border-bottom: 2px solid var(--dark-green);
}

#cvo-map-table tbody td {
    border-bottom: 1px solid var(--dark-green);
    padding: 0.5rem;
    position: relative;
}

#cvo-map-table tbody td:nth-child(3) {
    padding: 0 1rem;
    text-align: end;
}



#cvo-map-table tbody td:nth-child(2)::before,
#cvo-map-table tbody td:nth-child(4)::before,
#cvo-map-table tbody td:nth-child(5)::before {
    position: absolute;
    content: '';
    width: calc(100% - 0.5rem);
    height: calc(100% - 0.5rem);
    border: 1px solid lightgrey;
    top: 0.25rem;
    left: 0.25rem;
    cursor: pointer;
    z-index: 0;
}

#cvo-map-table tbody td input[type="text"],
#cvo-map-table tbody td select {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    background: transparent;
}

#cvo-map-table tbody td select {
    position: absolute;
    left: 0;
    height: calc(100% - 1rem);
    width: calc(100% - 1rem);
    top: 0.5rem;
    padding: 0;
    left: 0.5rem;
    z-index: 10;
    cursor: pointer;
}

#cvo-map-table .drag-handle {
    cursor: pointer;
}


#update-map-btn {
    padding: 1rem 2rem;
    width: fit-content;
}

.arrow-info-button {
    gap: 0.5rem;
}

/* Hidden plot stlying for when CVO map dt is downloaded */
#hidden_plot #cvo-map-table > thead > tr > th:first-child,
#hidden_plot #cvo-map-table > thead > tr > th:last-child,
#hidden_plot #cvo-map-table > tbody > tr > td:first-child:not(.dataTables_empty),
#hidden_plot #cvo-map-table > tbody > tr > td:last-child:not(.dataTables_empty),
#hidden_plot #cvo-map-table > tbody > tr > td::before {
    display: none;
}

#hidden_plot #cvo-map-table > tbody > tr > td:nth-child(4) {
    border-left: 1px solid lightgrey
}

#hidden_plot #cvo-map-table > thead > tr > th:nth-child(2),
#hidden_plot #cvo-map-table > tbody > tr > td:nth-child(2) {
    width: 7% !important;
    min-width: 50px;
}

#hidden_plot #cvo-map-table > thead > tr > th:nth-child(3),
#hidden_plot #cvo-map-table > tbody > tr > td:nth-child(3) {
    width: 50px !important;
    min-width: 50px;
}

#hidden_plot #cvo-map-table > thead > tr > th:nth-child(4),
#hidden_plot #cvo-map-table > tbody > tr > td:nth-child(4) {
    width: calc(90% - 50px) !important;
    min-width: calc(100% - 100px);
}

#hidden_plot h1 {
    font-size: 2rem;
}

#hidden_plot h2 {
    font-size: 1.5rem;
}

#hidden_plot h4 {
    font-size: 1.5rem;
}

#hidden_plot h5 {
    font-size: 1.15rem;
}