:root {
    --mdx-Campaign-fill: url(../img/lbl_Campaign_fill.svg);
    --mdx-Campaign-fill-h: url(../img/lbl_Campaign_fill_h.svg);
    --mdx-Campaign-t-h : url(../img/lbl_Campaign_t_h.svg);
    --mdx-ad-text-generation: url(../img/lbl_ad_text_generation.svg);
    --mdx-ad-text-generation-h: url(../img/lbl_ad_text_generation_h.svg);
    --mdx-ad-text-generation-fill: url(../img/lbl_ad_text_generation_fill.svg);
    --mdx-ad-text-generation-fill-h: url(../img/lbl_ad_text_generation_fill_h.svg);
}
body::after {
    content: var(--mdx-Campaign-t-h) var(--mdx-Campaign-fill-h) var(--mdx-ad-text-generation-h) var(--mdx-ad-text-generation-fill-h);
    position: fixed;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}
#main {
    padding: 0;
    overflow: hidden !important;
}

ul.xux-utilityLinks {
    padding: 7px 8px;
}

ul.xux-utilityLinks>li>a {
    padding-left: 8px;
    padding-right: 8px;
    min-width: auto;
}

ul.xux-utilityLinks>li.help-link-li {
    padding-right: 72px;
}

ul.xux-utilityLinks span.xux-dropdown-header {
    background-color: #363940!important;
    border-color: #7E8799;
    color: #e8e8e8!important;
}

.xux-contextMenu .ui-menu-item a {
    padding: 1px 8px;
}

.xux-sidebar .xux-text-content {
    height: 44px;
    line-height: 44px;
}

.xux-sidebar .xux-sidebar-title {
    margin-top: 8px
}

.xux-sidebar .xux-level-1>a .xux-content {
    margin-left: 16px;
}

nav.xux-sidebarNav {
    width: 252px;
    box-sizing: border-box;
}

#main,
nav.xux-breadcrumbsNav {
    margin: 0 auto;
}

#main.mdx-full-page,
nav.xux-breadcrumbsNav:has(+ main.mdx-full-page)
{
    margin: 0 24px!important;
    width: calc(100% - 48px)!important;
    max-width: unset!important;
}

#main.mdx-table-page,
nav.xux-breadcrumbsNav:has(+ main.mdx-table-page)
{
    margin: 0 24px!important;
    width: calc(100% - 48px)!important;
    max-width: unset!important;
}

@media (width < 1500px) {
    nav.xux-sidebarNav {
        width: 210px;
    }
}
@media (width <= 1377px) {
    #main,
    nav.xux-breadcrumbsNav {
        width: 1107px!important;
    }
    .detail-input-container > :last-child, #persona-product-interactive-section {
        min-width: auto !important;
    }
}

@media (1378px <= width < 1920px ) {
    #main,
    nav.xux-breadcrumbsNav {
        min-width: 1107px;
        width: 78.5vw;
        max-width: 1508px;
    }
    .detail-input-container > :last-child, #persona-product-interactive-section{
        min-width: auto !important;
    }
}

@media (width = 1920px) {
    #main,
    nav.xux-breadcrumbsNav {
        width: 1508px!important;
    }
}

@media (1921px <= width < 3840px ) {
    #main,
    nav.xux-breadcrumbsNav {
        min-width: 1508px;
        width: 73vw;
        max-width: 2800px;
    }
}

@media (width >= 3840px) {
    #main,
    nav.xux-breadcrumbsNav {
        width: 2800px!important;
    }
}

#sidebar {
    min-height: calc(768px - 48px);
    max-height: calc(100vh - 48px)!important;
}

/* set table parent wrapper's min-height if window's height < 768px */
@media (height < 768px) {
    #main:has(ul.xux-tabbedSet-header) div.xux-table-wrapper {
        min-height: calc(768px - 248px)!important;
    }

    #main div.xux-table-wrapper {
        min-height: calc(768px - 200px)!important;
    }

    #main #advertising-campaign-table-box div.xux-table-wrapper {
        min-height: calc(768px - 168px)!important;
    }
}

.mdx-search-box {
    float:right;
}

.xux-page {
    min-width: 1377px;
    min-height: 768px;
}

.xux-body-middle .xux-sidebarNav + .xux-breadcrumbsNav.xux-sectionContentWidth-full {
    max-width: none;
}

.xux-progressCircle-label {
    font-size: 16px;
}

.xux-modalWindow.xux-width-widest {
    width: 1280px;
    margin: 30px auto;
}

.xux-modalWindow.xux-width-wider {
    width: 1100px;
    height: 800px;
    margin: 30px auto;
}

#brand {
    margin-left: 16px;
    text-decoration: none;
    color:#fff;
    font-size: 24px;
    line-height: 48px;
    display: inline-block;
    height: 48px;
    width: 250px;
    background-image: url(../img/PN_RevoriaCloudMarketing.svg);
    background-position-x: left;
    background-position-y: center;
    background-repeat: no-repeat;
}

.sample-about-subtitle {
    background-image: url('../img/JP_About_496x328px_SubTitle.png');
    width: 496px;
    height: 44px;
    display: inline-block;
}
div.xux-table-wrapper {
    overflow-x: hidden;
}

#reexecute-section .xux-labelableBox-content {
    width: 60%;
}

nav.xux-breadcrumbsNav {
    display: flex;
    align-items: center;
    height: 54px;
    line-height: 54px;
    padding: 0;
    max-width: none!important;
    overflow-x: hidden;
}

nav.xux-breadcrumbsNav > ol {
    flex-grow: 1;
}

nav.xux-breadcrumbsNav button {
    line-height: 22px;
    height: 24px;
}

#breadcrumbs > li {
    max-width: 30%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    font-size: 16px;
    vertical-align: middle;
}

#open-sidebar {
    position: absolute;
    bottom: 10px;
    left: 20px;
    display: none;
}

#close-sidebar {
    position: absolute;
    bottom: 10px;
    left: 200px;
    /* sidebar always show with normal style and can not close in V1.0 */
    display: none;
}

/* flexable style for Date Range. */
/* div.mdx-date-range-box .xux-labelableBox-content {
    display: flex!important;
    align-items: center;
}
div.mdx-date-range-box .xux-labelableBox-content>span.xux-dateField {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 140px;
}
div.mdx-date-range-box .xux-labelableBox-content>span.xux-dateField>input {
    width: 100%;
} */

#log-display-tabs .xux-table-wrapper {
    max-height: 480px;
}

#log-display-tabs .xux-table-header-cell, #log-display-tabs .xux-table-cell {
    text-align: center;
}

/* Dashboard */
section.mdx-quicksight-filter-section {
    background-color: #FFF;
}
section.mdx-quicksight-filter-section .xux-labelableBox-label {
    margin-bottom: 4px;
}
section.mdx-quicksight-graph-section > .xux-section-content {
    padding: 16px 0 0 0!important;
}
section.mdx-ads-quicksight-graph-section > .xux-section-content {
    padding: 0;
}
div.mdx-quicksight-graph-embed-wrapper {
    position: relative;
    height: calc(100vh - 278px);
    min-height: calc(768px - 278px);
}
div.mdx-quicksight-graph-embed-wrapper.overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1;
    pointer-events: auto;
}
div.mdx-quicksight-graph-embed-wrapper > iframe {
    height: 100%;
}
div.mdx-flexable-horizontal-box {
    display: flex;
    align-items: center;
}
div.mdx-flexable-horizontal-box > div.mdx-growable,
div.mdx-flexable-horizontal-box > div:has(>.mdx-growable) {
    flex-grow: 1;
}

div.mdx-flexable-horizontal-box > .xux-horizontalLayout-item {
    flex-shrink: 1;
}
div.mdx-flexable-horizontal-box > .xux-horizontalLayout-item:has(.xux-dropdown.xux-width-normal),
div.mdx-flexable-horizontal-box.mdx-flexable-items-width-normal > .xux-horizontalLayout-item {
    flex-basis: 216px;
}

#summary-dashboard div.mdx-flexable-horizontal-box > .xux-horizontalLayout-item:has(.xux-dropdown.xux-width-normal),
#summary-dashboard div.mdx-flexable-horizontal-box.mdx-flexable-items-width-normal > .xux-horizontalLayout-item {
    flex-basis: 190px;
}

.mdx-quicksight-filter-section div.mdx-flexable-horizontal-box > .xux-horizontalLayout-item:has(.xux-dropdown.xux-width-normal),
.mdx-quicksight-filter-section div.mdx-flexable-horizontal-box.mdx-flexable-items-width-normal > .xux-horizontalLayout-item {
    flex-basis: 200px;
}

div.mdx-flexable-horizontal-box .xux-dropdown {
    display: inline-flex;
    width: 100%;
}
div.mdx-flexable-horizontal-box .xux-dropdown.xux-width-normal .xux-dropdown-header {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 216px;
    width: auto!important;
}
div.mdx-flexable-horizontal-box .xux-dropdown .xux-sel-desc {
    width: calc(100% - 32px)!important;
    max-width: 100px;
}

.grey-remark {
    color:#BFBFBF;
}

.yellow-remark {
    color:#CCA700;
}

div.mdx-table-search-box > div:has(>.mdx-search-type-box) {
    display: flex;
}
div.mdx-table-search-box.mdx-right-search-box .mdx-search-type-box {
    text-align: right;
}
div.mdx-table-search-box.mdx-left-search-box > div.xux-decoratedTable-trailingBox:has(input[type=search]) {
    float: left!important;
}
div.mdx-search-type-box.no-left-padding {
    padding-left: 0!important;
}
div.mdx-search-type-box.mdx-flex-growable {
    flex-grow: 1;
}

.help-link-li {
    padding-right: 80px;
}

.xux-navigationBarNav {
    max-width: 50%;
}

.cv-total {
    white-space: nowrap;
}

.txp1 {
    font-size: 16px;
}

.act6 {
    font-size: 22px;
}

.value-up {
    color: #005e5e;
}

.value-down {
    color: #CC252F;
}

.mean-box {
    display: flex;
    align-items: center;
}

.value-text {
    margin-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    width: 90px;
    text-align: right;
}

.star-box {
    margin-left: 8px;
    white-space: nowrap;
}

/* tabs style fix */
.xux-tabbedSet.xux-width-full>.ui-tabs-nav {
    width: 600px;
    margin-left: 0px;
}
#ma-datalinkage-tabs > .ui-tabs-nav {
    width: 223px;
}

#log-display-tabs >.ui-tabs-nav {
    width: calc(100% - 32px);
    margin-left: 0px;
}

/* AR #16975 common style fix */
.xux-decoratedTable-buttonBox {
    padding-left: 0px;
    margin-left: 0px;
}

.xux-decoratedTable-buttonBox .xux-button:first-child {
    margin-left: 0px;
}

.xux-decoratedTable-mixableBox {
    padding-right: 0px;
}

.xux-decoratedTable-trailingBox {
    padding-right: 0px;
    margin-left: 8px;
}

#m-cock-datalinkage-tabs,
#ma-datalinkage-tabs,
#ads-group-list-tabs,
#measure-details-tabs,
#measure-management-article > section > div.xux-section-content,
#website-improvement-article > section > div.xux-section-content,
#website-plan-result-article > section > div.xux-section-content,
#advertising-improvement-article > section > div.xux-section-content,
#advertising-management > section > div.xux-section-content,
#advertising-datalinkage > section > div.xux-section-content,
#advertising-campaign-article > section > div.xux-section-content,
#advertising-datalinkage article > section > div.xux-section-content {
    margin-top: -16px;
}

button.xux-normalButton:has(>.xux-button-text) {
    min-width: none!important;
    padding: 0 16px!important;
}

.xux-fileUpload button.xux-normalButton:has(>.xux-button-icon) {
    padding: 0!important;
}

/* Align table message to center and show border-bottom when No data */
tr.xux-table-noRow > td.xux-table-cell {
    border-color: #ccc!important;
}
tr.xux-table-noRow > td.xux-table-cell > div {
    text-align: center;
}

.xux-dropdownMenu-container.xux-width-narrowest .xux-dropdown-list {
    max-width: 56px!important;
}
.xux-dropdownMenu-container.xux-width-narrow .xux-dropdown-list {
    max-width: 144px!important;
}
.xux-dropdownMenu-container.xux-width-normal .xux-dropdown-list {
    max-width: 216px!important;
}
.xux-dropdownMenu-container.xux-width-wide .xux-dropdown-list {
    max-width: 360px!important;
}
.xux-dropdownMenu-container.xux-width-measure-bulk-edit-user-select .xux-dropdown-list {
    max-width: 392px!important;
}
.xux-dropdownMenu-container.xux-width-measure-detail-user-select .xux-dropdown-list {
    max-width: 387px!important;
}

.mdx-icon.xux-icon-size-xxSmall::before {
    width: 14px;
}
.mdx-icon.xux-icon-size-xSmall::before {
    width: 16px;
}
.mdx-icon.xux-icon-size-small::before {
    width: 20px;
}
.mdx-icon.xux-icon-size-medium::before {
    width: 24px;
}
.mdx-icon.xux-icon-size-xMedium::before {
    width: 26px;
}
.mdx-icon.xux-icon-size-large::before {
    width: 32px;
}
.mdx-icon.xux-icon-size-xLarge::before {
    width: 40px;
}
.mdx-icon.xux-icon-size-xxLarge::before {
    width: 56px;
}
.mdx-icon-dashboard::before {
    content: url(../img/lbl_dashboard.svg);
}
.mdx-icon-adlink::before {
    content: url(../img/lbl_adlink.svg);
}
.mdx-icon-admanagement::before {
    content: url(../img/lbl_admanagement.svg);
}
.mdx-icon-adreport::before {
    content: url(../img/lbl_adreport.svg);
}
.mdx-icon-ai::before {
    content: url(../img/lbl_ai.svg);
}
.mdx-icon-ai-report::before {
    content: url(../img/lbl_insight_gray.svg);
    height: 140px;
    width: 140px;
}
.mdx-icon-ai-white::before {
    content: url(../img/lbl_ai_white.svg);
}
.mdx-icon-ai-colorful::before {
    content: url(../img/lbl_ai_colorful.svg);
}
.mdx-btn-icon-ai-report::before {
    content: url(../img/lbl_insight.svg);
}
.mdx-btn-icon-ai::before {
    content: url(../img/btn_ai.svg);
}
.mdx-icon-cvdown::before {
    content: url(../img/lbl_cvdown.svg);
}
.mdx-icon-cvup::before {
    content: url(../img/lbl_cvup.svg);
}
.mdx-icon-media::before {
    content: url(../img/lbl_media.svg);
}
.mdx-icon-weblink::before {
    content: url(../img/lbl_weblink.svg);
}
.mdx-icon-webreport::before {
    content: url(../img/lbl_webreport.svg);
}
.mdx-icon-websuggestion::before {
    content: url(../img/lbl_websuggestion.svg);
}
.mdx-icon-actionplan::before {
    content: url(../img/lbl_action_plan_m.svg);
}
.mdx-icon-google::before {
    content: url(../img/lbl_google.png);
}
.mdx-icon-line::before {
    content: url(../img/lbl_line.png);
}
.mdx-icon-meta::before {
    content: url(../img/lbl_meta.png);
}
.mdx-icon-x::before {
    content: url(../img/lbl_x.png);
}
.mdx-icon-yahoo::before {
    content: url(../img/lbl_yahoo.png);
}
.mdx-icon-ms::before {
    content: url(../img/lbl_ms.png);
}
.mdx-icon-ad-placement::before {
    content: url(../img/lbl_ad_placement.svg);
}
.mdx-icon-Audience::before {
    content: url(../img/lbl_Audience.svg);
}
.mdx-icon-budget-reallocationAI::before {
    content: url(../img/lbl_budget_reallocationAI.svg);
}
.mdx-icon-Campaign::before {
    content: url(../img/lbl_Campaign.svg);
}
.mdx-icon-Campaign-t::before {
    content: url(../img/lbl_Campaign_t.svg);
}
.mdx-icon-Creative::before {
    content: url(../img/lbl_Creative.svg);
}
.mdx-icon-Keyword::before {
    content: url(../img/lbl_Keyword.svg);
}
.mdx-icon-AD-search::before {
    content: url(../img/lbl_CT_search.svg);
}
.mdx-icon-AD-display::before {
    content: url(../img/lbl_CT_display.svg);
}
.mdx-icon-AD-banner::before {
    content: url(../img/lbl_AD_banner.svg);
}
.mdx-icon-AD-responsivedisplay::before {
    content: url(../img/lbl_AD_responsivedisplay.svg);
}
.mdx-icon-MA-lead::before {
    content: url(../img/lbl_lead_analysis.svg);
}
.mdx-icon-personaAI::before {
    content: url(../img/lbl_personaAI.png);
}
.mdx-icon-persona-link::before {
    content: url(../img/lbl_persona_link.svg);
}
.mdx-icon-ad-link::before {
    content: url(../img/lbl_icon_link.png);
}
.mdx-icon-heat-map::before {
    content: url(../img/lbl_heat_map.svg);
}
.mdx-icon-replay {
    vertical-align: text-bottom;
}
.mdx-icon-replay::before {
    width: 16px;
    height: 16px;
}
.mdx-icon-copy::before {
    content: url(../img/lbl_copy.svg);
}
.mdx-icon-Campaign-fill::before {
    content: var(--mdx-Campaign-fill);
}
.mdx-icon-ad-text-generation::before {
    content: var(--mdx-ad-text-generation);
}
.mdx-icon-ad-text-generation-fill::before {
    content: var(--mdx-ad-text-generation-fill);
}
.xux-iconButton:hover .mdx-icon-Campaign-t::before {
    content: var(--mdx-Campaign-t-h);
}
.xux-iconButton:hover .mdx-icon-Campaign-fill::before {
    content: var(--mdx-Campaign-fill-h);
}
.xux-iconButton:hover .mdx-icon-ad-text-generation::before {
    content: var(--mdx-ad-text-generation-h);
}
.xux-iconButton:hover .mdx-icon-ad-text-generation-fill::before {
    content: var(--mdx-ad-text-generation-fill-h);
}
.xux-table:has(.mdx-icon.xux-icon-size-medium) tbody .xux-table-cell,
.xux-table:has(.mdx-icon.xux-icon-size-medium) tbody .xux-table-contentEllipsis,
.xux-table:has(.xux-switch ) tbody .xux-table-cell,
.xux-table:has(.xux-switch ) tbody .xux-table-contentEllipsis,
.xux-table:has(.xux-button.xux-size-full) tbody .xux-table-cell,
.xux-table:has(.xux-button.xux-size-full) tbody .xux-table-contentEllipsis,
.xux-table:has(.xux-dropdown.xux-size-full) tbody .xux-table-cell,
.xux-table:has(.xux-dropdown.xux-size-full) tbody .xux-table-contentEllipsis {
    height: 32px;
    line-height: 32px;
}
.xux-table .xux-table-contentEllipsis .mdx-icon {
    position: relative;
    top: 6px
}
.xux-table .xux-table-contentEllipsis .mdx-icon::before {
    margin-right: 8px;
}
.xux-table .xux-table-contentEllipsis > span:has(>.mdx-icon) {
    position: relative;
    top: -3px
}
.xux-table:has(.xux-dropdown.xux-size-full) tbody .xux-table-cell:has(>.xux-dropdown) {
    line-height: normal;
}

