::ng-deep {
    .requests-modal .modal-header .close clr-icon {
        display: block !important;
    }

    .requests-modal .modal-content {
        padding: 20px 10px 5px 10px;
    }

    .work-tables-dropdown button {
        color: var(--clr-nav-link-color, #8c8c8c) !important;
    }

    .stack-view {
        height: auto !important;

        //Following lines will fix clarity (requests modal white) issue.
        //Clarity version that has issue is: v12
        mask-image: none !important;
        -webkit-mask-image: none !important;
    }

    .content {
        clr-icon {
            margin-bottom: 5px;
        }

        pre {
            word-break: break-all;
            white-space: pre-wrap;
            max-height: initial;
            overflow: visible;
            border: 0;
        }

        .stack-block-label {
            // Clarity before V3 -----
            // display: none;

            // Clarity V3 -----
            width: 100%;
            padding-left: .6rem !important;

            .stack-view-key {
                display: none !important;
            }
        }
    }

    .err-links {
        .clr-treenode-children {
            max-height: 55px;
            overflow: auto;
        }
    }
}

.dropdown-item {
    &.selected {
        background: #d8e3e9;
    }
}

.log-wrapper {
    min-height: 50px;
    padding: 10px;
    margin-top: 10px;

    white-space: pre-wrap;
    border-radius: 3px;

    border: 1px solid #e2e2e2;
    background-color: #fbfbfb;

    height: 48vh;
    overflow: auto;
}

.no-reqs {
    border-top: 1px solid #0000001a;
    padding-top: 5px;
    text-align: center;
}