﻿.pf-table-striped tbody tr:nth-of-type(odd) {
    background-color: #F1F7FF;
}

.pf-table-striped.gray tbody tr:nth-of-type(odd) {
    background-color: #F9F9F9;
}

.message-plus-icon:hover {
    filter: invert(52%) sepia(86%) saturate(2035%) hue-rotate(194deg) brightness(102%) contrast(101%);
}

.pf-table-border {
    border-radius: 4px;
    border: 1px solid var(--blue-50, #E3F2FD);
    box-shadow: 0px 2px 6px 2px rgba(163, 163, 163, 0.15), 0px 1px 2px 0px rgba(163, 163, 163, 0.30);
}

.pf-table-striped > thead > tr > th {
    color: #5B6065 !important;
    font-size: 14px;
    padding: 16px !important;
    padding-right: 2rem !important;
    vertical-align: middle !important;
}

.pf-table-striped > tbody > tr > td {
    color: #242424;
    font-size: 12px;
    padding: 16px !important;
    vertical-align: middle !important;
}

    .pf-table-striped > tbody > tr > td > button:not(.pf-btn-icon-hover-success):not(.pf-btn-icon-hover-danger):not(.pf-btn-icon-hover-remove):hover:enabled i,
    .pf-table-striped > tbody > tr > td > button:not(.pf-btn-icon-hover-success):not(.pf-btn-icon-hover-danger):not(.pf-btn-icon-hover-remove):hover:enabled svg,
    .pf-table-striped > tbody > tr > td > button:not(.pf-btn-icon-hover-success):not(.pf-btn-icon-hover-danger):not(.pf-btn-icon-hover-remove):hover:enabled svg > path,
    .pf-table-striped > tbody > tr > td > button:not(.pf-btn-icon-hover-success):not(.pf-btn-icon-hover-danger):not(.pf-btn-icon-hover-remove):hover:enabled svg > svg > path,
    .pf-table-striped > tbody > tr > td > a:not(.pf-btn-icon-hover-success):not(.pf-btn-icon-hover-danger):not(.pf-btn-icon-hover-remove):hover i,
    .pf-table-striped > tbody > tr > td > a:not(.pf-btn-icon-hover-success):not(.pf-btn-icon-hover-danger):not(.pf-btn-icon-hover-remove):hover svg,
    .pf-table-striped > tbody > tr > td > a:not(.pf-btn-icon-hover-success):not(.pf-btn-icon-hover-danger):not(.pf-btn-icon-hover-remove):hover svg > path,
    .pf-table-striped > tbody > tr > td > a:not(.pf-btn-icon-hover-success):not(.pf-btn-icon-hover-danger):not(.pf-btn-icon-hover-remove):hover svg > svg > path,
    .pf-table-striped > tbody > tr > td > span > button:not(.pf-btn-icon-hover-success):not(.pf-btn-icon-hover-danger):not(.pf-btn-icon-hover-remove):hover:enabled i,
    .pf-table-striped > tbody > tr > td > span > button:not(.pf-btn-icon-hover-success):not(.pf-btn-icon-hover-danger):not(.pf-btn-icon-hover-remove):hover:enabled svg,
    .pf-table-striped > tbody > tr > td > span > button:not(.pf-btn-icon-hover-success):not(.pf-btn-icon-hover-danger):not(.pf-btn-icon-hover-remove):hover:enabled svg > path,
    .pf-table-striped > tbody > tr > td > span > button:not(.pf-btn-icon-hover-success):not(.pf-btn-icon-hover-danger):not(.pf-btn-icon-hover-remove):hover:enabled svg > svg > path,
    .pf-table-striped > tbody > tr > td > div > button:not(.pf-btn-icon-hover-success):not(.pf-btn-icon-hover-danger):not(.pf-btn-icon-hover-remove):hover:enabled i {
        color: #007FFF !important;
        fill: #007FFF !important;
    }

    .pf-table-striped > tbody > tr > td > button.pf-btn-icon-hover-remove:hover:enabled svg > path {
        color: #F64E60 !important;
        fill: #F64E60 !important;
    }

.pf-table-sticky {
    border-collapse: separate;
    border-spacing: 0;
}

.pf-col-sticky-left {
    position: sticky !important;
    left: 0px !important;
    background-color: white !important;
    z-index: 4;
    border-right: 1px solid var(--pf-primary-100) !important;
}

.pf-col-sticky-right {
    position: sticky !important;
    right: 0px !important;
    background-color: white !important;
    z-index: 4;
    border-left: 1px solid var(--pf-primary-100) !important;
}

    .pf-col-sticky-right.is-open-dropdown {
        z-index: 5 !important;
    }

    .pf-btn-icon-hover-success:hover:enabled i {
        color: var(--pf-success-700) !important;
    }

.pf-btn-icon-hover-danger:hover:enabled i {
    color: var(--pf-danger-400) !important;
}

.pf-table-striped > tbody > tr.highlighted {
    background: var(--pf-primary-100) !important;
}

.pf-table-striped > tbody > tr.highlighted > td:first-child {
    border-left: 4px solid var(--pf-primary) !important;
}
.pf-table-striped > tbody > tr.checkTickBox {
    background: var(--pf-primary-100) !important;
}

.pf-table-striped > tbody > tr.checkTickBox > td:first-child {
    border-left: 4px solid var(--pf-primary) !important;
}

.pf-col-drop-shadow-left {
    filter: drop-shadow(7px 0 10px rgb(163 163 163 / 15%));
    clip-path: inset(0 -50px 0 0);
}

.pf-col-drop-shadow-right {
    filter: drop-shadow(-6px 0 10px rgb(163 163 163 / 15%));
    /*clip-path: inset(0 0 0 -50px);*/
}

.table-responsive:not(:has(.pf-table-sticky)) > .pf-table-striped > tbody > tr > td > .dropdown,
.table-responsive:not(:has(.pf-table-sticky)) > .pf-table-striped > tbody > tr > td > .dropdown > button[data-toggle="dropdown"] {
    position: static !important;
}

.pf-table-striped > tbody > tr > td:not(:empty):not(:has(div, button, a, span)),
.table-responsive > table:not(.pf-table-striped):not(.not-white-space-pre) > tbody > tr > td:not(:empty):not(:has(div, button, a, span)) {
    white-space: pre;
}