/* ログ表示用スタイル */
#log-display-box {
    display: flex;
    height: 800px;
    margin: -16px;
}

#log-display-sidebar-box {
    width: 200px;
    height: 100%;
    background-color: #eaeaea;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#log-display-sidebar-box .xux-sidebar>li:first-child>a {
    border-top-width: 0;
}

#log-display-content-box {
    width: calc(100% - 200px);
    height: 100%;
}

#log-display-content-box #data-linkage-box table {
    table-layout: fixed;
}

#data-linkage-box table tr td:last-child {
    white-space: nowrap;
}

#log-display-content-box  table thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

#log-display-content-box #user-operate-box,
#log-display-content-box #data-linkage-box,
#log-display-content-box #ad-app-box,
#log-display-content-box #web-site-improvement-box {
    margin-left: 0!important;
    margin-right: 0!important;
}

#log-display-content-box #website-note-box,
#log-display-content-box #ad-note-box {
    margin-bottom: 8px;
}

#log-display-content-box #ad-note-box span,
#log-display-content-box #website-note-box span {
    line-height: 1.5em;
}

body > .xux-throbber.xux-throbber-modal {
    background: rgba(0, 0, 0, 0.2)!important;
}

div.xux-body-middle > .xux-throbber.xux-throbber-modal {
    background-color: #f5f5f5;
}

.xux-throbber-backboard {
    background-color: rgba(0, 0, 0, 0)!important;
}
.throbber-background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 101;
    pointer-events: auto;
}
#notification-form .add-button {
    min-width: 120px;
}


/* About dialog */
#about-dialog #about-content-box {
    margin: -16px;
}
#about-dialog .logo-header {
    background-color: #24262b;
    padding: 16px 16px 11px 16px;
}
#about-dialog .logo-header > a {
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    display: inline-block;
}
#about-dialog .version-main {
    padding: 100px 40px 60px 40px;
    background-color: #fff;
    color: #24262b;
}

#about-dialog .version-main #brand-name {
    font-size: 28px;
    color: #24262b;
}
#about-dialog .version-main > p:first-child > span {
    font-size: 28px;
    color: #24262b;
}
#about-dialog .version-main > p:last-child > span {
    font-size: 20px;
    color: #24262b;
}
#about-dialog .copyright-footer {
    padding: 16px;
    background-color: #fff;
}

#profile-section .xux-labelableBox-label {
    width: 185px;
}
#profile-section .xux-labelableBox-content {
    text-align: left;
}

#plan-result-detail-box table thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

#plan-result-detail-box .xux-table-wrapper {
    height: 255px;
}

#initial-period-box .xux-width-narrowest {
    width: 150px!important;
}

.summary-condition .xux-labelableBox-label {
    white-space: nowrap;
}

#promotion-details-section table {
    table-layout: fixed;
}
#promotion-details-section table>thead th:nth-child(-n+2) {
    width: 290px
}
#promotion-details-section table>thead th:nth-child(3) {
    width: 218px
}
#promotion-details-section table td .multi-box .xux-validate-error-icon {
    font-size: 16px!important;
}
#promotion-details-section table td .icon-box {
    display: inline-block;
    margin-left: 32px;
}
#promotion-details-section table>tbody td.xux-table-cell {
    vertical-align: top;
}

#promotion-details-section table>tbody td.xux-table-cell:not(:last-child) {
    padding-right: 24px;
}

#promotion-section table > thead th:nth-child(-n+3) {
    width: 200px
}
#promotion-section table > tbody td.xux-table-cell {
    vertical-align: top;
}

#advertising-dialog-section > div.file-input-div > div > label,
#advertising-dialog-section > div.optional-file-input-div > div > label {
    text-align: right;
}

#advertising-dialog-section table {
    table-layout: fixed;
}

#advertising-dialog-section table>tbody td.xux-table-cell {
    vertical-align: top;
}

#advertising-dialog-section table>thead th:nth-child(1),
 #advertising-dialog-section table>thead th:nth-child(3){
    width: 29%;
}

#advertising-dialog-section table>thead th:nth-child(2) {
    width: 2%;
}

#advertising-dialog-section table>thead th:nth-child(4) {
    width: 10%;
}
.ads-detail-list-box .checkbox-column {
    width: 25px;
}
.ads-detail-list-box .status-menu-column {
    width: 40px;
}
.ads-detail-list-box .status-column{
    width: 120px;
}
.ads-detail-list-box .type-column {
    width: 146px;
}
.ads-detail-list-box .ad-type-column {
    width: 86px;
}
.ads-detail-list-box .keyword-column {
    width: 250px;
}
.ads-detail-list-box .ad-title-column,
.ads-detail-list-box .ad-desc-column {
    width: 230px;
}
#audience-table .audience-list-column {
    width: 400px;
}
#audience-table .category-column {
    width: 200px;
}

.ads-detail-list-box .status-select-box .xux-dropdown .xux-sel-desc span.xux-icon.xux-icon-rec + span {
    display: none;
}

#advertising-campaign-table .status-select-box .xux-dropdown .xux-sel-desc span.xux-icon.xux-icon-rec + span {
    display: none;
}

.ads-detail-list-box .xux-table-cell:nth-child(2) {
    text-align: center;
}

/* Hide icons. These css will be no effects after XUX's render completed. */
body > nav, body > ul, body > #about-dialog {
    display: none;
}

.xux-table-trailingCell:has(.xux-button>.xux-iconButton),
.xux-table-width-fitContent.xux-table-cell:last-child:has(.xux-button>.xux-iconButton)
{
    padding-right: 32px;
}

.xux-table-trailingCell:has(.xux-button>.xux-iconButton) .xux-button.xux-itemMargin-normal,
.xux-table-width-fitContent.xux-table-cell:last-child:has(.xux-button>.xux-iconButton) .xux-button.xux-itemMargin-normal {
    margin-left: 16px;
}

.xux-table-trailingCell .xux-iconButton .xux-icon,
.xux-table-width-fitContent.xux-table-cell:last-child:has(.xux-button>.xux-iconButton) .xux-icon,
.xux-table-trailingCell .xux-button.xux-size-full .xux-iconButton .xux-icon {
    font-size: 24px;
}

.xux-pageNavigation-cell>.xux-page-number.xux-onePageOnly:not(.ui-state-disabled) {
    background-color: #00838d;
    color: #fff
}

th.xux-table-cell.xux-table-headerCell {
    height: 32px;
    line-height: 32px;
}

.xux-table div.xux-table-header-cell.xux-table-contentEllipsis {
    height: 32px;
}

#mdx_dialog > div.xux-buttonBox button.xux-normalButton,
#about-dialog > div.xux-buttonBox button.xux-normalButton,
div.mdx-dialog > div.xux-buttonBox button.xux-normalButton {
    width: 120px;
}

div.mdx-dialog:has(>#plan-dialog-title) > div.xux-buttonBox button.ok-button {
    width: 200px;
}

span.mergine-suffix {
    margin-left: 8px;
}

.mdx-dialog.mdx-without-required span.xux-requiredLegend,
.mdx-dialog.mdx-without-required span.xux-required-label {
    display: none!important;
}

.mdx-flexable-horizontal-box .xux-labelableBox.xux-labelLayout-top .xux-labelableBox-label,
.mdx-flexable-horizontal-box .xux-labelableBox.xux-labelLayout-top .xux-labelableBox-content {
    display:  block!important;
}
/* #285350 ST */
.mdx-masking {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100vw - 250px);
    height: calc(100vh - 100px);
    z-index: 100;
    background: #f5f5f5;
}
/* #285350 ED */
#placement-sidebar-nav {
    width: 300px;
    border-right: none;
    background-color: transparent;
}
body.mdx-placement-body {
    min-height: unset!important;
}
body.mdx-placement-body nav.xux-breadcrumbsNav {
    display: none;
}
#placement-main {
    outline: none;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
}
#placement-main .xux-throbber-modalParentMinHeight {
    min-height: 45px;
}
#placement-sidebar-nav .xux-tree .xux-node {
    padding-right: 32px;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
    /* add line margin by increase line-height from 32px to 38px */
    height: 38px;
    line-height: 38px;
}
#placement-sidebar-nav .xux-tree.treeview .hitarea {
    top: 10px;
}
#placement-sidebar-nav .xux-tree .xux-node > .mdx-node-icon {
    display: block;
    margin-top: 10px;
    float: left;
    margin-right: 10px;
}

#placement-sidebar-nav .xux-tree .xux-node > .mdx-state-icon {
    position: absolute;
    right: 0;
    margin-top: 10px;
    margin-right: 10px;
    background-color: transparent;
}
#placement-sidebar-nav .xux-tree .xux-node > .mdx-state-icon::before {
    padding-right: 0!important;
}
@keyframes treeNodeLoading {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}
#placement-sidebar-nav .xux-tree .xux-node > .mdx-state-icon.xux-icon-sync::before {
    animation: treeNodeLoading 1s linear infinite;
}

.mdx-state-icon.xux-icon-color-success{
    color: #00856f!important;
}
.mdx-state-icon.xux-icon-color-fault{
    color:#cc252f!important;
}
.mdx-state-icon.xux-icon-color-alert{
    color:#E6BC00!important;
}
.mdx-state-icon.xux-icon-color-normal{
    color:#0A0A0A!important;
}
.mdx-section-title .mdx-icon-google::before,
.xux-node .mdx-icon-google::before {
    content: "";
    background: url(../img/lbl_google.png) no-repeat;
    background-size: 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.mdx-section-title .mdx-icon-yahoo::before,
.xux-node .mdx-icon-yahoo::before {
    content: "";
    background: url(../img/lbl_yahoo.png) no-repeat;
    background-size: 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
}
#persona-product-article .explanation-reason-section {
    padding: 24px 40px 24px 40px;
    border-bottom: 1px solid #CCCCCC;
}
#persona-product-article .segment-count-message-area {
    padding: 0px 40px 8px 40px;
    display: flex;
}
#persona-product-article .segment-count-message {
    font-size: 16px;
    font-weight: 400;
    color: #0A0A0A;
}
#persona-product-article .explanation-reason-section .explanation-section {
    margin-bottom: 24px;
}
#persona-product-article .section-divider {
    display: block;
    margin: 0 -40px 24px;
    border-top: 1px #CCCCCC;
}
#persona-product-article .explanation-reason-section .explanation-section .explanation-title{
    color: #666666 !important;
}
#persona-product-article .explanation-reason-section #chart-article {
    margin-bottom: 24px;
    background-color: unset;
}
#persona-product-article .explanation-reason-section .reason-section .title {
    margin-bottom: 8px;
}
#persona-product-article .explanation-reason-section .explanation-section .xux-staticText {
    color: #0A0A0A;
    font-size: 16px;
    font-weight: 400;
}
#persona-product-article .explanation-reason-section #chart-accordion .xux-section-title {
    max-width: none;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: #0A0A0A;
}
#persona-product-article .explanation-reason-section #chart-accordion .xux-section-title button {
    width: 24px;
    height: 24px;
}
#persona-product-article .explanation-reason-section #chart-accordion .xux-section-title button span {
    right: 0;
    height: 24px;
    width: 24px;
}
#persona-product-article .explanation-reason-section #chart-accordion .xux-section-content,
#virtual-research-setting-review #segment-info-chart-accordion .xux-section-content {
    padding: 0px;
}
#persona-product-article .explanation-reason-section #chart-accordion .xux-collapsed {
    display: block;
    height: 0;
    overflow: hidden;
}
#persona-product-article .explanation-reason-section .reason-section  {
    display: flex;
    gap: 100px;
}
#persona-product-article .explanation-reason-section .reason-section .title {
    flex: 0 0 215px;
    margin-bottom: 8px;
}
#persona-product-article .explanation-reason-section .reason-section .title .xux-staticText,
#persona-product-article .segment-input-section .title .xux-staticText {
    color: #666666;
    font-size: 16px;
    font-weight: 700;
}
#persona-product-article .explanation-reason-section .reason-section .detail {
    color: #0A0A0A;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
#persona-product-article .chart-section {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    padding: 16px 20px;
}
#persona-product-article .chart-section > div {
    width: calc((100% - 8px) / 2);
    min-height: 300px;
    box-shadow: 0 0 0 1px #CCCCCC;
    padding: 24px 32px;
    position: relative;
    box-sizing: border-box;
}
#persona-product-article .chart-section > div canvas {
    margin-top: 32px;
}

