/* Waves image website background */
body {
    background-image: url('../images/waves50.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

/* Alerts */

/* Alert modal windows */
.header-alert-modal-window {
    background-color: var(--kenwave-accent-light);
    color: white;
}

.header-primary-modal-window {
    background-color: var(--kenwave-blue-dark);
    color: white;
}

/* Upload file modal window */
.header-alert-upload-modal-window {
    background-color: var(--kenwave-blue-dark);
    color: white;
}

/* Close button white */
.modal-close-button-white {
    filter: invert(1);
}

/* Transparent tables */
.table-transparent,
.table-transparent td {
    background-color: transparent;
}

/* <hr> tags on modal windows */
.hr-modal-window {
    border-top: 1px solid #d3d3d3;
    opacity: 0.5;
}

/* Center table cells */
.centered-cell {
    text-align: center;
}

.vertical-align-cell {
    vertical-align: middle;
}

/* Cursor pointer */
.cursor-pointer {
  cursor: pointer;
}

/* Text components icons edit color on mgmt app */
.mgmt-text-color-edit-icon {
    color: var(--kenwave-blue-light);
}

.mgmt-text-color-delete-icon {
    color: var(--kenwave-accent-light);
}

/* Cards Dashboard page */
.bi-hand-thumbs-up-fill,
.bi-journal-check,
.bi-wifi {
    color: var(--kenwave-blue-light);
}
.bi-hand-thumbs-down-fill,
.bi-journal-x,
.bi-wifi-off {
    color: var(--kenwave-accent2-lightest);
}
#dashboard-table>th, #dashboard-table>td {
    text-align: left;
}

/* Project Management page ---------------------------------------*/
.btn-no-border {
    border: none;
    background-color: transparent;
}

.over-button-size-change:hover {
    font-size: 1.1em;
}

.background-note-color {
    background-color: rgba(19, 179, 128, 0.04)
}

/* Analytics page ------------------------------------------------*/
#leak-detection-table_wrapper {
    display: flex;
    flex-direction: column;
}

#leak-detection-table_wrapper #dataTables_length {
    margin-bottom: 0.5em;
}

#leak-detection-table_wrapper #dataTables_filter {
    text-align: left;
}

#analytics-scope, #analytics-segment-layout, #pipe-spec-summary {
    display: none;
}

#project-overview-segment-layout-canvas-gantt {
    max-width: 100%;
}

#leak-detection-segment-layout-canvas-gantt {
    max-width: 100%;
}

.asbestos-cement-color {
    background-color: rgba(135,135,135, 1);
}

.cast-iron-color {
    background-color: rgb(140, 140, 20);
}

.ductile-iron-color {
    background-color: rgba(151, 12, 12, 1);
}

.steel-color {
    background-color: rgba(86,48,159, 1);
}

.pvc-color {
    background-color: rgba(16, 16, 156, 1);
}

.cpp-c301-color {
    background-color: #128994;
}

#project-overview-segment-layout-canvas-gantt-zoom {
    max-width: 100%;
    margin: 2%;
}

#leak-detection-segment-layout-canvas-gantt-zoom {
    max-width: 100%;
    margin: 2%;
}

.center-both {
    display: flex;
    justify-content: center;
}

.test {
    color: #2c2c2c;

}