:root {
    --df-MainDark: #0d2238;
    --df-MainRegular: #1f4e79;
    --df-MainMedium: #2d5f90;
    --df-MainLight: #4f79a3;
    --df-MainLight2: #b6c7d8;
    --df-MainLight3: #d9e3ec;
    --df-MainLight4: #eef3f8;
    --df-Grayscale1: #17212b;
    --df-Grayscale2: #455564;
    --df-Grayscale3: #6f7f8f;
    --df-Grayscale4: #b8c3ce;
    --df-Grayscale5: #d7dee5;
    --df-Grayscale6: #edf1f5;
    --df-Grayscale7: #f6f8fa;
    --df-Grayscale8: #ffffff;
    --df-BtnBorderRadius: 0;
    --df-CtrBorderRadius: 0;
    --df-FrmBorderRadius: 0;

    --df-FeedbackPositiveLight: #aaf0c9;
    --df-FeedbackNegativeLight: #f69697;

    --df-AppBg: var(--df-MainLight4);
    --df-AppSurface: var(--df-Grayscale8);
    --df-AppSurfaceMuted: #f5f7fa;
    --df-AppSurfaceHover: #e9eff5;
    --df-AppBorder: #d8e0e8;
    --df-AppBorderStrong: #bcc8d4;
    --df-AppAccent: var(--df-MainRegular);
    --df-AppAccentHover: var(--df-MainDark);
    --df-AppAccentSoft: #e7edf3;
    --df-AppText: #1d2833;
    --df-AppTextMuted: #637282;
    --df-AppShadow: 0 1px 3px rgba(17, 24, 39, 0.06);
    --df-AppShadowStrong: 0 4px 12px rgba(17, 24, 39, 0.10);
    --df-AppRadius: 0;
}

body,
.WebApp.WebContainer {
    background: linear-gradient(180deg, var(--df-AppBg) 0%, var(--df-Grayscale6) 100%);
    color: var(--df-AppText);
}

.WebInlineView > div > div > div > .WebCon_ContentWrp,
.WebContainer .WebCon_Content {
    background-color: transparent;
}

.WebInlineView > div.WebContainer {
    padding: 18px 14px;
}

.WebView > div > label.WebWin_title,
.WebInlineView label.WebWin_title {
    color: var(--df-AppText);
    font-weight: 700;
    letter-spacing: -0.01em;
}

