@import '../styles/_variables.scss';

:root {
    --ag-header-column-resize-handle-color: #d6d8dc;
}

.table {
    height: 100%;
    width: 100%;
}

:global {
    .ag-theme-alpine {
        .ag-root-wrapper {
            border: none;
        }

        .ag-header-cell-resize::after {
            height: 50%;
            top: calc(50% - 25%);
            width: 1px;
        }

        .ag-row-odd,
        .ag-row-even {
            background-color: transparent;
        }

        .ag-row-hover {
            background-color: $pale-grey;
        }

        .ag-header {
            border: none;
            background-color: #F5F5F7;
        }

        .ag-header-cell-text {
            font-family: $duda-title-font;
            font-size: 11px;
            font-weight: bold;
            letter-spacing: 0.8px;
            color: $header-table;
            text-transform: uppercase;
        }

        .ag-row {
            font-size: 50px;
        }

        .ag-cell {
            font-family: $duda-title-font;
            font-size: 13px;
            font-weight: normal;
            letter-spacing: normal;
            color: #2f373a;
            display: flex;
            align-items: center;
            padding-inline-start: 18px;
            padding-inline-end: 18px;
            -webkit-font-smoothing: antialiased;
        }
    }
}