#persona-product-article .chart-section .title {
    position: absolute;
    top: 24px;
    left: 32px;
    margin-bottom: 8px;
    font-weight: 600;
}
#persona-product-article .chart-section .title .xux-staticText {
    color: #666666;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
}
#persona-product-article .segment-input-section {
    padding: 24px 40px 24px 40px;
    display: flex;
    flex-direction: column;
}
#persona-product-article .segment-input-section .xux-labelableBox-main .xux-labelableBox-label {
    width: 215px;
    color: #666666;
    font-size: 16px;
    font-weight: 700;
}
#persona-product-article .segment-input-section .xux-labelableBox-main {
    display: flex;
    gap: 100px;
}
#segment-info-form .xux-requiredLegend {
    display: none !important;
}
#persona-product-article .segment-input-section .list-generation-section .xux-labelableBox-content {
    display: flex;
    flex-direction: column;
}

#persona-product-article .segment-input-section .age-block,
#persona-product-article .segment-input-section .gender-block,
#persona-product-article .segment-input-section .have-children-block,
#persona-product-article .segment-input-section .household-annual-income-block {
    padding-bottom: 24px;
}

#persona-product-article .segment-input-section.xux-horizontalLayout {
    width: auto !important;
}

#persona-dashboard-article {
    padding-bottom: 10px;
}
#persona-dashboard-article #pageNavigation {
    margin-top: 10px;
    margin-right: 1px;
}
#persona-dashboard-article #loading-area-dashboard {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px 0;
}
#persona-dashboard-article #left-section {
    display: flex;
    align-items: center;
}

#persona-dashboard-article #left-section .quota-info {
	display: flex;
	align-items: center;
	font-size: 18px;
    margin-left: 16px;
}
#persona-no-data {
    display: flex;
    flex-grow: 1;
    justify-content: center;
}
.grayed {
    color: #666666;
}
#product-list * {
  box-sizing: border-box;
}
#product-list {
    margin-top: 16px;
    display: flex;
    gap: 24px;
    overflow-x: auto;
    position: relative;
    justify-content: flex-start;
}
#product-list .product-item {
    background-color: #FFFFFF;
    height: calc(100vh - 210px);
    width: 100%;
    min-width: 524px;
    max-width: 33%;
    padding: 0 2px 0 16px;
    position: relative;
}
#product-list .product-item .product-item-header {
    height: 50px;
    width: calc(100% + 16px);
    background-color: #EAEAEA;
    position: sticky;
    top: 0;
    margin-left: -16px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#product-list .product-item-header .header-action .options-button button{
    padding-top: 6px
}
#product-list .product-item .persona-group-list {
    padding-top: 16px;
    padding-right: 16px;
    overflow-y: scroll;
    height: calc(100% - 140px);
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    gap: 17px;
}
#product-list .product-item .persona-group-list .persona-group:last-child {
    margin-bottom: 33px;
}
#product-list .product-item .product-item-footer {
    display: flex;
    position: absolute;
    bottom: 0px;
    width: calc(100% - 1vh - 0.5vw);
    z-index: 10;
    padding: 0 16px 16px 16px;
    background-color: white;
    transform: translateX(-16px);
}
#product-list .product-item .product-item-footer > button {
    min-width: 474px;
    width: 100%;
    height: 45px;
    background-color: white;
    border: solid 1px #dddddd !important;
    cursor: pointer;
}
#product-list .product-item .product-item-header .header-name {
    margin-left: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
    min-width: 0;
}
#product-list .product-item .product-item-header .header-name .xux-staticText {
    color: #666666;
    font-size: 16px;
    font-weight: 600;
}
#product-list .product-item .product-item-header .header-action {
    display: flex;
    gap: 16px;
    margin-right: 16px;
}
#product-list .product-item .persona-group{
    position: relative;
    min-width: 474px;
    border: 2px solid #CCCCCC;
    display: flex;
    flex-direction: column;
    padding: 24px;
    gap: 17px;
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
}
#product-list .product-item .persona-group:hover{
    border: 2px solid #90D7DB;
    box-shadow: 0px 1px 1px 1px rgba(144, 215, 219);
}

#product-list .product-item .persona-group.no-pointer:hover {
    border: 2px solid #CCCCCC;
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
}

.disabled{
    cursor: default;
    box-shadow: unset;
    opacity: 0.5;
}

.no-pointer{
    pointer-events: none;
}

.hover-item .xux-icon:hover::before {
  transform: scale(1.2);
}

#product-list .product-item .persona-group.grayed{
    pointer-events: none;
    background-color: #F0F0F0;
    cursor: default;
    box-shadow: unset;
}
#product-list .product-item .persona-group.grayed:hover{
    border: 2px solid #CCCCCC;
}
#product-list .product-item .persona-group #new-badge {
    position: absolute;
    top: -9px;
    left: -1px;
}
#product-list .product-item .persona-group .content{
    width: 100%;
    position: relative;
    display: flex;
    gap: 16px;
}
#product-list .persona-group-list .content .text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: calc(100% - 116px);
}
#product-list .persona-group-list .content .text .ui-progressbar {
    width: auto;
    padding: 0;
    margin-top: 20px;
}
#product-list .persona-group-list .content .text .ui-progressbar .xux-value-wrapper.xux-last {
    height: 16px;
}
#product-list .persona-group-list .content .text .group-info {
    display: flex;
    flex-direction: row;
    gap: 8px;
}
#product-list .persona-group-list .content .text .group-info > div {
    display: flex;
    gap: 4px;
    width: max-content;
    height: 32px;
    border: 1px solid #D6D6D6;
    border-radius: 10px;
    padding: 6px;
    align-items: center;
    background: #fff;
    box-sizing: border-box;
}
#product-list .persona-group-list .content .text .group-info > div .value{
    line-height: normal;
    font-size: 14px;
}
#product-list .persona-group-list .content .text .group-date {
    text-align: right;
}
#product-list .product-item .persona-group .content .text .group-description .persona-group-description {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    display: block;
    min-height: 32px;
}
#product-list .product-item .persona-group .content .text .group-name .xux-staticText{
    font-size: 20px;
    font-weight: 600;
    white-space: normal;
    min-height: 100px;
    display: inline-block;
}
#product-list .product-item .persona-group .content .text .group-date .xux-staticText{
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}
#product-list .product-item .persona-group .content .text .group-date .date-time {
    margin-left: 0px;
}
#product-list .product-item .persona-group .action .group-start .group-status .xux-staticText{
    font-weight: 400;
}
#product-list .product-item .persona-group .content .sectionLoading {
    background-color: #D9D9D9CC;
    width: 100%;
    height: 60px;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#product-list .product-item .persona-group .content .avatar{
    display: flex;
    gap: 7px;
    margin-bottom: 8px;
}
#product-list .product-item .persona-group .content .avatar .avatar-item{
    width: 100px;
    height: 100px;
}
#product-list .product-item .persona-group .content .avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#product-list .product-item .persona-group .action{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    line-height: 21px;
    height: 21px;
}
#product-list .persona-group-list .action .group-start {
    display: inherit;
    gap: 8px;
}
#product-list .persona-group-list .action .group-end {
    display: inherit;
    gap: 16px;
}
#product-list .persona-group-list .action .group-end .pinned-button,
#product-list .persona-group-list .action .group-end .options-button {
    pointer-events: auto;
}
#product-list .product-item .persona-group .action .status-icon {
    width: 21px;
    height: 21px;
}
#product-list .product-item .persona-group .action .status-icon .xux-icon-pausecircle {
    color: #999999;
}
#product-list .product-item .pinned-button {
    position: relative;
    align-items: center;
}
#product-list .product-item .pinned-button span,
#product-list .product-item .ads-icon {
    margin: 6px 0;
}
#product-list .product-item .options-button span,
#product-list .product-item .ads-icon {
    display: block;
    width: 26px;
    height: 30px;
    font-size: 26px;
}
#product-list .product-item .product-item-header .pinned-button span {
    display: block;
    width: 26px;
    height: 30px;
    font-size: 26px;
}

#product-list .product-item .persona-group .pinned-button span {
    font-size: 20px;
    width: 22px;
    height: 20px;
}

#product-list .product-item .persona-group .action .groupContextMenuTrigger {
    width: 21px;
    height: 21px;
    padding: 0;
}
#product-list .product-item .persona-group .action .groupContextMenuTrigger span {
    display: block;
    width: 20px;
    height: 22px;
    font-size: 20px;
}
#product-list .product-item .persona-group .action .status-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-menu > li.inactive {
    cursor: default;
    box-shadow: unset;
    opacity: 0.5;
    pointer-events: none;
}
#persona-group-detail-section {
    margin: -16px;
}
#persona-group-detail-section > label, #persona-group-detail-section > input {
    font-size: 16px;
}
#persona-group-detail-section .xux-labelableBox-main {
    display: flex;
    justify-content: space-between;
}
#persona-group-detail-section .xux-labelableBox-main #target_market_expected_user_label{
    white-space: pre-line;
}
#persona-group-detail-section .xux-labelableBox-main .xux-labelableBox-content {
    width: 100%;
    flex-grow: 1;
    display: flex;
    justify-content: end;
    border-bottom: 1px solid #CCCCCC;
}
#persona-group-detail-section .xux-labelableBox-main .xux-labelableBox-content .persona-input {
    width: 100%;
    resize: none;
}
#persona-group-detail-section .xux-horizontalLayout-item {
    background-color: #eaeaea;
}
#persona-group-detail-section .row {
    display: flex;
    flex-flow: column;
    align-items: stretch;
    gap: 10px;
}
#persona-group-detail-section .row label {
    vertical-align: top;
}
#persona-group-detail-section .row input {
    flex: 1;
    padding: 6px 0px 6px 8px;
    box-sizing: border-box;
}
#persona-group-detail-section .row textarea {
    padding: 6px 0px 6px 8px;
    box-sizing: border-box;
}
#persona-group-detail-section .tabs {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-direction: column;
    border-right: 1px solid #CCCCCC;
    background-color: #EAEAEA;
}
#persona-group-detail-section .tabs li {
    cursor: pointer;
    margin: 0;
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: #0A0A0A;
    font-size: 16px;
}
#persona-group-detail-section .tabs li:hover {
    background: #eaeaea;
}
#persona-group-detail-section .tabs li.active {
    background: #8CC0C4;
    font-weight: 700;
    border-bottom: 2px solid #fff;
    font-weight: bold;
}
#persona-group-detail-section .info-table {
    width: 100%;
    border-collapse: collapse;
    min-height: 687px;
}
#persona-group-detail-section .info-table .table-row {
    display: flex;
}
#persona-group-detail-section .info-table .table-row:last-child {
    padding-bottom: 16px;
}
#persona-group-detail-section .info-table .label, .info-table .value {
    width: 100%;
    padding: 16px 16px 0px 16px;
    box-sizing: border-box;
}
#persona-group-detail-section .info-table .label {
    flex: 0 0 216px;
    color: #333;
}
#persona-group-detail-section .info-table.value {
    flex: 1;
}
#persona-group-detail-section input.has-date-picker {
    padding-left: 27px;
}
#persona-group-detail-section .date-picker {
    height: 100%;
}
#persona-group-detail-section .date-picker .xux-date-icon {
    font-size: 16px;
    top: 1px;
    position: relative;
}
#product-edit-section label {
    width: 232px !important;
    min-width: 232px !important;
}
.required-item::before {
    content: "* ";
    color: #b32029;
}
#advertising-campaign-table th.status-dropdown-column {
    width: 60px;
    white-space: nowrap;
}
#advertising-campaign-table th.status-column {
    width: 120px;
    white-space: nowrap;
}
#advertising-campaign-table th.campaign-name-column {
    width: 240px;
    white-space: nowrap;
}
#advertising-campaign-table th.menu-column {
    width: 40px;
    white-space: nowrap;
}
#advertising-campaign-table th.available-column {
    width: 100px;
    white-space: nowrap;
}
#advertising-campaign-table th.date-column {
    width: 160px;
    white-space: nowrap;
}
.ads-detail-list-box th.indicator-column,
#audience-table th.indicator-column,
#advertising-campaign-table th.indicator-column {
    width: 120px;
    white-space: nowrap;
}
#advertising-campaign-table th.icon-column {
    width: 112px;
}

#advertising-campaign-table .mdx-table-collapse-btn {
    margin-left: 1px;
}

#advertising-campaign-table tr.mdx-closed span.mdx-table-collapse-icon::before {
    transform: rotate(-90deg);
}

#advertising-campaign-table .mdx-table-collapse-icon {
    font-size: 14px;
}

#advertising-campaign-table .xux-icon-ellipsisvert {
    vertical-align: middle;
}

table div.mdx-status {
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    width: 10px;
    height: 10px;
    display: inline-block;
}
table div.mdx-status-enable,
table div.mdx-status-review {
    background-color: #00856f;
}
table div.mdx-status-pause {
    background-color: #b2b2b2;
}
table div.mdx-status-draft {
    background-color: #c4c4c4;
}
table div.mdx-status-done {
    background-color: #0076de;
}
table div.mdx-status-print {
    background-color: #b3dbff;
}
table div.mdx-status-disable {
    background-color: red;
}

#promotion-campaign-content-box {
    overflow: hidden;
}

#promotion-campaign-content-box #breadcrumbs {
    margin-bottom: 16px;
}

div#campaign-posting-operation-box button {
    width: 120px;
}

#placement-sidebar-nav .xux-tree {
    height: 100%;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: transparent;
}

#placement-sidebar-nav .xux-tree .xux-node > .mdx-status-enable-icon {
    float: right;
    margin-top: 6px;
    margin-right: 10px;
    background-color: transparent;
    color: #00856f;
}

#placement-sidebar-nav .xux-tree .xux-node > .mdx-status-disable-icon {
    float: right;
    margin-top: 6px;
    margin-right: 10px;
    background-color: transparent;
    color: red;
}

#mdx-campaign-error-box,
#campaign-edit-box {
    margin-top: 8px;
}

aside.xux-section.xux-type-fault p {
    color: #cc252f!important
}

.tipinfo {
    display: none;
}

span.xux-icon.xux-icon-rec.mdx-status-enable {
    color: #00AFBF;
    font-size: 10px;
}

span.xux-icon.xux-icon-rec.mdx-status-disable {
    color: red;
    font-size: 10px;
}

span.xux-icon.xux-icon-rec.mdx-status-stop {
    color: #969696;
    font-size: 10px;
}
#advertising-dialog-section > div.file-input-div > div > label,
#advertising-dialog-section > div.optional-file-input-div > div > label {
    text-align: right;
}

#advertising-dialog-section table {
    table-layout: fixed;
}

#advertising-dialog-section table>tbody td.xux-table-cell {
    vertical-align: middle;
}

#advertising-dialog-section table>thead th.account-column-header,
#advertising-dialog-section table>thead th.campaign-column-header {
    width: 29%;
}
#advertising-dialog-section table>thead th.index-column-header {
    width: 2%;
}
#advertising-dialog-section table>thead th.operate-column-header {
    width: 10%;
}

#advertising-improvement-article th.plan-name-header {
    width: 20%;
}

#advertising-improvement-article th.date-header {
    width: 160px;
    white-space: nowrap;
}

#advertising-improvement-article th.status-header {
    width: 100px;
    white-space: nowrap;
}

#advertising-improvement-article th.score-header {
    width: 120px;
    white-space: nowrap;
}

.file-input-div-detail .xux-labelableBox-content,
.file-input-div .xux-labelableBox-content,
.optional-file-input-div .xux-labelableBox-content {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
}

#ads-ai-result-legend-box {
    height: 46px;
    background-color: #FFFFFF;
    padding-left: 16px;
    padding-right: 16px;
    overflow: auto;
    margin-bottom: 16px;
}

#ads-ai-result-list-box {
    overflow-y: scroll;
    height: calc(100vh - 190px);
    min-height: calc(768px - 190px);
}

#ads-ai-result-summary-box {
    height: 350px;
}

#ads-ai-result-model-tabs {
    height: 54px; /* tab項目高さ:32px、Quicksightエリアとのマージン:22px */
}

#ads-ai-result-model-tabs > ul {
    width: 100%;
    max-width: 100%;
}

#ads-ai-result-detail-box {
    height: 2024px;
}

#ads-plan-result-article div.mdx-quicksight-graph-ai-result-wrapper > iframe {
    height: 100%;
}
.campaign-long-btn {
    width: 180px!important;
}
.campaign-media-icon {
    margin-right: 10px;
    vertical-align: middle;
}

