@use "../anna-common-scss/fonts" as *;
@use "../anna-common-scss/colors" as *;

::ng-deep {
    .gt-icon-innerHtml-tooltip .tooltip-inner {
        max-width: 600px;
        width: min-content;
        &>div{
            width: max-content;
        }
    }

    .generic-innerHtml-table-heading {
        margin-bottom: 2px;
        @include fonts(Roboto, $fs-11, normal, 700, normal, normal, 0.3px);
        color: #4a4a4a;
    }

    .generic-innerHtml-table-container {
        max-height: 8.75rem;
        width: min-content;
        overflow: auto;
        table {
            table-layout: fixed;
            width: 100%;
            thead {
                tr {
                    th {
                        background: #e9e9e9;
                        height: 22px;
                        padding: 3px 8px;
                        line-height: normal;
                        position: sticky;
                        top: 0;
                        cursor: default;
                        @include fonts(Roboto, $fs-11, normal, 700, normal, normal, 0.3px);
                        color: $charcoal;
                        margin-bottom: 0;
                        box-shadow: inset 1px -1px #d4d4d4, inset 0px 1px #d4d4d4;
                        &:last-of-type {
                            box-shadow: inset 1px -1px #d4d4d4, inset -1px 1px #d4d4d4 !important;
                        }
                    }
                }
            }
            tbody {
                tr {
                    td {
                        padding: 3px 8px;
                        width: 100%;
                        color: #000;
                        @include fonts(Roboto, $fs-12, normal, normal, normal, normal, 0px);
                        box-shadow: inset 1px -1px #d4d4d4;
                        &:last-of-type {
                            box-shadow: inset 1px -1px #d4d4d4, inset -1px 0px #d4d4d4;
                        }
                    }
                    &:first-of-type td {
                        border-top: none;
                    }
                }
            }
        }

        &::-webkit-scrollbar-track {
            margin-top: 22px !important;
        }
    }
}