.WebPanel.WebContainer,
.WebGroup > div.WebCon_Inner,
.WebCardContainer,
.Dashboard .WidgetPanel {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

.WebGroup > div.WebCon_Inner {
    padding: 2px 4px 8px;
}

.WebGroup > div > label {
    border-bottom: 1px solid var(--df-AppBorder);
    color: var(--df-AppText);
    font-weight: 700;
    margin: 0 4px 8px;
    padding: 0 0 8px;
}

.WebPanel .WebCon_Content,
.WebGroup .WebCon_Content {
    padding-top: 0;
}

.WebGroup > div > label,
.WebControl > div > label,
.WebControl > div.WebCon_TopLabel > label {
    color: var(--df-AppTextMuted);
}

.WebControl .WebFrm_Wrapper,
.WebTreeView .WebTree_Body {
    background: rgba(255, 255, 255, 0.82);
    border-color: transparent;
    border-radius: 0;
    box-shadow: inset 0 -1px 0 rgba(199, 211, 235, 0.9);
    padding: 0 10px;
}

.WebForm .WebFrm_Wrapper,
.WebCombo .WebFrm_Wrapper,
.WebEdit .WebFrm_Wrapper {
    padding: 0 10px;
}

.WebControl.Web_Enabled.WebCon_Focus > div > div > .WebFrm_Wrapper,
.WebTreeView.WebCon_Focus .WebTree_Body {
    border-color: transparent;
    box-shadow: inset 0 -2px 0 var(--df-AppAccent);
}

.WebGroup > div > label,
.WebGroup > div.WebCon_TopLabel > label {
    color: var(--df-AppText);
}

.WebForm input,
.WebForm .WebDynFrm,
.WebEdit textarea,
.WebCombo select {
    color: var(--df-AppText);
    box-sizing: border-box;
    margin: 0;
    padding: 7px 0 0;
    width: 100%;
}

.WebEdit textarea {
    padding-top: 8px;
}

.WebControl.WebEditResizable .WebFrm_Wrapper {
    height: auto;
}

.WebControl.WebEditResizable textarea {
    min-height: 120px;
    overflow: auto;
    resize: vertical;
}

.WebButton button,
.WebGrid .WebList_Body .WebList_Row button,
.WebList .WebList_Body .WebList_Row button {
    background: var(--df-AppAccent);
    border-color: var(--df-AppAccent);
    border-radius: 0;
    box-shadow: var(--df-AppShadow);
    color: var(--df-Grayscale8);
}

.WebButton button:hover,
.WebGrid .WebList_Body .WebList_Row button:hover,
.WebList .WebList_Body .WebList_Row button:hover {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(13, 34, 56, 0.45);
    box-shadow: 0 0 0 1px rgba(13, 34, 56, 0.18);
    color: var(--df-MainDark);
}

.WebButton button:focus,
.WebButton button:focus-visible,
.WebGrid .WebList_Body .WebList_Row button:focus,
.WebGrid .WebList_Body .WebList_Row button:focus-visible,
.WebList .WebList_Body .WebList_Row button:focus,
.WebList .WebList_Body .WebList_Row button:focus-visible {
    background: var(--df-MainDark);
    border-color: var(--df-MainDark);
    box-shadow: 0 0 0 3px rgba(31, 78, 121, 0.35);
    outline: 2px solid #ffffff;
    outline-offset: 1px;
}

.WebMsgBox .WebButton button:focus,
.WebMsgBox .WebButton button:focus-visible {
    box-shadow: var(--df-AppShadow);
    outline: none;
}

.WebMsgBox .WebButton button:hover,
.WebMsgBox .WebButton button:focus,
.WebMsgBox .WebButton button:focus-visible {
    background: transparent;
    border-color: transparent;
    color: var(--df-AppAccent);
}

.WebMenuBar,
.WebActionBar,
.WebMenuGroup {
    background: transparent;
}

.WebList,
.WebGrid {
    background: var(--df-AppSurface);
    border-radius: var(--df-AppRadius);
    box-shadow: var(--df-AppShadow);
    overflow: hidden;
}

.WebList .WebList_Header,
.WebGrid .WebList_Header {
    background: var(--df-AppSurfaceMuted);
    border-bottom: 1px solid var(--df-AppBorder);
}

.WebList .WebList_Header th,
.WebGrid .WebList_Header th {
    color: var(--df-AppTextMuted);
    font-weight: 700;
}

.WebList .WebList_Body .WebList_Row td,
.WebGrid .WebList_Body .WebList_Row td {
    background: var(--df-AppSurface);
    border-bottom: 1px solid #edf1f8;
    color: var(--df-AppText);
}

.WebList .WebList_Body .WebList_Row:not(.WebList_RowEmpty):hover td,
.WebGrid .WebList_Body .WebList_Row:not(.WebList_RowEmpty):hover td {
    background: var(--df-AppSurfaceHover);
}

.WebList .WebList_Body .WebList_Row.WebList_Selected td {
    background: #dbe8f4;
    border-bottom-color: #c4d6e8;
    box-shadow: none;
    color: var(--df-AppText);
}

.WebList .WebList_Body .WebList_Row.WebList_Selected td:first-child {
    box-shadow: inset 4px 0 0 var(--df-AppAccent);
}

.WebGrid .WebList_Body .WebList_Row.WebList_Selected td {
    background: var(--df-MainDark);
    border-bottom-color: var(--df-MainDark);
    color: #ffffff;
}

.WebList.Web_Enabled.WebCon_Focus {
    box-shadow: 0 0 0 2px rgba(31, 78, 121, 0.18), var(--df-AppShadow);
}

.WebGrid.Web_Enabled.WebCon_Focus {
    box-shadow: 0 0 0 2px rgba(22, 50, 79, 0.18), var(--df-AppShadow);
}

.WebList.Web_Enabled.WebCon_Focus .WebList_Body .WebList_Row.WebList_Selected td {
    background: #c9dcf0;
    border-bottom-color: #adc7e0;
}

.WebList.Web_Enabled.WebCon_Focus .WebList_Body .WebList_Row.WebList_Selected td:first-child {
    box-shadow: inset 6px 0 0 var(--df-MainDark);
}

.WebGrid.Web_Enabled.WebCon_Focus .WebList_Body .WebList_Row.WebList_Selected td {
    background: #16324f;
    border-bottom-color: #16324f;
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}

.WebPanel > .WebPanel_DividerVertical,
.WebPanel > .WebPanel_DividerHorizontal {
    background: var(--df-AppBorderStrong);
}

.WebPanel > .WebPanel_DividerVertical:hover,
.WebPanel > .WebPanel_DividerHorizontal:hover,
.WebPanel > .WebPanel_DividerVertical:active,
.WebPanel > .WebPanel_DividerHorizontal:active {
    background: var(--df-AppAccent);
}

.HeaderPanel,
.HeaderPanel.WebContainer,
.HeaderPanel .WebCon_Main,
.HeaderPanel .WebCon_Content,
.HeaderPanel .WebContainer,
.HeaderPanel .WebPanel {
    background: var(--df-AppAccent);
}

.HeaderPanel {
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.HeaderPanel .WebBreadcrumb .WebCrumb_Caption,
.HeaderPanel .WebBreadcrumb .WebCrumb_Item,
.HeaderPanel .WebBreadcrumb .WebCurrentCrumb,
.HeaderPanel .WebBreadcrumb .WebCrumb_Arrow {
    color: var(--df-Grayscale8);
}

.HeaderPanel .WebBreadcrumb .WebCrumb_Caption {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}

.HeaderPanel .WebBreadcrumb .WebCurrentCrumb .WebCrumb_Caption,
.HeaderPanel .WebBreadcrumb .WebCrumbs_Body.WebCrumbs_DropDown .WebCrumb_Caption {
    color: var(--df-Grayscale8);
    font-weight: 700;
}

.HeaderPanel .WebButton button,
.HeaderPanel .WebActionBar .WebMenuItem > div,
.HeaderPanel .WebActionBar .WebMenuItem a {
    color: var(--df-Grayscale8);
}

.HeaderPanel .WebActionBar.WebToolBar ul li ul,
.HeaderPanel .WebActionBar.WebToolBar ul li ul li,
.HeaderPanel .WebActionBar.WebToolBar ul li ul li > div {
    background: var(--df-AppSurface);
}

.HeaderPanel .WebActionBar.WebToolBar ul li ul {
    border: 1px solid var(--df-AppBorder);
    border-radius: 0;
    box-shadow: var(--df-AppShadowStrong);
    overflow: hidden;
}

.HeaderPanel .WebActionBar.WebToolBar ul li ul li > div,
.HeaderPanel .WebActionBar.WebToolBar ul li ul li > div > a,
.HeaderPanel .WebActionBar.WebToolBar ul li ul li span.WebItm_Icon:before {
    color: var(--df-AppText);
}

.HeaderPanel .WebActionBar.WebToolBar ul.WebBarRoot > li,
.HeaderPanel .WebActionBar.WebToolBar ul.WebBarRoot > li > div,
.HeaderPanel .WebActionBar.WebToolBar ul.WebBarRoot > li > div > a {
    height: 38px;
}

.HeaderPanel .WebActionBar.WebToolBar ul.WebBarRoot > li {
    padding: 0;
}

.HeaderPanel .WebActionBar.WebToolBar ul.WebBarRoot > li > div {
    align-items: center;
    border-radius: 0;
    display: flex;
    padding: 0 8px;
}

.HeaderPanel .WebActionBar.WebToolBar ul.WebBarRoot > li > div > a {
    margin-left: 0;
    padding: 0;
    line-height: 38px;
    vertical-align: middle;
}

.HeaderPanel .WebActionBar.WebToolBar ul li ul li > div {
    border-radius: 0;
    padding: 0;
}

.HeaderPanel .WebActionBar.WebToolBar ul li ul li > div > a {
    display: block;
    margin-left: 0;
    padding: 9px 14px;
    width: 100%;
}

.HeaderPanel .WebActionBar.WebToolBar ul li ul li:hover > div,
.HeaderPanel .WebActionBar.WebToolBar ul li ul li:focus > div,
.HeaderPanel .WebActionBar.WebToolBar ul li ul li.WebItm_Expanded > div {
    background: var(--df-AppSurfaceHover);
}

.HeaderPanel .WebMenuButton button,
.HeaderPanel .WebBack_Icon button {
    background: transparent;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

.HeaderPanel .WebMenuButton button:hover,
.HeaderPanel .WebBack_Icon button:hover,
.HeaderPanel .WebMenuButton button:focus,
.HeaderPanel .WebBack_Icon button:focus {
    background: rgba(255, 255, 255, 0.12);
    border-color: transparent;
    box-shadow: none;
}

.WebList .WebList_Body .WebList_Row.FeedbackPositiveRow td,
.WebGrid .WebList_Body .WebList_Row.FeedbackPositiveRow td {
    background-color: var(--df-FeedbackPositiveLight);
}

.WebList .WebList_Body .WebList_Row.FeedbackNegativeRow td,
.WebGrid .WebList_Body .WebList_Row.FeedbackNegativeRow td {
    background-color: var(--df-FeedbackNegativeLight);
}

.FeedbackThreadBox {
    background: var(--df-AppSurfaceMuted);
    border: 1px solid var(--df-AppBorder);
    border-radius: var(--df-AppRadius);
    height: 100%;
    padding: 0;
}

.FeedbackThreadBox > div.WebCon_Inner,
.FeedbackThreadBox .WebHtml_Box,
.FeedbackThreadBox .WebHtml_Wrp {
    height: 100%;
}

.FeedbackThreadBox .WebHtml_Wrp {
    overflow-y: auto;
    padding: 18px;
}

.FeedbackThreadTimeline .FeedbackThreadBody,
.FeedbackThreadTimeline .FeedbackThreadBody *,
.FeedbackThreadTimeline .FeedbackThreadEvent,
.FeedbackThreadTimeline .FeedbackThreadEvent * {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

.FeedbackThreadTimeline .FeedbackThreadBody::selection,
.FeedbackThreadTimeline .FeedbackThreadBody *::selection,
.FeedbackThreadTimeline .FeedbackThreadEvent::selection,
.FeedbackThreadTimeline .FeedbackThreadEvent *::selection {
    background-color: #1f4e79 !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

.FeedbackThreadTimeline .FeedbackThreadBody::-moz-selection,
.FeedbackThreadTimeline .FeedbackThreadBody *::-moz-selection,
.FeedbackThreadTimeline .FeedbackThreadEvent::-moz-selection,
.FeedbackThreadTimeline .FeedbackThreadEvent *::-moz-selection {
    background-color: #1f4e79 !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

.FeedbackThreadBox .WebHtml_Wrp::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

.FeedbackThreadBox .WebHtml_Wrp::-webkit-scrollbar-track {
    background: var(--df-AppSurfaceMuted);
}

.FeedbackThreadBox .WebHtml_Wrp::-webkit-scrollbar-thumb {
    background: var(--df-AppBorderStrong);
    border: 2px solid var(--df-AppSurfaceMuted);
}

.FeedbackThreadBox .WebHtml_Wrp {
    scrollbar-color: var(--df-AppBorderStrong) var(--df-AppSurfaceMuted);
    scrollbar-width: thin;
}

.FeedbackThreadTimeline {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.FeedbackThreadEmpty,
.FeedbackThreadReplyEmpty {
    color: var(--df-AppTextMuted);
    font-size: 14px;
}

.FeedbackThreadCard,
.FeedbackThreadReply {
    background: var(--df-AppSurface);
    border: 1px solid var(--df-AppBorder);
    border-radius: var(--df-AppRadius);
    box-shadow: var(--df-AppShadow);
}

.FeedbackThreadCard {
    overflow: hidden;
    padding: 16px 18px 14px;
}

.FeedbackThreadCard.is-expanded {
    border-color: var(--df-AppAccent);
    box-shadow: var(--df-AppShadowStrong);
}

.FeedbackThreadCard.is-selected {
    border-color: var(--df-MainDark);
    box-shadow: 0 0 0 1px var(--df-MainDark);
}

.FeedbackThreadCard.is-hidden {
    background: #f3f5f7;
    border-color: #cfd7df;
    opacity: 0.92;
}

.FeedbackThreadArchiveSection {
    border-top: 1px solid var(--df-AppBorder);
    margin-top: 18px;
    padding-top: 18px;
}

.FeedbackThreadArchiveTitle {
    color: var(--df-AppTextMuted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.FeedbackThreadMeta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 12px;
    font-size: 13px;
}

.FeedbackThreadAuthorBlock {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.FeedbackThreadMetaSide {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    margin-left: auto;
}

.FeedbackThreadMetaActions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.FeedbackThreadAuthor {
    color: var(--df-AppText);
    font-weight: 700;
}

.FeedbackThreadRole {
    color: var(--df-AppTextMuted);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.FeedbackThreadTime {
    color: var(--df-AppTextMuted);
    white-space: nowrap;
}

.FeedbackThreadBody {
    border-top: 1px solid #edf1f8;
    color: var(--df-AppText);
    line-height: 1.5;
    padding-top: 12px;
    white-space: pre-wrap;
}

.FeedbackThreadFooter {
    align-items: center;
    border-top: 1px solid #edf1f8;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    justify-content: space-between;
    margin-top: 14px;
    padding-top: 12px;
}

.FeedbackThreadReplySummary {
    color: var(--df-AppTextMuted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.FeedbackThreadActions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.FeedbackThreadAction {
    appearance: none;
    border: 1px solid var(--df-AppBorderStrong);
    background: var(--df-AppSurfaceMuted);
    color: var(--df-AppAccent);
    border-radius: 0;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    padding: 7px 14px;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.FeedbackThreadAction:hover {
    background: var(--df-AppSurfaceHover);
    border-color: var(--df-AppBorderStrong);
}

.FeedbackThreadActionPrimary {
    background: var(--df-AppAccent);
    border-color: var(--df-AppAccent);
    color: #ffffff;
}

.FeedbackThreadActionPrimary:hover {
    background: var(--df-AppAccentHover);
}

.FeedbackThreadActionDanger {
    border-color: #c79a9a;
    color: #8f2d2d;
}

.FeedbackThreadActionDanger:hover {
    background: #f8ecec;
    border-color: #b97e7e;
}

.FeedbackThreadReplyActions {
    margin-top: 10px;
}

.FeedbackThreadReplies {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 4px;
    padding: 4px 0 2px;
}

.FeedbackThreadEvent {
    color: var(--df-AppTextMuted);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 10px 16px;
    justify-content: space-between;
    letter-spacing: 0.01em;
    padding: 2px 2px 2px 6px;
}

.FeedbackThreadEventText {
    flex: 1 1 auto;
}

.FeedbackThreadEventAuthor {
    font-weight: 700;
}

.FeedbackThreadEventTime {
    white-space: nowrap;
}

.FeedbackInlineReplyComposer {
    margin-top: 8px;
    margin-bottom: 8px;
}

.FeedbackInlineReplyComposer > .WebCon_Inner {
    margin: 0;
}

.FeedbackInlineReplyComposer .WebFrm_Wrapper {
    background: var(--df-AppSurface);
    box-shadow: inset 0 -1px 0 var(--df-AppBorderStrong);
}

.FeedbackInlineReplyComposer > .WebCon_Inner,
.FeedbackInlineReplyAction > .WebCon_Inner {
    margin: 0;
    gap: 4px;
}

.FeedbackInlineReplyAction button,
.WebControl.WebButton.Web_Enabled.FeedbackThreadButton button {
    background: var(--df-AppAccent);
    border: 1px solid var(--df-AppAccent);
    border-radius: 0;
    box-shadow: var(--df-AppShadow);
    color: var(--df-Grayscale8);
    min-height: 34px;
    padding: 0 14px;
    width: 100%;
}

.FeedbackInlineReplyAction button:hover,
.FeedbackInlineReplyAction button:focus,
.FeedbackInlineReplyAction button:focus-visible,
.WebControl.WebButton.Web_Enabled.FeedbackThreadButton button:hover,
.WebControl.WebButton.Web_Enabled.FeedbackThreadButton button:focus,
.WebControl.WebButton.Web_Enabled.FeedbackThreadButton button:focus-visible {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(13, 34, 56, 0.45);
    box-shadow: 0 0 0 1px rgba(13, 34, 56, 0.18);
    color: var(--df-MainDark);
}

.FeedbackInlineReplySecondary button,
.WebControl.WebButton.Web_Enabled.FeedbackThreadButtonSecondary button {
    background: var(--df-AppSurfaceMuted);
    border-color: var(--df-AppBorderStrong);
    color: var(--df-AppText);
}

.FeedbackInlineReplySecondary button:hover,
.FeedbackInlineReplySecondary button:focus,
.FeedbackInlineReplySecondary button:focus-visible,
.WebControl.WebButton.Web_Enabled.FeedbackThreadButtonSecondary button:hover,
.WebControl.WebButton.Web_Enabled.FeedbackThreadButtonSecondary button:focus,
.WebControl.WebButton.Web_Enabled.FeedbackThreadButtonSecondary button:focus-visible {
    background: var(--df-AppSurfaceHover);
    border-color: var(--df-AppBorderStrong);
    box-shadow: var(--df-AppShadow);
    color: var(--df-AppText);
}

.FeedbackThreadReply {
    display: flex;
    gap: 12px;
    margin-left: 18px;
    padding: 12px 14px;
}

.FeedbackThreadReplyRail {
    background: linear-gradient(180deg, var(--df-AppAccent) 0%, var(--df-AppBorder) 100%);
    border-radius: 0;
    width: 3px;
    flex: 0 0 3px;
}

.FeedbackThreadContent {
    flex: 1 1 auto;
    min-width: 0;
}

.WebTagsForm .WebFrm_Wrapper {
    background: var(--df-AppSurface);
    box-shadow: inset 0 -1px 0 var(--df-AppBorderStrong);
}

.WebTagsForm .WebTgf_Tag {
    background: var(--df-MainDark);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0;
    box-shadow: none;
    color: var(--df-Grayscale8);
    padding: 3px 6px;
}

.WebTagsForm .WebTgf_Text {
    color: var(--df-Grayscale8);
}

.WebTagsForm .WebTgf_Placeholder {
    color: var(--df-Grayscale3);
}

.WebTagsForm .WebTgf_Focus {
    background: var(--df-AppAccentHover) !important;
}

.WebTagsForm .WebTgf_CloseTag {
    color: rgba(255, 255, 255, 0.82);
}

.WebTagsForm .WebTgf_CloseTag:hover {
    color: var(--df-Grayscale8);
}

.WebControl.Web_Disabled.WebTagsForm .WebTgf_Tag {
    background: #274766;
    border-color: rgba(255, 255, 255, 0.08);
    color: #f5f8fb;
}

.WebControl.Web_Disabled.WebTagsForm .WebTgf_Text,
.WebControl.Web_Disabled.WebTagsForm .WebDynFrm {
    color: #f5f8fb;
}

@media (max-width: 767px) {
    .FeedbackThreadMeta {
        align-items: flex-start;
        flex-direction: column;
    }

    .FeedbackThreadMetaSide {
        align-items: flex-start;
        margin-left: 0;
        width: 100%;
        justify-content: space-between;
    }

    .FeedbackThreadFooter {
        align-items: flex-start;
        flex-direction: column;
    }

    .FeedbackThreadReply {
        margin-left: 10px;
    }
}