table.ai-result-legends {
    border: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

#ad-datasource-table-box tr.need-reauth-row,
#website-box tr.need-reauth-row,
#advertising-account-table-box tr.need-sync-row {
    background-color: rgba(255, 209, 0, 0.2);
}

#ad-datasource-table-box tr.need-reauth-row span.mdx-warning,
#website-box tr.need-reauth-row span.mdx-warning,
#advertising-account-table-box tr.need-sync-row span.mdx-warning {
    display: inline-block;
    vertical-align: middle;
}

.xux-horizontalLayout .mdx-col-10 {
    width: 10%;
}

.xux-horizontalLayout .mdx-col-20 {
    width: 20%;
}

.xux-horizontalLayout .mdx-col-25 {
    width: 25%;
}

.xux-horizontalLayout .mdx-col-30 {
    width: 30%;
}

.xux-horizontalLayout .mdx-col-40 {
    width: 40%;
}

.xux-horizontalLayout .mdx-col-50 {
    width: 50%;
}

.xux-horizontalLayout .mdx-col-60 {
    width: 60%;
}

.xux-horizontalLayout .mdx-col-70 {
    width: 70%;
}

.xux-horizontalLayout .mdx-col-75 {
    width: 75%;
}

.xux-horizontalLayout .mdx-col-80 {
    width: 80%;
}

#all-ads-group-list,
#selected-ads-group-list {
    background-color: #fff;
}

#selected-ads-group-list > li {
    padding-left: 0!important;
}

.xux-dropdown.xux-width-narrower .xux-dropdown-header {
    width: 80px
}

.xux-dropdown.xux-width-narrower .xux-sel-desc {
    width: 48px
}

.xux-dropdownMenu-container.xux-width-narrower .xux-dropdown-list {
    min-width: 80px
}

.xux-dropdown.xux-size-small.xux-width-narrower .xux-sel-desc {
    width: 48px
}

#all-ads-group-list,
#selected-ads-group-list {
    background-color: #fff;
}

#selected-ads-group-list > li {
    padding-left: 0!important;
}

.no-rows-msg {
    padding: 8px;
    text-align: center;
}

.xux-dropdown.xux-width-narrower .xux-dropdown-header {
    width: 80px
}

.xux-dropdown.xux-width-narrower .xux-sel-desc {
    width: 48px
}

.xux-dropdownMenu-container.xux-width-narrower .xux-dropdown-list {
    min-width: 80px
}

.xux-dropdown.xux-size-small.xux-width-narrower .xux-sel-desc {
    width: 48px
}

.mdx-disapproved-li >.xux-node {
    background-color: rgba(255, 209, 0, .2);
}
.mdx-disapproved-section > h2.mdx-section-title {
    background-color: rgba(255, 209, 0, .2)!important;
}

.mdx-permission-web,
.mdx-permission-ads {
    display: none;
}
#website-formulation-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

#website-formulation-header > .cv-total + .xux-button {
    margin-left: auto;
    margin-right: 16px;
}

.mdx-web-ai-card-sortable-handle {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 24px;
    min-width: 20px;
    cursor: move;
}

#website-formulation-body {
    display: flex;
    height: calc(100vh - 166px);
    min-height: 600px;
    overflow-x: auto;
}

#website-formulation-issue-box {
    flex-basis: 425px!important;
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 425px;
    max-width: 450px;
}
#website-factor-analysis-box:has(.mdx-collapsed),
#website-formulation-box:has(.mdx-collapsed),
#website-formulation-issue-box:has(.mdx-collapsed) {
    min-width: 44.5px;
    flex-basis: 0%!important;
}
#website-factor-analysis-box,
#website-formulation-box {
    margin-left: 16px;
    flex-basis: 36%!important;;
    flex-grow: 1;
    flex-shrink: 1;
    width: 560px;
}
/*#website-formulation-issue-section {*/
/*    width: 400px;*/
/*}*/
#website-formulation-issue-section,
#website-formulation-section,
#website-factor-analysis-section {
    height: calc(100% - 48px);
}

#website-formulation-issue-section > h2.xux-section-title,
#website-factor-analysis-section > h2.xux-section-title,
#website-formulation-section > h2.xux-section-title {
    border-bottom: unset!important;
}

#website-formulation-issue-section > div.xux-section-content,
#website-factor-analysis-section > div.xux-section-content,
#website-formulation-section > div.xux-section-content {
    min-height: calc(100% - 44.5px);
    max-height: calc(100% - 44.5px);
    overflow-y: scroll;
}

#website-formulation-issue-footer-section,
#website-factor-analysis-footer-section,
#website-action-analysis-footer-section {
    margin-top: 16px;
}
#website-action-regist-btn {
    width: 120px;
}
.mdx-web-ai-card-grid-container {
    display: grid;
    gap: 16px;
    width: 100%;
    margin: 0 auto;
    grid-template-columns: 1fr; /* 默认单列布局 */
    grid-auto-flow: dense;
}

.mdx-web-ai-card-grid-container.two-columns {
    grid-template-columns: repeat(2, 1fr); /* 两列布局 */
}

.mdx-web-ai-card-grid-container.two-columns > div:nth-child(odd) {
    grid-column: 1;
}

.mdx-web-ai-card-grid-container.two-columns > div:nth-child(even) {
    grid-column: 2;
}

.mdx-web-ai-card-skeleton {
    padding: 16px;
    border: 2px solid #ccc!important;
    height: 124.5px;
}

.mdx-skeleton {
    position: relative;
    overflow: hidden;
    background-color: #e0e0e0;
}

.mdx-skeleton::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    animation: mdxskeleton 1.5s infinite;
}
@keyframes mdxskeleton {
    100% {
        left: 100%;
    }
}
.mdx-infotip {
    margin-left: 0;
    margin-right: 0;
    pointer-events: auto;
}

.mdx-infotip.xux-infotip-triggerIcon .xux-icon {
    color: #00838d !important;
}

#auto-extract-issue-radio + label.xux-choice.ui-state-disabled,
#manual-input-issue-radio + label.xux-choice.ui-state-disabled {
    opacity: 1 !important;
}

#auto-extract-issue-radio + label.xux-choice.ui-state-disabled .xux-label-icon,
#auto-extract-issue-radio + label.xux-choice.ui-state-disabled .xux-choice-icon,
#manual-input-issue-radio + label.xux-choice.ui-state-disabled .xux-label-icon,
#manual-input-issue-radio + label.xux-choice.ui-state-disabled .xux-choice-icon {
    opacity: .3 !important;
}

#website-improvement-box .stars-column {
    min-width: 40px!important;
}

.mdx-web-ai-list-prompt {
    top: 5px;
}

.xux-sticky-table {
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}
.xux-sticky-cell {
    position: sticky!important;
    z-index: 2
}
.xux-sticky-cell.xux-sticky-right-border {
    border-right: 1px solid #ccc!important;
}
.xux-sticky-cell.xux-sticky-left-border {
    border-right: 1px solid #ccc!important;
}
td.xux-sticky-cell {
    background-color: #f5f5f5;
}

.xux-sticky-table .xux-table-row.xux-table-selected > td {
    background-color: #93c7cb;
}

#table-filter-scope-setting-dialog .button-box button,
#table-filter-marketing-channel-dialog .button-box button {
    width: 100px
}

#table-filter-scope-setting-dialog .xux-staticText,
#table-filter-marketing-channel-dialog .xux-staticText {
    color: #999;
}

#table-filter-scope-setting-dialog .xux-infotip-body,
#table-filter-marketing-channel-dialog .xux-infotip-body {
    padding: 0;
}

#creativity-list-table-filter-box,
#list-table-filter-box {
    margin-left: -16px;
    margin-right: -16px;
}

div.mdx-flexable-table-filter-box {
    padding: 16px;
    background-color: #fff!important;
    margin-bottom: 16px!important;
}

div.mdx-flexable-table-filter-box .xux-labelableBox-content {
    display: flex!important;
    align-items: center;
}

div.mdx-flexable-table-filter-box .xux-labelableBox-content > .xux-staticText {
    flex-shrink:0;
    flex-grow: 0;
}

div.mdx-flexable-table-filter-box .xux-labelableBox-content > a.xux-dropdown {
    flex-basis: 120px;
    flex-grow: 1;
    flex-shrink:1;
    min-width: 100px;
    max-width: 144px;
}

div.mdx-flexable-table-filter-box .xux-labelableBox-content > select.table-filter-search-pulldown + a.xux-dropdown,
div.mdx-flexable-table-filter-box .xux-labelableBox-content > span.xux-inputField-wrapper {
    flex-basis: 120px;
    flex-shrink: 1;
    flex-grow: 3;
    max-width: 217px;
}

div.mdx-flexable-table-filter-box .xux-labelableBox-content > span.xux-button:last-child {
    flex-grow: 5;
    flex-basis: 160px;
    text-align: right;
}
div.mdx-flexable-table-filter-box .xux-inputField-wrapper,
div.mdx-flexable-table-filter-box .xux-dropdown {
    display: inline-flex;
}
div.mdx-flexable-table-filter-box .xux-dropdown.xux-width-narrow .xux-dropdown-header {
    flex-grow: 1;
    flex-basis: 120px;
    width: auto!important;
}
div.mdx-flexable-table-filter-box .xux-inputField-wrapper input {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 200px;
    width: 0;
}
div.mdx-flexable-table-filter-box span:has(input.table-filter-search-input)::before {
    font-family: 'NBFont';
    content: '\1F50E';
    position: relative;
    left: 6px;
    z-index: 1;
    width: 0;
    display: inline-flex;
    align-items: center
}

div.mdx-flexable-table-filter-box input.table-filter-search-input {
   padding-left: 26px!important;
}

div.mdx-flexable-table-filter-box .xux-dropdown .xux-sel-desc {
    width: calc(100% - 32px)!important;
    max-width: 100px;
}

div.mdx-flexable-table-filter-box button.table-filter-scope-setting-button {
    width: 116px;
    text-align: left;
    padding-left: 6px!important;
    padding-right: 12px!important;
}

div.mdx-flexable-table-filter-box button.table-filter-scope-setting-button > span.xux-icon {
    padding-right: 4px !important;
}

.xux-modalWindow.xux-width-400 {
    width: 400px;
}

div.mdx-flexable-table-filter-box .mdx-item-label.ml-24 {
    margin-left: 24px;
}

#campaign-detail-section label {
    width: 30%;
}

#campaign-detail-section span.xux-staticText::before {
    content: ':';
    margin-right: 4px;
}

.mdx-permission-web,
.mdx-permission-ads,
.mdx-permission-qr-code {
    display: none;
}

.xux-dropdown-list span.mdx-icon {
    top: 2px;
}

#advertising-campaign-table .statusManage .xux-progressCircle .xux-progressCircle-load {
    stroke-width: 2px !important;
    width: 20px !important;
    height: 20px !important;
}

#advertising-campaign-table .statusManage .status-manage-loading {
    line-height:11px;
}
.mdx-top-button-box, .ads-detail-button-box {
    float: right;
}
.mdx-top-button-box .xux-button .xux-normalButton.xux-with-icon .xux-button-icon {
    height: 18px;
    vertical-align: middle;
    line-height: 30px;
    display: inline;
    top: 0;
    padding-right: 4px;
}
.mdx-modalwin-bar {
    position: absolute;
    right: 16px;
    top: 8px
}
.mdx-modalwin-bar .xux-iconButton.ai-summary-close {
    font-size: 20px;
    height: 26px;
    width: 26px;
    padding-top: 0;
}
.mdx-modalwin-bar .xux-iconButton.ai-summary-close .xux-icon {
    font-size: 20px;
}
.ai-summary-area section.mdx-side-collapsible-section.mdx-collapsed .mdx-section-header-btn.xux-iconButton {
    right: 11px!important;
}
.ai-summary-area .mdx-section > h2 {
    line-height: 22px;
}
.ai-summary-area .xux-iconButton.mdx-section-header-btn.xux-iconButton {
    font-size: 20px;
    height: 22px;
    width: 22px;
    top: 11px;
    line-height: 22px;
}
.ai-summary-area .xux-iconButton.mdx-section-header-btn.xux-iconButton .xux-icon {
    font-size: 20px;
    line-height: 22px;
}
.xux-modalWindow .xux-title.ai-report-title {
    border-bottom-color: transparent;
}
.ai-summary-article {
    display: flex;
    height: 100%;
    overflow-y: hidden;
}
.ai-summary-area {
    flex: 1 1 0;
}
.ai-collapsible-area {
    flex: 0 1 0;
}
.ai-summary-area:not(.ai-collapsible-area) {
    min-width: 350px;
    position: relative;
}
.ai-summary-article > div.ai-summary-area summary.xux-details-summary {
    height: 44px;
    padding: 11px 64px 11px 16px;
}
.ai-summary-article > div.ai-summary-area summary.xux-details-summary > span.xux-icon {
    right: 20px;
}
.ai-summary-area:last-child {
    margin-left: 24px;
}
.ai-summary-info-label {
    width: 220px;
    font-weight: 600;
    color: #666666;
}
.ai-summary-title {
    padding-left: 16px;
    font-weight: bold;
    border-bottom: 1px solid #bfbfbf;
}
.ai-summary-area:nth-child(2) .mdx-section:not(.mdx-collapsed) .xux-section-title:first-of-type {
    border-bottom: 1px solid #bfbfbf;
}
.ai-summary-info-content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ai-summary-info {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-left: 28px;
}
.ai-summary-info > div {
    display: table-row;
}
.ai-summary-info > div > span {
    display: table-cell;
    vertical-align: middle;
    padding: 4px;
}
.ai-fact,
.ai-analysis {
    color: #666666;
}
.ai-summary-area:nth-child(1) .ai-fact,
.ai-summary-area:nth-child(1) .ai-analysis {
    display: none;
}
.ai-fact span:not(.xux-icon),
.ai-analysis span:not(.xux-icon) {
    font-weight: 600;
    vertical-align: middle;
}
.ai-result-icon {
    color: #666666;
    font-weight: 400;
    vertical-align: middle;
}
.ai-analysis-para > div {
    line-height: 24px;
    margin-bottom: 8px;
}
.ai-analysis-para > div.ai-report-contents {
    margin-left: 28px;
}
.ai-analysis-para > div > span.highlight {
    background-color: #F7EEC4;
    font-weight: bold;
}
.ai-summary-area > section > .xux-section-content {
    position: relative;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    flex-grow: 1;
    background-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    max-height: calc(100% - 45px);
}
.ai-summary-details-first {
    margin-top: 0;
}
.ai-report-no-history {
    position: absolute;
    left: 50%;
    top: calc(50% - 22px);
    transform: translate(-50%, -50%);
    width: 400px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.ai-report-before-generated {
    position: absolute;
    left: 50%;
    top: 63%;
    transform: translate(-50%, -50%);
    width: 550px;
    text-align: center;
    margin: 0 auto;
}
.ai-report-comment, .ai-report-comment-inflow {
    text-align: left;
    background-color: #f0f0f0;
    padding: 16px;
    margin-top: 120px;
    color: #666666;
}
.ai-report-no-history .mdx-icon,
.ai-report-before-generated .mdx-icon {
    font-size: 140px;
    line-height: 140px;
    color: rgb(153, 153, 153, 0.3);
}
.ai-report-no-history .ai-report-no-history-info,
.ai-report-before-generated .ai-report-generated-info {
    color: #0A0A0A;
}
.ai-report-no-history .ai-report-no-history-info:nth-child(2),
.ai-report-before-generated .ai-report-generated-info:nth-child(2)  {
    margin-top: 24px;
}
.ai-summary-area:nth-child(1) > div.generate-button-box {
    margin-bottom: 10px;
}
.ai-summary-area:nth-child(1) > div.generate-button-box > span > button {
    display: flex;
    align-items: center;
    padding-left: 27px !important;
    padding-right: 28px !important;
    width: 140px;
    margin: 1px 0 0 1px;
}
.ai-summary-article .ai-summary-area:nth-child(1) > div.generate-button-box > span > button > span.xux-icon {
    top: 0;
}
.ai-summary-area > section.xux-section {
    box-sizing: border-box;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.ai-summary-area:nth-child(1) > section.xux-section:not(.has-content) {
    margin-top: 16px;
}
.ai-summary-area:nth-child(1) > section.xux-section.has-content {
    background-color: transparent;
    height: calc(100% - 43px);
    margin-top: 0;
}
.ai-summary-area:nth-child(2) > section.xux-section {
    margin: 0;
    height: 100%;
}
.ai-summary-area:nth-child(1) > section.xux-section:not(.has-content) > * {
    display: none;
}
.ai-summary-area:nth-child(1) > section.xux-section.has-content > * {
    display: flex;
    flex-direction: column;
}
.ai-summary-area summary.xux-details-summary,
.ai-summary-comparison-list section > h2 {
    border-bottom: 1px solid #ccc;
    background-color: #f5f5f5;
}
.ai-summary-area .xux-section.xux-collapsible-true .xux-iconButton {
    font-size: 20px;
    height: 22px;
    width: 22px;
    top: 11px;
    line-height: 22px;
    right: 20px;
}
.ai-summary-area .xux-section.xux-collapsible-true .xux-section-title .xux-icon {
    font-size: 20px;
    height: 22px;
    width: 22px;
    line-height: 22px!important;
    right: 0;
}
.ai-summary-area summary.xux-details-summary:focus {
    z-index: 2;
    margin-left: 1px;
    margin-right: 1px;
}
.ai-summary-details-first .xux-details-summary {
    margin-top: 1px;
}
.ai-summary-comparison-list .xux-section-title {
    background-color: #f5f5f5;
}
.ai-summary-comparison-list .xux-section .xux-section-title>.xux-icon {
    font-size: 22px;
}
.ai-summary-area .xux-verticalLayout-bottom.xux-margin-normal,
.ai-summary-area .xux-verticalLayout-top.xux-margin-normal,
.ai-summary-area .xux-verticalLayout-middle.xux-margin-normal {
    margin: 0 1px;
}
.ai-summary-area:nth-child(2) > section > h2 > span.xux-section-title-text {
    font-weight: bold;
}
.ai-summary-comparison-list .mdx-section .xux-section-content {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
}
.ai-summary-comparison-list .mdx-section:not(:last-child) .xux-details-detail > .xux-details-content:last-child {
    border-bottom: 1px solid #ccc;
}
.ai-summary-area .xux-throbber {
    z-index: 10;
}
.ai-summary-comparison-list .xux-section-title.ai-summary-comparison-selected {
    background-color: rgba(0, 131, 141, .4);
}
.ai-report-execute-count {
    line-height: 32px;
    float: right;
    color: #666666;
}
.ai-summary-area .mdx-infotip.xux-infotip-triggerIcon .xux-icon {
    font-size: 16px;
    margin-left: 8px;
}
#ai-inflow-page-analysis-infotip .xux-infotip-text {
    white-space: pre-line;
    text-align: center;
}

/* ai report skeleton */
.ai-summary-info .ai-report-skeleton,
.ai-analysis-para .ai-report-skeleton,
.ai-report-para .ai-report-skeleton{
    background: linear-gradient(to right, #ffffff, #d9d9d9);
    background-size: 300% 100%;
    border-radius: 5px;
    width: calc(100% - 28px);
    height: 22px;
    margin-left: 28px;
    margin-bottom: 4px;
    animation: gradientShift 3s infinite, pulse 3s infinite;
}
@keyframes gradientShift {
    0% { background-position: 0% 50%;}
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
@keyframes pulse {
    0% { opacity: 0.9;}
    50% { opacity: 1; }
    100% { opacity: 0.9; }
}
.ai-report-skeleton.half{
    width: 50%;
}
.ai-report-skeleton.short {
    width: 33%;
}
.ai-report-skeleton.long {
    width: 75%;
}
.mdx-ai-report-animation {
    float: right;
}
#qr-code-management-box {
    display: flex;
    flex-direction: column;
}

#qr-code-management-box .xux-labelableBox .mdx-search-type-box,
#qr-code-management-box .xux-labelableBox .xux-decoratedTable-trailingBox,
#qr-code-management-box .xux-labelableBox .xux-decoratedTable-trailingBox .xux-decoratedTable-searchFieldOuter{
    margin-top: -2px;
    margin-bottom: -2px;
    padding: 0px;
}

#qr-code-management-box > div:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#qr-code-detail-section .xux-labelableBox-label {
    width: 180px !important;
}

