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

.request-details-page {
    @include flex;


    .chatinfo-container {
        width: 25%;
        @include flex(column, 1.5rem);
    }
    .email-header {
        font-size: 14px;
        color: #979797;;
        font-weight: 600;
    }

    .historical-activities-annotation-workbench {
        @include flex;

        width: 75%;
        padding: 1.5rem 1rem;
        border-radius: 4px;
        background: #fff;

        .historical-activities-wrapper {
            width: 63%;
            border-radius: 4px;
            border: 1px solid #dfe2e7;
            background: #f8f9fb;

            .activity-error {
                padding: 0 1rem 0.5rem 1rem;

                &-header {
                    font-weight: 600;
                    color: red;
                }
            }

            .historical-activities-header {
                padding: 0 0.5rem;
                font-weight: 500;
                color: #26333f;
                padding: 0.5rem 1rem;
                background-color: transparent;
                font-size: 1rem;
                font-weight: 500;
            }
        }

        .annotation-workbench-wrapper {
            width: 35%;
            border: 1px solid #DFE2E7;
            border-radius: 4px;
        }
    }
}