#qr-code-utm-parameters-section .xux-labelableBox-label {
    width: 172px !important;
}

#qr-code-detail-section .xux-labelableBox-content {
    text-align: left;
}

#qr-code-detail-section .xux-details-content{
    padding-left: 8px;
}

#qr-code-utm-parameters-summary {
    padding: 6px 6px;
}

#qr-code-generation-section {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 24px 0;
    width: 100%;
}

#qr-canvas-section {
    padding-top: 24px;
}

#qr-code-detail-button-section {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 24px;
    width: 100%;
}

#addition-utm-param-table-box table>tbody td.xux-table-cell {
    vertical-align: top;
}

#addition-utm-param-table-box table>tbody td.xux-table-cell:first-child {
    width: 148px !important;
}

#addition-utm-param-table-box table>tbody td.xux-table-cell:nth-child(2)  {
    width: 264px !important;
}

#qr-code-size-field .xux-localizableInput,
.xux-formField:has(#qr-code-size) .xux-localizableInput {
    display: inline-flex !important;
    align-items: center !important;
}

#qr-code-size-field .xux-inputField-wrapper,
.xux-formField:has(#qr-code-size) .xux-inputField-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    width: 90% !important;
    flex-shrink: 0 !important;
}

#virtual-research-setting-review {
    padding: 24px 40px 24px 40px;
}
#virtual-research-setting-review .persona-product-concept-info,
#virtual-research-setting-review .persona-segment-info {
    margin: 24px 0px 24px 0px;
}

#virtual-research-setting-review .persona-issue-appeals-info {
    margin: 24px 0px 0px 0px;
}

#virtual-research-setting-review .title-section {
    font-size: 18px;
    font-weight: 700;
    margin: 24px 0 16px 0px;
    color: #0A0A0A;
}
#virtual-research-setting-review .title-msg {
    font-weight: 400;
    font-size: 16px;
    margin: 0 0px 24px 0;
    color: #666666;
}
#virtual-research-setting-review .section-divider {
    display: block;
    margin: 0 -40px 0px;
    border: 0;
    border-top: 1px #CCCCCC;
}

#virtual-research-setting-review .back-button {
    display: flex;
    justify-content: flex-end;
    padding: 24px 0 0;
}

#virtual-research-setting-review .btn-edit {
    margin: 0 0 16px;
    font-size: 16px;
}

#virtual-research-setting-review .chart-title {
    color: #666666;
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 16px;
    display: block;
}


#virtual-research-setting-review .persona-issue-item,
#virtual-research-setting-review .segment-item,
#virtual-research-setting-review .concept-desc {
    display: flex;
    padding: 12px 0;
    gap: 100px;
}


#virtual-research-setting-review .persona-issue-label,
#virtual-research-setting-review .segment-label,
#virtual-research-setting-review .concept-label {
    color: #666666;
    font-weight: 700;
    font-size: 16px;
    flex: 0 0 180px;
}

#virtual-research-setting-review .persona-issue-value,
#virtual-research-setting-review .segment-value,
#virtual-research-setting-review .concept-value {
     font-size: 16px;
     margin: 0 0 16px;
     font-weight: 400;
     color: #0A0A0A;
     white-space: pre-wrap;
     line-height: 1.5;
}

#virtual-research-setting-review  #segment-info-chart-article {
    background-color: unset;
}

#virtual-research-setting-review #segment-info-chart-accordion .xux-section-title {
    max-width: none;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: #0A0A0A;
}
#virtual-research-setting-review #segment-info-chart-accordion .xux-section-content {
    padding: 0;
}

#virtual-research-setting-review .chart-section {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    padding: 16px 20px;
}

#virtual-research-setting-review .segment-grid,
#virtual-research-setting-review .persona-issue-grid {
    padding: 24px 0;
}

.virtual-research {
    min-width: 140px !important;
    width: auto !important;
}

.virtual-research.xux-normalButton:has(>.xux-button-text) {
    padding: 0 8px !important;
}

#population-distribution-chart-vr,
#population-distribution-chart-segment {
    max-width: 400px !important;
    font-weight: 400 !important;
}

.population-distribution-chart-vr-infotip,
.population-distribution-chart-segment-infotip {
    margin: 0 !important;
}

#segment-info .list_generation_infotip {
    margin-right: 0 !important;
    margin-left: 4px !important;
    font-weight: 400 !important;
}

#persona-detail-page {
    background: #f5f5f5;
}

#persona-detail-page .page-button-container {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
}

#persona-detail-page .back-button {
    font-size: 16px;
    width: 120px;
    height: 32px;
}

#persona-detail-page .persona-header {
    background-color: #fff;
    padding: 25px 24px 23px 24px;
    margin-bottom: 16px;
}

#persona-detail-page .persona-header h2 {
    font-weight: 600;
    font-size: 28px;
    line-height: 38px;
    margin: 0;
}
#persona-detail-page .persona-body {
    display: grid;
    grid-template-columns: 1fr 2fr 2.5fr;
    gap: 16px;
    align-items: stretch;
}

#persona-detail-page .persona-summary,
#persona-detail-page .persona-center,
#persona-detail-page .persona-right {
    background: #fff;
}

#persona-detail-page .summary-content,
#persona-detail-page .persona-content-center,
#persona-detail-page .chat-container {
    max-height: calc(100vh - 336px);
    overflow-y: auto;
    box-sizing: border-box
}

#persona-detail-page .summary-content {
    padding: 12px 16px;
    min-width: 272px;
}

#persona-detail-page .section-header {
    background: #eaeaea;
    padding: 16px 32px 15px 32px;
    border-bottom: 1px solid #A6A6A6;
}

#persona-detail-page .section-header h3 {
    font-size: 24px;
    line-height: 38px;
    font-weight: 700;
    margin: 0;
}

#persona-detail-page .persona-summary .avatar {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}

#persona-detail-page .persona-summary .avatar img {
    width: 160px;
    height: 160px;
}

#persona-detail-page .summary-section {
    margin: 0px 8px 16px 8px;
}

#persona-detail-page .section-title {
    padding: 6px 0;
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 16px;
}

#persona-detail-page .summary-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

#persona-detail-page .summary-item .label {
    font-size: 16px;
    color: #666666;
    font-weight: 500;
    flex: 0 0 88px;
    max-width: 88px;
    font-weight: 700;
}

#persona-detail-page .summary-item .value {
    font-size: 16px;
    flex: 1 1 auto;
    word-break: break-word;
    white-space: normal;
}

#persona-detail-page .summary-item:last-child {
    border-bottom: none;
}

#persona-detail-page .persona-center .block-chart {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 12px 16px;
    border-bottom: 1px solid #CCCCCC;
    gap: 16px;
}

#persona-detail-page .persona-center .block-detail {
    background: #fff;
    margin: 24px 32px 0px 32px;
}

#persona-detail-page .persona-center .chart {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    flex: 1;
    max-height: 192px;
    height: 100%;
    max-width: 296px;
    width: 100%;
}

#persona-detail-page .persona-center .chart canvas {
    width: 100% !important;
    height: 100% !important;
}

#persona-detail-page .detail-title {
    font-size: 16px;
    font-weight: 700;
    color: #666666;
    margin: 0;
}

#persona-detail-page .detail-content {
    font-size: 16px;
    margin: 8px 0px 24px 0px;
    line-height: 1.5;
}

#persona-detail-page .chat-item {
    margin: 24px 32px 24px 32px;
    display: flex;
}
#persona-detail-page .chat-item:first-child {
    margin: 26px 32px 24px 32px;
    display: flex;
}

#persona-detail-page .chat-item.answer-item {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    justify-content: flex-start;
    position: relative;
}

#persona-detail-page .chat-item:not(.answer-item) {
    justify-content: flex-start;
}

#persona-detail-page .question-bubble {
    background: #EAEAEA;
    border-radius: 300px;
    padding: 16px 24px;
    display: inline-block;
    max-width: 80%;
    width: fit-content;
    font-size: 16px;
    white-space: pre-wrap;
}

#persona-detail-page .answer-bubble {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 16px;
    padding: 16px 24px;
    width: fit-content;
    max-width: 80%;
    font-size: 16px;
    line-height: 1.5;
}

#persona-detail-page .avatar-small {
    width: 72px;
    height: 72px;
    flex-shrink: 0;
    left: 0px;
    bottom: 0px;
    z-index: 1;
}

#persona-detail-page .avatar-small img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

#persona-detail-page  #loading-area-persona-detail {
	margin: 24px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.keyword-recommendation .keyword-recommendation-hr {
    margin: 24px -40px 16px;
}

.keyword-recommendation .search-intent {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
}

.keyword-recommendation .search-intent .start {
    display: flex;
    gap: 8px;
}

.keyword-recommendation .search-intent .end {
    display: flex;
    gap: 16px;
}

.keyword-recommendation .search-intent .start .name {
    align-content: center;
    font-size: 16px;
    font-weight: 700;
    color: #666666;
}

.keyword-recommendation img, .keyword-recommendation .xux-icon {
    height: 24px;
    width: 24px;
    font-size: 24px;
    color: #666666;
}

.search-intent-link,
.search-intent-rengenerate {
    cursor: pointer;
}

.search-intent-link:disabled, .search-intent-rengenerate:disabled {
    opacity: 0.7;
    cursor: unset;
}

.keyword-recommendation .linked-persona {
    font-size: 16px;
    color: #00838d;
    cursor: pointer;
    text-decoration: underline;
    width: auto;
    background-color: unset;
    border: unset;
    padding: 0;
}

.keyword-recommendation .linked-persona:disabled {
    opacity: 0.7;
    cursor: unset;
    color: #666666;
    padding: 0;
}

.keyword-recommendation .keywords-container {
    flex: 1 1;
}
.keyword-recommendation .keywords-container .inactive,
.adTitle-recommendation .adTitle-container .inactive {
    border-color: #E6E6E6;
}
.keyword-recommendation .keywords-container .inactiveText,
.adTitle-recommendation .adTitle-container .inactiveText {
    color: #999999 !important;
}

.keyword-recommendation .keywords-container .title {
    font-weight: 700;
    font-size: 16px;
    color: #666666;
    padding-bottom: 16px;
}

.keyword-recommendation .container {
  display: flex;
  gap: 15px;
}

.keyword-recommendation .main-keywords, .keyword-recommendation .sub-keywords {
  border: 1px solid #ccc;
  padding: 10px;
  background-color: #F1F1F1;
  min-height: 15px;
  height: calc(100% - 57px);
}

.keyword-recommendation .keyword {
  display: inline-block;
  margin: 5px;
  padding: 8px 12px;
  background-color: #FFFFFF;
  border: 1px solid #BDBDBD;
  border-radius: 50px;
  cursor: pointer;
}
.keyword-recommendation .keyword:hover {
    background-color: #B2B2B24D;
}

.keyword-recommendation .keyword:disabled {
    cursor: unset;
}

.xux-modalWindow .advertisement-groups-title {
    padding: 11px 16px 11px 32px !important;
    border-bottom: none !important;
}

.ui-dialog:has(#link-search-intent-to-campaign-modal) {
    width: 1294px !important;
}
.xux-modalWindow-content:has(#link-search-intent-to-campaign-modal) {
    padding: 22px 36px 16px 36px;
}
.link-search-intent-to-campaign-title {
    border-bottom: none !important;
    padding: 9px 36px !important;
    line-height: 20px !important;
}
#link-search-intent-to-campaign-modal .modal-content {
    flex-direction: column;
}

#link-search-intent-to-campaign-modal .search-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#link-search-intent-to-campaign-modal .modal-search {
    display: inline-flex;
    align-items: center;
}

#link-search-intent-to-campaign-modal .modal-search .search-input {
    height: 32px;
    padding: 0 10px;
    line-height: 32px;
    border: 1px solid #999999;
    box-sizing: border-box;
}

#link-search-intent-to-campaign-modal .modal-search .search-input:focus-visible { outline: none; }

#link-search-intent-to-campaign-modal .modal-search .search-button {
    height: 32px;
    width: 36px;
    padding: 0;
    background: #00838d;
    border: 1px solid #00838d;
    border-left: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#link-search-intent-to-campaign-modal .modal-search .search-button:hover {
    background: #007373;
}

#link-search-intent-to-campaign-modal .modal-search .search-button .xux-icon {
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
}

#link-search-intent-to-campaign-modal .modal-breadcrumb {
    font-size: 16px;
    line-height: 20px;
    padding: 6px 0px;
}

#link-search-intent-to-campaign-modal .breadcrumb-path {
    font-weight: 700;
    margin-left: 16px;
}

#link-search-intent-to-campaign-modal .selection-section {
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin-top: 8px;
}

#link-search-intent-to-campaign-modal .selection-label {
    font-size: 18px;
    background-color: #EAEAEA;
    padding: 12px 17px;
}

#link-search-intent-to-campaign-modal .selection-labels-container {
    display: flex;
    gap: 0;
}

#link-search-intent-to-campaign-modal .selection-labels-container .selection-label {
    flex: 1;
    text-align: start;
}

#link-search-intent-to-campaign-modal .tables-container {
    display: flex;
    gap: 0;
    flex: 1;
    min-height: 200px;
}

#link-search-intent-to-campaign-modal #advertisement-group-table tbody .xux-table-noRow {
    display: none;
}

#link-search-intent-to-campaign-modal  #campaign-table tbody .xux-table-noRow {
    color: #666666;
    font-size: 16px;
    white-space: pre-line;
    font-weight: 400;
}

#link-search-intent-to-campaign-modal  #campaign-table tbody .xux-table-noRow td {
    border-color: transparent !important;
    display: flex;
    justify-content: center ;
    align-items: center;
    min-height: 200px;
}

#link-search-intent-to-campaign-modal  #campaign-table tr.xux-table-noRow > td.xux-table-cell > div {
    text-align: left;
}

#link-search-intent-to-campaign-modal .table-wrapper {
    flex: 1;
    border: 1px solid #e5e7eb;
    background: #fff;
    overflow-y: scroll;
    height: 250px;
}

#link-search-intent-to-campaign-modal .xux-choice-bg .xux-choice-icon {
    font-size: 20px;
}

#link-search-intent-to-campaign-modal #advertisement-group-loading {
    flex: 1;
    display: none;
}

#link-search-intent-to-campaign-modal #advertisement-group-loading .xux-throbber {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

#persona-group-references-modal .persona-group-loading {
    flex: 1;
    display: none;
    height: 434px;
    border: 1px solid #e5e7eb;
}

#persona-group-references-modal .persona-group-loading .xux-throbber {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}


#link-search-intent-to-campaign-modal .selection-table {
    flex: 1;
}

#link-search-intent-to-campaign-modal .selection-table thead {
    display: none;
}

#link-search-intent-to-campaign-modal .xux-table .xux-table-row:not(.xux-table-selected) {
	background-color: #fff;
	color: #0a0a0a;
}

#link-search-intent-to-campaign-modal .selection-table tr td {
    height: 30px;
}

#link-search-intent-to-campaign-modal #advertisement-group-table .xux-table .xux-table-row.xux-table-selected.xux-table-savedFocus {
    background-color: #fff;
}

#link-search-intent-to-campaign-modal .selected-content-section {
    margin-top: 16px;
}

#link-search-intent-to-campaign-modal .selected-content-box {
    width: 100%;
    font-size: 16px;
    background: #fff;
    box-sizing: border-box;
    margin-top: 8px;
}

#link-search-intent-to-campaign-modal .selected-content-box {
    max-height: 215px;
}

#link-search-intent-to-campaign-modal .modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
}

#link-search-intent-to-campaign-modal .btn {
    height: 32px;
    width: 152px;
    font-size: 16px;
    cursor: pointer;
}
#link-search-intent-to-campaign-modal .selected-item .xux-choice.ui-state-disabled {
    opacity: 1;
}

.ui-dialog:has(#persona-group-references-modal) {
    width: 1254px;
}
.persona-group-references-title {
    border-bottom: none !important;
}
#persona-group-references-modal .modal-breadcrumb {
    padding: 6px 0px;
    line-height: 20px;
}
#persona-group-references-modal .modal-breadcrumb .breadcrumb-path {
    margin-left: 16px;
}
#persona-group-references-modal table.xux-table-selRow .xux-table-row.xux-table-selected {
    background-color: #8CC0C4;
}

#persona-group-references-modal .search-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#persona-group-references-modal .modal-search {
    display: inline-flex;
    align-items: center;
}

#persona-group-references-modal .modal-search .search-input {
    height: 32px;
    padding: 0 10px;
    line-height: 32px;
    border: 1px solid #999999;
    box-sizing: border-box;
}

#persona-group-references-modal .modal-search .search-input:focus-visible { outline: none; }

#persona-group-references-modal .modal-search .search-button {
    height: 32px;
    width: 36px;
    padding: 0;
    background: #00838d;
    border: 1px solid #00838d;
    border-left: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#persona-group-references-modal .modal-search .search-button:hover {
    background: #007373;
}

#persona-group-references-modal .modal-search .search-button .xux-icon {
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
}

#persona-group-references-modal .breadcrumb-label {
    font-size: 16px;
}

#persona-group-references-modal .breadcrumb-path {
    font-size: 16px;
    font-weight: 600;
}

#persona-group-references-modal .selection-section {
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin: 16px 0;
}

#persona-group-references-modal .selection-label {
    font-size: 18px;
    background-color: #EAEAEA;
    padding: 11px 16px;
    line-height: 22px;
}

#persona-group-references-modal .selection-labels-container {
    display: flex;
    gap: 0;
}

#persona-group-references-modal .selection-labels-container .selection-label {
    flex: 1;
    text-align: start;
}

#persona-group-references-modal .tables-container {
    display: flex;
    gap: 0;
    flex: 1;
    min-height: 200px;
}

#persona-group-references-modal .tables-container tbody .xux-table-noRow {
    display: none;
}

#persona-group-references-modal .table-wrapper {
    flex: 1;
    border: 1px solid #e5e7eb;
    background: #fff;
    overflow-y: scroll;
    height: 434px;
}

#persona-group-references-modal .table-wrapper .xux-table-row:not(.xux-table-selected) {
    background-color: #fff;
}


#persona-group-references-modal .selection-table {
    flex: 1;
}

#persona-group-references-modal .selection-table thead {
    display: none;
}

#persona-group-references-modal .selected-content-section {
    margin: 0 -24px 0;
    padding: 0px 16px;
}

#persona-group-references-modal .selected-content-label {
    margin: 0 0 8px;
    font-size: 18px;
}

#persona-group-references-modal .selected-content-box {
    width: 100%;
    font-size: 16px;
    background: #fff;
    box-sizing: border-box;
}

#persona-group-references-modal .selected-content-box {
    height: 200px;
}

#persona-group-references-modal .modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

#persona-group-references-modal .btn {
    height: 32px;
    width: 150px;
    font-size: 16px;
    cursor: pointer;
}

#link-search-intent-to-campaign-modal #advertisement-group-table .adGroup-row .xux-choice .xux-choice-icon:before,
#link-search-intent-to-campaign-modal #advertisement-group-table .adGroup-row .xux-choice.ui-state-hover .xux-choice-icon:before {
    color: #00838d !important;
}

#selected-content-box {
    display: flex;
    flex-direction: column;
}

#selected-content-box .selected-item {
    align-items: center;
    padding: 0px 16px;
    display:flex;
    gap:6px;
    border-bottom: 1px solid #D6D6D6;
    height: 43px;
    box-sizing: border-box;

}

#selected-content-box .selected-item span {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#link-search-intent-to-campaign-modal .selected-content-header {
    display: flex;
    align-items: baseline;
    font-size: 16px;
    font-weight: 400;
}

#persona-group-detail .xux-iconButton {
    background-color: unset;
}

.adTitle-recommendation .search-intent {
    display: flex;
    justify-content: space-between;
}

.adTitle-recommendation .search-intent .start {
    display: flex;
    gap: 8px;
}

.adTitle-recommendation .search-intent .end {
    display: flex;
    gap: 16px;
}

.adTitle-recommendation .search-intent .start .name {
    align-content: center;
    font-size: 16px;
    font-weight: 700;
    color: #666666;
}

.adTitle-recommendation .search-intent {
    align-content: space-between;
    padding-bottom: 16px;
}

.adTitle-recommendation img, .adTitle-recommendation .xux-icon {
    height: 24px;
    width: 24px;
    font-size: 24px;
    color: #666666;
}
.adTitle-recommendation .title-reload-icon {
    font-size: 18px;
}

.adTitle-search-intent-link,
.adTitle-description-regenerate {
    cursor: pointer;
    width: auto !important;
}

.adTitle-search-intent-link:disabled,
.adTitle-description-regenerate:disabled,
#persona-group-detail button.mdx-permission-persona:disabled {
    opacity: 0.7;
    cursor: unset;
    width: auto;
    background-color: unset;
    border: unset;
    color: #666666;
    pointer-events: none;
}

.adTitle-recommendation .linked-persona,
.adTitle-recommendation .go_to_keyword_section {
    font-size: 16px;
    color: #00838d;
    cursor: pointer;
    text-decoration: underline;
    background-color: unset;
    border: unset;
    width: auto;
    padding: 0;
}

.adTitle-recommendation .linked-persona:disabled,
.adTitle-recommendation .go_to_keyword_section:disabled {
    opacity: 0.7;
    cursor: unset;
    color: #666666;
}

.adTitle-recommendation .adTitle-container button {
    width: auto;
}

.adTitle-recommendation .adTitle-container .title {
    font-weight: 700;
    font-size: 16px;
    color: #666666;
    margin-bottom: 16px
}

.adTitle-recommendation .adTitle-container .adTitle {
    margin-bottom: 16px;
}

.adTitle-recommendation .adTitle-recommendation-hr {
    margin: 0 -40px 16px;
}

.adTitle-recommendation .adTitle, .adTitle-recommendation .description {
  border: 1px solid #ccc;
  padding: 10px;
  background-color: #F1F1F1;
  min-height: 15px;
}

.adTitle-recommendation .keyword {
  display: inline-block;
  margin: 5px;
  padding: 8px 12px;
  background-color: #FFFFFF;
  border: 1px solid #BDBDBD;
  border-radius: 50px;
  cursor: pointer;
}
.adTitle-recommendation .keyword:hover {
    background-color: #B2B2B24D;
}

.adTitle-recommendation .keyword:disabled {
    cursor: unset;
}

.concept-generation-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0px !important;
    gap: 1px;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.flex {
    display: flex;
}

.item-center {
    align-items: center;
    justify-content: space-between;
}

#persona-product-detail {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.persona-skeleton {
    position: relative;
    background: linear-gradient(to right, #FFFFFF, #D9D9D9);
    border-radius: 3px;
    overflow: hidden;
    min-height: 22px;
}

.persona-skeleton:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100px;
    left: -100px;
    top: 0;
    background: linear-gradient(to right, transparent, #ffffff70, transparent);
    animation: mdxskeleton 2000ms ease-out infinite;
}

#persona-dashboard-article .quota-info .xux-infotip-triggerIcon {
    margin: 0 !important;
}

#persona-analysis-quota-info {
    max-width: 400px !important;
}
/** ma */
#ma-bownow-box .date-header {
    width: 160px;
}
#ma-bownow-box .btn-header {
    width: 120px;
}
.ma-no-linkage-info {
    background-color: #fff;
    height: 56px;
    line-height: 56px;
    padding: 0 16px;
}
.ma-during-linkage {
    min-width: 300px;
    min-height: 300px;
    height: calc(100vh - 238px);
}
.ma-during-linkage .xux-throbber-backboard {
    max-width: 350px;
}
#status-scope-setting-dialog .xux-staticText,
#industry-scope-setting-dialog .xux-staticText,
#sales-scope-setting-dialog .xux-staticText,
#employee-scope-setting-dialog .xux-staticText {
    color: #999;
}
#status-scope-setting-dialog .xux-infotip-body,
#industry-scope-setting-dialog .xux-infotip-body,
#sales-scope-setting-dialog .xux-infotip-body,
#employee-scope-setting-dialog .xux-infotip-body {
    padding: 0;
}
#status-scope-setting-dialog .xux-infotip-body .xux-checkboxBox,
#industry-scope-setting-dialog .xux-infotip-body .xux-checkboxBox,
#sales-scope-setting-dialog .xux-infotip-body .xux-checkboxBox,
#employee-scope-setting-dialog .xux-infotip-body .xux-checkboxBox {
    max-height:400px;
    overflow-y: auto;
    padding: 1px 0 1px 1px;
}
#status-scope-setting-dialog button,
#industry-scope-setting-dialog button,
#sales-scope-setting-dialog button,
#employee-scope-setting-dialog button {
    width: 120px;
}
#status-scope-setting-dialog div.xux-layoutGroup.xux-first,
#industry-scope-setting-dialog div.xux-layoutGroup.xux-first,
#sales-scope-setting-dialog div.xux-layoutGroup.xux-first,
#employee-scope-setting-dialog div.xux-layoutGroup.xux-first{
    margin-bottom: 16px;
}
#status-scope-setting-dialog .xux-mixableBox div.xux-labelableBox-content,
#industry-scope-setting-dialog .xux-mixableBox div.xux-labelableBox-content,
#sales-scope-setting-dialog .xux-mixableBox div.xux-labelableBox-content,
#employee-scope-setting-dialog .xux-mixableBox div.xux-labelableBox-content {
    padding: 8px 8px 0 8px;
}
#ma-dialog-section .url-input {
    width: 450px;
}
#ma-dialog-section table td {
    vertical-align: top;
}
.mdx-quicksight-filter-section .xux-button button.lead-filter-btn {
    width: 145px;
    text-align: left;
    padding: 0 8px !important;
}
.mdx-quicksight-filter-section .xux-button button.lead-filter-btn > span.xux-icon {
    padding-right: 4px !important;
}
.ma-period-type {
    width: 145px;
}
/** #389639の一時対応、他の連携種類を追加すると、該当スタイルを削除する必要 */
#ma-datalinkage-tabs ul li a {
    border: none;
    cursor: auto;
    background-color: transparent;
    text-align: left;
    outline: none;
    padding: 0;
}
#ma-datalinkage-tabs ul li a span.ui-button-text {
    font-size: 18px;
    font-weight: normal;
}

#analysis-detail-section-edit .analysis-label,
#analysis-detail-section .analysis-label {
    width:120px !important;
    vertical-align: middle;
}
.mdx-scraping-icon {
    display: inline-block;
    vertical-align: middle;
}
.mdx-icon-color-alert.mdx-scraping-icon {
    color: #806800;
}
#analysis-detail-section div.mdx-scraping-disable-warning,
#analysis-detail-section-edit div.mdx-scraping-disable-warning {
    margin: 4px 0 0 0;
    display: none;
}
#analysis-detail-section div.mdx-scraping-disable-warning span.xux-icon,
#analysis-detail-section-edit div.mdx-scraping-disable-warning span.xux-icon {
    color: #806800 !important;
    vertical-align: middle;
}
#analysis-detail-section div.mdx-scraping-disable-warning span.xux-staticText,
#analysis-detail-section-edit div.mdx-scraping-disable-warning span.xux-staticText {
    color: #806800 !important;
    font-size: 13.5px !important;
    margin-left: 4px;
}
#analysis-detail-section .scraping-box,
#analysis-detail-section-edit .scraping-box {
    margin-bottom: 0;
}
#analysis-detail-section input#analysis-model-readonly,
#analysis-detail-section-edit input#website-analysis {
    background-color: #f5f5f5;
}
#scraping_function-infotip .xux-infotip-body,
#scraping-info-tip .xux-infotip-body {
    text-align: center;
    white-space: pre;
}

.ui-dialog:has(#keyword-modal) {
    width: 1372px;
}
#keyword-modal #keyword-area {
    display: block;
}

#keyword-modal .keyword-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#keyword-modal .keyword-header-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

#keyword-modal .keyword-header-text {
    font-size: 16px;
    font-weight: 400;
}

#keyword-modal .keyword-content {
    display: flex;
    gap: 24px;
    align-items: stretch;
}

#keyword-modal #main-keyword,
#keyword-modal #sub-keyword {
    display: flex;
    flex-direction: column;
    flex: 1;
}

#keyword-modal .main-keyword-title,
#keyword-modal .sub-keyword-title,
#keyword-modal .persona-issue-title-group,
#keyword-modal .ad-description-title {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 16px 0;
}

#keyword-modal #main-keyword .main-keyword-title h3,
#keyword-modal #sub-keyword .sub-keyword-title h3,
#keyword-modal #titles .persona-issue-title-group h3,
#keyword-modal #descriptions .ad-description-title h3 {
    font-size: 16px;
    font-weight: 400;
}

#keyword-modal .main-keyword-group,
#keyword-modal .sub-keyword-group,
#keyword-modal .title-group,
#keyword-modal .description-group {
    min-height: 80px;
    padding: 16px 32px;
    border: 1px solid #D8D8D8;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    background: #F1F1F1;
    flex: 1;
    align-items: flex-start;
    align-content: flex-start;
}

#keyword-modal #title-area {
    display: grid;
    grid-template-rows: 1fr 1fr;
}

#keyword-modal #titles,
#keyword-modal #descriptions {
    display: flex;
    flex-direction: column;
}

#keyword-modal .keyword-tag {
    padding: 8px 16px;
    border-radius: 20px;
    border: 1px solid #BDBDBD;
    background: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

#keyword-modal .keyword-tag:hover {
    background: rgba(178, 178, 178, 0.3);
}

#keyword-modal .title-tag,
#keyword-modal .description-tag  {
    padding: 8px 16px;
    font-size: 16px;
}

#keyword-modal .keyword-tag.is-selected {
    background: rgba(0, 131, 141, 0.4);
    border: 1px solid rgba(189, 189, 189, 1);
    color : #0A0A0A;
    font-weight: 700;
    font-style: bold;
}
#keyword-modal .keyword-tag.is-selected:hover {
    background: rgba(0, 131, 141, 0.2);
    border: 1px solid #BDBDBD
}

#keyword-modal .generate-button-box {
    margin-top: 16px;
    display: flex;
    justify-content: flex-end;
}
#keyword-modal .close-button-box {
    display: flex;
    justify-content: flex-end;
}

#keyword-modal #generate-title-button,
#keyword-modal #keyword-modal-close-button {
    min-width: 120px
}

#keyword-modal #generate-title-button .xux-icon {
    padding: 0 5px 0 0;
    top: 3px;
}

#keyword-modal .ad-creation-proposal-area {
    margin: 16px 0 32px 0;
    background-color: #ffff;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
}

#keyword-modal .copy-button {
    padding-top: 4px;
}

#keyword-modal .skeleton-keyword {
    width: 100%;
}

#keyword-modal .skeleton-keyword:nth-child(3) {
    width: 50%;
}

#persona-group-detail .link-searchIntent,
#persona-group-detail .generate-button,
#persona-group-detail .link-searchIntent-report {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    overflow: visible !important;
}

#persona-group-detail .link-searchIntent .xux-icon,
#persona-group-detail .generate-button .xux-icon,
#persona-group-detail .link-searchIntent-report .xux-icon {
    line-height: 24px;
    width: 24px;
}
#persona-group-detail .link-searchIntent .xux-icon:before,
#persona-group-detail .generate-button .xux-icon:before,
#persona-group-detail .link-searchIntent-report .xux-icon:before {
    display: block;
    width: 24px;
    height: 24px;
}

#persona-group-detail .generate-button .xux-icon:before {
    transform: translateX(2px);
}

#persona-group-detail .mdx-link-icon,
#persona-group-detail .mdx-generate-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-label {
    color: #666666;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-top: 4px;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
}

.xux-iconButton:hover .icon-label {
    color: #0A0A0A;
    font-weight: 700;
    font-style: bold;
}

#persona-group-detail .link-searchIntent.xux-normalButton:has(>.xux-button-text),
#persona-group-detail .generate-button.xux-normalButton:has(>.xux-button-text) {
    padding: 0 !important;
}

#keyword-modal .copy-feedback-message {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 8px;
    padding: 4px 8px;
    background: white;
    color: black;
    font-size: 12px;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    white-space: nowrap;
}

#keyword-modal #copy-main-keywords-button,
#keyword-modal #copy-sub-keywords-button,
#keyword-modal #copy-title-button,
#keyword-modal #copy-description-button {
    position: relative;
}

.label-is-disabled {
    opacity: 0.3;
    pointer-events: none;
}



#cv-setting-section .cv-list{
    border: 1px solid #DDDDDD;
    padding: 8px;
    min-height: 200px;
    max-height: 400px;
    overflow-y: scroll;
    display: block;
    overflow-x: hidden;
}

#cv-setting-section .event-item {
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 100%;
    padding:2px;
}
#cv-setting-section .event-text {
    float: left;
    margin-top:7px;
    margin-bottom: 0px;
}
#cv-setting-section .cv-name{
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 430px;
}
#cv-setting-section .btn-remove{
    float: right;
    margin-top:-2px;
}
#cv-setting-section .btn-remove button{
    border: 0px;
    background: none;
    min-width: 20px;
}

#cv-setting-section .custom-badge,
#cv-select-section .badge{
    background: #ACACAC;
    font-size: 13px;
    color: #E8E8E8;
    padding: 2px 4px;
    border-radius: 10px;
}
#cv-setting-section .badge {
    margin-left: 10px;
}

#cv-select-section .badge {
    margin-left: 10px;
}
#cv-select-section .event-option {
    padding: 6px;
}

.modal-footer .left-button {
    float: left;
    margin-bottom: 0px;
}
.modal-footer .right-button {
    float: right;
    margin: 0px 0px;
}
#cv-setting-section .modal-footer button,
#cv-select-section .modal-footer button {
    width: 120px;
}
#cv-select-section .cv-list,
#cv-select-section .custom-list{
    display: block;
    min-height: 200px;
    max-height: 300px;
    overflow-y: scroll;
    border: 1px solid #DDDDDD;
    overflow-x: hidden;
    display: block;
    width: 97%;
}

#cv-select-section .cv-list label,
#cv-select-section .custom-list label{
    font-size: 17px;
}
.mdx-icon-conversion-edit::before {
    content: url(../img/lbl_conversion_edit.svg);
}
/** measure  */
#measure-management-table-box span.xux-selectAllButton {
    display: none !important;
}
#measure-contents {
    max-height: calc(100vh - 246px);
    min-height: calc(768px - 246px);
    overflow-y: hidden;
    display: flex;
    width: 100%;
}
#measure-details-tabs ~ span.xux-requiredLegend {
    display: none !important;
}
#measure-details-tabs > div.effect-validation-panel {
    height: calc(100vh - 294px);
    overflow-y: auto;
}
div.effect-validation-panel {
    color: #0a0a0a !important;
}
#measure-contents > section:nth-child(1) > div {
    padding-top: 0;
    padding-bottom: 0;
}
#measure-contents > section:first-child {
    flex: 1;
    margin-right: 10px;
    min-width: 0;
    overflow-y: auto;
}

#website-improvement-ai-section:not(.mdx-collapsed) {
    width: 584px!important;
    flex: none;
    overflow-y: auto;
}
#website-improvement-ai-section.mdx-collapsed {
    width: auto;
}
#website-improvement-ai-section .mdx-web-topic-card {
    width: 100%;
}
#website-improvement-ai-section.mdx-collapsed > h2 {
    width: 36px;
}
#website-improvement-ai-section:not(.mdx-collapsed) h2 {
    height: 32px;
}
#website-improvement-ai-section:not(.mdx-collapsed) .xux-section-title-text {
    display: flex;
}
#website-improvement-ai-section:not(.mdx-collapsed) .xux-iconButton.mdx-section-header-btn.xux-iconButton {
    font-size: 20px;
    height: 20px;
    width: 20px;
    top: 6px;
    line-height: 20px;
}
#website-improvement-ai-section .xux-iconButton.mdx-section-header-btn.xux-iconButton .xux-icon {
    font-size: 20px;
    line-height: 20px;
}
#website-improvement-ai-section.mdx-side-collapsible-section.mdx-collapsed .mdx-section-header-btn.xux-iconButton {
    right: 8px!important;
    font-size: 20px;
    height: 20px;
    width: 20px;
    line-height: 20px;
}
#website-improvement-ai-section .mdx-web-topic-card:not(.mdx-web-topic-card-selected):focus,
#website-improvement-ai-section .mdx-web-topic-card:not(.mdx-web-topic-card-selected):hover,
#website-improvement-ai-section .mdx-web-ai-card:not(.mdx-web-ai-card-selected):focus,
#website-improvement-ai-section .mdx-web-ai-card:not(.mdx-web-ai-card-selected):hover {
    border: 2px solid #ccc;
    outline: unset;
    outline-offset: unset;
}

#measure-ai-issue-content, #measure-ai-factor-content, #measure-ai-action-content {
    margin-top: 10px;
    margin-bottom: 10px;
}

.measure-ai-card-title {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#measure-contents summary.xux-details-summary {
    height: 32px;
    font-size: 18px;
}
#measure-comment > section {
    padding-top: 16px;
}
#measure-comment > section:last-child {
    padding-bottom: 16px;
}
#measure-details-buttons .xux-button button {
    width: 120px;
    text-align: center;
}
textarea.measure-details {
    height: 74px;
}

.mdx-validation-applybox .xux-indent-1,
.mdx-measure-task-applybox > .xux-indent-1 {
    padding-left: 0;
}

.mdx-measure-chart-graph {
    flex: 0 0 75%;
    height: 100%;
    margin-right: 8px;
}
.mdx-measure-chart-graph.has-comment-panel {
    flex: 0 0 75%;
    margin-right: 8px;
}
.mdx-measure-chart-graph:not(.has-comment-panel) {
    flex: 1 1 100%;
    margin-right: 0;
}
.mdx-measure-chart-graph.overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1;
    pointer-events: auto;
}
#ai-report {
    width: 100%;
}
.mdx-measure-chart-comment {
    flex: 0 0 25%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;
}
.mdx-measure-effect-validation-btn.xux-normalButton {
    line-height: 32px;
    vertical-align: middle;
    display: flex;
}
#effect-validation .mdx-measure-chart-container .mdx-measure-chart-comment {
    flex: 0 0 25%;
    background-color: #fff;
}
.mdx-measure-chart-container{
    margin-top: 8px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}
.mdx-tags {
    line-height: 16px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 30px;
    height: 16px;
    margin-right: 4px;
    border-radius: 4px;
    padding: 4px;
    font-size: 14px;
    vertical-align: middle;
}

.mdx-tags-0 {
    background-color: #ffabbd;
}
.mdx-tags-1 {
    background-color: #80bfff;
}
.mdx-tags-2 {
    background-color: #d6b3ff;
}
.mdx-users {
    margin-right: 4px;
    border-radius: 50%;
    font-size: 12px;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ddd;
    vertical-align: middle;
    background-color: #D8D8D8;
}
.mdx-connect {
    color: #000000;
    width: 16px;
    height: 24px;
    font-size: 16px;
    vertical-align: middle;
    padding-right: 4px;
}
.mdx-more {
    background-color: #D8D8D8;
    margin-right: 4px;
    border-radius: 50%;
    font-size: 12px;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ddd;
    vertical-align: middle;
}
.chart-radio-group {
    padding-left: 16px;
    padding-bottom: 28px;
}
.mdx-measure-chart-graph .measure-tbl-box,
.chart-tab-menu {
    padding: 16px;
    background-color: #fff;
}
.ai-report-textarea {
    padding: 16px;
    background-color: #fff !important;
    position: relative;
}
.ai-report-textarea.empty {
    height:400px;
}
.mdx-measure-chart-graph table {
    width: 100%;
    height: 15%;
    border-collapse: collapse;
    table-layout: fixed;
}

.mdx-measure-chart-graph table th
{
    padding: 8px;
    text-align: left;
    background-color: #EAEAEA;
    font-weight: 400;
    color: #0A0A0A;
}
.mdx-measure-chart-graph table td {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding: 8px;
    text-align: left;
}
.mdx-measure-chart-graph table td:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.chart-graph-filter {
    padding: 16px;
    background-color: #fff;
}
.chart-top-labels  {
    box-sizing: border-box;
    padding: 16px;
    background-color: #F5F5F5;
}
.device-filter-scope-setting-button,
.customer-filter-scope-setting-button,
.channel-filter-scope-setting-button {
    width: 200px;
    text-align: left;
}
.device-filter-scope-setting-dialog .xux-section-title,
.customer-filter-scope-setting-dialog .xux-section-title,
.channel-filter-scope-setting-dialog .xux-section-title {
    text-align: left;
}
.mdx-measure-detail-filter-body {
    max-height: 200px;
    overflow-y: auto;
    border: 1px;
    padding: 4px;
}
.mdx-chart-graph {
    height: 300px;
    position: relative;
}
/** CUSTOM LEGEND*/
.chart-wrapper {
    position: relative;
    display: flex;
    align-items: flex-start;
    height: 332px;
}
.canvas-wrapper {
    flex-basis: 85%;
    height: 100%;
}
.custom-legend {
    z-index: 10;
    max-width: 200px;
    margin-right: 10px;
}
.custom-legend .xux-infotip-triggerIcon {
    margin-left: 0;
}
.custom-legend .xux-infotip-triggerIcon .xux-icon {
    font-size: 16px;
    line-height: 16px;
}
.legend-item {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    line-height: 24px;
    margin-bottom: 8px;
    margin-left: 12px;
}
.legend-color {
    width: 16px;
    height: 16px;
    font-size: 16px;
    border-radius: 2px;
    margin-right: 8px;
    flex-shrink: 0;
}
.legend-text {
    font-size: 16px;
    color: #000;
    width: 155px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    margin-right: 8px;
}
.legend-infotip {
    min-width: 20px;
}

.meaure-ai-report-label-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.meaure-ai-report-label-container .xux-icon-replay {
    color: #666666;
    font-size: 24px;
}
.mdx-measure-sort-icon {
    display: inline-block;
    vertical-align: middle;
}
.custom-tooltip {
        padding: 8px;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        pointer-events: none;
        opacity: 1;
        background-color: white;
    }
.custom-tooltip .dot {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #FFC0CB;
    border-radius: 50%;
    margin-right: 8px;
    font-size: 14px;
    line-height: 16px;
}

.custom-tooltip .name {
    display: inline-block;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    color: #666666;
}

.custom-tooltip .date {
    margin-bottom: 4px;
    font-size: 14px;
    color: #666666;
}

.custom-tooltip .comment-text {
    font-size: 14px;
}

.comment-item {
    padding: 8px;
    border-radius: 5px;
    margin-bottom: 8px;
}
.comment-edit-input {
    width: 100%;
    height: 80px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px;
    font-size: 14px;
}
.mdx-measure-chart-container .mdx-measure-chart-comment .mdx-measure-external-reason {
    overflow: auto;
}
.measure-chat-comment-container {
    padding: 8px;
    width: 100%;
    text-align: center;
}
#measure-management-table-box table td.col-title div.xux-table-contentEllipsis {
    top: calc(50% - 16px);
}
#measure-management-table-box table td a.measure-title {
    font-weight: normal;
    margin: 0 4px;
}
#measure-management-table-box table td.col-status {
    width: 200px;
}
#measure-management-table-box table td.col-evaluation-result {
    width: 150px;
}
#measure-management-table-box table td.col-targetDate {
    width: 100px;
}
#measure-management-table-box table td.col-users {
    width: 184px;
}
#measure-management-table-box table td.col-tags {
    width: 220px;
}
#measure-management-table-box table td.col-command {
    width: 160px;
    white-space: nowrap;
}
.mdx-tag-label {
    display: table;
}
.mdx-tag-label-icon {
    display: table-cell;
    vertical-align: middle;
}
.mdx-tag-label-text {
    display: table-cell;
    padding-left: 4px;
}
.mdx-measure-chart-comment .close-btn .xux-icon:hover{
    background-color: none;
}

/** 施策タグ管理ダイアログ - 色設定 */
.xux-icon.xux-icon-rec.mdx-measure-tag-color-1 {
    color: #D6B3FF;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-2 {
    color: #91F2D5;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-3{
    color: #FFABBD;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-4 {
    color: #FFCA8C;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-5 {
    color: #80BFFF;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-6 {
    color: #FFA6A6;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-7 {
    color: #F2A179;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-8 {
    color: #FFF1B3;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-9 {
    color: #CCCCCC;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-10 {
    color: #80EAFF;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-11 {
    color: #CCA700;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-12 {
    color: #8542A6;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-13 {
    color: #158757;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-14 {
    color: #B33B69;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-15 {
    color: #B36000;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-16 {
    color: #266DBF;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-17 {
    color: #B32029;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-18 {
    color: #A63700;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-19 {
    color: #999999;
}
.xux-icon.xux-icon-rec.mdx-measure-tag-color-20 {
    color: #005E5E;
}
/** 施策保存ダイアログ */
.mdx-measure-result-description {
    margin-top: 0;
    white-space: pre-wrap;
}
.mdx-multi-input-item.xux-editableText,
.mdx-multi-input-item.xux-editableText:focus {
    border-color: #8c8c8c;
}
.ai-report-textarea .measure-details {
    width: 100%;
}
.fixed-chart-container {
    height: 332px;
    position: relative;
}

.fixed-chart-container canvas {
    width: 100%!important;
}
.comment-popup-no-content {
    position: absolute;
    z-index: 100;
    background: white;
    background-color: transparent;
    border-color: transparent;
    box-shadow: unset;
}
.comment-list-container {
    max-height: 100px;
    overflow-y: auto;
}
.send-comment-btn:hover {
    background: #8c8c8c;
}
.send-icon {
    font-size: 16px;
    transform: rotate(90deg);
}
.comment-header {
    display: flex;
    justify-content: space-between;
}
.comment-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-right: 1px;
    padding-left: 1px;
    position: relative;
}
.comment-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 1px;
    padding-left: 1px;
}
.comment-time {
    color: #999;
    font-size: 16px;
}
.comment-popup-content {
    padding: 0;
}
.comment-popup-content.with-comments {
    padding: 12px 0;
}
#mdx-measure-user-add.xux-iconButton .xux-icon,
.mdx-multipliable-box .xux-button.xux-size-small .xux-iconButton .xux-icon {
    font-size: 20px;
    line-height: 20px;
}

#measure-setting-section .xux-details-detail .xux-details-content {
  display: flex;
  align-items: flex-start;
}

#measure-setting-section .mdx-measure-priority {
    width: calc(100% - 34px);
}

#target-date + span.xux-dateField,
select#mdx-user-select ~a {
    width: calc(100% - 34px);
}

select#mdx-user-select ~span {
    width: auto
}

.mdx-multi-disable-input {
    pointer-events: none;
}

.mdx-measure-users-top {
    margin-top: 8px !important;
}

.mdx-measure-assignee {
    margin-bottom: 0 !important;
}

.mdx-measure-detail-users-zero {
    margin-top: 16px !important;
}

.mdx-measure-users-zero {
    margin-top: 0 !important;
}

div#mdx-measure-users,
div#mdx-measure-users .xux-labelableBox-content{
    width: 100%;
}

#mdx-measure-users .xux-multipliable-buttonCell{
    padding-left: 8px;
    padding-right: 0;
}

#mdx-measure-user-add {
    width: 26px;
    height: 26px;
}

#mdx-measure-user-add > .xux-icon {
    font-size: 22px
}
#measure-tags-box td {
    vertical-align: top;
}

.metric-labels-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%!important;
    height: 50px;
    z-index: 100;
    pointer-events: none;
}

.metric-label {
    position: absolute;
    bottom: 3px;
    transform: translateX(-50%);
    cursor: pointer;
    font-size: 12px;
    color: #666;
    border-radius: 4px;
    transition: all 0.2s;
    pointer-events: auto;
    white-space: nowrap;
    z-index: 11;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid transparent;
}
div#measure-details-tabs.xux-tabbedSet.xux-width-full > .ui-tabs-nav {
    width: 552px;
    margin-left: 0;
    margin-right: 0px;
    display: inline-block;
}
div#measure-details-tabs li:not(.tab-add-trigger) {
    width: 138px;
}
div#measure-details-tabs li.measure-header-tab > a {
    border-top: none;
    border-left: none;
    border-right: none;
    background: transparent;
    border-bottom: 2px solid #dfdfdf;
    margin: 1px 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
div#measure-details-tabs li.measure-header-tab.tab-add-trigger > a {
    border-bottom: none;
}
div#measure-details-tabs li.measure-header-tab:not(.tab-add-trigger) > a {
    width: 128px;
}
div#measure-details-tabs .measure-header-tab.ui-tabs-active > a {
    font-weight: bold;
    color: #007373;
    border-bottom: 2px solid;
    border-color: #009da6;
}
div#measure-details-tabs .measure-header-tab.ui-tabs-active > a .circle-number {
    border-color: inherit;
}

.circle-number {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    font-size: 16px;
}

.metric-hover {
    color: #006655 !important;
    text-decoration: underline !important;
    cursor: pointer;
}

.metric-commented {
    color: teal !important;
    text-decoration: underline !important;
}

.measure-tags-popup section > div.xux-horizontalLayout {
    max-height: 230px;
    overflow-y: auto;
    display: block;
}
.measure-tags-popup section > div.xux-labelableBox {
    margin: 8px 16px;
}
.measure-tags-popup .mdx-measure-tagbox {
    width: 250px;
    margin: 4px 16px 0 16px;
}

.measure-header-tab:not(.trigger-container) > a > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
}

.measure-header-tab-input {
    display: block;
    width: calc(100% - 22px);
    border-bottom: 2px solid;
    border-color: #009da6;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: thick;
    color: #0A0A0A;
    font-weight: bold;
    margin: 1px 5px;
    padding: 0 6px;
    height: 30px;
}
.measure-tags-popup .xux-infotip-body {
    padding: 8px 0;
}
.filter-popup .button-box {
    text-align: center;
}
.filter-popup .button-box button {
    width: 120px;
}
.filter-popup .xux-infotip-body {
    padding: 0;
}
.mdx-measure-filter-body,
.mdx-measure-filter-body:hover {
    max-height: 200px;
    padding: 8px;
    overflow-y: auto;
    border: 1px solid #8c8c8c;
    background-color: #f5f5f5;
}
.mdx-validation-setting-title {
    font-weight: bold;
}
.mdx-validation-setting-content {
    padding-left: 16px;
}

.mdx-validation-setting-flexbox {
    display: flex;
    margin: 0!important;
}

.mdx-validation-setting-flexbox > div:first-child{
    width: calc(20% - 13px);
    flex-shrink: 0;
    flex-grow: 0;
}
.validation-setting-summary .xux-labelableBox.xux-labelLayout-leading .xux-labelableBox.xux-labelLayout-top .xux-labelableBox-main,
.validation-setting-summary .xux-labelableBox.xux-labelLayout-leading .xux-labelableBox.xux-labelLayout-top .xux-labelableBox-label,
.validation-setting-summary .xux-labelableBox.xux-labelLayout-leading .xux-labelableBox.xux-labelLayout-top .xux-labelableBox-content {
    display: block;
}
.validation-setting-summary .xux-horizontalLayout-item > div {
    margin: 0;
}
.mdx-validation-setting-flexbox >div:has(>.implementation-date-box, >.post-implementation-box, >.pre-implementation-box) {
    width: calc(16% - 34.6px);
}
.mdx-validation-setting-flexbox >div:has(>.comparison-input-box){
    width: calc(20% - 13px);
}
.mdx-validation-setting-flexbox >div:has(>.comparison-input-box):last-child{
    width: 100%;
}

.comparison-input-label {
    height: 20px;
}
.comparison-type-box {
   margin-top: 32px!important;
   margin-bottom: 32px!important;
}
.comparison-input-box .xux-infotip-triggerIcon .xux-icon {
    font-size: 16px;
    line-height: 16px;
}

.ai-report {
    font-weight: bold;
    border-bottom: 1px solid #bfbfbf;
    background: #eaeaea;
    line-height: 50px;
    height: 44px;
    margin-bottom: 0 !important;
}
.ai-report-title {
 margin-left: 10px;
}

.ai-report-para {
    font-size: 15px;
    line-height: 24px;
}
.ai-report-para span.highlight {
    background-color: #F7EEC4;
    font-weight: bold;
}
.ai-report-para .ai-report-skeleton {
    margin-left: 0px;
}

.ai-report-textarea .ai-report .icon-button-right .xux-button-icon {
    font-size: 20px !important;
}
.ai-report-textarea .ai-report .icon-button-left .xux-button-icon {
    font-size: 24px !important;
}
.ai-report-textarea .ai .ai-details-toggle {
    text-decoration: none;
    color: #666666;
    display: inline-block;
    margin: 8px 0;
}
.ai-report-textarea .ai .ai-details-toggle:hover {
    text-decoration: underline;
    color: #0A0A0A;
}
.ai-report-textarea .ai .ai-details {
    margin-top: 16px;
}
.ai-report-textarea .ai .ai-details-close {
    display: none;
}
.ai-report-textarea .ai .ai-details label {
  font-weight: bold;
}
.ai-report-textarea .ai-report-execute-count{
    line-height: inherit;
    margin-right: 40px;
    font-size: 15px;
}
.report-title{
    display: flex;
    align-items: center;
}
.ai-report-textarea .ai {
  margin: 0;
}
.icon-button-right {
    float: right;
    margin: 0 !important;
    right: 20px;
    top: 6px;
}
.icon-button-left {
    float: left;
    left: 10px;
    top: 5px;
}
.icon-button-left button {
    cursor: auto !important;
}
#measure-details-tabs .xux-details-summary:focus {
    outline-offset: -1px;
}
#measure-details-tabs div.effect-validation-panel {
    height: calc(100vh - 246px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}
#measure-details-tabs .xux-throbber {
    z-index: 10;
}
div.effect-validation-panel .xux-expanded > .xux-details-summary {
    position: sticky;
    top: 0;
    z-index: 0;
}
.mdx-measure-chart-container {
    flex-grow: 1;
}
.mdx-measure-chart-container-display {
    display: none !important;
}
#measure-contents .mdx-web-ai-summary-toolbar {
    height: 0;
}
#measure-contents .mdx-web-ai-summary-title-position {
    line-height: 20px;
    margin-top: 0;
}
#measure-indicator-table {
    width: 100%;
    border-collapse: collapse;
}
#measure-indicator-table thead tr {
    background-color: #eaeaea;
    height: 32px;
    line-height: 32px;
}
#measure-indicator-table tbody tr {
    border-bottom: 1px solid #ccc;
}
#measure-indicator-table tbody td {
    padding: 16px 0 0 0;
    text-align: center;
    height: 48px;
    line-height: 48px;
}
#measure-details-tabs > ul.xux-tabbedSet-header li.trigger-container .ui-tabs-anchor {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2px;
    gap: 8px;
}
#measure-details-tabs > ul.xux-tabbedSet-header .mdx-tab-item-text {
    flex: 1;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
}
#measure-details-tabs > ul.xux-tabbedSet-header .mdx-tab-item-menu {
    display: none;
    align-items: center;
    justify-content: center;
}
#measure-details-tabs > ul.xux-tabbedSet-header .mdx-tab-item-menu.xux-contextMenu-open,
#measure-details-tabs > ul.xux-tabbedSet-header > li:hover .mdx-tab-item-menu:not(.menu-disabled) {
    display: inline-flex;
    flex: 0 0 20px;
}
.filter-type.xux-section-title {
    text-align: left;
}
.mdx-ai-indicator {
    position: fixed;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 101;
}
.mdx-ai-masking {
    position: fixed;
    background-color: transparent;
    z-index: 100;
}

/** SiTest */
#sitest-heat-map-box,
#sitest-graphy-touch-box {
    min-height: 300px;
}
#sitest-heat-map-box a.sitest-link,
#sitest-graphy-touch-box a.sitest-link {
    margin-right: 24px;
    display: inline-block;
    font-weight: normal;
}
a.sitest-link.pc .xux-icon-redirect,
a.sitest-link.mobile .xux-icon-redirect,
a.sitest-link.tablet .xux-icon-redirect {
    margin-left: 6px;
}
.chart-graph-filter .filter-info {
    box-sizing: border-box;
    padding: 0px 16px;
    background-color: #EAEAEA;
    padding-bottom: 15px;
}
.chart-graph-filter .filter-details {
    font-size: 15px;
    margin-bottom:8px;
}
#sitest-tabs.xux-tabbedSet.xux-width-full>.ui-tabs-nav {
    width: 385px;
}
/** 施策タグ管理ステータス - 色設定 */
.xux-icon.xux-icon-rec.mdx-measure-status-color-10 {
    color: #FFFFFF;
    top: 5px;

}
.xux-icon.xux-icon-rec.mdx-measure-status-color-10::before {
    border: 1px solid #666666;
    border-radius: 50%;
    font-size: 12px;
}
.xux-icon.xux-icon-rec.mdx-measure-status-color-20,
.xux-icon.xux-icon-rec.mdx-measure-status-color-30,
.xux-icon.xux-icon-rec.mdx-measure-status-color-40{
    color: #00AFBF;
    top: 5px;
}

.xux-icon.xux-icon-rec.mdx-measure-status-color-90 {
    color: #158757;
    top: 5px;
}
.xux-icon.xux-icon-rec.mdx-measure-status-color-98,
.xux-icon.xux-icon-rec.mdx-measure-status-color-99{
    color: #999999;
    top: 5px;
}
.xux-icon.xux-icon-rec.mdx-measure-status-color-20::before,
.xux-icon.xux-icon-rec.mdx-measure-status-color-30::before,
.xux-icon.xux-icon-rec.mdx-measure-status-color-40::before,
.xux-icon.xux-icon-rec.mdx-measure-status-color-90::before,
.xux-icon.xux-icon-rec.mdx-measure-status-color-98::before,
.xux-icon.xux-icon-rec.mdx-measure-status-color-99::before{
    font-size: 14px;
}
#measure-management-table-box table td .color-box {
    width: 200px;
}

.mdx-icon-share::before {
    content: url(../img/lbl_copy_url.svg);
}
#measure-details-buttons {
    display: inline-block;
    text-align: right;
    width: calc(100% - 557px);
}
.mdx-detail-applybox .xux-indent-1 {
    padding-left: 0;
}
.mdx-detail-applybox div:has(> .xux-subordinate-hidden) {
    width: 0;
    overflow: hidden;
}
.ai-report-empty {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 20%);
    width: 550px;
    text-align: center;
    margin: 0 auto;
    display: none;
}
.ai-report-empty .ai-report-generated-info:nth-child(2)  {
    margin-top: 24px;
}
.ai-report-textarea div.generate-button-box {
    margin: 24px 0;
}
.ai-report-textarea div.generate-button-box > span > button {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ai-report-textarea div.generate-button-box > span > button > span.xux-icon {
    margin-top: -4px;
}
.measure-title-name .xux-button {
    top: -9px;
}

.sitest-page-title, .sitest-page-url {
    max-width: 490px;
    word-break: break-all;
    word-break: break-word;
}
.measure-detail-form > .xux-throbber-modal {
    background-color: #fff;
}

#website-improvement-ai-section, #save-validation {
    margin-right: 8px;
}