body.content-only-div {padding-top: 0; padding-bottom: 20px; height: auto;} #kt_app_main {background-color: #EEEFF3;} a.disabled {cursor: not-allowed !important;} .cake-debug-output {z-index: 1000; display: block; position: relative; background-color: white;} .content-only {background-color: white;} .btn.btn-secondary {color: white;} .bg-white.bg-secondary, .bg-white.text-bg-secondary {background-color: white !important;} .badge-light-danger.bg-secondary, .badge-light-danger.text-bg-secondary {background-color: var(--kt-danger-light) !important; color: var(--bs-danger) !important;} .badge-light-success.bg-secondary {background-color: var(--kt-success-light) !important;} .badge-light.bg-secondary, .badge-light.text-bg-secondary {background-color: var(--kt-light) !important; color: var(--kt-light-inverse) !important;} .badge-dark.bg-secondary, .badge-dark.text-bg-secondary {background-color: var(--kt-dark) !important; color: white !important;} .badge-success.bg-secondary, .badge-success.text-bg-secondary {background-color: var(--bs-success) !important; color: white !important;} .badge-info.bg-secondary, .badge-info.text-bg-secondary {background-color: var(--bs-info) !important; color: white !important;} .badge-warning.bg-secondary, .badge-warning.text-bg-secondary {background-color: var(--bs-warning) !important; color: white !important;} .badge-danger.bg-secondary, .badge-danger.text-bg-secondary {background-color: var(--bs-danger) !important; color: white !important;} .badge-light-primary.bg-secondary, .badge-light-primary.text-bg-secondary {background-color: var(--kt-primary-light) !important; color: var(--kt-primary) !important;} .badge.badge-outline.bg-secondary, .badge.badge-outline.text-bg-secondary {background-color: white !important; color: var(--bs-badge-color) !important;} .badge-primary.bg-secondary, .badge-primary.text-bg-secondary {background-color: var(--kt-primary) !important; color: white !important;} .badge.bg-white.bg-secondary {color: var(--bs-badge-color) !important;} .bg-light-primary.bg-secondary, .bg-light-primary.text-bg-secondary {background-color: var(--kt-primary-light) !important; color: var(--kt-primary) !important;} .bg-gray-200.bg-secondary, .bg-gray-200.text-bg-secondary {background-color: var(--kt-gray-200) !important;} .bg-gray-200.btn-secondary, .bg-gray-200.btn-secondary {background-color: var(--kt-gray-200) !important;} .nav-link.btn.btn-secondary, .nav-link.btn.text-bg-secondary {background-color: var(--bs-nav-tabs-link-active-bg) !important; border-color: var(--bs-nav-tabs-link-active-border-color) !important;} .btn-outline-mini.btn-secondary, .btn-outline-mini.text-bg-secondary {background-color: var(--bs-btn-bg) !important; color: rgb(84, 99, 165) !important;} .btn-circle.btn-secondary, .btn-circle.text-bg-secondary {background-color: var(--bs-btn-bg) !important; color: var(--bs-btn-color) !important;} .btn.btn-circle.btn-secondary:hover, .btn.btn-circle.text-bg-secondary:hover {background-color: #f5f5f5 !important;} .form-control.disabled {background-color: rgba(232, 236, 252, 0.5) !important; color: #464E5F !important;} .form-select:disabled {background-color: #EFF2F5 !important; color: var(--bs-gray-500) !important;} .input-group-text {padding: 0.375rem 0.375rem;} .form-check-custom.form-check-inline {display: inline-block; margin-right: 1rem;} .aside .aside-logo {background: #434F84;} .aside .aside-menu {color: white; background: #5463A5;} .menu-title-gray-800 .menu-item .menu-link .menu-title {color: #E5E5E5 ;} .menu-title-gray-800 .menu-item .menu-link.active .menu-title {color: #E5E5E5 ;} .menu-state-title-primary .menu-item.hover > .menu-link:not(.disabled):not(.active), .menu-state-title-primary .menu-item .menu-link:hover:not(.disabled):not(.active) {color: #FCB813 !important} .menu-title-gray-800 .menu-item .menu-link .menu-title:hover {color: #FCB813 !important;} .menu-state-title-primary .menu-item .menu-link.active .menu-title {color: #FCB813 ;} .menu-state-bullet-primary .menu-item .menu-link.active .menu-bullet .bullet {background-color: #FCB813 !important;} .menu-state-bullet-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-bullet .bullet, .menu-state-bullet-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-bullet .bullet {background-color: #FCB813 !important;} .menu-state-title-primary .menu-item .menu-link.active {color: #FCB813 !important; background-color: rgba(232, 236, 252, 0.1);} .menu-state-title-primary .menu-item .menu-link.active svg {fill: #E5E5E5;} .menu-item .menu-link svg{ fill:#E5E5E5; } .menu-state-icon-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g), .menu-state-icon-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) { transition: fill 0.3s ease; fill: #FCB813 !important; } .required label::after {content: '*'; position: relative; font-size: inherit; color: #f1416c; padding-left: .25rem; font-weight: 700;} .required .form-check-label::after {content: none;} .required::after {content: none;} #generic-alert-box {z-index: 10002 !important;} .error {color: red} .submit .btn, .actions .btn, .page-header .btn, .actions .btn {margin-right: 10px;} .submit {margin-top: 10px; margin-bottom: 10px;} .backend-data-image {max-width: 200px; width: auto;} .ck-editor__editable_inline {min-height: 150px;} .add-option-btn {margin-bottom: 20px;} .page-header {padding-bottom: 9px; margin-top: 20px; margin-left: 20px; border-bottom: 1px solid #eee;} .page-item .page-link {color: #818182; background-color: #fdfdfe;} .page-item.active .page-link {color: #0c5460; background-color: #bee5eb;} .event-instance-tr .form-group {margin-bottom: 1.5rem;} td ul {padding-left: 20px;} .bootstrap-datetimepicker-widget.dropdown-menu {width: 22rem !important;} .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {width: 38em !important;} .dropdown-menu {z-index: 100000;} .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {color: #999999; cursor: not-allowed;} .datepicker tbody tr > td.day.old {color: #999999; cursor: not-allowed;} .event-td {cursor: pointer;} .fancybox-slide--iframe .fancybox-content {max-width: 1024px; min-height: 750px;} .popover-body {min-width: 200px;} .table i {font-size: 16px;} .sub-tr-bg {background-color: #E4F1FC;} .sub-tr-bg .table {background-color: #FFFFFF; font-size: 0.8rem;} #stat-div {font-size: 1.2rem;} /*.table .nav-link.dropdown-toggle::after, .btn.dropdown-toggle::after, .table .dropleft .dropdown-toggle::before {content: none;}*/ .table .dropdown {display: inline-block; font-size: 12px; line-height: 14px;} .table .dropdown a.dropdown-toggle {padding-top: 0; padding-bottom: 0; border-width: 0; line-height: 14px;} .table .dropdown a.dropdown-toggle i {font-size: 12px !important;} .uppercase {text-transform: uppercase;} .lowercase {text-transform: lowercase;} .kt-portlet .accordion-portlet {padding-top: 10px; padding-bottom: 10px;} #stat-div .badge {font-size: 100% !important; font-weight: bold;} .js .cd-h-timeline__container {height: 150px !important;} .js .cd-h-timeline__line {top: 80px !important;} .js .cd-h-timeline__date {font-size: 1.0em;} .js .cd-h-timeline__date .timeline-icon {font-size: 2.8em;} .js .cd-h-timeline__dates::before, .js .cd-h-timeline__dates::after {background:none !important;} .cd-h-timeline ol, .cd-h-timeline ul {list-style: none;} .delete-desc-btn {position: relative; top: 15px;} .del-funnel-link-btn, .del-disabled-date-btn, .del-time-slot-btn, .del-disabled-time-slot-btn, .del-passcode-btn {position: relative; top: 30px;} #product-addons-div .form-group.checkbox {margin-bottom: 0;} #menu-funnel-div p{color: white; font-size: 1.1rem;} #custom-fields-div .form-group {margin-top: 1rem; margin-bottom: 1rem;} .icon-after {margin-left: 0.2em;} .black {color:black;} #form-layout-div {min-height: 1000px; border-style: dotted !important;} .ui-selecting {background-color: #FECA40;} .ui-selected {background-color: #F39814; color:white;} .separator.separator-dashed {border-bottom: 1px dashed #ecf0f3;} .ui-sortable-handle, .move-region-btn {cursor: move;} .sortable .del-btn {cursor: pointer;} .sortable {font-size: 1.1rem;} .form-wrap.form-builder .frmb-control li::before {font-family: "formbuilder-icons", fb-icons !important;} .form-wrap.form-builder [class^=icon-]:before, .form-wrap.form-builder [class*=" icon-"]:before {font-family: "formbuilder-icons", fb-icons !important;} [class^="icon-"]::before, [class*=" icon-"]::before {font-family: "call" !important;} input:disabled, select:disabled, input:disabled::placeholder {color: lightgrey; cursor: not-allowed;} .formbuilder-text input, .formbuilder-select select, .formbuilder-textarea textarea {height: 34px; display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px;} .formbuilder-textarea textarea {height: auto;} .slider {background-color: #FFFFFF; padding: 23.5px; overflow-x: hidden; overflow-y: scroll; z-index: 10001 !important;} .slider-header {border-bottom-style: solid; border-bottom-color: #CCCCCC; border-bottom-width: 1px; position: fixed; top: 0; width: 100%; max-width: 990px; z-index:100; background-color: #FFFFFF; padding-top: 10px;} .slider-body {padding-top: 40px;} #form-settings-div {position: sticky; inset: 35px auto auto 1373.02px !important;} .form-wrap.form-builder .cb-wrap {position: sticky; inset: 35px auto auto 1373.02px !important;} #page-list-div {position: sticky; inset: 80px auto auto 1373.02px !important;} .form-builder-dialog {z-index: 10051 !important;} tr.modified td {background-color: lightyellow;} .btn-success i, .btn-danger i {color: #FFFFFF;} #edit-page-name-url-div label {font-weight: bold;} #funnel-name-edit-div {width: 100%} .colorpicker-bs-popover {z-index: 100002;} .ck-dropdown__panel {max-height: 400px;} .ck-list {overflow-y: auto;} .header-funnel-type-display {font-weight: bold; color: #0D5217;} #page-user-nav .active {background-color: #F3DFDF; color: red;} #add-point-form #payment-method-group-label {font-size: 1.2rem; font-weight: bold;} .file-drop-zone-title {padding: 25px 10px !important;} .file-drop-zone {min-height: 105px !important;} html a.dotted-underline, html a.dotted-underline:link, html a.dotted-underline:hover, html a.dotted-underline:focus, html a.dotted-underline:active {text-decoration:underline; text-decoration-style: dotted !important;} .select2-container--disabled .select2-selection--single {cursor: not-allowed;} .bg-top-right-circular-dark-blue {background: #5463A5; border-radius: 0px 40px 0px 0px;} .bg-right-circular-light-primary {background: var(--kt-primary-light); border-radius: 0px 40px 40px 0px;} .is-sidebar-button[data-title="HTML"] {display: none !important;} .img-btn {top: 5% !important; left: 98% !important;} #add-order-remark-btn-div {bottom: 50px; right: 50px;} /* make sure below font icons not overried by form builder */ .icon-pencil:before { content: '\e802' !important; } /* '' */ .icon-cancel:before { content: '\e804' !important; } /* '' */ .form-builder .icon-cancel::before {content: '\e80c' !important;} .form-builder .icon-pencil::before {content: '\e809' !important;} .col-md-6 .form-wrap.form-builder .frmb .form-elements .false-label, .col-md-8 .form-wrap.form-builder .frmb .form-elements .false-label, .col-md-6 .form-wrap.form-builder .frmb .form-elements label, .col-md-8 .form-wrap.form-builder .frmb .form-elements label {display: inline-block !important;} .form-field-settings-div, #form-field-settings-div {margin-bottom: 24px;} .form-field-settings-div .form-group, #form-field-settings-div .form-group {margin-bottom: 0;} .dropright .dropdown-toggle::after {border-top: 0.7em solid transparent; border-bottom: 0.7em solid transparent; border-left: 0.7em solid;} .editor-content-display {height: 120px; overflow-y: auto;} .polling-option-tbody .form-group {margin-bottom: 0;} .file-zoom-dialog {z-index: 100001;} .selectize-dropdown, .selectize-dropdown.form-control {z-index: 100000;} .inline-input {display: inline; width: auto;} .selectize-control.inline-input {display: inline-block;} /*.ck.ck-balloon-panel[class*="arrow_n"]::after {z-index: 100000 !important;}*/ .user-referrer-report-tier-1-bg {background-color: #FCF3CF;} .user-referrer-report-tier-2-bg {background-color: #D1F2EB;} .ele-name-input, .edit-ele-name-save-btn, .edit-ele-name-cancel-btn {height: 28px;} .rd-container {z-index: 1000;} .no-need-input-badge {background-color: #0095DA;} h3.kt-menu__heading {font-size: 1.2rem; padding: 0.5rem 1.2rem;} .dropzone .dz-preview .dz-image {width: auto !important; height: auto !important; margin-bottom: 20px;} .dropzone .dz-preview .dz-image img {max-width: 120px;} .dz-remove {position: relative; z-index: 10;} #add-sms-point-link {text-decoration: underline; text-decoration-style: dotted; color: white;} #connect-info-div {font-size: 1.5rem;} .text-edm {color: #871C20;} .btn-edm {background-color: #871C20; border-color: #871C20; color: #ffffff; } .text-sms {color: #63764B;} .btn-sms {background-color: #B6C5A2; border-color: #B6C5A2; color: #ffffff; } .btn-edm:hover, .btn-sms:hover {opacity:0.9;filter:alpha(opacity=90);} .table-bordered th.border-right-none, .table-bordered td.border-right-none {border-right: none !important;} .table-bordered th.border-left-none, .table-bordered td.border-left-none {border-left: none !important;} .dropzone .dz-preview .dz-remove {z-index: 30;} #search-session-div, #search-class-div {height: 170px; overflow-y: auto;} .form-register .steps li a .title .step-icon {background: #4fab40 !important; color: #fff !important;} .form-register .steps li a .step-text {color: #fff !important;} .th-tooltip {text-decoration: underline; text-decoration-style: dotted; cursor: pointer;} :root { --ck-z-default: 10000 !important; --ck-balloon-panel-arrow-z-index: 10000 !important; } .inline-minheight {min-height: 400px;} .avator {width: 105px; height: 105px;} .acct-card-toolbar {background-color: #3F4254;} .acct-prograss-bar-div {min-width: 200px;} table.dataTable thead th[data-is-resizable="true"] {border-style: solid; border-color: inherit;} div.dataTables_wrapper div.dataTables_processing {background-color: var(--kt-warning-light);} .table tr:first-child, .table th:first-child, .table td:first-child {padding-left: 0.75rem;} .card .rocket-header {background-image: url(/img/rocket-carousel/rocket.png); background-position: right; background-repeat: no-repeat; height: 132px;} .fancybox__content {padding: 10px;} .carousel-control-prev, .carousel-control-next {width: 5%;} #country-code, #tel-country-code {max-width: 130px;} .dataTables_length .form-select {width: auto; display: inline-block; vertical-align: middle; margin-left: 0.5rem !important; margin-right: 0.5rem !important; background-color: #ffffff !important; border: 1px solid #E4E6EF !important;} .dataTables_length .table-controls-page-size-select {display: inline-block; width: auto; vertical-align: middle; margin-left: 0.5rem !important; margin-right: 0.5rem !important;} .dataTables_length .table-controls-page-size-select-btn {display: inline-block; width: auto; min-width: 4rem; margin-left: 0.5rem !important; margin-right: 0.5rem !important; background-color: #ffffff !important; border: 1px solid #E4E6EF !important;} .ecomm-name-cell-updated { flex: 0 0 auto; min-width: 10.5rem; white-space: nowrap; text-align: left; } .ecomm-campaign-table .ecomm-name-cell-stats-group > * + * { margin-left: 2.5rem; } .ecomm-campaign-id-badge { font-size: 0.8rem; line-height: 1.1; padding: 0.25rem 0.45rem; cursor: default; letter-spacing: 0.02em; font-weight: 700; color: var(--bs-gray-700) !important; background-color: var(--bs-gray-200) !important; } .ecomm-campaign-id-copy-btn { color: #fff !important; opacity: 1; } .ecomm-campaign-id-copy-btn:hover, .ecomm-campaign-id-copy-btn:focus { color: #fff !important; opacity: 1; } .ecomm-campaign-id-copy-btn svg { display: block; } .ecomm-id-cell { padding-top: 0.1rem; } .ecomm-campaign-table td:has(.ecomm-id-cell) { vertical-align: top; } .ecomm-drip-recipients-table .table-responsive, .ecomm-drip-recipients-table .position-relative { overflow-x: visible; } .ecomm-drip-recipients-table .table { table-layout: fixed; width: 100%; min-width: 100% !important; } .ecomm-drip-recipients-table .table thead th { white-space: nowrap; vertical-align: middle; } .ecomm-drip-recipients-table .table tbody td { vertical-align: middle; overflow: hidden; } .ecomm-drip-recipients-table .drip-recipient-id-text { max-width: 100%; } @media (min-width: 768px) { .ecomm-drip-recipients-table.ecomm-campaign-table .table-responsive, .ecomm-drip-recipients-table.ecomm-campaign-table .position-relative { overflow-x: visible; } } /* Drip campaign status switch: stay in first summary band (not mid of expanded nodes) */ .ecomm-campaign-table td:has(.drip-campaign-status-cell) { vertical-align: top; } .ecomm-campaign-table .drip-campaign-status-cell { display: flex; align-items: center; min-height: 2.75rem; } .ecomm-campaign-table .drip-campaign-status-cell .campaign-status-wrapper.form-check { margin-bottom: 0 !important; flex-shrink: 0; } .ecomm-campaign-table .drip-campaign-status-cell .form-check-input.status-check { flex-shrink: 0; } .ecomm-campaign-table .drip-campaign-summary-row { min-height: 2.75rem; } .ecomm-name-cell-actions { flex: 0 0 auto; min-width: 5.75rem; width: auto; } .ecomm-name-cell-actions--dual { min-width: 6rem; } .ecomm-name-cell-actions .custom-action-toggle.btn.btn-icon { display: inline-flex; align-items: center; justify-content: center; } /* Metronic only colors .svg-icon / i inside outline buttons — force bare SVG icons too */ .btn.btn-outline.btn-outline-primary > svg, .btn.btn-outline.btn-outline-primary .svg-icon svg { color: var(--bs-primary); } .btn.btn-outline.btn-outline-primary > svg path, .btn.btn-outline.btn-outline-primary .svg-icon svg path { fill: var(--bs-primary) !important; } .btn.btn-outline.btn-outline-primary:hover:not(.btn-active):not(.disabled):not(:disabled) > svg path, .btn.btn-outline.btn-outline-primary:focus:not(.btn-active):not(.disabled):not(:disabled) > svg path, .btn.btn-outline.btn-outline-primary:active:not(.btn-active):not(.disabled):not(:disabled) > svg path, .btn.btn-outline.btn-outline-primary.show:not(.disabled):not(:disabled) > svg path, .btn.btn-outline.btn-outline-primary:hover:not(.btn-active):not(.disabled):not(:disabled) .svg-icon svg path, .btn.btn-outline.btn-outline-primary:focus:not(.btn-active):not(.disabled):not(:disabled) .svg-icon svg path, .btn.btn-outline.btn-outline-primary:active:not(.btn-active):not(.disabled):not(:disabled) .svg-icon svg path, .btn.btn-outline.btn-outline-primary.show:not(.disabled):not(:disabled) .svg-icon svg path { fill: currentColor !important; } .ecomm-name-cell-actions .btn.btn-icon, .ecomm-campaign-table .btn.btn-icon, .ecomm-drip-node-actions .btn.btn-icon, .ecomm-mobile-list-card .btn.btn-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; padding: 0; width: 2.375rem; height: 2.375rem; min-width: 2.375rem; line-height: 0; overflow: visible; color: var(--bs-primary) !important; } .ecomm-name-cell-actions .btn.btn-icon .svg-icon, .ecomm-campaign-table .btn.btn-icon .svg-icon, .ecomm-drip-node-actions .btn.btn-icon .svg-icon, .ecomm-mobile-list-card .btn.btn-icon .svg-icon { display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0; line-height: 0; color: inherit !important; } .ecomm-name-cell-actions .btn.btn-icon svg, .ecomm-campaign-table .btn.btn-icon svg, .ecomm-drip-node-actions .btn.btn-icon svg, .ecomm-mobile-list-card .btn.btn-icon svg { display: block; flex-shrink: 0; width: 18px; height: 18px; max-width: none; max-height: none; overflow: visible; color: inherit; } .ecomm-name-cell-actions .btn.btn-icon svg path, .ecomm-campaign-table .btn.btn-icon svg path, .ecomm-drip-node-actions .btn.btn-icon svg path, .ecomm-mobile-list-card .btn.btn-icon svg path { fill: var(--bs-primary) !important; } .ecomm-name-cell-actions .btn.btn-icon.disabled, .ecomm-name-cell-actions .btn.btn-icon:disabled, .ecomm-campaign-table .btn.btn-icon.disabled, .ecomm-campaign-table .btn.btn-icon:disabled, .ecomm-mobile-list-card .btn.btn-icon.disabled, .ecomm-mobile-list-card .btn.btn-icon:disabled { opacity: 0.45; pointer-events: none; cursor: not-allowed; } .ecomm-name-cell-actions .btn.btn-icon.disabled svg, .ecomm-name-cell-actions .btn.btn-icon:disabled svg, .ecomm-campaign-table .btn.btn-icon.disabled svg, .ecomm-campaign-table .btn.btn-icon:disabled svg, .ecomm-mobile-list-card .btn.btn-icon.disabled svg, .ecomm-mobile-list-card .btn.btn-icon:disabled svg { opacity: 1; } .ecomm-name-cell-toggle { flex: 0 0 2.5rem; width: 2.5rem; } @media (min-width: 768px) { .ecomm-campaign-table .table tbody td { font-size: 14px; } .ecomm-campaign-table .ecomm-name-cell__title { font-size: 15px; max-width: 100%; } .ecomm-campaign-table .ecomm-name-cell__subtitle { font-size: 12px; } .ecomm-campaign-table .ecomm-name-cell-stats-group .fz12, .ecomm-campaign-table .ecomm-name-cell-updated .fz12 { font-size: 12px; } .ecomm-campaign-table .campaign-record, .ecomm-campaign-table .campaign-record .ecomm-breakdown-item { font-size: 14px; } .ecomm-campaign-table .campaign-record .fz12 { font-size: 12px; } } .custom-action-dropdown { position: absolute; top: 100%; left: 0; z-index: 1050; min-width: 12.5rem; margin-top: 0.25rem; overflow: visible; background-color: var(--bs-body-bg, #fff); border: 1px solid var(--kt-gray-200); border-radius: 0.475rem; box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15); padding: 0.5rem 0; } .custom-action-dropdown--portal { position: fixed !important; z-index: 1065; transform: none !important; margin: 0 !important; right: auto !important; bottom: auto !important; visibility: hidden; /* top/left set by JS only — do not pin to 0 or inset:auto */ } .custom-action-dropdown--portal.is-positioned { visibility: visible; } .ecomm-campaign-table .ecomm-name-cell-actions .btn.btn-outline-primary:hover:not(.disabled):not(:disabled), .ecomm-campaign-table .ecomm-name-cell-actions .btn.btn-outline-primary:focus:not(.disabled):not(:disabled), .ecomm-campaign-table .ecomm-name-cell-actions .btn.btn-outline-primary:active:not(.disabled):not(:disabled), .ecomm-campaign-table .ecomm-name-cell-actions .btn.btn-outline-primary.show:not(.disabled):not(:disabled), .ecomm-name-cell-actions .btn.btn-outline-primary:hover:not(.disabled):not(:disabled), .ecomm-name-cell-actions .btn.btn-outline-primary:focus:not(.disabled):not(:disabled), .ecomm-name-cell-actions .btn.btn-outline-primary:active:not(.disabled):not(:disabled), .ecomm-name-cell-actions .btn.btn-outline-primary.show:not(.disabled):not(:disabled), .ecomm-campaign-table .btn.btn-outline-primary:hover:not(.disabled):not(:disabled), .ecomm-campaign-table .btn.btn-outline-primary:focus:not(.disabled):not(:disabled), .ecomm-campaign-table .btn.btn-outline-primary:active:not(.disabled):not(:disabled), .ecomm-campaign-table .btn.btn-outline-primary.show:not(.disabled):not(:disabled), .ecomm-mobile-list-card .btn.btn-outline-primary:hover:not(.disabled):not(:disabled), .ecomm-mobile-list-card .btn.btn-outline-primary:focus:not(.disabled):not(:disabled), .ecomm-mobile-list-card .btn.btn-outline-primary:active:not(.disabled):not(:disabled), .ecomm-mobile-list-card .btn.btn-outline-primary.show:not(.disabled):not(:disabled) { color: #fff !important; background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; } .ecomm-campaign-table .ecomm-name-cell-actions .btn.btn-outline-primary:hover:not(.disabled):not(:disabled) svg, .ecomm-campaign-table .ecomm-name-cell-actions .btn.btn-outline-primary:focus:not(.disabled):not(:disabled) svg, .ecomm-campaign-table .ecomm-name-cell-actions .btn.btn-outline-primary:active:not(.disabled):not(:disabled) svg, .ecomm-campaign-table .ecomm-name-cell-actions .btn.btn-outline-primary.show:not(.disabled):not(:disabled) svg, .ecomm-name-cell-actions .btn.btn-outline-primary:hover:not(.disabled):not(:disabled) svg, .ecomm-name-cell-actions .btn.btn-outline-primary:focus:not(.disabled):not(:disabled) svg, .ecomm-name-cell-actions .btn.btn-outline-primary:active:not(.disabled):not(:disabled) svg, .ecomm-name-cell-actions .btn.btn-outline-primary.show:not(.disabled):not(:disabled) svg, .ecomm-campaign-table .btn.btn-outline-primary:hover:not(.disabled):not(:disabled) svg, .ecomm-campaign-table .btn.btn-outline-primary:focus:not(.disabled):not(:disabled) svg, .ecomm-campaign-table .btn.btn-outline-primary:active:not(.disabled):not(:disabled) svg, .ecomm-campaign-table .btn.btn-outline-primary.show:not(.disabled):not(:disabled) svg, .ecomm-mobile-list-card .btn.btn-outline-primary:hover:not(.disabled):not(:disabled) svg, .ecomm-mobile-list-card .btn.btn-outline-primary:focus:not(.disabled):not(:disabled) svg, .ecomm-mobile-list-card .btn.btn-outline-primary:active:not(.disabled):not(:disabled) svg, .ecomm-mobile-list-card .btn.btn-outline-primary.show:not(.disabled):not(:disabled) svg { color: #fff !important; } .ecomm-campaign-table .ecomm-name-cell-actions .btn.btn-outline-primary:hover:not(.disabled):not(:disabled) svg path, .ecomm-campaign-table .ecomm-name-cell-actions .btn.btn-outline-primary:focus:not(.disabled):not(:disabled) svg path, .ecomm-campaign-table .ecomm-name-cell-actions .btn.btn-outline-primary:active:not(.disabled):not(:disabled) svg path, .ecomm-campaign-table .ecomm-name-cell-actions .btn.btn-outline-primary.show:not(.disabled):not(:disabled) svg path, .ecomm-name-cell-actions .btn.btn-outline-primary:hover:not(.disabled):not(:disabled) svg path, .ecomm-name-cell-actions .btn.btn-outline-primary:focus:not(.disabled):not(:disabled) svg path, .ecomm-name-cell-actions .btn.btn-outline-primary:active:not(.disabled):not(:disabled) svg path, .ecomm-name-cell-actions .btn.btn-outline-primary.show:not(.disabled):not(:disabled) svg path, .ecomm-campaign-table .btn.btn-outline-primary:hover:not(.disabled):not(:disabled) svg path, .ecomm-campaign-table .btn.btn-outline-primary:focus:not(.disabled):not(:disabled) svg path, .ecomm-campaign-table .btn.btn-outline-primary:active:not(.disabled):not(:disabled) svg path, .ecomm-campaign-table .btn.btn-outline-primary.show:not(.disabled):not(:disabled) svg path, .ecomm-mobile-list-card .btn.btn-outline-primary:hover:not(.disabled):not(:disabled) svg path, .ecomm-mobile-list-card .btn.btn-outline-primary:focus:not(.disabled):not(:disabled) svg path, .ecomm-mobile-list-card .btn.btn-outline-primary:active:not(.disabled):not(:disabled) svg path, .ecomm-mobile-list-card .btn.btn-outline-primary.show:not(.disabled):not(:disabled) svg path { fill: #fff !important; } .custom-menu-item { padding: 0.5rem 1rem; cursor: pointer; color: var(--kt-gray-800); white-space: nowrap; } .custom-menu-item:hover { background-color: var(--kt-gray-100); } .custom-menu-item a { color: inherit; text-decoration: none; } .custom-delete-item, .custom-menu-item.dropdown-item-delete { color: var(--bs-danger, #f1416c); } .custom-action-dropdown .custom-menu-item.edm-delete-item-disabled { color: var(--bs-gray-500); background-color: var(--kt-gray-100); cursor: not-allowed; } .custom-action-dropdown .custom-menu-item.edm-delete-item-disabled:hover { background-color: var(--kt-gray-100); cursor: not-allowed; } .custom-action-dropdown .custom-menu-item.edm-delete-item-disabled .disabled { color: var(--bs-gray-500) !important; opacity: 1; cursor: not-allowed; } .custom-submenu:not(.ecomm-action-submenu-inline) { position: absolute; left: 100%; top: 0; z-index: 1051; min-width: 12.5rem; margin-left: 0.25rem; background-color: var(--bs-body-bg, #fff); border: 1px solid var(--kt-gray-200); border-radius: 0.475rem; box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15); padding: 0.5rem 0; } @media (min-width: 768px) { .ecomm-campaign-table .mail-sent-sub__num, .ecomm-campaign-table .broadcast-sent-sub__num { flex-shrink: 0; white-space: nowrap; } .ecomm-drip-node-table th.text-nowrap, .ecomm-drip-node-table td.text-nowrap { min-width: 5.5rem; } .ecomm-drip-campaign-breakdown-table { table-layout: fixed; width: 85%; } .ecomm-drip-breakdown-table--full { width: 100%; } .ecomm-drip-breakdown-skin { --bs-table-bg: #ffffff; --bs-table-hover-bg: #ffffff; --bs-table-striped-bg: #ffffff; --bs-table-active-bg: #ffffff; --bs-table-border-color: #cfd6df; border: 1px solid #cfd6df !important; border-radius: 0.65rem; border-collapse: separate !important; border-spacing: 0; overflow: hidden; box-shadow: 0 0 0 1px #cfd6df; } .ecomm-drip-breakdown-skin thead th { background-color: #eef1f5; border-bottom: 1px solid #cfd6df !important; } .ecomm-drip-breakdown-skin > :not(caption) > * > * { border-color: #e4e8ee; } .ecomm-drip-breakdown-skin > :not(caption) > *:first-child > * { border-top: 0; } .ecomm-drip-breakdown-skin > :not(caption) > *:last-child > * { border-bottom: 0; } .ecomm-drip-breakdown-skin > :not(caption) > * > *:first-child { border-left: 0; } .ecomm-drip-breakdown-skin > :not(caption) > * > *:last-child { border-right: 0; } .ecomm-drip-breakdown-skin.table-hover > tbody > tr:hover > * { --bs-table-bg-state: #ffffff; --bs-table-color-state: inherit; box-shadow: none; } /* LINE tag-trigger nodes table only: pull header text off the left border */ .ecomm-line-drip-breakdown.table thead th:first-child { padding-left: 1.25rem !important; } .ecomm-drip-campaign-breakdown-table th:first-child, .ecomm-drip-campaign-breakdown-table td:first-child { width: 4.5rem; } .ecomm-drip-campaign-breakdown-table th:nth-child(3), .ecomm-drip-campaign-breakdown-table td:nth-child(3) { width: 9rem; } .ecomm-drip-campaign-breakdown-table th:nth-child(4), .ecomm-drip-campaign-breakdown-table td:nth-child(4) { width: 4.5rem; } .ecomm-drip-campaign-breakdown-table th:nth-child(5), .ecomm-drip-campaign-breakdown-table td:nth-child(5) { width: 7rem; } .ecomm-drip-campaign-breakdown-table .btn.btn-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; padding: 0; width: 2rem; height: 2rem; min-width: 2rem; line-height: 0; overflow: visible; } .ecomm-drip-campaign-breakdown-table .btn.btn-icon svg { display: block; flex-shrink: 0; width: 16px; height: 16px; max-width: none; max-height: none; overflow: visible; } .ecomm-drip-node-index-app .ecomm-drip-node-table th, .ecomm-drip-node-index-app .ecomm-drip-node-table td { padding-top: 0.5rem; padding-bottom: 0.5rem; vertical-align: middle; } .ecomm-drip-node-index-app .ecomm-drip-node-delay-row--table { gap: 0.375rem; } .ecomm-drip-node-index-app .ecomm-drip-node-delay-row--table .ecomm-drip-node-delay-mode, .ecomm-drip-node-index-app .ecomm-drip-node-delay-row--table .ecomm-drip-node-delay-unit-wrap { flex-shrink: 0; } .ecomm-drip-node-index-app .ecomm-drip-node-delay-row--table .ecomm-drip-delay-mode-select { width: auto; min-width: 7.5rem; padding-top: 0.35rem; padding-bottom: 0.35rem; padding-left: 0.5rem; padding-right: 1.75rem; } .ecomm-drip-node-index-app .ecomm-drip-node-delay-row--table .ecomm-drip-delay-unit-select { width: auto; min-width: 5.75rem; padding-top: 0.35rem; padding-bottom: 0.35rem; padding-left: 0.5rem; padding-right: 1.75rem; } .ecomm-drip-node-index-app .ecomm-drip-node-delay-row--table .ecomm-drip-delay-qty { width: 3.25rem; max-width: 3.25rem; padding-top: 0.35rem; padding-bottom: 0.35rem; padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; } .ecomm-drip-node-index-app .card.min-w-0, .ecomm-drip-node-index-app .card-body { overflow: visible; } .ecomm-drip-node-index-app .ecomm-drip-node-table .table-responsive, .ecomm-drip-node-index-app .ecomm-drip-node-table .position-relative { overflow-x: auto; overflow-y: visible; } .ecomm-drip-node-index-app .ecomm-drip-node-table .table tbody td:has(.ecomm-drip-node-action-dropdown), .ecomm-drip-node-index-app .ecomm-drip-node-table .table tbody td:has(.ecomm-drip-node-actions) { overflow: visible; } .ecomm-drip-node-index-app .ecomm-drip-node-action-dropdown.is-open { z-index: 100; } .ecomm-drip-node-actions .btn.btn-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; padding: 0; width: 2.375rem; height: 2.375rem; min-width: 2.375rem; line-height: 0; overflow: visible; } .ecomm-drip-node-actions .btn.btn-icon svg { display: block; flex-shrink: 0; width: 18px; height: 18px; color: var(--bs-primary); } .ecomm-drip-node-actions .btn.btn-icon svg path { fill: currentColor !important; } .ecomm-drip-node-actions .btn.btn-outline-primary:hover:not(.disabled):not(:disabled), .ecomm-drip-node-actions .btn.btn-outline-primary:focus:not(.disabled):not(:disabled), .ecomm-drip-node-actions .btn.btn-outline-primary:active:not(.disabled):not(:disabled), .ecomm-drip-node-actions .btn.btn-outline-primary.show:not(.disabled):not(:disabled) { color: #fff !important; background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; } .ecomm-drip-node-actions .btn.btn-outline-primary:hover:not(.disabled):not(:disabled) svg, .ecomm-drip-node-actions .btn.btn-outline-primary:focus:not(.disabled):not(:disabled) svg, .ecomm-drip-node-actions .btn.btn-outline-primary:active:not(.disabled):not(:disabled) svg, .ecomm-drip-node-actions .btn.btn-outline-primary.show:not(.disabled):not(:disabled) svg { color: #fff !important; } .ecomm-drip-node-action-menu.custom-action-dropdown { position: fixed; margin-top: 0; z-index: 1065; } .ecomm-drip-node-drag-handle { touch-action: none; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-desktop-cluster { min-width: 0; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-desktop-cluster::-webkit-scrollbar { height: 4px; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-name-block { flex: 0 0 300px; width: 300px; min-width: 300px; max-width: 300px; display: flex; flex-direction: column; justify-content: center; gap: 0.1rem; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-name-row { flex-wrap: nowrap; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-name-trigger { color: #979797; border-bottom: 1px dashed transparent; cursor: pointer; transition: border-color 0.15s ease; max-width: 100%; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-name-trigger:hover { border-bottom-color: #98a2b3; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-name, .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-desktop-cluster .ellipsis { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-name-input { min-width: 280px; max-width: 70vw; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-desktop { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; min-height: 0; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-tags { flex: 0 0 auto; min-width: 0; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-tags--trigger { flex: 0 0 150px; width: 150px; min-width: 150px; max-width: 150px; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-tags--finishing { flex: 0 0 auto; width: max-content; max-width: none; min-width: 0; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-tags-label { white-space: nowrap; overflow: visible; text-overflow: unset; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-tags-title { margin-bottom: 0.15rem; gap: 0.5rem !important; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-section-label { margin-bottom: 0.15rem; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-tag { max-width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.875rem !important; line-height: 1.35; padding: 0.3rem 0.55rem; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-edit-btn { flex-shrink: 0; width: 1.15rem; height: 1.15rem; line-height: 1; margin: 0; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-edit-btn:hover, .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-edit-btn:focus-visible { color: #5463A5 !important; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-settings-badge { flex-shrink: 0; font-size: 0.75rem !important; font-weight: 600; line-height: 1.2; padding: 0.15rem 0.45rem; margin-left: 0.15rem; background-color: #fff !important; color: #5E6278 !important; border: 1px solid #B5B5C3 !important; border-radius: 0.25rem !important; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-settings-badge:hover, .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-settings-badge:focus-visible { background-color: #F9F9F9 !important; color: #3F4254 !important; border-color: #A1A5B7 !important; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-tags-value { min-height: 1.35rem; margin-top: 0; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-right { gap: 2rem; padding-right: 0; margin-left: auto; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-status { display: flex; align-items: center; gap: 0.5rem; flex-wrap: nowrap; min-width: 0; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-status .form-check.form-switch { padding-left: 0; margin-bottom: 0; min-height: 0; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-status .form-check-input { margin-left: 0; float: none; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-status .form-switch .form-check-input:not(:checked) { background-color: #E1E3EA !important; border-color: #E1E3EA !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e") !important; background-position: left center !important; background-repeat: no-repeat !important; opacity: 1 !important; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-subscribed { min-width: 4.5rem; margin-left: 0; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-subscribed-badge { background-color: var(--bs-gray-200, #F1F1F2) !important; color: #5E6278 !important; border: 1px solid #E1E3EA; min-width: 2rem; justify-content: center; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-meta { min-width: 0; } .ecomm-drip-node-index-app .ecomm-drip-sender-reply .form-check { padding-left: 0 !important; margin-left: 0 !important; } .ecomm-drip-node-index-app .ecomm-drip-sender-reply .form-check-input { margin-left: 0 !important; float: none; } .ecomm-drip-node-index-app .ecomm-drip-tagify-field, .ecomm-drip-node-index-app .ecomm-drip-tagify-field + .tagify, .dashboard-2\.0 .ecomm-drip-tagify-field, .dashboard-2\.0 .ecomm-drip-tagify-field + .tagify { background-color: #E4E6EF !important; border-color: #C4CADA !important; } .dashboard-2\.0 .ecomm-drip-tagify-field + .tagify .tagify__input { color: #3F4254; } } .primary-plan {background-color: rgba(240,242,253, 0.7) !important;} .plan-footer {height: 45px;} .select2-container .select2-selection--single {height: auto;} .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {color: inherit;} #payment-method-div .form-check {margin-bottom: 1.2rem;} .plan-figure {color: #00ABE6;} .dotted-line-bg {position: relative; top: 23px; border-style: dashed; border-width: 1px; border-color: #979797;} .dotted-line-content {position: relative; z-index: 1;} .bg-d-shaped-primary {background: #5463A5; border-radius: 0px 50px 50px 0px;} .screenplay-desc-div {height: 180px; overflow-y: scroll;} .screenplay-badge {position: relative; bottom: 12px;} #rules-div .card-header {min-height: inherit;} #advanced-search-card-header {min-height: 40px;} .trapezoid { background-repeat: no-repeat; /* Sets the background size of each of three shapes individually */ background-size: 20px 100%, 20px 100%, calc(100% - 40px) 100%; /* Sets the background position of each of three shapes individually */ background-position: 0 0, 100% 0, 20px 0; } #trapezoid-1 { background-image: linear-gradient(to top right, transparent 50%, var(--bs-primary) 50%), /* draws left part */ linear-gradient(to top left, transparent 50%, var(--bs-primary) 50%), /* draws right part */ linear-gradient(to right, var(--bs-primary), var(--bs-primary)); /* draws central flat part */ } #chapter-badge-1 {background-color: var(--bs-primary) !important;} #trapezoid-2 { background-image: linear-gradient(to top right, transparent 50%, #7682B7 50%), /* draws left part */ linear-gradient(to top left, transparent 50%, #7682B7 50%), /* draws right part */ linear-gradient(to right, #7682B7, #7682B7); /* draws central flat part */ width:calc(100% - 40px); } #chapter-badge-2 {background-color: #7682B7 !important;} #trapezoid-3 { background-image: linear-gradient(to top right, transparent 50%, #BBC1DB 50%), /* draws left part */ linear-gradient(to top left, transparent 50%, #BBC1DB 50%), /* draws right part */ linear-gradient(to right, #BBC1DB, #BBC1DB); /* draws central flat part */ width:calc(100% - 80px); } #chapter-badge-3 {background-color: #BBC1DB !important;} .page-preview-img-div {height: 500px; overflow-y: scroll;} .table .nav-link.dropdown-toggle::after, .btn.dropdown-toggle::after, .table .dropleft .dropdown-toggle::before {content: none;} .table .dropdown {display: inline-block; line-height: 14px;} .table .dropdown a.dropdown-toggle {padding-top: 0; padding-bottom: 0; border-width: 0; line-height: 14px;} .funnel-status[data-status="EDT"], .user-status[data-status="IMP"] {background-color: #EDEDED; color: #979797;} .symbol-label.funnel-status[data-status="EDT"], .symbol-label.user-status[data-status="IMP"] {background-color: #979797;} .funnel-status[data-status="SCH"] {background-color: #E8ECFC; color: #5463A5;} .symbol-label.funnel-status[data-status="SCH"] {background-color: #5463A5;} .funnel-status[data-status="EXE"] {background-color: #D7F9EF; color: #0BB783;} .symbol-label.funnel-status[data-status="EXE"] {background-color: #0BB783;} .funnel-status[data-status="CLS"] {background-color: rgba(151, 158, 189, 0.5); color: #3F4254;} .symbol-label.funnel-status[data-status="CLS"] {background-color: #3F4254;} .funnel-status[data-status="ACC"] {background-color: #FFE2E5; color: #F0762F;} .symbol-label.funnel-status[data-status="ACC"] {background-color: #F0762F;} .fnl-info {color: #3F4254;} .fnl-info .has-in-color, .fnl-info .has-out-color {color: #B5B5C3;} .fnl-info.has-in .has-in-color {color: #5463A5;} .fnl-info.has-out .has-out-color {color: #5463A5;} .fnl-info .has-link {color: #5463A5;} .user-status[data-status="HOC"] {background-color: rgba(109, 207, 246, 0.3); color: #6DCFF6;} .user-status[data-status="SAC"] {background-color: #E8ECFC; color: #5463A5;} .user-status[data-status="LINE"] {background-color: var(--bs-success); color: white;} .bg-sales-icon {background-color: rgba(0, 171, 230, 0.5) !important;} .border-sales {border-color: rgba(0, 171, 230, 0.5) !important;} .tippy-box[data-theme~='primary'] {background-color: var(--bs-primary); color: white;} .tippy-box[data-theme~='primary'][data-placement^='top'] > .tippy-arrow::before {border-top-color: var(--bs-primary);} .tippy-box[data-theme~='primary'][data-placement^='bottom'] > .tippy-arrow::before {border-bottom-color: var(--bs-primary);} .tippy-box[data-theme~='primary'][data-placement^='left'] > .tippy-arrow::before {border-left-color: var(--bs-primary);} .tippy-box[data-theme~='primary'][data-placement^='right'] > .tippy-arrow::before {border-right-color: var(--bs-primary);} .cursor-grab {cursor: grab;} #funnel-active-div {margin-bottom: 0 !important;} .bg-blue-900 {background-color: #313751;} .bg-blue-800 {background-color: #434F84;} .bg-blue-700 {background-color: #5463A5;} .rounded-40px {border-radius: 40px;} .rounded-start-40px {border-top-left-radius: 40px; border-bottom-left-radius: 40px;} .rounded-end-40px {border-top-right-radius: 40px; border-bottom-right-radius: 40px;} .bg-strategy-summary {background-color: rgba(232, 236, 252, 0.4);} .tagify.form-control-sm {padding-left: 1rem; padding-right: 1rem;} .mb-3.mb-0 {margin-bottom: 0 !important;} .conversion-preview-btn {position: fixed; right: 30px; bottom: 90px; z-index: 1000;} .vertical-menu-item:hover, .vertical-menu-item.active {background-image: url(/img/platform-settings-vertical-active.png);background-size: contain; background-repeat: no-repeat; background-position: center;} .no-image-div {width: 100%; height: 500px;} .bg-upload {background-color: #ADADAD;} .max-4-lines {max-height: 80px; overflow-y: hidden; text-overflow: ellipsis;} .edm-status-badge, .sms-status-badge, .line-status-badge, .whatsapp-status-badge {border-width: 1px; border-style: solid;} .edm-status-badge[data-status="D"], .sms-status-badge[data-status="D"], .line-status-badge[data-status="D"], .whatsapp-status-badge[data-status="D"] {border-color: var(--bs-gray-500); color: var(--bs-gray-500);} .edm-status-badge[data-status="S"], .sms-status-badge[data-status="S"], .line-status-badge[data-status="S"], .whatsapp-status-badge[data-status="S"] {border-color: var(--bs-success); color: var(--bs-success);} .edm-status-badge[data-status="R"], .sms-status-badge[data-status="R"], .line-status-badge[data-status="R"], .whatsapp-status-badge[data-status="R"] {border-color: var(--bs-primary); color: var(--bs-primary);} .whatsapp-template-status-badge {border-width: 1px; border-style: solid;} .whatsapp-template-status-badge[data-status="APPROVED"] {border-color: var(--bs-success); color: var(--bs-success);} .whatsapp-template-status-badge[data-status="PENDING"], .whatsapp-template-status-badge[data-status="IN_APPEAL"] {border-color: var(--bs-warning); color: var(--bs-warning);} .whatsapp-template-status-badge[data-status="REJECTED"] {border-color: var(--bs-danger); color: var(--bs-danger);} .whatsapp-template-status-badge.cursor-help {cursor: help;} .whatsapp-template-status-badge[data-status="PAUSED"], .whatsapp-template-status-badge[data-status="DISABLED"], .whatsapp-template-status-badge[data-status="UNKNOWN"] {border-color: var(--bs-gray-500); color: var(--bs-gray-500);} #whatsapp-create-template-drawer { display: flex; flex-direction: column; height: 100%; max-height: 100vh; overflow: hidden; } #whatsapp-create-template-drawer .whatsapp-template-create-drawer-card { height: 100%; max-height: 100%; min-height: 0; overflow: hidden; } #whatsapp-create-template-drawer .whatsapp-template-create-drawer-body { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } #whatsapp-create-template-drawer .whatsapp-template-settings-card { position: sticky; top: 0.5rem; } #whatsapp-create-template-drawer .whatsapp-template-create-preview-panel { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; } #whatsapp-create-template-drawer .whatsapp-template-create-preview-wrap { position: relative; } #whatsapp-create-template-drawer .whatsapp-template-create-preview { position: relative; width: 100%; max-width: 320px; margin: 0 auto; } #whatsapp-create-template-drawer .form-label { margin-bottom: 0.5rem; } @media (min-width: 992px) { #whatsapp-create-template-drawer .sticky-lg-top { top: 0.5rem; } #whatsapp-create-template-drawer .whatsapp-template-create-preview-panel { margin-left: auto; margin-right: auto; } } .border-cyan {border-color: var(--bs-cyan) !important;} .border.form-check-inline.active {border-color: var(--bs-primary) !important;} .text-cyan {color: var(--bs-cyan) !important;} .esdev-settings-tabs.nav {display: inherit;} .esdev-library-wrapper .nav li {flex-basis: 0; flex-grow: 1;text-align: center;} table.dataTable > thead .sorting::after, table.dataTable > thead .sorting_asc::after, table.dataTable > thead .sorting_desc::after, table.dataTable > thead .sorting_asc_disabled::after, table.dataTable > thead .sorting_desc_disabled::after {content: "";} html, body {font-size: 12px;} .card .pic {position: relative; overflow: hidden; height: 0; padding-bottom: 66.66667%;} .card .pic .card-img-top {border-radius: 0; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; object-fit: cover;} .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {font-size: 1.1rem;} .kt-subheader .kt-subheader__main {min-width: 450px;} .kt-subheader .kt-subheader__main .kt-subheader__title {font-size: 2rem; font-weight: bold; color: blue;} .kt-aside__brand {padding: 0 5px;} .ps > .ps__rail-x, .ps > .ps__rail-y {opacity: 0.6;} .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon i {font-size:2.5rem; font-weight: bold} .kt-notification .kt-notification__item::after {content: none;} .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link.disabled {cursor: not-allowed !important;} .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link.disabled .kt-menu__link-icon {color: #3a3a5d;} .kt-header--fixed .kt-header {left: 0;} .kt-header__topbar .kt-header__topbar-item--customer .kt-header__topbar-icon {width: 130px;} /*.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon {width: 100px;}*/ /* 頁面編輯器：避免 iframe 與 wrapper 疊加 100vh 造成整頁外層捲軸；高度由 page_editor.php / one_page_website.php 依視窗計算 */ .page-editor-layout { display: flex; flex-direction: column; min-height: 0; } .page-editor-layout > .page-editor-iframe-wrapper { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; box-sizing: border-box; } .page-editor-layout > .page-editor-iframe-wrapper > iframe { flex: 1 1 auto; min-height: 0; width: 100%; height: 70vh; border: none; display: block; box-sizing: border-box; } #form-components-drawer.follow-up-drawer { overflow: hidden; } #form-components-drawer.follow-up-drawer > .card { overflow: hidden; } #form-components-drawer.follow-up-drawer .card-header { position: sticky; top: 0; z-index: 10; background: #fff; } #form-components-drawer.follow-up-drawer .card-header.card-header-flow { position: static; z-index: auto; } #form-components-drawer-content { min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #b5b5c3 #f1f1f4; } #form-components-drawer-content::-webkit-scrollbar { width: 8px; } #form-components-drawer-content::-webkit-scrollbar-track { background: #f1f1f4; } #form-components-drawer-content::-webkit-scrollbar-thumb { background: #b5b5c3; border-radius: 4px; } #form-components-drawer-content::-webkit-scrollbar-thumb:hover { background: #a1a5b7; } /* 頁面編輯器：header 下拉選單需高於 iframe（iframe 會建立獨立合成層） */ #kt_app_main:has(.page-editor-view) #edit-funnel-header { position: relative; z-index: 200; } #kt_app_main:has(.page-editor-view) .page-editor-layout > .page-editor-iframe-wrapper { position: relative; z-index: 1; } /* 頁面編輯器：抽屜開啟時 header 回到文件流，清掉 dashboard.css 的補償 margin，避免雙重留白 */ #kt_app_main:has(#form-components-drawer.follow-up-drawer.drawer-on) .edit-pg-fixed-area.page-editor-layout { margin-top: 0 !important; } /* 頂欄帳戶切換 / 用戶選單開啟時需高於 funnel edit header（z-index 200），否則選單被遮住 */ /* .open：Safari 在 mousedown 會先失焦導致 :focus-within 失效，需用 class 維持層級直到 click 完成 */ body:has( #kt_app_header .app-navbar .css-dropdown:focus-within, #kt_app_header .app-navbar .css-dropdown.open, #kt_app_header #kt_header_user_menu_toggle .menu.show, #kt_app_header #kt_header_user_menu_toggle [data-kt-menu-trigger].show, .menu.menu-sub-dropdown.w-275px.show ) #kt_app_header { z-index: 250; } /* Safari：dashboard.css 僅用 :focus-within 顯示帳戶選單；mousedown 失焦後選單消失且點擊落到下方 toolbar */ #kt_app_header .app-navbar .css-dropdown.open .css-dropdown-menu-account, #kt_app_header .app-navbar .css-dropdown:focus-within .css-dropdown-menu-account { display: block; background: #fff; pointer-events: auto; } #kt_app_header .app-navbar .css-dropdown.open .css-dropdown-btn .css-dropdown-arrow, #kt_app_header .app-navbar .css-dropdown:focus-within .css-dropdown-btn .css-dropdown-arrow { transform: rotate(180deg); } @media (min-width: 992px) { #kt_app_header .no-aside-header-brand-logo { height: 35px; width: auto; max-width: 150px; object-fit: contain; } } @media (max-width: 767.98px) { #kt_app_header .plan-status-badge .hover-show { display: none !important; } #kt_app_header .no-aside-logo-div img { max-width: 35px; } } /* fnl-pageheader — shared funnel edit pages (strategies, hooks, page editor, reports, etc.) */ #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader.position-fixed.edit-pg { z-index: 200 !important; position: fixed !important; --fnl-pageheader-gap-bg: color-mix(in srgb, #4C577D 7%, var(--kt-app-bg-color, #f5f8fa)); --fnl-pageheader-gap-line: color-mix(in srgb, #4C577D 14%, var(--kt-app-bg-color, #f5f8fa)); border-top-color: var(--fnl-pageheader-gap-line) !important; border-bottom: 1px solid var(--fnl-pageheader-gap-line) !important; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader.position-fixed.edit-pg::before { content: ''; position: absolute; inset: 0; background-color: var(--fnl-pageheader-gap-bg); border-radius: inherit; pointer-events: none; z-index: 0; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg):has(.follow-up-drawer.drawer-on) .fnl-pageheader.position-fixed.edit-pg, #kt_app_main:has(.edit-funnel-strategies-view .drawer.drawer-end.drawer-on) .fnl-pageheader.position-fixed.edit-pg { position: static !important; z-index: 1 !important; } @media (max-width: 991.98px) { body:has(#kt_app_sidebar.drawer-on) #kt_app_main:has(.page-editor-view) #edit-funnel-header { z-index: 1 !important; } body:has(#kt_app_sidebar.drawer-on) #kt_app_main:has(.fnl-pageheader.position-fixed) .fnl-pageheader.position-fixed { position: static !important; z-index: 1 !important; } body:has(#kt_app_sidebar.drawer-on) #kt_app_sidebar.app-sidebar.drawer-on { z-index: 210 !important; } body:has(#kt_app_sidebar.drawer-on) .drawer-overlay { z-index: 205 !important; } body:has(#kt_app_sidebar.drawer-on) #kt_app_main:has(.release-view) .fnl-pageheader .edm-card, body:has(#kt_app_sidebar.drawer-on) #kt_app_main:has(.release-view) .fnl-pageheader .sms-card, body:has(#kt_app_sidebar.drawer-on) #kt_app_main:has(.release-view) .fnl-pageheader .mms-card { display: none !important; } } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .pageheader, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar { overflow: visible !important; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .position-absolute.top-100, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .css-dropdown-more-menu.show, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .toolbar-card, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .dropdown-menu.show, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .z-1050 { z-index: 210 !important; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar > .d-flex.align-items-center.gap-1 > .position-relative { overflow: visible; } @media (min-width: 992px) { #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) #kt_app_header_wrapper .page-title { position: relative; z-index: 0; } } /* edit_funnel_strategies mobile layout */ #kt_app_content_container:has(#edit-funnel-strategies-app) > .page-title, #kt_app_content_container:has(#edit-funnel-header) > .page-title, #kt_app_content_container:has(#funnel-accumulated-users) > .page-title, #kt_app_content_container:has(#funnel-report) > .page-title { margin-top: var(--fnl-pageheader-height, 52px); margin-bottom: 0.75rem !important; } #edit-funnel-strategies-app .edit-pg-fixed-area { margin-top: 0 !important; } #kt_app_content_container:has(#edit-product) .edit-pg-fixed-area { margin-top: var(--edit-product-header-height, var(--fnl-pageheader-height, 52px)) !important; } #kt_app_main:has(#edit-product) .fnl-pageheader.position-fixed.edit-product { z-index: 200 !important; position: fixed !important; top: var(--bs-app-header-height, 60px) !important; box-sizing: border-box; } @media (min-width: 992px) { #kt_app_main:has(#edit-product) .fnl-pageheader.position-fixed.edit-product { left: var(--bs-app-sidebar-width, var(--kt-app-sidebar-width, 265px)) !important; right: 0 !important; width: auto !important; max-width: none; } } @media (max-width: 991.98px) { #kt_app_main:has(#edit-product) .fnl-pageheader.position-fixed.edit-product { left: 0 !important; right: 0 !important; width: 100% !important; max-width: 100vw; } [data-kt-app-header-fixed="true"] #kt_app_content_container:has(#edit-product) { padding-top: 0 !important; } #kt_app_content_container:has(#edit-product) > .page-title { display: flex !important; margin-top: var(--fnl-pageheader-sticky-top, calc(var(--bs-app-header-height, 60px) + var(--edit-product-header-height, var(--fnl-pageheader-height, 120px)))) !important; margin-bottom: 0.75rem !important; } #kt_app_main:has(#edit-product) .fnl-pageheader.position-fixed.edit-product { top: var(--bs-app-header-height, 60px) !important; } #kt_app_content_container:has(#edit-product) #edit-product { padding-top: 0 !important; } #kt_app_content_container:has(#edit-product) .edit-pg-fixed-area { margin-top: 0 !important; } #kt_app_content_container:has(#edit-product) .edit-pg-fixed-area > form > .row:first-child { margin-top: 0 !important; } } #kt_app_main:has(#edit-product) .fnl-pageheader.edit-product .pageheader { overflow: visible !important; } #edit-product .product-inline-edit-trigger { border-bottom: 1px dashed transparent; transition: border-color 0.15s ease; } #edit-product .product-inline-edit-trigger:hover { border-bottom-color: #98a2b3; } #edit-product .gallery-image-item--draggable { cursor: move; } .product-option-modal-content { display: flex; flex-direction: column; min-height: 0; } .product-option-modal-content > form { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; } .product-option-modal-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; } .product-option-modal-footer { flex-shrink: 0; } .product-option-modal-image-picker { max-height: 250px; overflow-y: auto; } @media (max-width: 575.98px) { .product-option-modal.modal-dialog { margin: 0; } .product-option-modal-content { min-height: 100dvh; max-height: 100dvh; border-radius: 0; } .product-option-modal-image-picker { max-height: none; overflow-y: visible; } } #kt_app_content_container:has(#funnel-accumulated-users) > .edit-pg-fixed-area, #kt_app_content_container:has(#funnel-report) > .edit-pg-fixed-area { margin-top: 0 !important; } @media (min-width: 992px) { #kt_app_content_container:has(#edit-funnel-strategies-app) > .page-title, #kt_app_content_container:has(#edit-funnel-header) > .page-title, #kt_app_content_container:has(#funnel-accumulated-users) > .page-title, #kt_app_content_container:has(#funnel-report) > .page-title { margin-top: 0 !important; } #edit-funnel-strategies-app .edit-pg-fixed-area { margin-top: var(--fnl-pageheader-height, 63.25px) !important; } #kt_app_content_container:has(#edit-product) .edit-pg-fixed-area { margin-top: var(--fnl-pageheader-height, var(--edit-product-header-height, 63.25px)) !important; } #kt_app_content_container:has(#funnel-accumulated-users) > .edit-pg-fixed-area, #kt_app_content_container:has(#funnel-report) > .edit-pg-fixed-area { margin-top: var(--fnl-pageheader-height, 63.25px) !important; } } .funnel-report-mobile-nav__scroll { -webkit-overflow-scrolling: touch; scrollbar-width: none; } .funnel-report-mobile-nav__scroll::-webkit-scrollbar { display: none; } #funnel-report .hook-voting-chart-div { width: 100%; } #funnel-report .hook-voting-chart-wrap { -webkit-overflow-scrolling: touch; overflow-x: auto; } #funnel-report .funnel-graphic__bg--one-page { width: 100% !important; max-width: 100%; } #funnel-report .funnel-graphic__bg--one-page .funnel-graphic__label { white-space: normal; word-break: break-word; overflow: visible; text-overflow: unset; display: block; line-height: 1.35; text-align: center; } #funnel-report .funnel-graphic-state__line:has(.funnel-graphic__bg--one-page) .funnel-graphic__page { flex: 1 1 auto; min-width: 0; max-width: 100%; } #funnel-report .funnel-report-tab-header { min-height: auto; } #funnel-report .funnel-report-tab-header .card-toolbar { margin-left: auto; } .common-datepicker-dropdown-wrap { vertical-align: middle; } .common-datepicker-dropdown-input { padding-left: 2.25rem !important; } .common-datepicker-dropdown-icon { position: absolute; left: 0.5rem; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; pointer-events: auto; } .common-datepicker-dropdown-menu { position: absolute !important; inset: auto auto auto 0 !important; top: 100% !important; left: 0 !important; z-index: 1060; transform: none !important; margin-top: 0.25rem !important; } .common-datepicker-dropdown-menu--floating { position: fixed !important; inset: auto auto auto auto !important; top: var(--common-dp-menu-top, 0) !important; left: var(--common-dp-menu-left, 0) !important; z-index: 2000 !important; margin: 0 !important; transform: none !important; } .common-datepicker-dropdown-menu .react-datepicker { border: 0; } .common-datepicker-dropdown-clear { width: 1.5rem; height: 1.5rem; } #funnel-report .funnel-report-main-tabs .nav-link { border: 0; background-color: transparent; padding-bottom: 0.85rem; text-align: start; } #funnel-report .common-table .table thead th, .funnel-report-common-table .table thead th { white-space: nowrap; } @media (min-width: 768px) { #funnel-report .funnel-report-tab-header { overflow-x: visible; } #funnel-report .funnel-report-main-tabs { width: 100%; } } @media (max-width: 767.98px) { #funnel-report .funnel-report-tab-header { overflow-x: visible; } #funnel-report .funnel-report-tab-header .horizontal-scroll-nav__scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; } #funnel-report .funnel-report-tab-header .horizontal-scroll-nav__scroll::-webkit-scrollbar { display: none; } #funnel-report .funnel-report-main-tabs { width: max-content; } #funnel-report .funnel-report-main-tabs .nav-item { flex: 0 0 auto; } #funnel-report .funnel-report-main-tabs .nav-link { white-space: nowrap; } #funnel-report .user-mobile-list-card { margin-bottom: 0.5rem; } #funnel-report .hook-voting-card .card-header { padding-left: 1rem; padding-right: 1rem; } #funnel-report .hook-voting-item-mobile-card .badge { font-size: 0.75rem; } #funnel-report .follow-up-drawer.drawer-end, #funnel-report .follow-up-drawer.drawer-end.drawer-on { width: 100vw !important; max-width: 100vw !important; } #funnel-report .modal-body { overflow: visible; } } .edit-funnel-strategies-mobile-nav { top: var(--fnl-pageheader-sticky-top, var(--edit-funnel-strategies-sticky-top, 64px)); z-index: 95; } .edit-funnel-strategies-mobile-nav__scroll { -webkit-overflow-scrolling: touch; scrollbar-width: none; } .edit-funnel-strategies-mobile-nav__scroll::-webkit-scrollbar { display: none; } .edit-funnel-strategies-view .edit-funnel-strategies-whatsapp-tabs-scroll { overflow-x: auto; min-width: 0; max-width: 100%; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .edit-funnel-strategies-view .edit-funnel-strategies-whatsapp-tabs-scroll::-webkit-scrollbar { display: none; } .edit-funnel-strategies-view .edit-funnel-strategies-whatsapp-tabs { flex-wrap: nowrap; width: max-content; min-width: 100%; margin-bottom: 0 !important; } .edit-funnel-strategies-view .edit-funnel-strategies-whatsapp-tabs .nav-item { flex-shrink: 0; flex-grow: 0; } .edit-funnel-strategies-view .edit-funnel-strategies-whatsapp-tabs .nav-link { white-space: nowrap; } /* Follow-up drawer: prod uses Metronic fixed drawer (z-index 110); header demoted above when open */ @media (min-width: 992px) { .edit-funnel-strategies-view .sticky-menu { position: sticky; top: calc(var(--fnl-pageheader-sticky-top, 132px) + 0.75rem); align-self: flex-start; z-index: 90; } } .fnl-pageheader .fnl-header-dropdown-menu { box-sizing: border-box; width: min(350px, calc(100vw - 16px)); min-width: 0; max-width: calc(100vw - 16px); } .fnl-pageheader .fnl-header-dropdown-menu--wide { width: min(400px, calc(100vw - 16px)); } .fnl-pageheader .fnl-header-dropdown-menu--schedule { width: min(300px, calc(100vw - 16px)); --fnl-schedule-option-text-offset: calc(1.25rem + 0.25rem); --fnl-schedule-row-gap: 0.75rem; --fnl-schedule-block-gap: 0.75rem; } .fnl-pageheader .fnl-header-dropdown-menu--schedule .fnl-schedule-dropdown-body { padding: 1rem 1rem 1.125rem; } .fnl-pageheader .fnl-header-dropdown-menu--schedule .fnl-schedule-section + .fnl-schedule-section { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--bs-gray-300, #E4E6EF); } .fnl-pageheader .fnl-header-dropdown-menu--schedule .fnl-schedule-section > .fw-medium { margin-bottom: 0.625rem; } .fnl-pageheader .fnl-header-dropdown-menu--schedule .fnl-schedule-options { gap: var(--fnl-schedule-row-gap); } .fnl-pageheader .fnl-header-dropdown-menu--schedule .fnl-schedule-countdown-block { margin-top: var(--fnl-schedule-block-gap); } .fnl-pageheader .fnl-header-dropdown-menu--schedule .fnl-schedule-nested-control { margin-top: 0.5rem; } .fnl-pageheader .fnl-header-dropdown-menu--schedule .fnl-schedule-options label, .fnl-pageheader .fnl-header-dropdown-menu--schedule .fnl-schedule-countdown-block label { line-height: 1.4; } .fnl-pageheader .fnl-header-dropdown-menu--schedule .fnl-schedule-evergreen-suboptions { padding-left: 0; } .fnl-pageheader .fnl-header-dropdown-menu--schedule .fnl-schedule-evergreen-suboption { padding-left: var(--fnl-schedule-option-text-offset); } .fnl-pageheader .fnl-header-dropdown-menu--schedule .fnl-schedule-nested-control { padding-left: var(--fnl-schedule-option-text-offset); } .fnl-pageheader .fnl-header-dropdown-menu--schedule .fnl-schedule-nested-control .form-control, .fnl-pageheader .fnl-header-dropdown-menu--schedule .fnl-schedule-nested-control .react-select__control { width: 100%; } .fnl-pageheader .fnl-header-dropdown-menu--schedule .fnl-schedule-nested-control .react-select__control { min-height: 31px; font-size: 12px; } .fnl-pageheader .fnl-header-dropdown-menu--compact { width: min(220px, calc(100vw - 16px)); } .fnl-pageheader .fnl-header-dropdown-menu--lang { width: min(260px, calc(100vw - 16px)); } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-body { padding: 1rem; } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-grid { display: grid; grid-template-columns: 1fr 44px; gap: 0.5rem; align-items: center; } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-grid--header { margin-bottom: 0.5rem; } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-header-label, .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-header-toggle { font-size: 0.8125rem; font-weight: 600; color: var(--bs-gray-600, #7E8299); line-height: 1.2; } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-header-toggle { text-align: center; } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-list { display: flex; flex-direction: column; gap: 0.25rem; } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-row { display: grid; grid-template-columns: 1fr 44px; gap: 0.5rem; align-items: center; border-radius: 0.375rem; padding: 0.375rem 0.5rem; background-color: transparent; } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-row--current { background-color: var(--bs-gray-200, #F1F1F2); } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-row:not(.fnl-lang-switcher-row--current):hover { background-color: var(--bs-gray-100, #F9F9F9); } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-row--current:hover { background-color: var(--bs-gray-200, #F1F1F2); } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-row__label { display: flex; align-items: center; min-width: 0; border: 0; background: transparent; padding: 0; text-align: start; line-height: 1.2; } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-row__label:not(:disabled) { cursor: pointer; } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-row__label:disabled { cursor: default; opacity: 1; } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-switch { position: relative; width: 44px; height: 22px; border: 0; border-radius: 999px; padding: 0; flex-shrink: 0; justify-self: center; } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-switch:not(:disabled) { cursor: pointer; } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-switch:disabled { cursor: default; opacity: 1; } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-switch--on { background-color: var(--bs-success, #50CD89); } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-switch--off { background-color: var(--bs-gray-300, #E4E6EF); } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-switch__thumb { position: absolute; top: 50%; width: 18px; height: 18px; border-radius: 50%; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); transform: translateY(-50%); left: 2px; transition: left 0.2s ease; } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-switch--on .fnl-lang-switcher-switch__thumb { left: 24px; } .fnl-pageheader .fnl-header-dropdown-menu--lang .fnl-lang-switcher-footer { padding: 0.625rem 1rem; } .fnl-pageheader .fnl-header-dropdown-item__icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 1rem; height: 1rem; color: var(--bs-gray-500); } .fnl-pageheader .fnl-header-dropdown-item__icon svg { width: 1rem; height: 1rem; } .fnl-pageheader .fnl-header-dropdown-item__icon .bi { display: block; font-size: 1rem; line-height: 1; } .fnl-pageheader .fnl-header-dropdown-item { font-size: 12px; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .pageheader { background-color: transparent; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .pageheader { --fnl-infobar-ops-gap: 0.5rem; padding-top: calc(var(--fnl-infobar-ops-gap) + 0.125rem); padding-bottom: var(--fnl-infobar-ops-gap); position: relative; z-index: 1; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops { position: relative; z-index: 1; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; margin-top: 0; margin-bottom: 0; padding-top: 0.5rem !important; padding-bottom: 0.25rem !important; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-activty-name, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-activty-title-name { display: flex; flex-direction: column; justify-content: center; line-height: 1.35; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-activty-name { gap: 0.375rem; min-height: 2.75rem; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-activty-title-name { gap: 0.15rem; min-height: 2.5rem; flex: 0 0 auto; min-width: auto; overflow: visible; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-activty-name > .d-flex { align-items: center; min-height: 1.25rem; margin-bottom: 0.125rem; gap: 1rem !important; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-activty-title-name > .d-flex:first-child { align-items: center; min-height: 1.75rem; margin-bottom: 0; gap: 0.5rem !important; overflow: visible; min-width: auto; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-screenplay-type-badge { width: max-content; max-width: none; overflow: visible; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-screenplay-type-badge-paid { width: 1.1rem; height: 1.1rem; font-size: 0.7rem; line-height: 1; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-activty-name .fz16 { font-size: 16px; line-height: 1.25; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-activty-title-name .fz16 { font-size: 14px; line-height: 1.25; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-activty-name .fz14 { font-size: 13.5px; line-height: 1.35; color: #979797; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-activty-title-name .fz14 { font-size: 13.5px; line-height: 1.35; color: #979797; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-activty-name.onepage-name { min-height: auto; gap: 0; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-header-activity-group:has(.onepage-name) { padding-left: 1.5rem !important; } #edit-funnel-header, #funnel-accumulated-users, #funnel-report { min-height: var(--fnl-pageheader-height, 52px); } #kt_app_content_container:has(.page-editor-view) { padding: 0 !important; display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; } #kt_app_main:has(.page-editor-view) .edit-pg-fixed-area.page-editor-layout, #kt_app_main:has(.page-editor-view) .page-editor-layout { margin: 0 !important; width: 100%; max-width: 100%; flex: 1 1 auto; min-height: 0; } #kt_app_main:has(.page-editor-view) .page-editor-iframe-wrapper { height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; width: 100%; max-width: 100%; flex: 1 1 auto; } #kt_app_main:has(.page-editor-view) .page-editor-iframe-wrapper > iframe { width: 100% !important; max-width: 100%; margin: 0 !important; padding: 0 !important; } @media (max-width: 991.98px) { #kt_app_content_container:has(.page-editor-view) > .page-title { display: none !important; margin: 0 !important; padding: 0 !important; } } .main-product-card-header { background-color: var(--bs-gray-100); } .main-product-price { color: #9b4d4d; } .main-product-option-row-entry { background-color: var(--bs-gray-100); border: 1px solid var(--bs-gray-200); } .main-product-option-stats { column-gap: 3rem; row-gap: 0.25rem; } .main-product-spec-chevron--expanded { transform: rotate(180deg); } /* Site UI — funnel index baseline, reusable across admin */ .ui-light-pill { display: inline-flex; align-items: center; gap: 0.5rem; width: auto; max-width: 100%; padding: 0.5rem 1.1rem; border-radius: 9999px; font-weight: 600; font-size: 13px; line-height: 1.25; color: #5E6278; background-color: #F1F1F2; border: 1px solid #F1F1F2; white-space: nowrap; } button.ui-light-pill { cursor: pointer; } button.ui-light-pill:hover { background-color: #E9E9ED; border-color: #E9E9ED; color: #181C32; } .ui-light-pill--selected, button.ui-light-pill.ui-light-pill--selected { background-color: var(--bs-primary-light, #eef6ff); border-color: #d4e6f7; border-left: 3px solid var(--bs-primary); color: #181c32; padding-left: calc(1.1rem - 2px); } .ui-light-pill--selected:hover, button.ui-light-pill.ui-light-pill--selected:hover { background-color: var(--bs-primary-light, #eef6ff); border-color: #d4e6f7; color: #181c32; } .ui-light-pill--static { cursor: default; pointer-events: none; } .ui-light-pill--compact { padding: 0.25rem 0.65rem; } .ui-light-pill--snug { padding: 0.375rem 0.9rem; } .ui-form-label { font-size: 1rem; font-weight: 600; color: var(--bs-gray-800); margin-bottom: 0.75rem; } .ui-switch-off-light.form-switch.form-check-solid .form-check-input:not(:checked) { background-color: #E1E3EA !important; border-color: #E1E3EA !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e") !important; background-position: left center !important; background-repeat: no-repeat !important; opacity: 1 !important; } /* Admin index list — typography baseline (funnel index) */ .ui-index-table .table tbody td, :is( #funnel_index, #funnel_one_page_index, #acct-user-index, #members_index, #product_index, #booking_item_index, #edm-drip-node-index, #sms-drip-node-index, #mms-drip-node-index, #line-drip-node-index, #orders, #referrers, #coupons, #gifts, #ebooks, #vouchers, #referrer-coupons, #target-audiences, #acct-user-tags, #x-users, #edm, #sms, #mms, #line, #whatsapp, #unsend-lists, #download_center, #advanced-search-results ) .common-table .table tbody td, :is( #funnel_index, #funnel_one_page_index, #acct-user-index, #members_index, #product_index, #booking_item_index, #edm-drip-node-index, #sms-drip-node-index, #mms-drip-node-index, #line-drip-node-index, #orders, #referrers, #coupons, #gifts, #ebooks, #vouchers, #referrer-coupons, #target-audiences, #acct-user-tags, #x-users, #edm, #sms, #mms, #line, #whatsapp, #unsend-lists, #download_center, #advanced-search-results ) .user-index-table tbody td { font-size: 14px; color: #5E6278; } .ui-index-table .table thead th, :is( #funnel_index, #funnel_one_page_index, #acct-user-index, #members_index, #product_index, #booking_item_index, #edm-drip-node-index, #sms-drip-node-index, #mms-drip-node-index, #line-drip-node-index, #orders, #referrers, #coupons, #gifts, #ebooks, #vouchers, #referrer-coupons, #target-audiences, #acct-user-tags, #x-users, #edm, #sms, #mms, #line, #whatsapp, #unsend-lists, #download_center, #advanced-search-results ) .common-table .table thead th, :is( #funnel_index, #funnel_one_page_index, #acct-user-index, #members_index, #product_index, #booking_item_index, #edm-drip-node-index, #sms-drip-node-index, #mms-drip-node-index, #line-drip-node-index, #orders, #referrers, #coupons, #gifts, #ebooks, #vouchers, #referrer-coupons, #target-audiences, #acct-user-tags, #x-users, #edm, #sms, #mms, #line, #whatsapp, #unsend-lists, #download_center, #advanced-search-results ) .user-index-table thead th { font-size: 13px; font-weight: 600; color: #3F4254; } .ui-entry-name, :is( #funnel_index, #funnel_one_page_index, #acct-user-index, #members_index, #product_index, #booking_item_index, #edm-drip-node-index, #sms-drip-node-index, #mms-drip-node-index, #line-drip-node-index, #orders, #referrers, #coupons, #gifts, #ebooks, #vouchers, #referrer-coupons, #target-audiences, #acct-user-tags, #x-users, #edm, #sms, #mms, #line, #whatsapp, #unsend-lists, #download_center, #advanced-search-results ) .common-table .table .name-display, :is( #funnel_index, #funnel_one_page_index, #acct-user-index, #members_index, #product_index, #booking_item_index, #edm-drip-node-index, #sms-drip-node-index, #mms-drip-node-index, #line-drip-node-index, #orders, #referrers, #coupons, #gifts, #ebooks, #vouchers, #referrer-coupons, #target-audiences, #acct-user-tags, #x-users, #edm, #sms, #mms, #line, #whatsapp, #unsend-lists, #download_center, #advanced-search-results ) .user-index-table .name-display { font-size: 15px; font-weight: 600; color: #181C32; line-height: 1.35; } .ui-entry-meta, .ui-entry-label, :is( #funnel_index, #funnel_one_page_index, #acct-user-index, #members_index, #product_index, #booking_item_index, #edm-drip-node-index, #sms-drip-node-index, #mms-drip-node-index, #line-drip-node-index, #orders, #referrers, #coupons, #gifts, #ebooks, #vouchers, #referrer-coupons, #target-audiences, #acct-user-tags, #x-users, #edm, #sms, #mms, #line, #whatsapp, #unsend-lists, #download_center, #advanced-search-results ) .common-table .table .event-name-display, :is( #funnel_index, #funnel_one_page_index, #acct-user-index, #members_index, #product_index, #booking_item_index, #edm-drip-node-index, #sms-drip-node-index, #mms-drip-node-index, #line-drip-node-index, #orders, #referrers, #coupons, #gifts, #ebooks, #vouchers, #referrer-coupons, #target-audiences, #acct-user-tags, #x-users, #edm, #sms, #mms, #line, #whatsapp, #unsend-lists, #download_center, #advanced-search-results ) .funnel-table-relation-cell__label { font-size: 12px; line-height: 1.25; color: #A1A5B7; } .ui-entry-value, :is( #funnel_index, #funnel_one_page_index, #acct-user-index, #members_index, #product_index, #booking_item_index, #edm-drip-node-index, #sms-drip-node-index, #mms-drip-node-index, #line-drip-node-index, #orders, #referrers, #coupons, #gifts, #ebooks, #vouchers, #referrer-coupons, #target-audiences, #acct-user-tags, #x-users, #edm, #sms, #mms, #line, #whatsapp, #unsend-lists, #download_center, #advanced-search-results ) .funnel-table-relation-cell__value { font-size: 13px; line-height: 1.35; color: #3F4254; } .ui-entry-category, :is( #funnel_index, #funnel_one_page_index, #acct-user-index, #members_index, #product_index, #booking_item_index, #edm-drip-node-index, #sms-drip-node-index, #mms-drip-node-index, #line-drip-node-index, #orders, #referrers, #coupons, #gifts, #ebooks, #vouchers, #referrer-coupons, #target-audiences, #acct-user-tags, #x-users, #edm, #sms, #mms, #line, #whatsapp, #unsend-lists, #download_center, #advanced-search-results ) .funnel-table-category-label { font-size: 13px; font-weight: 700; color: #5E6278; } .ui-index-mobile-card, :is( #funnel_index, #funnel_one_page_index, #acct-user-index, #members_index, #product_index, #booking_item_index, #edm-drip-node-index, #sms-drip-node-index, #mms-drip-node-index, #line-drip-node-index, #orders, #referrers, #coupons, #gifts, #ebooks, #vouchers, #referrer-coupons, #target-audiences, #acct-user-tags, #x-users, #edm, #sms, #mms, #line, #whatsapp, #unsend-lists, #download_center, #advanced-search-results ) .user-mobile-list-card { font-size: 14px; color: #5E6278; } .ui-index-mobile-card .ui-entry-name, :is( #funnel_index, #funnel_one_page_index, #acct-user-index, #members_index, #product_index, #booking_item_index, #edm-drip-node-index, #sms-drip-node-index, #mms-drip-node-index, #line-drip-node-index, #orders, #referrers, #coupons, #gifts, #ebooks, #vouchers, #referrer-coupons, #target-audiences, #acct-user-tags, #x-users, #edm, #sms, #mms, #line, #whatsapp, #unsend-lists, #download_center, #advanced-search-results ) .user-mobile-list-card .fw-bold.fs-6, :is( #funnel_index, #funnel_one_page_index, #acct-user-index, #members_index, #product_index, #booking_item_index, #edm-drip-node-index, #sms-drip-node-index, #mms-drip-node-index, #line-drip-node-index, #orders, #referrers, #coupons, #gifts, #ebooks, #vouchers, #referrer-coupons, #target-audiences, #acct-user-tags, #x-users, #edm, #sms, #mms, #line, #whatsapp, #unsend-lists, #download_center, #advanced-search-results ) .user-mobile-list-card .ui-entry-name { font-size: 15px; font-weight: 600; color: #181C32; } .ui-index-mobile-card .ui-entry-meta, :is( #funnel_index, #funnel_one_page_index, #acct-user-index, #members_index, #product_index, #booking_item_index, #edm-drip-node-index, #sms-drip-node-index, #mms-drip-node-index, #line-drip-node-index, #orders, #referrers, #coupons, #gifts, #ebooks, #vouchers, #referrer-coupons, #target-audiences, #acct-user-tags, #x-users, #edm, #sms, #mms, #line, #whatsapp, #unsend-lists, #download_center, #advanced-search-results ) .user-mobile-list-card .text-muted.fs-8, :is( #funnel_index, #funnel_one_page_index, #acct-user-index, #members_index, #product_index, #booking_item_index, #edm-drip-node-index, #sms-drip-node-index, #mms-drip-node-index, #line-drip-node-index, #orders, #referrers, #coupons, #gifts, #ebooks, #vouchers, #referrer-coupons, #target-audiences, #acct-user-tags, #x-users, #edm, #sms, #mms, #line, #whatsapp, #unsend-lists, #download_center, #advanced-search-results ) .user-mobile-list-card .ui-entry-meta { font-size: 12px; color: #A1A5B7; } .product-cat-item { background-color: #fff; border: 1px solid #ebedf3; color: #5e6278; transition: background-color 0.15s ease, border-color 0.15s ease; } .product-cat-item:hover { background-color: #f9fafb; border-color: #dfe3ea; } .product-cat-item--selected { background-color: var(--bs-primary-light, #eef6ff); border-color: #d4e6f7; border-left: 3px solid var(--bs-primary); color: #181c32; font-weight: 600; } .product-cat-item--selected:hover { background-color: var(--bs-primary-light, #eef6ff); border-color: #d4e6f7; } .select-main-product-modal .form-group.select { font-size: 1rem; } .main-product-summary-label { width: 5rem; } .product-layout-metaphor { width: 2.5rem; height: 2.25rem; padding: 0.25rem; background-color: var(--bs-gray-100); border-radius: 0.25rem; } .product-layout-metaphor--row { display: flex; flex-direction: column; justify-content: center; gap: 0.2rem; } .product-layout-metaphor--row .product-layout-metaphor__item { display: flex; align-items: center; gap: 0.15rem; } .product-layout-metaphor--row .product-layout-metaphor__thumb { width: 0.4rem; height: 0.4rem; background-color: var(--bs-gray-400); border-radius: 0.1rem; flex-shrink: 0; } .product-layout-metaphor--row .product-layout-metaphor__line { flex: 1; height: 0.15rem; background-color: var(--bs-gray-300); border-radius: 0.1rem; } .product-layout-metaphor--col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.15rem; } .product-layout-metaphor--col .product-layout-metaphor__cell { background-color: var(--bs-gray-400); border-radius: 0.1rem; } .btn-check:checked + .btn .product-layout-metaphor { background-color: var(--bs-primary-light); } .btn-check:checked + .btn .product-layout-metaphor__thumb, .btn-check:checked + .btn .product-layout-metaphor__cell { background-color: var(--bs-primary); } .btn-check:checked + .btn .product-layout-metaphor__line { background-color: rgba(var(--bs-primary-rgb), 0.35); } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-tab--spaced > .nav { gap: 0.5rem; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-toolbar-icon-btn.flex-column > .fnl-toolbar-icon-btn__value { width: 100%; text-align: center; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-toolbar-icon-btn > .rc-icon-16, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-toolbar-icon-btn > svg.flex-shrink-0 { flex-shrink: 0; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-infobar-tabs-gap { margin-left: 0.5rem; margin-right: 0.25rem; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-infobar-lang-wrap { margin-left: 0.25rem; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops .fnl-infobar-schedule-lang-group .fnl-toolbar-icon-btn--muted { height: 100%; justify-content: center; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-toolbar-icon-btn--muted { background-color: var(--bs-gray-200, #F1F1F2); } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-toolbar-icon-btn--muted:hover, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-toolbar-icon-btn--muted:focus-visible { background-color: var(--bs-gray-200, #F1F1F2); } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-toolbar-icon-btn .rc-switch-lang-icon, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-tab .fnl-tab-chevron { width: 15px; height: 15px; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-tab .fnl-tab-chevron { opacity: 0.85; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-tab .nav-link.bg-primary .fnl-tab-chevron { opacity: 1; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-toolbar-icon-btn--lang { min-width: 5.5rem; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-toolbar-icon-btn--schedule { min-width: 8rem; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-toolbar-preview-btn { min-width: 2.75rem; min-height: 2.25rem; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .rc-active-switch-track .rc-active-switch-label { line-height: 1; font-size: 11px; } @media (min-width: 992px) { #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .horizontal-scroll-nav { border: 0 !important; padding: 0 !important; box-shadow: none !important; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-tab { border-width: 1px; border-style: solid; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-tab > .nav { border: 0; box-shadow: none; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-tab .nav-item .nav-link { border: 0; border-bottom-width: 0; box-shadow: none; } } @media (max-width: 767.98px) { #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .fnl-header-dropdown-menu .fnl-header-dropdown-item { padding: 0.5rem 0.75rem !important; } } @media (max-width: 767.98px) { .mobile-form-select-menu, .adv-search-form-select-menu { font-size: 0.925rem; max-height: 240px; overflow-y: auto; transform: none !important; } .mobile-form-select-menu--floating, .adv-search-form-select-menu.mobile-form-select-menu--floating { position: fixed !important; z-index: 100010; margin: 0 !important; right: auto !important; bottom: auto !important; transform: none !important; display: none; box-sizing: border-box; overflow-x: hidden; } .mobile-form-select-menu--floating.show, .adv-search-form-select-menu.mobile-form-select-menu--floating.show { display: block; } .mobile-form-select-btn, .adv-search-form-select-btn { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mobile-form-select-btn::after, .adv-search-form-select-btn::after { display: none; } .mobile-form-select-menu .dropdown-item, .adv-search-form-select-menu .dropdown-item { font-size: 0.925rem; padding: 0.5rem 0.75rem; white-space: normal; word-break: break-word; } .edit-funnel-strategies-view .follow-up__box, .edit-funnel-strategies-view .follow-up__text, .edit-funnel-strategies-view .follow-up__text form, .follow-up__box .follow-up__text, .follow-up__box .follow-up__text form, .followup-inline-schedule-row, .followup-inline-schedules-label-row { overflow: visible !important; } .followup-inline-schedule-row .mobile-form-select:not(.w-100) { min-width: 6.5rem; } .followup-inline-schedules-label-row { align-items: flex-start; } .followup-inline-schedule-row__controls { overflow: visible !important; } .followup-inline-schedule-row__controls > .form-group:first-child { flex: 1 1 100%; max-width: 100%; } .followup-inline-schedule-row__controls > .form-group:first-child .mobile-form-select, .followup-inline-schedule-row__controls > .form-group:first-child .form-select { width: 100%; max-width: 100%; } .followup-inline-schedule-row__delete { margin-top: 0.125rem; } .follow-up-drawer .form-group.select, .follow-up-drawer .timeline-content form { overflow: visible !important; } .follow-up-drawer .mobile-form-select-menu { max-height: min(240px, 40vh); } .follow-up-drawer .followup-email-sender-row__label { width: auto; } } @media (min-width: 768px) { .follow-up-drawer .followup-email-sender-row__label { width: 60px; } } @media (max-width: 991.98px) { #kt_app_content_container:has(#edit-funnel-strategies-app) > .page-title, #kt_app_content_container:has(#edit-funnel-header) > .page-title, #kt_app_content_container:has(#funnel-accumulated-users) > .page-title, #kt_app_content_container:has(#funnel-report) > .page-title { margin-top: var(--fnl-pageheader-height, 52px) !important; margin-bottom: 0 !important; } #kt_app_content_container:has(.release-view) > .page-title { margin-top: var(--release-view-header-height, 76px) !important; margin-bottom: 0.75rem !important; } #kt_app_content_container:has(.edit-blast-app) > .page-title, #kt_app_content_container:has(.ecomm-drip-node-index-app) > .page-title { margin-top: calc(var(--bs-app-header-height, 60px) + var(--release-view-header-height, 76px)) !important; margin-bottom: 0.75rem !important; } .release-view .release-view-content, .edit-blast-app > .edit-blast__content, .ecomm-drip-node-index-app > .ecomm-drip-node-index__content { margin-top: 0 !important; } #edit-funnel-strategies-app .edit-funnel-strategies-mobile-nav { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; margin-bottom: 0.5rem !important; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader.position-fixed.edit-pg { left: 0 !important; right: 0 !important; width: 100% !important; max-width: 100vw; box-sizing: border-box; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-edm) .fnl-pageheader.position-fixed.edit-edm, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-sms) .fnl-pageheader.position-fixed.edit-sms, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-mms) .fnl-pageheader.position-fixed.edit-mms, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-line) .fnl-pageheader.position-fixed.edit-line, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-whatsapp) .fnl-pageheader.position-fixed.edit-whatsapp, #kt_app_main:has(.fnl-pageheader.position-fixed.ecomm-drip-node-index-toolbar) .fnl-pageheader.position-fixed.ecomm-drip-node-index-toolbar { left: 0 !important; right: 0 !important; width: 100% !important; max-width: 100%; box-sizing: border-box; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar { padding: 6px 8px !important; box-sizing: border-box; max-width: 100%; overflow: visible !important; flex-wrap: nowrap !important; align-items: center !important; gap: 0.25rem; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar.fnl-infobar--ops { padding-top: 4px !important; padding-bottom: 4px !important; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar > .d-flex.align-items-center.min-w-0 { flex: 0 0 auto; min-width: 0; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .fnl-activty-name { width: auto; max-width: 6.5rem; flex-shrink: 1; min-width: 0; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .fnl-activty-name .ellipsis { max-width: 100%; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .fnl-header-activity-group, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar > .d-flex.align-items-center.min-w-0 > .w-1px.h-40px { display: none !important; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar > .flex-grow-1 { flex: 0 1 4px !important; min-width: 4px !important; height: auto !important; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar > .d-flex.align-items-center.gap-1 { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap !important; justify-content: flex-end; overflow: visible !important; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-tab { padding-left: 4px; padding-right: 4px; flex-shrink: 1; min-width: 0; max-width: calc(100vw - 10.5rem); overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; scrollbar-width: none; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-tab::-webkit-scrollbar { display: none; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .fnl-tab .nav-link { padding-left: 0.35rem !important; padding-right: 0.35rem !important; font-size: 0.75rem !important; white-space: nowrap; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar > .d-flex.align-items-center.gap-1 button.fz12 .d-flex.flex-column, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar > .d-flex.align-items-center.gap-1 button.fz12 > .opacity-75 { display: none !important; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar > .d-flex.align-items-center.gap-1 button.fz12 { padding: 0.25rem 0.35rem !important; flex-shrink: 0; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar [data-tour-fnl="step4"] .opacity-75 { display: none !important; } .edit-funnel-strategies-view .card-header.mt-5 { margin-top: 1rem !important; } .edit-funnel-strategies-view .card-body.px-5, .edit-funnel-strategies-view .sticky-menu .card-body.px-5 { padding-left: 1rem !important; padding-right: 1rem !important; } .edit-funnel-strategies-view .edit-funnel-strategies-link-url { word-break: break-all; } .edit-funnel-strategies-view .edit-funnel-strategies-whatsapp-platform-row { flex-direction: column; align-items: stretch !important; } .edit-funnel-strategies-view .edit-funnel-strategies-whatsapp-platform-row .platform-settings-btn { width: 100%; margin-top: 0.75rem; } .edit-funnel-strategies-view .screenplay-followup-page-label { flex: 0 0 auto; min-width: 5.75rem; } } @media (max-width: 767.98px) { .edit-funnel-strategies-view .common-payment-settings .common-payment-method__gateways:not(.d-none) { border-top: 1px dashed var(--bs-gray-300); padding-top: 0.5rem; } .edit-funnel-strategies-view .common-payment-settings .payment-gateway-wrapper { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; } .edit-funnel-strategies-view .common-payment-settings .common-payment-method .form-check.form-switch .form-check-input { width: 2.75rem; height: 1.375rem; } } @media (max-width: 767.98px) { #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .w-1px.h-40px, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .fnl-pageheader .infobar .w-px.h-20px { display: none; } } .w-200px { width: 200px; } .min-w-200px { min-width: 200px; } .mw-200px { max-width: 200px; } .w-240px { width: 240px; } .min-w-240px { min-width: 240px; } .w-250px { width: 250px; } .w-300px { width: 300px; } .w-400px { width: 400px; } .min-w-600px { min-width: 600px; } .w-500px { width: 500px; } .w-1000px { width: 1000px; } @keyframes membership-mw-bounce { 0%, 100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-8px); } } #membership-app .membership-flow-section .card-body { overflow: visible; } #membership-app .membership-flow-section .row.mw-900px { overflow: visible; } #membership-app .membership-flow-section .open-mini-window { cursor: pointer; } #membership-app .membership-flow-section .mini-window { position: fixed; right: 0; bottom: 0; margin-bottom: 1rem; width: 600px; height: 600px; z-index: 1050; overflow-y: auto; display: block; transform: translateY(100%); transition: transform 0.3s ease-in-out; visibility: hidden; pointer-events: none; } #membership-app .membership-flow-section .mini-window.membership-mini-window--open { transform: translateY(0); visibility: visible; pointer-events: auto; } #membership-app .membership-flow-section .mini-window-hint { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); pointer-events: none; opacity: 0; background: rgba(0, 0, 0, 0.6); border-radius: 50%; padding: 8px; color: #fff; animation: membership-mw-bounce 1s infinite; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; font-size: 16px; } #membership-app .membership-flow-section .mini-window-hint.is-visible { opacity: 1; } .ecomm-tab-nav-sticky { align-self: flex-start; } .user-index-col-resize, .user-index-table thead th.user-index-th-resize-hover, .user-index-table.user-index-table-resizing { cursor: col-resize; } .line-preview-modal-body { background-color: #8cabd9; padding: 0; } #fullscreen-container { min-height: 720px; width: 100%; } #stripoEditorContainer { min-height: 720px; width: 100%; flex: 1 1 auto; } #stripoEditorContainer > * { min-height: 720px; height: 100%; } @media (max-width: 991.98px) { [data-kt-app-header-fixed="true"] .app-page > .app-header + .app-wrapper { margin-top: 0 !important; } [data-kt-app-header-fixed="true"] #kt_app_content_container { padding-top: calc(var(--bs-app-header-height, 60px) + 0.5rem) !important; } [data-kt-app-header-fixed="true"] #kt_app_wrapper > .app-header ~ #kt_app_main #kt_app_content_container { padding-top: calc(var(--bs-app-header-height, 60px) + 0.5rem) !important; } #kt_app_content_container > .page-title { margin-bottom: 1rem !important; } #kt_app_content_container > .page-title:has(+ #acct-user-index) { margin-bottom: 0.5rem !important; } } @media (max-width: 767.98px) { #kt_app_content_container .form-group.d-flex { flex-direction: column !important; align-items: stretch !important; } #kt_app_content_container [class*="hor_label_div"] { width: 100%; flex: 0 0 auto !important; margin-bottom: 0.35rem; } #kt_app_content_container .form-group.d-flex .flex-grow-1 { min-width: 0; max-width: 100%; } .edit-blast__content [class*="hor_label_div"] { width: 100%; flex: 0 0 auto !important; margin-bottom: 0.25rem; } .edit-blast__content .hor_label_div + .flex-grow-1 { min-width: 0; max-width: 100%; width: 100%; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-shell, #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader .edit-edm-nav-bar { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-shell { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; width: 100%; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-cluster { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 0.25rem; flex: 1 1 100%; width: 100%; min-width: 0; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-divider { display: none !important; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-back-label, #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-info-label { display: none !important; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-info-wrap { justify-self: stretch; max-width: none; min-width: 0; width: auto; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-info-trigger { flex-wrap: nowrap !important; width: 100%; min-width: 0; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-blast-meta-col, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-blast-meta-col, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .fnl-pageheader .edit-blast-meta-col { width: auto; min-width: 0; max-width: min(300px, 36vw); } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-blast-meta-col.border-end, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-blast-meta-col.border-end, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .fnl-pageheader .edit-blast-meta-col.border-end { border-right: 0 !important; padding-right: 0.25rem !important; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-blast-header-info-wrap > .ps-2, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-blast-header-info-wrap > .ps-2, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .fnl-pageheader .edit-blast-header-info-wrap > .ps-2 { padding-left: 0.25rem !important; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-blast-meta-col .fz14, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-blast-meta-col .fz14, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .fnl-pageheader .edit-blast-meta-col .fz14 { color: #979797; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-edm-basic-info, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-edm-basic-info-btn, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-sms-basic-info, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-sms-basic-info-btn, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .fnl-pageheader .edit-whatsapp-template-info { width: min(300px, 36vw); min-width: 0; max-width: min(300px, 36vw); } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-edm-basic-info-btn, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-sms-basic-info-btn, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .fnl-pageheader .edit-whatsapp-template-info { background-color: var(--bs-gray-200, #F1F1F2); padding-left: 0.5rem; padding-right: 0.5rem; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-edm-basic-info-menu, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-sms-basic-info-menu { position: fixed !important; left: 0.75rem !important; right: 0.75rem !important; width: auto !important; min-width: 0 !important; max-width: none !important; top: calc(var(--bs-app-header-height, 60px) + var(--release-view-header-height, 56px) + 0.25rem); z-index: 1060; max-height: calc(100vh - var(--bs-app-header-height, 60px) - var(--release-view-header-height, 56px) - 1.5rem); overflow-y: auto; box-shadow: 0 0.75rem 1.75rem rgba(24, 28, 50, 0.18), 0 0.25rem 0.75rem rgba(24, 28, 50, 0.1) !important; border-color: #c4cada !important; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-actions--mobile { justify-self: end; flex-shrink: 0; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .broadcast-info.release-view-header-info { max-width: 100%; min-width: 0; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-stepper-mobile { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 0.25rem; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-stepper-mobile::-webkit-scrollbar { display: none; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-stepper-mobile .head_stepper_style { margin-right: 0 !important; flex-wrap: nowrap; width: max-content; } #kt_app_content_container:has(.ecomm-drip-node-index-app) { padding-top: 0.25rem !important; max-width: 100%; overflow-x: clip; } #kt_app_content_container:has(.edit-blast-app) { padding-top: 0.25rem !important; max-width: 100%; overflow-x: clip; } html:has(.edit-blast-app), body:has(.edit-blast-app) { overflow-x: clip; max-width: 100%; } html:has(.ecomm-drip-node-index-app), body:has(.ecomm-drip-node-index-app) { overflow-x: clip; max-width: 100%; } #kt_app_main:has(.edit-blast-app) { overflow-x: clip; max-width: 100%; } #kt_app_main:has(.ecomm-drip-node-index-app) { overflow-x: clip; max-width: 100%; } .edit-blast-app { max-width: 100%; overflow-x: clip; } .ecomm-drip-node-index-app { max-width: 100%; overflow-x: visible; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-edm) .fnl-pageheader.position-fixed.edit-edm, #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .pageheader.edit-blast-pageheader { max-width: 100%; overflow-x: hidden; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-shell { max-width: 100%; min-width: 0; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edm-card, #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .sms-card, .edit-blast-pageheader + .edm-card, #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-info-wrap .edm-card, #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-info-wrap .sms-card, .edit-edm-drip-node-edit-app .edit-edm-drip-settings-panel { position: fixed !important; left: 0.75rem !important; right: 0.75rem !important; inset-inline-start: 0.75rem !important; inset-inline-end: 0.75rem !important; width: auto !important; min-width: 0 !important; max-width: none !important; transform: none !important; top: calc(var(--bs-app-header-height, 60px) + var(--release-view-header-height, 56px) + 0.25rem); margin-left: 0 !important; margin-right: 0 !important; z-index: 1060; max-height: calc(100vh - var(--bs-app-header-height, 60px) - var(--release-view-header-height, 56px) - 1.5rem); overflow-y: auto; } body:has(.fnl-pageheader.edit-blast) .mobile-form-select-menu--floating.show { left: 0.75rem !important; right: 0.75rem !important; width: auto !important; max-width: none !important; } .edit-edm-drip-node-edit-app .campaign-info-container { border-left: 0 !important; } .edit-edm-drip-node-edit-app .edit-blast-pageheader .edit-edm-drip-campaign-info { flex: 1 1 auto; min-width: 0; } .edit-edm-drip-node-edit-app .edit-edm-drip-info-trigger { width: 100%; margin-left: 0.25rem !important; } .edit-edm-drip-node-edit-app .edit-blast-pageheader > .d-flex.py-1 { gap: 0.25rem !important; min-width: 0; } .edit-edm-drip-node-edit-app .edit-edm-drip-info-trigger { height: auto !important; overflow: visible; } .edit-edm-drip-node-edit-app .edit-edm-drip-info-trigger p { white-space: normal; word-break: break-word; } .edit-edm-drip-node-edit-app .edit-edm-drip-info-trigger .ellipsis, .edit-edm-drip-node-edit-app .edit-edm-drip-info-trigger .ellipsis1 { overflow: visible; text-overflow: unset; white-space: normal; } .edit-edm-drip-node-edit-app .edit-edm-drip-campaign-node-count { margin-top: 0.125rem; } .edit-edm-drip-node-edit-app > .edit-blast__content { padding-left: 0.75rem; padding-right: 0.75rem; margin-top: 0.5rem !important; } .edit-edm-drip-node-edit-app .edit-edm-drip-mobile-notice { margin-top: 0 !important; } .edit-edm-drip-node-edit-app .edit-edm-drip-footer { margin-top: 0.75rem !important; padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.5rem; } #kt_app_main:has(.edit-edm-drip-node-edit-app) .fnl-pageheader.position-fixed.edit-edm, #kt_app_main:has(.edit-edm-drip-node-edit-app) .fnl-pageheader.position-fixed.edit-edm .campaign-info-container, #kt_app_main:has(.edit-edm-drip-node-edit-app) .fnl-pageheader .pageheader.edit-blast-pageheader { overflow: visible !important; overflow-x: visible !important; } .edit-edm-drip-back-menu-card.toolbar-card { position: fixed; display: none; min-width: 12.5rem; max-width: min(100vw - 1.5rem, 16rem); z-index: 1065; } .edit-edm-drip-back-menu-card.toolbar-card.show { display: block; } .edit-edm-drip-header-backdrop { position: fixed; inset: 0; z-index: 1059; } .edit-edm-drip-node-edit-app .edit-blast-header-actions--mobile { position: relative; z-index: 10; flex-shrink: 0; } .modal.common-edm-preview-modal { z-index: 1080 !important; } body.modal-open:has(.common-edm-preview-modal.show) .modal-backdrop { z-index: 1075 !important; } .edit-blast__content { max-width: 100%; overflow-x: clip; } .edit-blast__content .form-group.select, .edit-blast__content .mobile-form-select { overflow: visible !important; } .edit-blast__content .card, .edit-blast__content #part-a.card, .edit-blast__content #part-b.card { max-width: 100%; min-width: 0; } .edit-blast__content .card-header, .edit-blast__content .card-body { max-width: 100%; min-width: 0; } .edit-blast-step1-form > .row { margin-left: 0; margin-right: 0; max-width: 100%; } .edit-blast-step1-form > .row > [class*="col-"] { padding-left: 0; padding-right: 0; max-width: 100%; } .edit-blast-footer { flex-direction: column; align-items: stretch; overflow-x: visible; } .edit-blast-footer > a.btn { width: 100%; } .edit-blast-footer > .d-flex { width: 100%; margin-left: 0 !important; flex-wrap: wrap; } .edit-blast-footer > .d-flex > .btn { flex: 1 1 0; min-width: 0; white-space: normal; text-align: center; } .edit-blast-target-method-scroll { -webkit-overflow-scrolling: touch; scrollbar-width: none; max-width: 100%; } .edit-blast-target-method-scroll::-webkit-scrollbar { display: none; } .edit-blast-target-method-rb > label { flex-shrink: 0; padding-left: 1rem !important; padding-right: 1rem !important; padding-top: 0.65rem !important; padding-bottom: 0.65rem !important; } .edit-blast-target-method-rb > label h2 { font-size: 0.95rem !important; } .edit-blast-target-method-rb .form-check.me-6 { margin-right: 0.5rem !important; } .edit-blast-app .adv-search-root .ms-8 { margin-left: 0.5rem !important; } .edit-blast-app .adv-search-root .ps-20, .edit-blast-app .adv-search-root .ps-14, .edit-blast-app .adv-search-root .ps-10 { padding-left: 0.75rem !important; } .edit-blast-app .adv-search-root .rules .card-body.px-8 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .edit-blast-app .adv-search-root .adv-search-and-group-header { flex-direction: row; align-items: center; padding-right: 2.75rem; } .edit-blast-app .adv-search-root .adv-search-and-group-delete { position: absolute; top: 0.5rem; right: 0.5rem; width: auto !important; z-index: 2; } .edit-blast-app .adv-search-root .adv-search-and-group-delete .btn { width: auto !important; padding: 0.35rem 0.5rem; } .edit-blast-app .adv-search-root .adv-search-or-row-header .adv-search-section-close { position: absolute; top: 0.5rem; right: 0.5rem; z-index: 2; } .edit-blast-app .adv-search-root .adv-search-or-row-header .card-title { padding-right: 2rem; } .edit-blast-app .adv-search-root .adv-search-criteria-section { position: relative; } .edit-blast-app .adv-search-root .adv-search-criteria-actions { position: static; } .edit-blast-app .adv-search-root .adv-search-criteria-body { width: 100%; min-width: 0; } .edit-blast-app .adv-search-root .criteria, .edit-blast-app .adv-search-root .filter-div, .edit-blast-app .adv-search-root .filter-group, .edit-blast-app .adv-search-root .rules .card, .edit-blast-app .adv-search-root .rules .card-body { overflow: visible !important; } .edit-blast-app .adv-search-root .adv-search-filter-row .filter-drop-btn, .edit-blast-app .adv-search-root .criteria .form-select { width: 100%; max-width: 100%; } .edit-blast-app .adv-search-root .criteria .form-group { width: 100%; max-width: 100%; min-width: 0; } .edit-blast-app .adv-search-root .hor-menu.dropdown-menu { max-width: min(700px, calc(100vw - 2rem)); } .edit-blast-app .adv-search-root .adv-search-field-menu.hor-menu.dropdown-menu { width: 100%; max-width: 100%; padding: 0; overflow-x: hidden; overflow-y: auto; position: static !important; transform: none !important; inset: auto !important; margin: 0.25rem 0 0 !important; min-width: 0 !important; flex-wrap: nowrap; max-height: min(70vh, 480px); } .edit-blast-app .adv-search-root .adv-search-field-menu.hor-menu.dropdown-menu:not(.show) { display: none !important; } .edit-blast-app .adv-search-root .adv-search-field-menu.hor-menu.dropdown-menu.show { display: block !important; } body:has(.edit-blast-app) .swal2-container { z-index: 10050 !important; } .edit-blast-app .adv-search-root .adv-search-field-menu-accordion { width: 100%; min-width: 0; overflow-x: hidden; } .edit-blast-app .adv-search-root .adv-search-field-menu-accordion-item { border-bottom: 1px dashed var(--bs-gray-300); min-width: 0; } .edit-blast-app .adv-search-root .adv-search-field-menu-accordion-item:last-child { border-bottom: 0; } .edit-blast-app .adv-search-root .adv-search-field-menu-accordion-btn.dropdown-header { display: flex !important; align-items: center; justify-content: space-between; width: 100%; cursor: pointer; white-space: normal; word-break: break-word; padding: 0.375rem 0.75rem; font-weight: 600; } .edit-blast-app .adv-search-root .adv-search-field-menu-accordion-chevron { transition: transform 0.2s ease; } .edit-blast-app .adv-search-root .adv-search-field-menu-accordion-panel { padding: 0 0.75rem 0.75rem; min-width: 0; overflow-x: hidden; } .edit-blast-app .adv-search-root .adv-search-field-menu-accordion-panel .form-check, .edit-blast-app .adv-search-root .adv-search-field-menu-accordion-panel .radio-btn { margin-bottom: 0.35rem; min-width: 0; max-width: 100%; } .edit-blast-app .adv-search-root .adv-search-field-menu-accordion-panel .form-check-label { white-space: normal; word-break: break-word; overflow-wrap: anywhere; } .edit-blast-app .adv-search-root .adv-search-filter-row .dropdown { position: static !important; } .edit-edm-import-list-header-actions .btn { flex: 1 1 calc(50% - 0.25rem); min-width: 0; } .edit-edm-import-dropzone .dropzone { min-height: 7rem; width: 100%; max-width: 100%; } .edit-edm-import-dropzone .dropzone .dz-message { margin: 0 !important; } } /* KT Drawer: layout + close control visibility (all admin drawers) */ .drawer .card-header, .follow-up-drawer .card-header, [data-kt-drawer="true"] .card-header, .drawer .journey-drawer-header, .follow-up-drawer .journey-drawer-header, [data-kt-drawer="true"] .journey-drawer-header { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 0.5rem; } .drawer .card-header .card-title, .follow-up-drawer .card-header .card-title, [data-kt-drawer="true"] .card-header .card-title, .drawer .journey-drawer-header > .d-flex:first-child, .follow-up-drawer .journey-drawer-header > .d-flex:first-child, [data-kt-drawer="true"] .journey-drawer-header > .d-flex:first-child { min-width: 0; } .drawer .card-toolbar, .follow-up-drawer .card-toolbar, [data-kt-drawer="true"] .card-toolbar { flex-shrink: 0; margin-left: auto; margin-right: 0; margin-top: 0; margin-bottom: 0; display: flex; align-items: center; align-self: center; } .drawer .card-toolbar .btn-close, .follow-up-drawer .card-toolbar .btn-close, [data-kt-drawer="true"] .card-toolbar .btn-close, .drawer .journey-drawer-header .btn-close, .follow-up-drawer .journey-drawer-header .btn-close, [data-kt-drawer="true"] .journey-drawer-header .btn-close, .drawer .card-toolbar .journey-drawer-close, .follow-up-drawer .card-toolbar .journey-drawer-close, [data-kt-drawer="true"] .card-toolbar .journey-drawer-close { opacity: 1; flex-shrink: 0; } .drawer .journey-drawer-header .btn-close, .follow-up-drawer .journey-drawer-header .btn-close, [data-kt-drawer="true"] .journey-drawer-header .btn-close { background-color: var(--bs-body-bg, #fff); border-radius: 0.425rem; box-shadow: 0 0 0 1px var(--bs-gray-300); margin: 0; padding: 0.5rem; } .drawer .card-toolbar .btn.btn-icon.btn-active-light-primary, .follow-up-drawer .card-toolbar .btn.btn-icon.btn-active-light-primary, [data-kt-drawer="true"] .card-toolbar .btn.btn-icon.btn-active-light-primary, .drawer .card-toolbar .btn.btn-sm.btn-icon.btn-active-light-primary, .follow-up-drawer .card-toolbar .btn.btn-sm.btn-icon.btn-active-light-primary, [data-kt-drawer="true"] .card-toolbar .btn.btn-sm.btn-icon.btn-active-light-primary { background-color: var(--bs-body-bg, #fff); border: 1px solid var(--bs-gray-300); color: var(--bs-gray-800); } .drawer .card-toolbar .btn.btn-icon.btn-active-light-primary .svg-icon, .follow-up-drawer .card-toolbar .btn.btn-icon.btn-active-light-primary .svg-icon, [data-kt-drawer="true"] .card-toolbar .btn.btn-icon.btn-active-light-primary .svg-icon, .drawer .card-toolbar .btn.btn-icon.btn-active-light-primary svg, .follow-up-drawer .card-toolbar .btn.btn-icon.btn-active-light-primary svg, [data-kt-drawer="true"] .card-toolbar .btn.btn-icon.btn-active-light-primary svg { color: var(--bs-gray-800); } .follow-up-mms-drawer.follow-up-drawer.drawer-on, #mms-followup-drawer.follow-up-drawer.drawer-on { width: min(1024px, 100vw) !important; max-width: min(1024px, 100vw) !important; } .follow-up-line-drawer.follow-up-drawer.drawer-on, #line-followup-drawer.follow-up-drawer.drawer-on { width: min(1100px, 100vw) !important; max-width: min(1100px, 100vw) !important; } .follow-up-line-drawer.follow-up-drawer.drawer-on > .card, #line-followup-drawer.follow-up-drawer.drawer-on > .card { height: 100%; min-height: 0; display: flex; flex-direction: column; } .follow-up-line-drawer.follow-up-drawer.drawer-on > .card > form, #line-followup-drawer.follow-up-drawer.drawer-on > .card > form { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; height: 100%; } .follow-up-line-drawer .welcome-template-tabs .nav-link { color: #3F4254 !important; font-weight: 600 !important; border-bottom: 2px solid transparent !important; } .follow-up-line-drawer .welcome-template-tabs .nav-link:hover:not(.active):not(:disabled) { color: #181C32 !important; } .follow-up-line-drawer .welcome-template-tabs .nav-link.active { color: #009EF7 !important; font-weight: 700 !important; border-bottom-color: #009EF7 !important; } .follow-up-line-drawer .welcome-template-tabs .nav-link:disabled { color: #A1A5B7 !important; opacity: 1; } .follow-up-mms-drawer .followup-mms-drawer__notice { padding: 1rem 1.25rem; } .follow-up-mms-drawer .followup-mms-drawer__media { background-color: var(--bs-gray-100); } .follow-up-mms-drawer .mms-image-preview { display: block; max-height: 180px; max-width: 100%; object-fit: contain; margin-left: auto; margin-right: auto; } .follow-up-mms-drawer .mms-upload-overlay { background-color: rgba(0, 0, 0, 0.5); color: #fff; } .follow-up-mms-drawer .dropzone .dz-message { flex-direction: column; text-align: center; } @media (max-width: 991.98px) { .follow-up-mms-drawer .followup-mms-drawer__toolbar .btn { flex: 1 1 auto; justify-content: center; } .follow-up-mms-drawer .followup-mms-drawer__media { margin-top: 0.25rem; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .follow-up-mms-drawer.follow-up-drawer.drawer-on .card-body.card-scroll, #kt_app_main:has(.edit-funnel-strategies-view) .follow-up-mms-drawer.follow-up-drawer.drawer-on .card-body.card-scroll { flex: 1 1 auto; min-height: 0; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .follow-up-mms-drawer.follow-up-drawer.drawer-on .card-footer, #kt_app_main:has(.edit-funnel-strategies-view) .follow-up-mms-drawer.follow-up-drawer.drawer-on .card-footer { flex-shrink: 0; } .follow-up-line-drawer .card-header { flex-wrap: wrap; row-gap: 0.5rem; } .follow-up-line-drawer .card-toolbar { flex-wrap: wrap; min-width: 0; max-width: 100%; } .follow-up-line-drawer .card-toolbar .d-flex.align-items-center.gap-2 { flex: 1 1 auto; min-width: 0; max-width: 100%; } .follow-up-line-drawer .card-toolbar .min-w-150px, .follow-up-line-drawer .card-toolbar .mobile-form-select { min-width: 0 !important; max-width: 100%; flex: 1 1 auto; width: 100%; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .follow-up-line-drawer.follow-up-drawer.drawer-on .card-body, #kt_app_main:has(.edit-funnel-strategies-view) .follow-up-line-drawer.follow-up-drawer.drawer-on .card-body { flex: 1 1 auto; min-height: 0; overflow: hidden !important; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .follow-up-line-drawer.follow-up-drawer.drawer-on .card-footer, #kt_app_main:has(.edit-funnel-strategies-view) .follow-up-line-drawer.follow-up-drawer.drawer-on .card-footer { flex-shrink: 0; } } @media (min-width: 992px) { .follow-up-drawer:not(.follow-up-mms-drawer):not(.follow-up-line-drawer).drawer-end.drawer-on, .follow-up-drawer:not(.follow-up-mms-drawer):not(.follow-up-line-drawer)[data-kt-drawer="true"].drawer-end.drawer-on { width: min(750px, 100vw) !important; max-width: min(750px, 100vw) !important; } .drawer.drawer-end, .follow-up-drawer.drawer-end, [data-kt-drawer="true"].drawer-end { padding: 0 !important; } .drawer.drawer-end > .card, .follow-up-drawer.drawer-end > .card, [data-kt-drawer="true"].drawer-end > .card { min-height: 100%; border-radius: 0; } .drawer .card-header, .follow-up-drawer .card-header, [data-kt-drawer="true"] .card-header, .drawer .journey-drawer-header, .follow-up-drawer .journey-drawer-header, [data-kt-drawer="true"] .journey-drawer-header { min-height: 3rem; } .drawer .card-toolbar .btn-close, .follow-up-drawer .card-toolbar .btn-close, [data-kt-drawer="true"] .card-toolbar .btn-close, .drawer .card-toolbar .journey-drawer-close, .follow-up-drawer .card-toolbar .journey-drawer-close, [data-kt-drawer="true"] .card-toolbar .journey-drawer-close, .drawer .card-toolbar .btn.btn-icon.btn-active-light-primary, .follow-up-drawer .card-toolbar .btn.btn-icon.btn-active-light-primary, [data-kt-drawer="true"] .card-toolbar .btn.btn-icon.btn-active-light-primary { display: inline-flex; align-items: center; justify-content: center; margin: 0; } } @media (max-width: 991.98px) { .drawer, .follow-up-drawer, [data-kt-drawer="true"] { box-sizing: border-box; max-width: 100% !important; overflow-x: hidden; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .follow-up-drawer.drawer-on, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) [data-kt-drawer="true"].follow-up-drawer.drawer-on { top: var(--fnl-pageheader-height, var(--edit-funnel-strategies-header-height, 52px)) !important; bottom: 0 !important; height: auto !important; max-height: none !important; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .follow-up-drawer.drawer-on > .card, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .follow-up-drawer.drawer-on .card { height: 100%; min-height: 0; display: flex; flex-direction: column; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .follow-up-drawer.drawer-on > .card > form, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .follow-up-drawer.drawer-on .card > form { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; height: 100%; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .follow-up-drawer.drawer-on .card-footer { flex-shrink: 0; } #kt_app_main:has(.fnl-pageheader.position-fixed.edit-pg) .follow-up-drawer.drawer-on .card-body.card-scroll { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; } .drawer.drawer-end, .follow-up-drawer.drawer-end, [data-kt-drawer="true"].drawer-end { width: 100% !important; max-width: 100% !important; left: 0 !important; right: 0 !important; margin: 0 !important; } /* left:0 + KTDrawer translateX(drawerWidth) 會在窄螢幕把未開啟抽屜露出右側；關閉態強制移出並隱藏 */ .drawer.drawer-end:not(.drawer-on), .follow-up-drawer.drawer-end:not(.drawer-on), [data-kt-drawer="true"].drawer-end:not(.drawer-on) { visibility: hidden !important; pointer-events: none !important; transform: translateX(100%) !important; z-index: -1 !important; } #view-user-drawer.follow-up-drawer, #view-user-drawer.follow-up-drawer.drawer-on { margin: 0 !important; width: 100% !important; max-width: 100% !important; } .drawer-overlay { width: 100% !important; max-width: 100% !important; left: 0 !important; right: auto !important; box-sizing: border-box; } html:has(#view-user-drawer.drawer-on), body:has(#view-user-drawer.drawer-on) { overflow-x: hidden !important; max-width: 100%; } .drawer.drawer-end.drawer-on, .follow-up-drawer.drawer-end.drawer-on, [data-kt-drawer="true"].drawer-end.drawer-on { transform: translateX(0) !important; } .drawer > .card, .drawer .card, .follow-up-drawer > .card, .follow-up-drawer .card, [data-kt-drawer="true"] > .card, [data-kt-drawer="true"] .card { width: 100%; max-width: 100%; min-width: 0; overflow-x: hidden; } .drawer .card-body, .follow-up-drawer .card-body, [data-kt-drawer="true"] .card-body { min-width: 0; max-width: 100%; overflow-x: hidden; } .drawer .card-header, .drawer .journey-drawer-header, .follow-up-drawer .card-header, .follow-up-drawer .journey-drawer-header, [data-kt-drawer="true"] .card-header, [data-kt-drawer="true"] .journey-drawer-header { max-width: 100%; min-width: 0; } .drawer .card-toolbar, .follow-up-drawer .card-toolbar, [data-kt-drawer="true"] .card-toolbar { position: relative; z-index: 3; } .drawer .timeline-item, .follow-up-drawer .timeline-item, [data-kt-drawer="true"] .timeline-item { flex-wrap: nowrap; min-width: 0; max-width: 100%; } .drawer .timeline-icon, .follow-up-drawer .timeline-icon, [data-kt-drawer="true"] .timeline-icon { flex-shrink: 0; width: 4rem !important; max-width: 4rem; } .drawer .timeline-content, .follow-up-drawer .timeline-content, [data-kt-drawer="true"] .timeline-content { flex: 1 1 auto; min-width: 0; max-width: 100%; overflow-x: hidden !important; word-break: break-word; } .drawer .row, .follow-up-drawer .row, [data-kt-drawer="true"] .row { margin-left: 0; margin-right: 0; max-width: 100%; } .drawer .row > [class*="col-"], .follow-up-drawer .row > [class*="col-"], [data-kt-drawer="true"] .row > [class*="col-"] { min-width: 0; } .drawer img, .drawer video, .drawer iframe, .drawer table, .drawer pre, .follow-up-drawer img, .follow-up-drawer video, .follow-up-drawer iframe, .follow-up-drawer table, .follow-up-drawer pre, [data-kt-drawer="true"] img, [data-kt-drawer="true"] video, [data-kt-drawer="true"] iframe, [data-kt-drawer="true"] table, [data-kt-drawer="true"] pre { max-width: 100%; } html.drawer-mobile-open, html.drawer-mobile-open body { overflow-x: hidden !important; max-width: 100%; } html.drawer-mobile-open body { width: auto !important; } html.drawer-mobile-open #kt_app_root, html.drawer-mobile-open #kt_app_content, html.drawer-mobile-open #acct-user-view { max-width: 100%; overflow-x: hidden; } .drawer .nav-tabs, .follow-up-drawer .nav-tabs, [data-kt-drawer="true"] .nav-tabs { max-width: 100%; min-width: 0; overflow-x: auto; flex-wrap: nowrap; } .drawer .tab-content, .follow-up-drawer .tab-content, [data-kt-drawer="true"] .tab-content { max-width: 100%; min-width: 0; overflow-x: hidden; } .drawer .form-list, .drawer .sub-quest-box, .drawer .score-level, .drawer .label-matrix, .follow-up-drawer .form-list, [data-kt-drawer="true"] .form-list { max-width: 100%; min-width: 0; overflow-x: auto; } .drawer .w-200px, .follow-up-drawer .w-200px, [data-kt-drawer="true"] .w-200px { width: auto !important; max-width: 100% !important; min-width: 0; } } #acct-user-view .card-header { min-height: auto; height: auto; align-items: flex-start; overflow: visible; } #acct-user-view .card { overflow: visible; } /* Side panels (會籍資訊 / 分類屬性 / 訂閱狀態): stronger primary tint vs grey fields */ #acct-user-view .bg-light-primary, #acct-user-add .bg-light-primary { background-color: color-mix(in srgb, var(--kt-primary, #009EF7) 14%, #ffffff) !important; border: 1px solid color-mix(in srgb, var(--kt-primary, #009EF7) 22%, #ffffff); } #acct-user-view .acct-user-view-card-header { padding-top: 0.75rem; padding-bottom: 0.75rem; } #acct-user-view .acct-user-view-profile-name { font-size: 1.5rem; line-height: 1.3; } #acct-user-view .acct-user-view-avatar { flex-shrink: 0; } .export-field-selector-accordion { width: 100%; min-width: 0; overflow-x: hidden; } .export-field-selector-accordion-item { border-bottom: 1px dashed var(--bs-gray-300); min-width: 0; } .export-field-selector-accordion-item:last-child { border-bottom: 0; } .export-field-selector-accordion-btn.dropdown-header { display: flex !important; align-items: center; justify-content: space-between; width: 100%; cursor: pointer; white-space: normal; word-break: break-word; padding: 0.375rem 0.75rem; font-weight: 600; } .export-field-selector-accordion-chevron { transition: transform 0.2s ease; } .export-field-selector-accordion-panel { padding: 0 0.75rem 0.75rem; min-width: 0; overflow-x: hidden; } .export-field-selector-accordion-panel li:last-child { margin-bottom: 0 !important; } .export-field-selector-accordion-panel .form-check { min-width: 0; max-width: 100%; } .export-field-selector-accordion-panel .form-check-label { white-space: normal; word-break: break-word; overflow-wrap: anywhere; } @media (max-width: 767.98px) { .export-field-selector-menu.hor-menu.dropdown-menu { display: none !important; } } #coupons .offer-valid-date-field, #referrer-coupons .offer-valid-date-field { max-width: 100%; } @media (max-width: 767.98px) { #coupons .offer-valid-date-field, #referrer-coupons .offer-valid-date-field { width: 100%; min-width: 0; } } @media (max-width: 767.98px) { .coupon-codes-modal .modal-title { font-size: 1rem; line-height: 1.45; } .coupon-codes-modal .dataTables_wrapper-controls > .d-flex { flex-direction: column; align-items: stretch; gap: 0.75rem; margin-top: 0 !important; margin-bottom: 0.75rem !important; } .coupon-codes-modal .dataTables_wrapper-controls .col-sm-12 { flex-direction: row; flex-wrap: wrap; align-items: center !important; justify-content: flex-start !important; gap: 0.5rem; } .coupon-codes-modal .dataTables_wrapper-controls .ms-5 { margin-left: 0 !important; margin-top: 0 !important; } .coupon-codes-modal .dataTables_info { font-size: 0.8rem; line-height: 1.35; } .coupon-codes-modal .dataTables_paginate { width: 100%; flex-wrap: wrap; justify-content: center; gap: 0.35rem; } .coupon-codes-modal .offer-coupon-code-mobile-list-card, .coupon-codes-modal .referrer-coupon-code-mobile-list-card { border-color: var(--kt-gray-200); } } @media (min-width: 768px) { #coupons .offer-valid-date-field, #referrer-coupons .offer-valid-date-field { width: 150px; flex: 0 0 auto; } .export-field-selector-menu.hor-menu.dropdown-menu.show { display: flex !important; flex-direction: row; flex-wrap: nowrap; width: 100%; max-width: 100%; position: relative !important; transform: none !important; inset: auto !important; margin: 0; box-shadow: none; overflow-x: auto; -webkit-overflow-scrolling: touch; } .export-field-selector .dropdown-column { flex: 0 0 auto; min-width: 9.5rem; padding: 0.5rem 0.75rem; border-right: 1px dashed var(--bs-gray-300); } .export-field-selector .dropdown-column li { margin-bottom: 0; } .export-field-selector .dropdown-column:last-child { border-right: 0; } .export-field-selector .dropdown-column .form-check { margin-bottom: 0.35rem; } } #acct-user-index .user-stats-layout, #acct-user-index .user-activity-layout { align-items: stretch; } #acct-user-index .user-index-card-sidebar { flex: 0 0 9.75rem; width: 9.75rem; flex-shrink: 0; padding-right: 1.75rem; margin-right: 1.5rem; border-right: 1px solid var(--kt-gray-200); } /* Wide enough for up to 7-digit totals with thousand separators (e.g. 9,999,999) at fs-2tx */ #acct-user-index .user-index-card-sidebar.user-stats-summary { flex: 0 0 13.5rem; width: 13.5rem; } #acct-user-index .user-stats-levels, #acct-user-index .user-stats-sources { flex: 1 1 0; min-width: 0; width: auto; max-width: none; } #acct-user-index .user-stats-levels { margin-left: 0.75rem; padding-right: 1.25rem; margin-right: 1.25rem; border-right: 1px solid var(--kt-gray-200); } #acct-user-index .user-stats-sources { margin-left: 0.75rem; padding-left: 0.25rem; } @media (min-width: 768px) { #product_index .product-list-search-wrap { flex: 0 1 auto; min-width: 0; width: auto; } #product_index .product-list-search-group { width: 30%; max-width: 30%; flex: 0 0 auto; border: 1px solid var(--kt-gray-300); border-radius: 0.475rem; background-color: #fff; } #product_index .product-list-search-group .input-group-text { background-color: #fff; border: 0; padding-right: 0; } #product_index .product-list-search-group .form-control { border: 0; background-color: #fff; } #product_index .product-list-search-group .form-control:focus { box-shadow: none; } } @media (max-width: 767.98px) { .dataTables_wrapper-controls > .d-flex { flex-direction: column; align-items: stretch; gap: 0.75rem; } .dataTables_wrapper-controls .col-sm-12 { flex-direction: column; align-items: flex-start !important; justify-content: flex-start !important; } .dataTables_wrapper-controls .ms-5 { margin-left: 0 !important; margin-top: 0.5rem; } .dataTables_info { font-size: 0.85rem; } .dataTables_paginate { flex-wrap: wrap; justify-content: center; gap: 0.25rem; } .user-mobile-list-card { border-color: var(--kt-gray-200); } .user-mobile-list-card-link { min-width: 0; } #x-users .x-users-nav-tabs-wrap { -webkit-overflow-scrolling: touch; scrollbar-width: none; } #x-users .x-users-nav-tabs-wrap::-webkit-scrollbar { display: none; } #x-users .x-users-nav-tabs-wrap .nav-link { white-space: nowrap; } #x-users .user-mobile-list-card { border-color: var(--kt-gray-200); } #x-users .input-group { overflow: visible; } .common-table-loading-overlay { background-color: rgba(255, 255, 255, 0.7); z-index: 1000; top: 0; left: 0; } #acct-user-index .dataTables_wrapper-controls > .d-flex { flex-direction: column; align-items: stretch; gap: 0.75rem; } #acct-user-index .dataTables_wrapper-controls .col-sm-12 { flex-direction: column; align-items: flex-start !important; justify-content: flex-start !important; } #acct-user-index .dataTables_wrapper-controls .ms-5 { margin-left: 0 !important; margin-top: 0.5rem; } #acct-user-index .dataTables_info { font-size: 0.85rem; } #acct-user-index .dataTables_paginate { flex-wrap: wrap; justify-content: center; gap: 0.25rem; } #acct-user-index .hor-menu.dropdown-menu { max-width: min(700px, calc(100vw - 2rem)); } #acct-user-index > .row { margin-top: 0; } #acct-user-index .acct-user-stats-col { margin-top: 0; } #acct-user-index .user-stats-card { border-top: 1px solid var(--kt-gray-200); } #acct-user-index .user-stats-layout, #acct-user-index .user-activity-layout { flex-wrap: wrap; row-gap: 1rem; } #acct-user-index .user-index-card-sidebar { flex: 0 0 100%; width: 100%; padding-right: 0; margin-right: 0; padding-bottom: 1rem; margin-bottom: 0.25rem; border-right: 0; border-bottom: 1px solid var(--kt-gray-200); } #acct-user-index .user-stats-levels, #acct-user-index .user-stats-sources { width: auto; max-width: none; flex: 1 1 0; min-width: 8.5rem; } #acct-user-index .user-stats-levels { margin-left: 0; margin-right: 0.75rem; padding-right: 0.75rem; border-right: 1px solid var(--kt-gray-200); } #acct-user-index .user-stats-sources { margin-left: 0; padding-left: 0; } #acct-user-index .user-activity-nav .nav-link { white-space: nowrap; } #acct-user-index .user-mobile-list-card { border-color: var(--kt-gray-200); } #acct-user-index .user-mobile-list-card-link { min-width: 0; } #acct-user-index .user-mobile-list-card-actions .btn-min { padding: 0.35rem; } #acct-user-tags .acct-user-tags-section-nav-wrap { -webkit-overflow-scrolling: touch; scrollbar-width: none; } #acct-user-tags .acct-user-tags-section-nav-wrap::-webkit-scrollbar { display: none; } #acct-user-tags .acct-user-tags-section-nav .nav-link { white-space: nowrap; } #acct-user-tags .acct-user-tags-card-tabs-wrap { -webkit-overflow-scrolling: touch; scrollbar-width: none; } #acct-user-tags .acct-user-tags-card-tabs-wrap::-webkit-scrollbar { display: none; } #acct-user-tags .acct-user-tags-card-tabs-wrap .nav-link { white-space: nowrap; } #acct-user-tags .card-body, #acct-user-tags .position-relative { min-width: 0; overflow: visible; } #acct-user-tags .user-mobile-list-card { border-color: var(--kt-gray-200); } #acct-user-tags .user-mobile-list-card-link { min-width: 0; } #acct-user-tags .acct-user-tags-mobile-card-actions .btn-min { padding: 0.35rem; } #acct-user-tags .dataTables_wrapper-controls > .d-flex { flex-direction: column; align-items: stretch; gap: 0.75rem; } #acct-user-tags .dataTables_wrapper-controls .col-sm-12 { flex-direction: column; align-items: flex-start !important; justify-content: flex-start !important; } #acct-user-tags .dataTables_wrapper-controls .ms-5 { margin-left: 0 !important; margin-top: 0.5rem; } #target-audiences .card-body, #target-audiences .position-relative { min-width: 0; overflow: visible; } #target-audiences .user-mobile-list-card { border-color: var(--kt-gray-200); } #target-audiences .user-mobile-list-card-link { min-width: 0; } #target-audiences .target-audiences-mobile-card-actions .btn-min { padding: 0.35rem; } #target-audiences .dataTables_wrapper-controls > .d-flex { flex-direction: column; align-items: stretch; gap: 0.75rem; } #target-audiences .dataTables_wrapper-controls .col-sm-12 { flex-direction: column; align-items: flex-start !important; justify-content: flex-start !important; } #target-audiences .dataTables_wrapper-controls .ms-5 { margin-left: 0 !important; margin-top: 0.5rem; } #members_index .dataTables_wrapper-controls > .d-flex { flex-direction: column; align-items: stretch; gap: 0.75rem; } #members_index .dataTables_wrapper-controls .col-sm-12 { flex-direction: column; align-items: flex-start !important; justify-content: flex-start !important; } #members_index .dataTables_wrapper-controls .ms-5 { margin-left: 0 !important; margin-top: 0.5rem; } #members_index .dataTables_info { font-size: 0.85rem; } #members_index .dataTables_paginate { flex-wrap: wrap; justify-content: center; gap: 0.25rem; } #members_index .user-mobile-list-card { border-color: var(--kt-gray-200); } #members_index .user-mobile-list-card-link { min-width: 0; } #members_index .user-mobile-list-card-actions .btn-min { padding: 0.35rem; } #funnel_index .dataTables_wrapper-controls > .d-flex { flex-direction: column; align-items: stretch; gap: 0.75rem; } #funnel_index .dataTables_wrapper-controls .col-sm-12 { flex-direction: column; align-items: flex-start !important; justify-content: flex-start !important; } #funnel_index .dataTables_wrapper-controls .ms-5 { margin-left: 0 !important; margin-top: 0.5rem; } #funnel_index .dataTables_info { font-size: 0.85rem; } #funnel_index .dataTables_paginate { flex-wrap: wrap; justify-content: center; gap: 0.25rem; } #funnel_index .funnel-create-dropdown-menu { min-width: 0 !important; width: calc(100vw - 2rem); max-width: min(500px, calc(100vw - 2rem)); } #funnel_index .funnel-list-card-toolbar .dropdown { width: 100%; } #funnel_index .funnel-list-card-toolbar { overflow: visible; } #funnel_index .user-mobile-list-card, #funnel_index .funnel-mobile-list-card { border-color: var(--kt-gray-200); } #funnel_index .user-mobile-list-card-link { min-width: 0; } #funnel_index .funnel-mobile-list-card-menu { padding-top: 0.15rem; } #funnel_index .funnel-mobile-list-card .funnel-status { font-size: 0.75rem; font-weight: 600; } #funnel_index .funnel-status-filter-chips .btn { flex-shrink: 0; } #funnel_one_page_index .dataTables_wrapper-controls > .d-flex { flex-direction: column; align-items: stretch; gap: 0.75rem; } #funnel_one_page_index .dataTables_wrapper-controls .col-sm-12 { flex-direction: column; align-items: flex-start !important; justify-content: flex-start !important; } #funnel_one_page_index .dataTables_wrapper-controls .ms-5 { margin-left: 0 !important; margin-top: 0.5rem; } #funnel_one_page_index .dataTables_info { font-size: 0.85rem; } #funnel_one_page_index .dataTables_paginate { flex-wrap: wrap; justify-content: center; gap: 0.25rem; } #funnel_one_page_index .one-page-list-card-toolbar { width: 100%; } #funnel_one_page_index .user-mobile-list-card, #funnel_one_page_index .one-page-mobile-list-card { border-color: var(--kt-gray-200); } #funnel_one_page_index .user-mobile-list-card-link { min-width: 0; } #funnel_one_page_index .one-page-mobile-list-card-menu { padding-top: 0.15rem; } #funnel_one_page_index .one-page-status-filter-chips .btn { flex-shrink: 0; } #funnel_one_page_index .one-page-mobile-list-card .funnel-table-performance-cell__metric { display: inline-flex; align-items: center; gap: 0.35rem; } #funnel_one_page_index .one-page-mobile-list-card .funnel-table-performance-cell__metric > svg { flex-shrink: 0; } #funnel_one_page_index .one-page-mobile-list-card .funnel-table-quick-actions { gap: 0.25rem; } #funnel_one_page_index .one-page-list-toolbar-row { overflow: visible; } #funnel_one_page_index .one-page-list-toolbar-left { min-width: 0; } #funnel_one_page_index .one-page-list-search-wrap { flex: 1 1 12.6rem; min-width: 10rem; margin-left: 2rem; } #funnel_one_page_index .one-page-list-search-group { min-width: 8.4rem; max-width: 18.9rem; flex: 1 1 auto; border: 1px solid var(--kt-gray-300); border-radius: 0.475rem; background-color: #fff; } #funnel_one_page_index .one-page-list-search-group .input-group-text { background-color: #fff; border: 0; padding-right: 0; } #funnel_one_page_index .one-page-list-search-group .form-control { border: 0; background-color: #fff; } #funnel_one_page_index .one-page-list-search-group .form-control:focus { box-shadow: none; } @media (max-width: 767.98px) { #funnel_one_page_index .one-page-list-toolbar-row { overflow-x: auto; -webkit-overflow-scrolling: touch; } #funnel_one_page_index .one-page-list-search-group { max-width: none; } } #coupons .dataTables_wrapper-controls > .d-flex, #gifts .dataTables_wrapper-controls > .d-flex, #ebooks .dataTables_wrapper-controls > .d-flex, #vouchers .dataTables_wrapper-controls > .d-flex, #referrers .dataTables_wrapper-controls > .d-flex, #referrer-coupons .dataTables_wrapper-controls > .d-flex { flex-direction: column; align-items: stretch; gap: 0.75rem; } #coupons .dataTables_wrapper-controls .col-sm-12, #gifts .dataTables_wrapper-controls .col-sm-12, #ebooks .dataTables_wrapper-controls .col-sm-12, #vouchers .dataTables_wrapper-controls .col-sm-12, #referrers .dataTables_wrapper-controls .col-sm-12, #referrer-coupons .dataTables_wrapper-controls .col-sm-12 { flex-direction: column; align-items: flex-start !important; justify-content: flex-start !important; } #coupons .dataTables_wrapper-controls .ms-5, #gifts .dataTables_wrapper-controls .ms-5, #ebooks .dataTables_wrapper-controls .ms-5, #vouchers .dataTables_wrapper-controls .ms-5, #referrers .dataTables_wrapper-controls .ms-5, #referrer-coupons .dataTables_wrapper-controls .ms-5 { margin-left: 0 !important; margin-top: 0.5rem; } #coupons .dataTables_info, #gifts .dataTables_info, #ebooks .dataTables_info, #vouchers .dataTables_info, #referrers .dataTables_info, #referrer-coupons .dataTables_info { font-size: 0.85rem; } #coupons .dataTables_paginate, #gifts .dataTables_paginate, #ebooks .dataTables_paginate, #vouchers .dataTables_paginate, #referrers .dataTables_paginate, #referrer-coupons .dataTables_paginate { flex-wrap: wrap; justify-content: center; gap: 0.25rem; } #coupons .offer-nav-tabs-wrap, #gifts .offer-nav-tabs-wrap, #ebooks .offer-nav-tabs-wrap, #vouchers .offer-nav-tabs-wrap { -webkit-overflow-scrolling: touch; } #coupons .offer-nav-tabs-wrap::-webkit-scrollbar, #gifts .offer-nav-tabs-wrap::-webkit-scrollbar, #ebooks .offer-nav-tabs-wrap::-webkit-scrollbar, #vouchers .offer-nav-tabs-wrap::-webkit-scrollbar { display: none; } #coupons .offer-nav-tabs-wrap .nav-link, #gifts .offer-nav-tabs-wrap .nav-link, #ebooks .offer-nav-tabs-wrap .nav-link, #vouchers .offer-nav-tabs-wrap .nav-link { white-space: nowrap; } #referrers .referrer-nav-tabs-wrap, #referrer-coupons .referrer-nav-tabs-wrap { -webkit-overflow-scrolling: touch; } #referrers .referrer-nav-tabs-wrap::-webkit-scrollbar, #referrer-coupons .referrer-nav-tabs-wrap::-webkit-scrollbar { display: none; } #referrers .referrer-nav-tabs-wrap .nav-link, #referrer-coupons .referrer-nav-tabs-wrap .nav-link { white-space: nowrap; } #coupons .user-mobile-list-card, #gifts .user-mobile-list-card, #ebooks .user-mobile-list-card, #vouchers .user-mobile-list-card, #referrers .user-mobile-list-card, #referrer-coupons .user-mobile-list-card { border-color: var(--kt-gray-200); } #coupons .offer-mobile-list-card-actions .btn-min, #gifts .offer-mobile-list-card-actions .btn-min, #ebooks .offer-mobile-list-card-actions .btn-min, #vouchers .offer-mobile-list-card-actions .btn-min, #referrers .offer-mobile-list-card-actions .btn-min, #referrer-coupons .offer-mobile-list-card-actions .btn-min { min-width: 2.25rem; } #download_center .user-mobile-list-card, #download_center .download-center-mobile-card { border-color: var(--kt-gray-200); } #download_center .download-center-mobile-card .btn { min-height: 38px; } #download_center .common-table .table-responsive, #download_center .common-table .position-relative { overflow: visible; } #product_index .user-mobile-list-card, #product_index .product-mobile-list-card { border-color: var(--kt-gray-200); } #product_index .product-mobile-list-card-actions .btn-min { min-width: 2.25rem; min-height: 2.25rem; } #product_index .product-list-search-wrap { flex: 0 1 auto; min-width: 0; width: auto; gap: 1rem; } #product_index .product-list-search-label { margin-right: 0; } #product_index .product-list-search-group { min-width: 12rem; max-width: 42ch; width: 42ch; flex: 0 0 auto; border: 1px solid var(--kt-gray-300); border-radius: 0.475rem; background-color: #fff; } #product_index .product-list-search-group .input-group-text { background-color: #fff; border: 0; padding-right: 0; } #product_index .product-list-search-group .form-control { border: 0; background-color: #fff; } #product_index .product-list-search-group .form-control:focus { box-shadow: none; } @media (max-width: 767.98px) { #product_index .product-list-search-group { width: auto; max-width: none; flex: 1 1 auto; } } #booking_item_index .user-mobile-list-card, #booking_item_index .booking-item-mobile-card { border-color: var(--kt-gray-200); } #booking_item_index .booking-item-mobile-card-actions .btn-min { min-width: 2.25rem; min-height: 2.25rem; } #booking_item_index .booking-item-category-scroll { -webkit-overflow-scrolling: touch; scrollbar-width: none; } #booking_item_index .booking-item-category-scroll::-webkit-scrollbar { display: none; } [data-kt-app-header-fixed="true"] #kt_app_content_container:has(#product_index) { padding-top: calc(var(--bs-app-header-height, 60px) + 0.75rem) !important; } #kt_app_content_container:has(#product_index) > .page-title { margin-top: 0 !important; margin-bottom: 0.75rem !important; } #product_index > .card.mt-6 { margin-top: 0 !important; } #kt_app_content_container:has(#edit-product) .fnl-pageheader.edit-product .pageheader { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } #edit-product .user-mobile-list-card, #edit-product .product-option-mobile-card { border-color: var(--kt-gray-200); } #edit-product .product-option-mobile-card-actions .btn-min { min-width: 2.25rem; min-height: 2.25rem; } #acct-user-view .dataTables_wrapper-controls > .d-flex { flex-direction: column; align-items: stretch; gap: 0.75rem; } #acct-user-view .dataTables_wrapper-controls .col-sm-12 { flex-direction: column; align-items: flex-start !important; justify-content: flex-start !important; } #acct-user-view .dataTables_wrapper-controls .ms-5 { margin-left: 0 !important; margin-top: 0.5rem; } #acct-user-view .dataTables_info { font-size: 0.85rem; } #acct-user-view .dataTables_paginate { flex-wrap: wrap; justify-content: center; gap: 0.25rem; } #acct-user-view .user-mobile-list-card { border-color: var(--kt-gray-200); } #acct-user-view .payment-table-loading-overlay { background-color: rgba(255, 255, 255, 0.7); z-index: 1000; top: 0; left: 0; } #acct-user-view .acct-user-view-card-header { margin-top: 0 !important; padding-top: 1rem; padding-bottom: 0.75rem; } #acct-user-view #edit-user-form .row.mt-3 > [class*="col-"], #acct-user-add #user-form .row.mt-3 > [class*="col-"] { width: 100%; max-width: 100%; flex: 0 0 100%; } #acct-user-view #edit-user-form .row.mt-3 > .d-flex, #acct-user-add #user-form .row.mt-3 > .d-flex { flex-direction: column !important; } #acct-user-view .acct-user-view-avatar { width: 45px; height: 45px; min-width: 45px; } #acct-user-view .acct-user-view-avatar > .symbol-label { width: 45px; height: 45px; min-width: 45px; } #acct-user-view .acct-user-view-profile-name { font-size: 1.25rem; } #acct-user-view .acct-user-view-tabs-scroll { -webkit-overflow-scrolling: touch; } #acct-user-view .acct-user-view-tabs-sticky .nav-link { font-size: 0.95rem; white-space: nowrap; } #acct-user-view .acct-user-view-stat-card { min-width: 0; } #acct-user-view .acct-user-view-stat-value { font-size: 0.95rem !important; line-height: 1.25; } #acct-user-view .acct-user-view-stat-label { font-size: 0.65rem; } #acct-user-view .acct-user-view-card-toolbar { width: 100%; } #acct-user-view .acct-user-view-card-toolbar .btn { width: 100%; } #acct-user-view .acct-user-view-profile-split, #acct-user-add .acct-user-view-profile-split { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); } #acct-user-view .acct-user-view-profile-header > .flex-grow-1 { gap: 0.125rem; } #acct-user-view .acct-user-view-line-id { display: block; max-width: 100%; overflow-wrap: anywhere; word-break: break-all; } #advanced-search .adv-search-header-actions, #advanced-search-results .adv-search-header-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; } #advanced-search .adv-search-footer-actions { grid-template-columns: 1fr 1fr; } #advanced-search-results .adv-search-results-toolbar > * { width: 100%; } #advanced-search .ms-8, #advanced-search-results .ms-8 { margin-left: 0.5rem !important; } #advanced-search .ps-20, #advanced-search .ps-14, #advanced-search .ps-10, #advanced-search-results .ps-20, #advanced-search-results .ps-14, #advanced-search-results .ps-10 { padding-left: 0.75rem !important; } #advanced-search .hor-menu.dropdown-menu, #advanced-search-results .hor-menu.dropdown-menu { max-width: min(700px, calc(100vw - 2rem)); } #advanced-search .adv-search-field-menu.hor-menu.dropdown-menu { width: 100%; max-width: 100%; padding: 0; overflow-x: hidden; overflow-y: auto; position: static !important; transform: none !important; inset: auto !important; margin: 0 !important; min-width: 0 !important; flex-wrap: nowrap; max-height: min(70vh, 480px); } #advanced-search .adv-search-field-menu.hor-menu.dropdown-menu:not(.show) { display: none !important; } #advanced-search .adv-search-field-menu.hor-menu.dropdown-menu.show { display: block !important; } #advanced-search .adv-search-field-menu-accordion { width: 100%; min-width: 0; overflow-x: hidden; } #advanced-search .adv-search-field-menu-accordion-item { border-bottom: 1px dashed var(--bs-gray-300); min-width: 0; } #advanced-search .adv-search-field-menu-accordion-item:last-child { border-bottom: 0; } #advanced-search .adv-search-field-menu-accordion-btn.dropdown-header { display: flex !important; align-items: center; justify-content: space-between; width: 100%; cursor: pointer; white-space: normal; word-break: break-word; padding: 0.375rem 0.75rem; font-weight: 600; } #advanced-search .adv-search-field-menu-accordion-chevron { transition: transform 0.2s ease; } #advanced-search .adv-search-field-menu-accordion-panel { padding: 0 0.75rem 0.75rem; min-width: 0; overflow-x: hidden; } #advanced-search .adv-search-field-menu-accordion-panel .form-check, #advanced-search .adv-search-field-menu-accordion-panel .radio-btn { margin-bottom: 0.35rem; min-width: 0; max-width: 100%; } #advanced-search .adv-search-field-menu-accordion-panel .form-check-label { white-space: normal; word-break: break-word; overflow-wrap: anywhere; } #advanced-search .adv-search-field-menu-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; } #advanced-search .adv-search-field-menu .dropdown-column { flex: 0 0 auto; min-width: 9.5rem; padding: 0.5rem 0.75rem; border-right: 1px dashed var(--bs-gray-300); } #advanced-search .adv-search-field-menu .dropdown-column:last-child { border-right: 0; } #advanced-search .adv-search-or-row-header .adv-search-section-close { position: absolute; top: 0.5rem; right: 0.5rem; z-index: 2; } #advanced-search .adv-search-criteria-section { position: relative; } #advanced-search .adv-search-criteria-actions { position: static; } #advanced-search .adv-search-criteria-body { width: 100%; min-width: 0; } #advanced-search .adv-search-criteria-chip, #advanced-search-results .adv-search-criteria-chip { flex-wrap: wrap; align-items: baseline; word-break: break-word; overflow-wrap: anywhere; } #advanced-search .adv-search-criteria-chip > *, #advanced-search-results .adv-search-criteria-chip > * { margin-right: 0 !important; margin-bottom: 0 !important; flex: 0 1 auto; max-width: 100%; } #advanced-search .criteria, #advanced-search-results .criteria { align-items: stretch !important; } #advanced-search .rules .card-header .card-title { flex-direction: row !important; align-items: center !important; } #advanced-search .rules .card-body.px-8 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } #advanced-search .adv-search-filter-row .filter-drop-btn, #advanced-search .criteria .form-select { width: 100%; max-width: 100%; } #advanced-search .criteria .form-group { width: 100%; max-width: 100%; min-width: 0; } #advanced-search .filter-div, #advanced-search .filter-group, #advanced-search .rules .card, #advanced-search .rules .card-body { overflow: visible !important; } .adv-search-form-select-menu { font-size: 0.925rem; max-height: 240px; overflow-y: auto; position: static !important; transform: none !important; inset: auto !important; width: 100%; } .adv-search-form-select-menu .dropdown-item { font-size: 0.925rem; padding: 0.5rem 0.75rem; white-space: normal; word-break: break-word; } .adv-search-form-select-btn::after { display: none; } #advanced-search .criteria .css-b62m3t-container, #advanced-search .criteria [class$="-container"] { width: 100%; max-width: 100%; min-width: 0; } #advanced-search .rules .px-4 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } #advanced-search .btn-add-searchgroup { width: 100%; text-align: center; } #advanced-search-results .dataTables_wrapper-controls > .d-flex { flex-direction: column; align-items: stretch; gap: 0.75rem; } #advanced-search-results .dataTables_wrapper-controls .col-sm-12 { flex-direction: column; align-items: flex-start !important; justify-content: flex-start !important; } #advanced-search-results .dataTables_wrapper-controls .ms-5 { margin-left: 0 !important; margin-top: 0.5rem; } #advanced-search-results .dataTables_info { font-size: 0.85rem; } #advanced-search-results .dataTables_paginate { flex-wrap: wrap; justify-content: center; gap: 0.25rem; } #advanced-search-results .user-mobile-list-card { border-color: var(--kt-gray-200); } #advanced-search-results .user-mobile-list-card-link { min-width: 0; } #advanced-search-results .user-mobile-list-card-actions .btn-min { padding: 0.35rem; } #advanced-search-results .adv-search-saved-list-card { border-color: var(--kt-gray-200); } #advanced-search-results .adv-search-column-menu.hor-menu.dropdown-menu.show { flex-direction: column; min-width: 0; width: 100%; max-width: 100%; position: static !important; transform: none !important; inset: auto !important; } #advanced-search-results .adv-search-column-menu .dropdown-column { border-right: 0; border-bottom: 1px dashed var(--bs-gray-300); padding: 0.5rem 0.75rem; width: 100%; flex: 0 0 auto; min-width: 0; } #advanced-search-results .adv-search-column-menu .dropdown-column:last-child { border-bottom: 0; } #advanced-search-results .adv-search-column-menu .form-check-label { white-space: normal; word-break: break-word; } #advanced-search-results #search-result-collapsible { display: block !important; height: auto !important; visibility: visible !important; } #advanced-search-results .adv-search-conditions-toggle.collapsed .rotate-n180 { transform: rotate(0deg); } #acct-user-add .card-header { flex-direction: column; align-items: stretch !important; gap: 0.75rem; } #acct-user-add .acct-user-add-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; width: 100%; } #acct-user-add .acct-user-add-tabs .nav-item { width: 100%; } #acct-user-add .acct-user-add-tabs .nav-link { width: 100%; margin-right: 0 !important; text-align: center; } #acct-user-add .acct-user-import-flow .ms-9, .acct-user-import-page .acct-user-import-flow .ms-9, #acct-user-add .acct-user-import-flow .ms-11, .acct-user-import-page .acct-user-import-flow .ms-11 { margin-left: 0 !important; } #acct-user-add .acct-user-import-stepper .separator, .acct-user-import-page .acct-user-import-stepper .separator { display: none; } #acct-user-add .acct-user-import-stepper .noform-step:not(.active) > div:last-child, .acct-user-import-page .acct-user-import-stepper .noform-step:not(.active) > div:last-child { display: none; } #acct-user-add .acct-user-import-stepper .noform-step:not(.active) .step-num, .acct-user-import-page .acct-user-import-stepper .noform-step:not(.active) .step-num { opacity: 0.45; } #acct-user-add .acct-user-import-stepper .noform-step.active .step-title, .acct-user-import-page .acct-user-import-stepper .noform-step.active .step-title { display: none; } #acct-user-add .acct-user-import-stepper-summary, .acct-user-import-page .acct-user-import-stepper-summary { font-size: 0.95rem; } #acct-user-add .acct-user-import-footer, .acct-user-import-page .acct-user-import-footer { position: sticky; bottom: 0; z-index: 20; background-color: var(--bs-body-bg, #fff); padding-bottom: 0.75rem; flex-direction: column; align-items: stretch !important; } #acct-user-add .acct-user-import-footer-actions, .acct-user-import-page .acct-user-import-footer-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; } #acct-user-add .acct-user-import-footer-actions .btn, .acct-user-import-page .acct-user-import-footer-actions .btn, #acct-user-add .acct-user-import-footer-back, .acct-user-import-page .acct-user-import-footer-back, #acct-user-add .acct-user-import-footer-close, .acct-user-import-page .acct-user-import-footer-close { width: 100%; } #acct-user-add .acct-user-import-dropzone .dropzone, .acct-user-import-page .acct-user-import-dropzone .dropzone { min-height: 7rem; width: 100%; } #acct-user-add .acct-user-import-col-card, .acct-user-import-page .acct-user-import-col-card { border: 1px solid var(--bs-gray-300); border-radius: 0.475rem; padding: 0.75rem; margin-bottom: 0.75rem; } #acct-user-add .acct-user-import-col-card-label, .acct-user-import-page .acct-user-import-col-card-label { font-size: 0.8rem; } #acct-user-add .acct-user-import-replace-card, .acct-user-import-page .acct-user-import-replace-card { margin-bottom: 1rem; } #acct-user-add .acct-user-import-flow, .acct-user-import-page .acct-user-import-flow, #acct-user-add .acct-user-import-replace-card, .acct-user-import-page .acct-user-import-replace-card, #acct-user-add .card-body, .acct-user-import-page, #acct-user-add .acct-user-import-missing-card, .acct-user-import-page .acct-user-import-missing-card { overflow: visible !important; } #acct-user-add .acct-user-import-replace-card .form-group, .acct-user-import-page .acct-user-import-replace-card .form-group { width: 100%; max-width: 100%; min-width: 0; } #acct-user-add .acct-user-import-field-menu.hor-menu.dropdown-menu, .acct-user-import-page .acct-user-import-field-menu.hor-menu.dropdown-menu { width: 100%; max-width: 100%; padding: 0; overflow-x: hidden; overflow-y: auto; position: static !important; transform: none !important; inset: auto !important; margin: 0 !important; min-width: 0 !important; flex-wrap: nowrap; max-height: min(70vh, 480px); } #acct-user-add .acct-user-import-field-menu.hor-menu.dropdown-menu:not(.show), .acct-user-import-page .acct-user-import-field-menu.hor-menu.dropdown-menu:not(.show) { display: none !important; } #acct-user-add .acct-user-import-field-menu.hor-menu.dropdown-menu.show, .acct-user-import-page .acct-user-import-field-menu.hor-menu.dropdown-menu.show { display: block !important; } #acct-user-add .acct-user-import-field-menu-accordion, .acct-user-import-page .acct-user-import-field-menu-accordion { width: 100%; min-width: 0; overflow-x: hidden; } #acct-user-add .acct-user-import-field-menu-accordion-item, .acct-user-import-page .acct-user-import-field-menu-accordion-item { border-bottom: 1px dashed var(--bs-gray-300); min-width: 0; } #acct-user-add .acct-user-import-field-menu-accordion-item:last-child, .acct-user-import-page .acct-user-import-field-menu-accordion-item:last-child { border-bottom: 0; } #acct-user-add .acct-user-import-field-menu-accordion-btn.dropdown-header, .acct-user-import-page .acct-user-import-field-menu-accordion-btn.dropdown-header { display: flex !important; align-items: center; justify-content: space-between; width: 100%; cursor: pointer; white-space: normal; word-break: break-word; padding: 0.375rem 0.75rem; font-weight: 600; } #acct-user-add .acct-user-import-field-menu-accordion-chevron, .acct-user-import-page .acct-user-import-field-menu-accordion-chevron { transition: transform 0.2s ease; } #acct-user-add .acct-user-import-field-menu-accordion-panel, .acct-user-import-page .acct-user-import-field-menu-accordion-panel { padding: 0 0.75rem 0.75rem; min-width: 0; overflow-x: hidden; } #acct-user-add .acct-user-import-field-menu-accordion-panel .form-check, .acct-user-import-page .acct-user-import-field-menu-accordion-panel .form-check, #acct-user-add .acct-user-import-field-menu-accordion-panel .radio-btn, .acct-user-import-page .acct-user-import-field-menu-accordion-panel .radio-btn { margin-bottom: 0.35rem; min-width: 0; max-width: 100%; } #acct-user-add .acct-user-import-field-menu-accordion-panel .form-check-label, .acct-user-import-page .acct-user-import-field-menu-accordion-panel .form-check-label { white-space: normal; word-break: break-word; overflow-wrap: anywhere; } #acct-user-add .acct-user-import-field-dropdown .filter-drop-btn, .acct-user-import-page .acct-user-import-field-dropdown .filter-drop-btn { width: 100%; text-align: start; } #acct-user-add .acct-user-import-missing-card, .acct-user-import-page .acct-user-import-missing-card { border: 1px solid var(--bs-gray-300); border-radius: 0.475rem; padding: 0.75rem; margin-bottom: 0.75rem; } #acct-user-add .acct-user-import-result, .acct-user-import-page .acct-user-import-result { min-height: 0 !important; position: static !important; } #acct-user-add .acct-user-import-result .min-h-350px, .acct-user-import-page .acct-user-import-result .min-h-350px { min-height: 0 !important; } #acct-user-add .acct-user-import-result .min-h-500px, .acct-user-import-page .acct-user-import-result .min-h-500px { min-height: 0 !important; } #acct-user-add .acct-user-import-result-stats, .acct-user-import-page .acct-user-import-result-stats { flex-direction: column !important; } #acct-user-add .acct-user-import-result-stats .border-end, .acct-user-import-page .acct-user-import-result-stats .border-end { border-right: 0 !important; border-bottom: 1px solid var(--bs-gray-200); padding-bottom: 0.75rem; margin-bottom: 0.75rem; } #acct-user-add .acct-user-import-result-chips, .acct-user-import-page .acct-user-import-result-chips { gap: 0.5rem !important; } #acct-user-add .acct-user-import-result-actions, .acct-user-import-page .acct-user-import-result-actions { display: grid; grid-template-columns: 1fr; gap: 0.5rem; width: 100%; } #acct-user-add .acct-user-import-result-actions .btn, .acct-user-import-page .acct-user-import-result-actions .btn { width: 100%; } #acct-user-add .acct-user-import-finished, .acct-user-import-page .acct-user-import-finished { min-height: 0 !important; position: static !important; } #acct-user-add .acct-user-import-finished .min-w-500px, .acct-user-import-page .acct-user-import-finished .min-w-500px { min-width: 0 !important; } #acct-user-add .acct-user-import-finished-back, .acct-user-import-page .acct-user-import-finished-back, #acct-user-add .acct-user-import-finished-close, .acct-user-import-page .acct-user-import-finished-close { width: 100%; } #acct-user-add .acct-user-import-progress, .acct-user-import-page .acct-user-import-progress { min-height: 0 !important; position: static !important; } .ecomm-channel-card .ecomm-tab-nav-col.ecomm-tab-nav-sticky { position: static !important; top: auto !important; z-index: auto !important; align-self: auto; flex-shrink: 0; } .ecomm-tab-nav-col { width: 100%; min-width: 0; margin-right: 0 !important; } .ecomm-list-tabs { -webkit-overflow-scrolling: touch; scrollbar-width: none; position: relative; z-index: 1; flex-shrink: 0; margin-bottom: 0.75rem; padding-bottom: 0.25rem; background-color: var(--bs-body-bg, #fff); } .ecomm-list-tabs::-webkit-scrollbar { display: none; } .ecomm-channel-card .card-header .card-toolbar .btn { width: 100%; } .ecomm-channel-card .card-header.flex-sm-row .card-toolbar .btn { width: auto; } .ecomm-channel-card .ecomm-campaign-table .dataTables_wrapper-controls { margin-top: 0; } .ecomm-channel-card .card-body > .d-flex.flex-column > .flex-grow-1 { position: relative; z-index: 0; min-width: 0; } .ecomm-nav-card .sum_list > .sl_item { flex: 0 0 calc(50% - 0.5rem); width: calc(50% - 0.5rem); min-width: 0; align-items: flex-start; } .ecomm-nav-card .sl_item_state { font-size: 0.8rem; line-height: 1.35; } .ecomm-nav-card .ecomm-nav-tabs-wrap { -webkit-overflow-scrolling: touch; scrollbar-width: none; } .ecomm-nav-card .ecomm-nav-tabs-wrap::-webkit-scrollbar { display: none; } .ecomm-nav-card .ecomm-nav-tabs-row .nav-link { white-space: nowrap; } .ecomm-nav-card .ecomm-nav-tabs-row .nav { column-gap: 0.25rem; } .ecomm-campaign-table .table-responsive, .ecomm-campaign-table .position-relative, .ecomm-channel-card .table-container { overflow: visible; } .ecomm-channel-card .user-mobile-list-card, .ecomm-mobile-list-card { border-color: var(--kt-gray-200); } .ecomm-mobile-list-card-menu { position: static; } .ecomm-mobile-list-card .campaign-record { min-width: 0; } .ecomm-mobile-list-card .ecomm-breakdown-item { border-bottom: 1px solid var(--kt-gray-200); padding-bottom: 0.75rem; margin-bottom: 0.75rem; } .ecomm-mobile-list-card .ecomm-breakdown-item:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .ecomm-drip-node-mobile-card { border-color: var(--kt-gray-200); } .ecomm-drip-node-mobile-list .ecomm-drip-node-mobile-card:last-child { margin-bottom: 0 !important; } .ecomm-drip-index-toolbar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-name-block { flex: 1 1 auto; width: auto; min-width: 0; max-width: 100%; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-name-row { min-width: 0; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-tag { max-width: 100%; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-edit-btn { flex-shrink: 0; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-status { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; min-width: 0; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-status .form-check.form-switch { padding-left: 0; margin-bottom: 0; min-height: 0; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-status .form-check-input { margin-left: 0; float: none; } .ecomm-drip-node-index-app, .ecomm-drip-node-index-form { min-width: 0; max-width: 100%; overflow-x: visible; } .ecomm-drip-node-index-toolbar .ecomm-drip-index-toolbar-meta { min-width: 0; } .ecomm-drip-trigger-time-picker { width: 7.5rem; max-width: 100%; } .ecomm-drip-node-mobile-card .ecomm-drip-node-delay-row--mobile { display: grid; grid-template-columns: minmax(0, 1fr) 4.5rem minmax(0, 1fr); gap: 0.5rem; align-items: center; } .ecomm-drip-node-mobile-card .ecomm-drip-node-delay-row--mobile.is-immediate { grid-template-columns: minmax(0, 1fr); } .ecomm-drip-delay-qty { width: 4.5rem; max-width: 4.5rem; } .ecomm-drip-add-node-delay-row { flex-wrap: nowrap; } .ecomm-drip-add-node-delay-row .ecomm-drip-add-node-delay-unit { min-width: 5.5rem; } .ecomm-drip-node-mobile-card .mobile-form-select, .ecomm-drip-node-mobile-card .form-select, .ecomm-drip-node-mobile-card .form-control { max-width: 100%; min-width: 0; } .ecomm-drip-node-index-app .card-body .mobile-form-select, .ecomm-drip-node-index-app .card-body .form-select, .ecomm-drip-node-index-app .card-body .form-control { max-width: 100%; } .ecomm-drip-node-index-app .user-mobile-list { min-width: 0; overflow-x: clip; } .ecomm-channel-card .custom-action-dropdown { z-index: 106; } .ecomm-action-submenu-inline { position: static !important; left: auto !important; right: auto !important; top: auto !important; margin-left: 0 !important; margin-top: 0.25rem; box-shadow: none; border-left: 2px solid var(--kt-gray-200); padding-left: 0.5rem; } .ecomm-channel-card .custom-menu-arrow.rotate-90 { display: inline-block; transform: rotate(90deg); } .ecomm-channel-card .dataTables_wrapper-controls > .d-flex { flex-direction: column; align-items: stretch; gap: 0.75rem; } .ecomm-channel-card .dataTables_wrapper-controls .col-sm-12 { flex-direction: column; align-items: flex-start !important; justify-content: flex-start !important; } .ecomm-channel-card .dataTables_wrapper-controls .ms-5 { margin-left: 0 !important; margin-top: 0.5rem; } .ecomm-channel-card .dataTables_info { font-size: 0.85rem; } .ecomm-channel-card .dataTables_paginate { flex-wrap: wrap; justify-content: center; gap: 0.25rem; } } #booking_item_index .booking-item-index-table table { table-layout: fixed; width: 100%; } #booking_item_index .booking-item-index-table .booking-item-col-seq { width: 3rem; padding-left: 0.5rem; padding-right: 0.25rem; } #booking_item_index .booking-item-index-table .booking-item-col-name { width: 22%; text-align: left; padding-right: 1rem; } #booking_item_index .booking-item-index-table .booking-item-col-desc { width: auto; text-align: left; padding-left: 0.25rem; padding-right: 1rem; } #booking_item_index .booking-item-index-table .booking-item-col-desc p { margin-top: 0; margin-bottom: 0; text-align: left; } #booking_item_index .booking-item-index-table .booking-item-col-actions { width: 5.5rem; } .acct-user-import-table-sticky { position: sticky; top: 78px; background-color: #f8f9fa; z-index: 1; } .funnel-import-users-modal.modal-dialog { max-width: min(1140px, calc(100vw - 2rem)) !important; } .links-modal-dialog { max-width: min(775px, calc(68vw - 0.68rem)) !important; } .links-modal-dialog .modal-content { overflow-x: hidden; max-width: 100%; } #links-modal .links-modal-content { border: 0; border-radius: 0.75rem; box-shadow: 0 0.35rem 1.75rem rgba(24, 28, 50, 0.1); } #links-modal .links-modal-header { border-bottom: 1px solid var(--bs-gray-200) !important; } #links-modal .links-modal-body { font-size: 1.125rem; padding: 1.25rem 1.5rem 1.75rem; } #links-modal .links-modal-section-title { color: var(--bs-gray-800); font-size: 1.125rem; font-weight: 600; line-height: 1.45; } #links-modal .links-modal-tracking-intro .links-modal-section-title { margin-bottom: 0.35rem; } #links-modal .links-modal-tracking-intro { font-size: 1.0625rem; line-height: 1.55; } #links-modal .links-modal-toolbar-label { margin-right: 0.75rem; } #links-modal .links-modal-action-head { min-height: 2rem; margin-bottom: 0.5rem !important; } #links-modal .links-modal-link-type-row { min-height: 2rem; } #links-modal .links-modal-url-head-label { margin-right: 0; min-width: 0; } #links-modal .links-modal-row-main--no-label .links-modal-item-value { margin-left: 0; } #links-modal .links-modal-primary-row { gap: 0.75rem; } #links-modal .links-modal-url-field--plain { background-color: var(--bs-gray-100); border: 1px solid var(--bs-gray-200); padding: 0.7rem 0.95rem; } #links-modal .links-modal-action-col { width: 14.5rem; flex-shrink: 0; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; justify-items: center; column-gap: 0.5rem; } #links-modal .links-modal-action-labels { font-size: 1rem; color: var(--bs-gray-600); } #links-modal .links-modal-item-label { font-size: 1.125rem; font-weight: 600; color: var(--bs-gray-700); min-width: 3rem; margin-right: 1rem; line-height: 1.5; } #links-modal .links-modal-content-row.align-items-center .links-modal-item-label { align-self: center; } #links-modal .links-modal-item-value { margin-left: 0; flex: 1 1 auto; min-width: 0; } #links-modal .links-modal-url-field { background-color: #fff; border: 1px solid var(--bs-gray-200); border-radius: 0.475rem; padding: 0.65rem 0.9rem; line-height: 1.5; min-height: 2.75rem; display: flex; align-items: center; flex-wrap: wrap; } #links-modal .page-url-display { font-size: 1.125rem; line-height: 1.5; word-break: break-all; } #links-modal .page-url-link { text-decoration: none; display: block; width: 100%; } #links-modal .page-url-link:hover .page-url-display { text-decoration: underline; } #links-modal .links-modal-tracking-card { background-color: var(--bs-gray-100) !important; border-color: var(--bs-gray-200) !important; width: 100%; margin-left: 0; margin-right: 0; } #links-modal .links-modal-tracking-card .links-modal-url-field { background-color: #fff; border-color: var(--bs-gray-200); } #links-modal .links-modal-tracking-card .links-modal-item-label { color: var(--bs-gray-600); font-weight: 600; } #links-modal .links-modal-action-btns .btn.btn-icon { width: 2.5rem; height: 2.5rem; padding: 0; margin: 0; color: var(--kt-primary); background-color: var(--kt-primary-light); border: 1px solid transparent; border-radius: 0.475rem; } #links-modal .links-modal-action-btns .btn.btn-icon:hover, #links-modal .links-modal-action-btns .btn.btn-icon:focus { color: #fff; background-color: var(--kt-primary); border-color: var(--kt-primary); } #links-modal .links-modal-action-btns .btn.btn-icon svg { width: 18px; height: 18px; } #platform-settings-app .modal-dialog.shipping-charge-form-modal { max-height: calc(100vh - 2rem); } #platform-settings-app .modal-dialog.shipping-charge-form-modal .modal-content { max-height: calc(100vh - 2rem); } #platform-settings-app .modal-dialog.shipping-charge-form-modal .modal-body { min-height: 0; } #platform-settings-app .shipping-settings-app .common-table .table-responsive, #platform-settings-app .shipping-settings-app .common-table .position-relative { overflow: visible; } @media (min-width: 768px) { #links-modal .modal-body { padding-top: 1.25rem; } #links-modal .links-modal-link-type-select { width: 150px; flex-shrink: 0; } #links-modal .links-modal-link-type-select .form-select { width: 150px; max-width: 100%; } .ecomm-campaign-table .table-responsive, .ecomm-campaign-table .position-relative, .ecomm-channel-card .table-container { overflow-x: auto; overflow-y: visible; } .ecomm-campaign-table .table tbody td:last-child { overflow: visible; min-width: 28rem; } .ecomm-campaign-table.ecomm-campaign-table--simple-actions .table { width: 100%; table-layout: fixed; } .ecomm-campaign-table.ecomm-campaign-table--simple-actions .table thead th:last-child, .ecomm-campaign-table.ecomm-campaign-table--simple-actions .table tbody td:last-child { min-width: 0; width: 5%; overflow: visible; } .ecomm-campaign-table .ecomm-action-cell { overflow: visible; position: relative; } .ecomm-campaign-table .table tbody td:has(.ecomm-action-cell) { overflow: visible; } .ecomm-channel-card .dataTables_wrapper-controls > .d-flex { flex-direction: row; align-items: center; flex-wrap: nowrap; } .ecomm-channel-card .dataTables_wrapper-controls .col-sm-12 { flex-direction: row; align-items: center !important; flex-wrap: nowrap; } .ecomm-channel-card .dataTables_wrapper-controls .ms-5 { margin-left: 3rem !important; margin-top: 0; } .ecomm-channel-card .dataTables_paginate { flex-wrap: nowrap; flex-shrink: 0; } .ecomm-nav-card .sum_list { flex-wrap: nowrap; } .ecomm-nav-card .sum_list > .sl_item { flex: 1 1 0; width: auto; } .ecomm-nav-card .ecomm-nav-tabs-wrap { overflow-x: visible; } .ecomm-nav-card .ecomm-nav-tabs-row { width: 100%; } .ecomm-nav-card .ecomm-nav-tabs-unsend { margin-left: auto; padding-left: 1rem; } .ecomm-channel-card, .ecomm-channel-card .card-body { overflow: visible; } .ecomm-channel-card .card-body > .d-flex.flex-md-row { align-items: flex-start; } .ecomm-channel-card .ecomm-tab-nav-col.ecomm-tab-nav-sticky { position: sticky; top: 100px; align-self: flex-start; z-index: 95; } #platform-settings-app .sales-settings-app, #platform-settings-app .sales-settings-app .card-body { min-width: 0; overflow-x: visible; } #platform-settings-app .sales-settings-app .user-mobile-list-card { border-color: var(--kt-gray-200); } #platform-settings-app .e-communication-settings-app, #platform-settings-app .e-communication-settings-app .card-body { min-width: 0; overflow-x: visible; } #membership-app .flex-grow-1.overflow-visible { min-width: 0; } #membership-app .membership-level-sortable-row--dragging { position: relative; z-index: 2; filter: drop-shadow(0 8px 20px rgba(82, 63, 105, 0.18)); } #membership-app .membership-level-sortable-row--dragging td { background-color: var(--bs-body-bg, #fff); } #membership-app .membership-level-sortable-card--dragging { position: relative; z-index: 2; } #membership-app .user-mobile-list-card { border-color: var(--kt-gray-200); } #membership-app .user-mobile-list, #membership-app .position-relative { overflow: visible; } #platform-settings-app .e-communication-settings-app .table-responsive, #platform-settings-app .e-communication-settings-app .position-relative { overflow: visible; } #platform-settings-app .e-communication-settings-app .low-balance-threshold-field { width: 175px; } #platform-settings-app .sales-shipping-tab .table-responsive, #platform-settings-app .sales-shipping-tab .position-relative { overflow: visible; } #platform-settings-app .shipping-settings-app, #platform-settings-app .shipping-settings-app .card-body { min-width: 0; overflow-x: visible; } #platform-settings-app .shipping-settings-app .user-mobile-list-card { border-color: var(--kt-gray-200); } #platform-settings-app .shipping-settings-app .table-responsive, #platform-settings-app .shipping-settings-app .position-relative, #platform-settings-app .shipping-charges-drawer .table-responsive, #platform-settings-app .shipping-charges-drawer .card-body { overflow: visible; } #platform-settings-app .sp-points-modal .table-responsive { overflow: visible; } #platform-settings-app .brand-settings-app, #platform-settings-app .brand-settings-app .card-body { min-width: 0; overflow-x: visible; } #platform-settings-app .brand-settings-app .user-mobile-list-card { border-color: var(--kt-gray-200); } #platform-settings-app .profile-fields-app, #platform-settings-app .profile-fields-app .card-body { min-width: 0; overflow-x: visible; } #platform-settings-app .profile-fields-app .user-mobile-list-card { border-color: var(--kt-gray-200); } #platform-settings-app .profile-fields-app .table-responsive, #platform-settings-app .profile-fields-app .position-relative { overflow: visible; } #platform-settings-app .third-party-settings-app, #platform-settings-app .third-party-settings-app .card-body { min-width: 0; overflow-x: visible; } } @media (max-width: 767.98px) { #platform-settings-app .modal-dialog.shipping-charge-form-modal { max-height: 100%; height: 100%; margin: 0; } #platform-settings-app .modal-dialog.shipping-charge-form-modal .modal-content { max-height: 100%; height: 100%; border-radius: 0; } #platform-settings-app .brand-settings-app .d-flex:has([class*="hor_label_div"]) { flex-direction: column !important; align-items: stretch !important; } #platform-settings-app .brand-settings-app [class*="hor_label_div"] { width: 100%; flex: 0 0 auto !important; margin-bottom: 0.35rem; } #platform-settings-app .brand-settings-app .d-flex .flex-grow-1 { min-width: 0; max-width: 100%; } #platform-settings-app .brand-settings-app .tel-input-group { flex-wrap: nowrap !important; } #platform-settings-app .brand-settings-app .tel-input-group > .mobile-form-select { flex: 0 0 auto; width: auto !important; max-width: 6.5rem; } #platform-settings-app .brand-settings-app .tel-input-group .form-control { flex: 1 1 0; min-width: 0; } #platform-settings-app .brand-settings-app .logo-section-wrap .d-flex.flex-wrap { flex-direction: column; } #platform-settings-app .brand-settings-app .style-setting { flex-direction: column !important; } #platform-settings-app .brand-settings-app .style-setting-color { width: 100% !important; } #platform-settings-app .brand-settings-app .favicon-upload-row > .d-flex { flex-direction: column !important; } #platform-settings-app .brand-settings-app .favicon-upload-row .favicon-upload-col { margin-left: 0 !important; margin-right: 0 !important; } #platform-settings-app .brand-settings-app .favicon-instructions-col { max-width: 100% !important; width: 100%; } #platform-settings-app .brand-settings-app .cs-email-note { flex-direction: column !important; align-items: flex-start !important; } #platform-settings-app .brand-settings-app .custom-domain-toolbar { flex-direction: column !important; align-items: stretch !important; } #platform-settings-app .brand-settings-app .custom-domain-toolbar .text-end { text-align: start !important; } #platform-settings-app .brand-settings-app .custom-domain-toolbar .btn { width: 100%; } #platform-settings-app .brand-settings-app .about-us-ai-menu { bottom: 2.5rem; z-index: 1000; } #platform-settings-app .e-communication-settings-app .low-balance-threshold-field { width: 100%; } #platform-settings-app .third-party-settings-app, #platform-settings-app .third-party-settings-app .card-body { min-width: 0; overflow-x: visible; } #platform-settings-app .third-party-settings-app .d-flex:has([class*="hor_label_div"]), #platform-settings-app .third-party-settings-app .third-party-form-row { flex-direction: column !important; align-items: stretch !important; } #platform-settings-app .third-party-settings-app [class*="hor_label_div"] { width: 100%; flex: 0 0 auto !important; margin-bottom: 0.35rem; } #platform-settings-app .third-party-settings-app .d-flex .flex-grow-1 { min-width: 0; max-width: 100%; } .preview-funnel-iframe-modal.modal { padding: 0 !important; } .preview-funnel-iframe-modal .preview-funnel-iframe-modal-dialog.modal-dialog { margin-left: auto !important; margin-right: auto !important; width: 100% !important; max-width: 100% !important; } .preview-funnel-iframe-modal .preview-funnel-iframe-modal-dialog.modal-fullscreen-md-down { width: 100vw !important; max-width: 100vw !important; margin: 0 !important; } #links-modal.modal { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } #links-modal .links-modal-dialog { margin-left: auto !important; margin-right: auto !important; width: 100% !important; max-width: 100% !important; } #links-modal .modal-body { overflow-x: hidden; max-height: calc(100dvh - 5rem); } #links-modal .links-modal-toolbar-row { padding-bottom: 0.75rem; margin-bottom: 1rem; border: 0; } #links-modal .links-modal-item-label { margin-right: 0; } #links-modal .links-modal-item-value { margin-left: 0; } #links-modal .page-url-display { word-break: break-all; } #links-modal .url-item .dropdown, #links-modal .mobile-form-select { overflow: visible; } } #shorten-link-drawer.shorten-link-drawer { z-index: 11050; box-sizing: border-box; max-width: 100%; overflow-x: hidden; } #shorten-link-drawer .card, #shorten-link-drawer .card-header, #shorten-link-drawer .card-body, #shorten-link-drawer form { min-width: 0; max-width: 100%; overflow-x: hidden; } #shorten-link-drawer .shorten-link-orig-url-display, #shorten-link-drawer .shorten-link-display { word-break: break-all; overflow-wrap: anywhere; } html.shorten-link-drawer-open, body.shorten-link-drawer-open, body:has(#shorten-link-drawer.shorten-link-drawer.drawer-on) { overflow-x: hidden !important; } body.shorten-link-drawer-open #edit-funnel-header, #kt_app_main:has(#shorten-link-drawer.shorten-link-drawer.drawer-on) #edit-funnel-header { position: relative; z-index: 11051 !important; } body.shorten-link-drawer-open .modal-backdrop, body.shorten-link-drawer-open #links-modal { visibility: hidden !important; pointer-events: none !important; } body.shorten-link-drawer-open .drawer-overlay { display: none !important; } @media (max-width: 991.98px) { #shorten-link-drawer.shorten-link-drawer.drawer-on { position: fixed !important; inset: 0 !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; transform: none !important; overflow-x: hidden !important; overflow-y: auto !important; } #shorten-link-drawer.shorten-link-drawer:not(.drawer-on) { visibility: hidden !important; pointer-events: none !important; transform: translateX(100%) !important; z-index: -1 !important; } #shorten-link-drawer .card .card { margin-left: 0; margin-right: 0; } #shorten-link-drawer .row { margin-left: 0; margin-right: 0; } #shorten-link-drawer .row > [class*="col-"] { padding-left: 0; padding-right: 0; } } .funnel-import-users-modal .modal-content { overflow-x: hidden; max-width: 100%; } .funnel-import-users-modal .modal-body { overflow-x: hidden; max-height: calc(100vh - 8rem); overflow-y: auto; } body.modal-open { overflow-x: hidden !important; } .modal.show { overflow-x: hidden !important; } .funnel-import-users-modal .acct-user-import-flow, .funnel-import-users-modal .acct-user-import-footer { max-width: 100%; min-width: 0; } .funnel-import-users-modal .acct-user-import-stepper { gap: 1rem !important; } .funnel-import-users-modal .acct-user-import-field-menu.hor-menu.dropdown-menu { width: 100% !important; max-width: min(700px, 100%); } .funnel-import-users-modal .acct-user-import-field-menu.w-700px { width: 100% !important; max-width: min(700px, 100%); } .funnel-import-users-modal .acct-user-import-finished-stats { min-width: 0 !important; } @media (min-width: 768px) { #advanced-search .adv-search-header-actions, #advanced-search-results .adv-search-header-actions { display: flex; } #advanced-search-results .adv-search-results-toolbar > * { width: auto; } #acct-user-index .user-index-column-menu.hor-menu.dropdown-menu.show, #advanced-search-results .adv-search-column-menu.hor-menu.dropdown-menu.show { flex-direction: row; width: max-content !important; max-width: calc(100vw - 2rem) !important; overflow: visible; z-index: 100001; } #acct-user-index .card:has(.user-index-column-menu), #acct-user-index .card:has(.user-index-column-menu) .card-body, #advanced-search-results .card:has(.adv-search-column-menu), #advanced-search-results .card:has(.adv-search-column-menu) .card-body { overflow: visible; } #acct-user-index .user-index-column-menu .dropdown-column, #advanced-search-results .adv-search-column-menu .dropdown-column { border-bottom: 0; border-right: 1px dashed var(--bs-gray-300); padding: 0.5rem 0.75rem; width: auto; flex: 0 0 auto; } #acct-user-index .user-index-column-menu .dropdown-column:not(.dropdown-column--custom), #advanced-search-results .adv-search-column-menu .dropdown-column:not(.dropdown-column--custom) { min-width: 8rem; } #acct-user-index .user-index-column-menu .dropdown-column--custom, #advanced-search-results .adv-search-column-menu .dropdown-column--custom { min-width: 9.5rem; max-width: 11rem; } #acct-user-index .user-index-column-menu .dropdown-column:not(.dropdown-column--custom) .form-check-label, #advanced-search-results .adv-search-column-menu .dropdown-column:not(.dropdown-column--custom) .form-check-label { white-space: nowrap; } #acct-user-index .user-index-column-menu .dropdown-column:last-child, #advanced-search-results .adv-search-column-menu .dropdown-column:last-child { border-right: 0; } #advanced-search .adv-search-field-menu.w-md-500px { width: 500px; max-width: min(700px, calc(100vw - 2rem)); } #advanced-search .adv-search-field-menu.hor-menu.dropdown-menu:not(.show) { display: none !important; } #advanced-search .adv-search-field-menu.hor-menu.dropdown-menu.show { display: flex !important; overflow-x: auto; overflow-y: visible; max-height: none; position: absolute !important; transform: none; inset: auto; margin: 0; min-width: 0; } #advanced-search .adv-search-or-row-header .adv-search-section-close { position: static; } #advanced-search .adv-search-criteria-section { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; gap: 0.75rem; width: 100%; } #advanced-search .adv-search-criteria-actions { position: static; flex-shrink: 0; margin-left: auto; } #advanced-search .adv-search-criteria-body { flex: 1 1 auto; width: auto; min-width: 0; } .edit-blast-app .adv-search-root .adv-search-or-row-header .adv-search-section-close { position: static; } .edit-blast-app .adv-search-root .adv-search-criteria-section { flex-direction: row; flex-wrap: nowrap; align-items: center; } .edit-blast-app .adv-search-root .adv-search-criteria-actions { margin-left: auto; } .edit-blast-app .adv-search-root .adv-search-criteria-body { flex: 1 1 auto; width: auto; } .edit-blast-app .adv-search-root .adv-search-filter-row .filter-drop-btn, .edit-blast-app .adv-search-root .criteria .form-select { width: auto; max-width: none; } .edit-blast-app .adv-search-root .criteria .form-group { width: auto; max-width: none; } .edit-blast-app .adv-search-root .criteria { align-items: center !important; } .edit-blast-app .adv-search-root .criteria .css-b62m3t-container, .edit-blast-app .adv-search-root .criteria [class$="-container"] { width: auto; max-width: none; } .edit-blast-app .adv-search-root .btn-add-searchgroup { width: auto; text-align: center; } #advanced-search .adv-search-filter-row .filter-drop-btn, #advanced-search .criteria .form-select { width: auto; max-width: none; } #advanced-search .criteria .form-group { width: auto; max-width: none; } #advanced-search .criteria { align-items: center !important; } #advanced-search .criteria .css-b62m3t-container, #advanced-search .criteria [class$="-container"] { width: auto; max-width: none; } #advanced-search .btn-add-searchgroup { width: auto; text-align: center; } #funnel_index .funnel-summary-section.card, #orders .funnel-summary-section.card { margin-top: 0.5rem !important; } #funnel_index .funnel-summary-kpi-card, #orders .funnel-summary-kpi-card { flex-shrink: 0; } #funnel_index .funnel-summary-details-row + .funnel-summary-details-row, #orders .funnel-summary-details-row + .funnel-summary-details-row { margin-top: 0.75rem; } #funnel_index .funnel-list-toolbar-row { overflow: visible; } #funnel_index .funnel-list-toolbar-left { min-width: 0; } #funnel_index .funnel-list-search-wrap { flex: 1 1 12.6rem; min-width: 10rem; margin-left: 2rem; } #funnel_one_page_index .one-page-list-search-wrap { flex: 0 1 40%; max-width: 40%; min-width: 10rem; margin-left: 2rem; } #funnel_one_page_index .one-page-list-search-group { width: 100%; min-width: 8.4rem; border: 1px solid var(--kt-gray-300); border-radius: 0.475rem; background-color: #fff; } #funnel_one_page_index .one-page-list-search-group .input-group-text { background-color: #fff; border: 0; padding-right: 0; } #funnel_one_page_index .one-page-list-search-group .form-control { border: 0; background-color: #fff; } #funnel_one_page_index .one-page-list-search-group .form-control:focus { box-shadow: none; } #funnel_index .funnel-list-search-group { min-width: 8.4rem; max-width: 18.9rem; flex: 1 1 auto; border: 1px solid var(--kt-gray-300); border-radius: 0.475rem; background-color: #fff; } #funnel_index .funnel-list-search-group .input-group-text { background-color: #fff; border: 0; padding-right: 0; } #funnel_index .funnel-list-search-group .form-control { border: 0; background-color: #fff; } #funnel_index .funnel-list-search-group .form-control:focus { box-shadow: none; } #funnel_index .funnel-create-toolbar-label { white-space: nowrap; font-weight: 700; margin-right: 0.85rem; } #funnel_index .funnel-create-toolbar-actions { margin-left: 0; } #funnel_index .funnel-create-btn-template, #funnel_index .funnel-create-btn-blank { padding: 0.55rem 1.1rem; } #funnel_index .funnel-create-btn-template { background-color: #ea580c; border-color: #ea580c; color: #fff; } #funnel_index .funnel-create-btn-template:hover, #funnel_index .funnel-create-btn-template:focus, #funnel_index .funnel-create-btn-template:active { background-color: #c2410c; border-color: #c2410c; color: #fff; } #funnel_index .funnel-create-dropdown-menu { border: 1px solid rgba(24, 28, 50, 0.08); border-radius: 0.75rem; padding: 0.5rem !important; margin-top: 0.35rem !important; box-shadow: 0 0.15rem 0.35rem rgba(24, 28, 50, 0.06), 0 0.85rem 2.25rem rgba(24, 28, 50, 0.16) !important; } #funnel_index .funnel-create-dropdown-menu .dropdown-item { border-radius: 0.55rem; margin: 0; } #funnel_index .funnel-create-dropdown-menu .funnel-create-ai-item { background: linear-gradient(135deg, #f3f8ff 0%, #eef4ff 55%, #f6f0ff 100%); border: 1px solid rgba(80, 112, 245, 0.16); margin-bottom: 0.15rem; } #funnel_index .funnel-create-dropdown-menu .funnel-create-ai-item:hover, #funnel_index .funnel-create-dropdown-menu .funnel-create-ai-item:focus { background: linear-gradient(135deg, #ebf3ff 0%, #e7efff 55%, #f1eaff 100%); } #funnel_index .funnel-create-dropdown-menu .funnel-create-ai-icon { width: 40px; height: 40px; background-color: var(--bs-primary) !important; box-shadow: 0 0.25rem 0.65rem rgba(80, 112, 245, 0.35); } #funnel_index .funnel-create-dropdown-menu .funnel-create-ai-icon > i { color: #fff !important; } #funnel_index .funnel-create-dropdown-menu .funnel-create-menu-sep { height: 1px; margin: 0.45rem 0.35rem; background-color: var(--kt-gray-200); list-style: none; } #funnel_index .funnel-create-dropdown-menu .funnel-create-type-item:hover, #funnel_index .funnel-create-dropdown-menu .funnel-create-type-item:focus { background-color: var(--kt-gray-100); } #funnel_index .funnel-create-dropdown-menu .funnel-create-type-icon { width: 40px; height: 40px; background-color: var(--kt-gray-100) !important; } #funnel_index .funnel-create-dropdown-menu .funnel-create-type-item:hover .funnel-create-type-icon, #funnel_index .funnel-create-dropdown-menu .funnel-create-type-item:focus .funnel-create-type-icon { background-color: var(--kt-primary-light, #f1faff) !important; } #funnel_index .funnel-create-dropdown-menu .funnel-create-type-icon > i { line-height: 1; color: var(--kt-gray-800) !important; } #funnel_index .funnel-create-dropdown-menu .funnel-create-type-item:hover .funnel-create-type-icon > i, #funnel_index .funnel-create-dropdown-menu .funnel-create-type-item:focus .funnel-create-type-icon > i { color: var(--bs-primary) !important; } #funnel_index .funnel-create-recommend-badge { font-size: 0.75rem; padding: 0.3rem 0.55rem; } @media (max-width: 767.98px) { #funnel_index .funnel-list-toolbar-row { overflow-x: auto; -webkit-overflow-scrolling: touch; } #funnel_index .funnel-list-search-group { max-width: none; } } @media (min-width: 768px) { #funnel_index .funnel-summary-kpi-card, #orders .funnel-summary-kpi-card { width: 300px; height: 110px; } #funnel_index .funnel-summary-kpi-card .card-body, #orders .funnel-summary-kpi-card .card-body { overflow: hidden; } #funnel_index .funnel-summary-kpi-card__value, #orders .funnel-summary-kpi-card__value { min-height: 2.75rem; } #funnel_index .funnel-summary-details-panel-wrap, #orders .funnel-summary-details-panel-wrap { min-height: 110px; } } #orders .orders-toolbar-block { overflow: visible; } #orders .orders-toolbar-row, #orders .orders-search-toolbar-row { overflow: visible; } #orders .orders-toolbar-section + .orders-toolbar-section { margin-left: 1.25rem; } #orders .orders-search-extras { width: 100%; } #orders .orders-list-search-group { min-width: 8.4rem; max-width: 24rem; flex: 1 1 auto; border: 1px solid var(--kt-gray-300); border-radius: 0.475rem; background-color: #fff; } #orders .orders-list-search-group .input-group-text { background-color: #fff; border: 0; padding-right: 0; } #orders .orders-list-search-group .form-control { border: 0; background-color: #fff; } #orders .orders-list-search-group .form-control:focus { box-shadow: none; } #orders .orders-toolbar-label { white-space: nowrap; } @media (max-width: 767.98px) { #orders .orders-toolbar-row, #orders .orders-search-toolbar-row { overflow-x: auto; -webkit-overflow-scrolling: touch; } #orders .orders-list-search-group { max-width: none; } #orders .orders-toolbar-section + .orders-toolbar-section { margin-left: 0.75rem; } } #orders .dataTables_wrapper-controls { margin-top: 0.75rem; } @media (max-width: 767.98px) { #orders .dataTables_wrapper-controls .ms-5 { margin-top: 0.75rem !important; } } #funnel_index .funnel-list-card:has(.funnel-index-empty-state) .card-body { min-height: calc(100vh - var(--bs-app-header-height, 60px) - 20rem); } @media (min-width: 768px) { #funnel_index .funnel-list-card:has(.funnel-index-empty-state) .card-body { min-height: calc(100vh - var(--bs-app-header-height, 60px) - 24rem); } } #funnel_index .funnel-list-card .card-body, #funnel_index .funnel-index-table .table-responsive, #funnel_index .funnel-index-table .position-relative { overflow: visible; } #funnel_index .funnel-index-table table { table-layout: fixed; width: 100%; } #funnel_index .funnel-index-table th, #funnel_index .funnel-index-table td { overflow: hidden; vertical-align: middle; } #funnel_index .funnel-index-table th:last-child, #funnel_index .funnel-index-table td:last-child { overflow: visible; position: static; } #funnel_index .funnel-index-table .table tbody td:has(.funnel-action-menu-cell) { overflow: visible; } #funnel_index .funnel-action-menu-cell { position: static; } #funnel_index .funnel-action-menu-dropdown { z-index: 106; } #funnel_index .funnel-action-submenu { z-index: 107; } #funnel_index .funnel-action-menu-cell .menu-item.menu-lg-dropdown .menu-sub.menu-sub-dropdown, #funnel_index .funnel-action-menu-cell .menu-item[data-kt-menu-trigger] .menu-sub.menu-sub-dropdown { margin-top: 0; } #funnel_index .funnel-table-status-cell, #funnel_one_page_index .funnel-table-status-cell { width: 88px; min-height: 2rem; display: flex; align-items: center; } #funnel_index .funnel-index-table .ui-entry-name { max-width: 100% !important; font-size: 14px; } #funnel_index .funnel-index-table .ui-entry-meta, #funnel_index .funnel-index-table .event-name-display { font-size: 11px; color: var(--bs-secondary-color, rgba(7, 20, 55, 0.75)); } #funnel_index .funnel-index-table .funnel-table-relation-cell { min-width: 0; } #funnel_index .funnel-index-table .funnel-table-relation-cell--empty { display: flex; align-items: center; min-height: 2.5rem; } #funnel_index .funnel-index-table .funnel-table-relation-cell--single { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; } #funnel_index .funnel-index-table .funnel-table-relation-cell--dual { display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; min-width: 0; } #funnel_index .funnel-index-table .funnel-table-relation-cell__col { width: 100%; min-width: 0; display: flex; flex-direction: column; gap: 0.15rem; } .funnel-table-related-header-tippy { line-height: 1.45; font-size: 13px; } #funnel_index .funnel-table-category-paid-mark { width: 1.35rem; height: 1.35rem; border: 0; box-shadow: none; font-size: 0.85rem; line-height: 1; } .funnel-table-relation-tippy-content { padding: 0.15rem 0; line-height: 1.45; font-size: 13px; font-weight: 600; text-align: left; } #funnel_index .funnel-index-table .funnel-table-category-cell { overflow: hidden; } #funnel_index .funnel-index-table .funnel-table-category-cell .ui-light-pill--snug { font-size: 11px; padding: 0.18rem 0.5rem; gap: 0.25rem; } #funnel_index .funnel-index-table .funnel-table-category-cell .symbol-20px { width: 20px; height: 20px; } #funnel_index .funnel-index-table .funnel-table-category-cell .symbol-20px .symbol-label { padding: 0.15rem; } #funnel_index .funnel-index-table .funnel-table-status-cell .ui-light-pill--compact { font-size: 11px; padding: 0.15rem 0.45rem; } #funnel_index .funnel-mobile-list-card .ui-entry-name { font-size: 14px; } #funnel_index .funnel-mobile-list-card .ui-entry-meta { font-size: 11px; color: var(--bs-secondary-color, rgba(7, 20, 55, 0.75)); } #funnel_index .funnel-mobile-list-card .ui-light-pill--compact { font-size: 10px; padding: 0.12rem 0.4rem; } #funnel_index .funnel-mobile-list-card .badge-light-primary { font-size: 10px; padding: 0.18rem 0.45rem; } #funnel_index .funnel-index-table .funnel-table-quick-actions .btn, #funnel_one_page_index .one-page-index-table .funnel-table-quick-actions .btn { flex-shrink: 0; white-space: nowrap; } #funnel_index .funnel-quick-actions-edit-menu { min-width: 11rem; border: 1px solid rgba(24, 28, 50, 0.08); border-radius: 0.55rem; box-shadow: 0 0.15rem 0.35rem rgba(24, 28, 50, 0.06), 0 0.65rem 1.75rem rgba(24, 28, 50, 0.14) !important; } #funnel_index .funnel-index-table .funnel-table-performance-cell { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: 0.25rem; font-size: 12px; max-width: 100%; white-space: nowrap; } #funnel_one_page_index .one-page-index-table .funnel-table-performance-cell { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 0.75rem; font-size: 12px; max-width: 100%; white-space: nowrap; } #funnel_index .funnel-index-table .funnel-table-performance-cell__conversions { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: 0.25rem; } #funnel_one_page_index .one-page-index-table .funnel-table-performance-cell__conversions { display: inline-flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 0.75rem; } #funnel_index .funnel-index-table .funnel-table-performance-cell__metric, #funnel_one_page_index .one-page-index-table .funnel-table-performance-cell__metric { display: inline-flex; align-items: center; gap: 0.35rem; flex-shrink: 0; white-space: nowrap; } #funnel_index .funnel-index-table .funnel-table-performance-cell__metric > svg, #funnel_one_page_index .one-page-index-table .funnel-table-performance-cell__metric > svg { flex-shrink: 0; } #funnel_one_page_index .one-page-list-card .card-body, #funnel_one_page_index .one-page-index-table .table-responsive, #funnel_one_page_index .one-page-index-table .position-relative { overflow: visible; } #funnel_one_page_index .one-page-index-table table { table-layout: fixed; width: 100%; } #funnel_one_page_index .one-page-index-table th, #funnel_one_page_index .one-page-index-table td { overflow: hidden; vertical-align: middle; } #funnel_one_page_index .one-page-index-table th:last-child, #funnel_one_page_index .one-page-index-table td:last-child { overflow: visible; position: static; } #funnel_one_page_index .one-page-index-table .table tbody td:has(.one-page-action-menu-cell) { overflow: visible; } #funnel_one_page_index .one-page-index-table .ui-entry-name { max-width: 100%; } #funnel_one_page_index .one-page-action-menu-cell { position: static; } #funnel_one_page_index .one-page-action-menu-dropdown { z-index: 106; } #funnel_one_page_index .one-page-action-submenu { z-index: 107; } #funnel_one_page_index .one-page-action-menu-cell .menu-item.menu-lg-dropdown .menu-sub.menu-sub-dropdown, #funnel_one_page_index .one-page-action-menu-cell .menu-item[data-kt-menu-trigger] .menu-sub.menu-sub-dropdown { margin-top: 0; } #funnel-accumulated-users .accumulated-list-tabs { -webkit-overflow-scrolling: touch; scrollbar-width: none; } #funnel-accumulated-users .accumulated-list-tabs::-webkit-scrollbar { display: none; } #funnel-accumulated-users .accumulated-search-card .card-header { flex-wrap: nowrap; } #funnel-accumulated-users .accumulated-search-badges { overflow: visible; } #funnel-accumulated-users .accumulated-search-card .collapse.show { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } #funnel-accumulated-users .accumulated-search-card .input-group { flex-wrap: nowrap; overflow: visible; } #funnel-accumulated-users .accumulated-search-card .input-group .accumulated-form-select { flex: 0 0 auto; width: auto; max-width: 6.5rem; } #funnel-accumulated-users .accumulated-search-card .input-group .form-control { flex: 1 1 auto; min-width: 0; } #funnel-accumulated-users .accumulated-funnel-users-table .table-responsive, #funnel-accumulated-users .accumulated-page-users-table .table-responsive, #funnel-accumulated-users .accumulated-journey-table .table-responsive { overflow: visible; } #funnel-accumulated-users #operations-div { position: sticky; top: 0; z-index: 1; background-color: var(--bs-body-bg, #fff); padding-top: 0.5rem; padding-bottom: 0.5rem; } #funnel-accumulated-users #operations-div .d-flex { flex-wrap: nowrap; overflow-x: auto; } #funnel-accumulated-users .add-to-ta-modal .add-to-ta-mobile-list { -webkit-overflow-scrolling: touch; } } @media (min-width: 768px) { #funnel-accumulated-users #operations-div { position: sticky; bottom: 0; z-index: 2; background-color: var(--bs-body-bg, #fff); padding-top: 0.75rem; padding-bottom: 0.75rem; border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); } } @media (min-width: 768px) { #acct-user-view #edit-user-form .form-group.d-flex, #acct-user-add #user-form .form-group.d-flex { flex-direction: row; align-items: center !important; } #acct-user-view #edit-user-form .form-group.d-flex.align-items-start, #acct-user-add #user-form .form-group.d-flex.align-items-start { align-items: flex-start !important; } #acct-user-view #edit-user-form .hor_label_div, #acct-user-add #user-form .hor_label_div { width: auto; margin-bottom: 0; } #acct-user-view .acct-user-view-profile-split, #acct-user-add .acct-user-view-profile-split { border-top: 0; border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); } } @media (min-width: 576px) { #acct-user-view .acct-user-view-card-toolbar { width: auto; } #acct-user-view .acct-user-view-card-toolbar .btn { width: auto; } } @media (min-width: 992px) { #acct-user-view .acct-user-view-summary-card { margin-top: 0; } #acct-user-view .acct-user-view-card-header { margin-top: 0; } #acct-user-view .acct-user-view-profile-name { font-size: 1.75rem; } #acct-user-view .acct-user-view-filter-sticky { position: sticky; top: 80px; align-self: flex-start; } #acct-user-view .acct-user-view-tabs-sticky { position: sticky; top: 0; z-index: 10; background-color: var(--bs-body-bg, #fff); } #acct-user-view .acct-user-view-tabs-sticky .nav-link { font-size: 1.075rem; } } /* Release view apps — edm / sms / mms / whatsapp campaign report pages */ #kt_app_content_container:has(.release-view) > .page-title { margin-bottom: 0.75rem !important; } .edit-edm-import-dropzone .dropzone { width: 100%; max-width: 100%; } .edit-edm-import-dropzone .dropzone .dz-message { margin: 0 !important; } /* Channel edit nav (edm/sms/mms/line/whatsapp): gap = main content #EEEFF3; leave funnel edit-pg alone */ #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) { --fnl-pageheader-gap-bg: #EEEFF3; --fnl-pageheader-gap-line: #EEEFF3; background-color: #EEEFF3 !important; } #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp) { z-index: 200 !important; position: fixed !important; top: var(--bs-app-header-height, 60px); --fnl-pageheader-gap-bg: #EEEFF3; --fnl-pageheader-gap-line: #EEEFF3; border-top: 1px solid #EEEFF3 !important; border-bottom: 1px solid #EEEFF3 !important; box-shadow: none !important; background-color: #EEEFF3 !important; } #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)::before { content: ''; position: absolute; inset: 0; background-color: #EEEFF3 !important; border-radius: inherit; pointer-events: none; z-index: 0; } #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader, #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader .pageheader { background-color: transparent; } #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader .pageheader { --fnl-infobar-ops-gap: 0.5rem; padding-top: var(--fnl-infobar-ops-gap); padding-bottom: var(--fnl-infobar-ops-gap); position: relative; z-index: 1; } #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader .edit-blast-header-shell, #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader .edit-edm-nav-bar, #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader .infobar { background-color: #fff; position: relative; z-index: 1; padding-top: 0.5rem; padding-bottom: 0.5rem; } /* Full-height back column — just <, entire column clickable */ #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader .edit-blast-header-back, .edit-edm-drip-node-edit-app .edit-edm-drip-back-menu { align-self: stretch; display: flex; } #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader .edit-blast-header-back-btn, .edit-edm-drip-node-edit-app .edit-edm-drip-back-btn { align-self: stretch; min-width: 2.75rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-top: -0.5rem; margin-bottom: -0.5rem; margin-left: -0.75rem; border-radius: 0; transition: background-color 0.15s ease, color 0.15s ease; } #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader .edit-blast-header-back-btn:hover, #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader .edit-blast-header-back-btn:focus-visible, .edit-edm-drip-node-edit-app .edit-edm-drip-back-btn:hover, .edit-edm-drip-node-edit-app .edit-edm-drip-back-btn:focus-visible { background-color: var(--bs-gray-100, #F5F8FA); color: var(--bs-primary, #5463A5) !important; } #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader .edit-blast-header-back .edit-blast-header-divider { align-self: stretch; min-height: 100%; margin-top: -0.5rem; margin-bottom: -0.5rem; height: auto; } /* Nav↔content gap: no container py / card mt showing mismatched #EEEFF3 */ #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) #kt_app_content_container:has(.edit-blast-app), #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) #kt_app_content_container:has(.edit-edm-drip-node-edit-app), #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) #kt_app_content_container:has(.ecomm-drip-node-index-app) { padding-top: 0 !important; } /* Zero content-card mt under fixed header; keep footer spacing above action buttons */ #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .edit-blast-app > .edit-blast__content > .mt-3:not(.edit-blast-footer), #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .edit-edm-drip-node-edit-app > .edit-blast__content > .mt-3:not(.edit-blast-footer) { margin-top: 0 !important; } #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .edit-blast-app > .edit-blast__content > .edit-blast-footer, #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .edit-edm-drip-node-edit-app > .edit-blast__content > .edit-blast-footer { margin-top: 1rem !important; } /* sms/line drip content (no edit-blast-app wrapper): offset by nav height, no extra mt-3 band */ #kt_app_main:has(.fnl-pageheader.position-fixed.edit-sms) .edit-sms__content, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-line) .edit-line__content.edit-blast__content { margin-top: var(--release-view-header-height, 76px) !important; } /* Grey badge / dropdown blocks — keep clear air from white-bar top/bottom edges */ #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader .edit-edm-drip-subject-btn, #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader .edit-edm-drip-schedule-btn, #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader .edit-edm-drip-node-btn, #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader .edit-edm-basic-info-btn, #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader .edit-sms-basic-info-btn { margin-top: 0.125rem; margin-bottom: 0.125rem; } #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp).ecomm-drip-node-index-toolbar) .fnl-pageheader .infobar { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } #kt_app_main:has(.fnl-pageheader.position-fixed.ecomm-drip-node-index-toolbar) .fnl-pageheader.position-fixed.ecomm-drip-node-index-toolbar { z-index: 200 !important; position: fixed !important; top: var(--bs-app-header-height, 60px); } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .pageheader, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-edm) .fnl-pageheader .pageheader, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-sms) .fnl-pageheader .pageheader, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-mms) .fnl-pageheader .pageheader, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-line) .fnl-pageheader .pageheader, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-whatsapp) .fnl-pageheader .pageheader, #kt_app_main:has(.fnl-pageheader.position-fixed.ecomm-drip-node-index-toolbar) .fnl-pageheader .pageheader { overflow: visible !important; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edm-card, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-sms) .fnl-pageheader .edm-card, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-sms) .fnl-pageheader .sms-card, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-line) .fnl-pageheader .sms-card, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-mms) .fnl-pageheader .edm-card, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-mms) .fnl-pageheader .mms-card, #kt_app_main:has(.fnl-pageheader.position-fixed.edit-whatsapp) .fnl-pageheader .edm-card { z-index: 210 !important; } .edit-blast-header-divider { align-self: stretch; min-height: 3.375rem; } @media (min-width: 768px) { #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-shell { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 0.75rem; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-cluster { display: flex; flex: 1 1 auto; flex-wrap: nowrap; align-items: center; gap: 0.75rem; min-width: 0; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-info-wrap { justify-self: auto; max-width: none; } #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-desktop .release-view-header-info, #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-cluster .release-view-header-info { width: 250px; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-line) .fnl-pageheader .edit-blast-header-cluster .release-view-header-info { width: 400px; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-blast-header-info-wrap, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-blast-header-info-wrap, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .fnl-pageheader .edit-blast-header-info-wrap { gap: 0; flex: 1 1 auto; min-width: 0; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-blast-meta-col, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-blast-meta-col, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .fnl-pageheader .edit-blast-meta-col { display: flex; flex-direction: column; justify-content: center; gap: 0.15rem; min-height: 2.5rem; width: 300px; min-width: 300px; max-width: 300px; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-blast-meta-col .fz16, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-blast-meta-col .fz16, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .fnl-pageheader .edit-blast-meta-col .fz16 { font-size: 16px; line-height: 1.25; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-blast-meta-col .fz14, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-blast-meta-col .fz14, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .fnl-pageheader .edit-blast-meta-col .fz14 { font-size: 13.5px; line-height: 1.35; color: #979797; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-edm-basic-info, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-edm-basic-info-btn, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-sms-basic-info, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-sms-basic-info-btn, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .fnl-pageheader .edit-whatsapp-template-info { width: 300px; min-width: 300px; max-width: 300px; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-edm-basic-info-btn, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-sms-basic-info-btn, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .fnl-pageheader .edit-whatsapp-template-info { background-color: var(--bs-gray-200, #F1F1F2); } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-edm-basic-info-btn:hover, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-edm-basic-info-btn:focus-visible, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-sms-basic-info-btn:hover, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-sms-basic-info-btn:focus-visible { background-color: var(--bs-gray-200, #F1F1F2); } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-edm-basic-info-btn .rc-switch-lang-icon, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-sms-basic-info-btn .rc-switch-lang-icon { width: 15px; height: 15px; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-edm-basic-info-menu, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-sms-basic-info-menu { position: absolute !important; top: 100%; left: 0; right: auto; margin-top: 0.35rem; min-width: 420px; max-width: min(100vw - 1.5rem, 560px); z-index: 210; box-shadow: 0 0.75rem 1.75rem rgba(24, 28, 50, 0.18), 0 0.25rem 0.75rem rgba(24, 28, 50, 0.1) !important; border-color: #c4cada !important; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-blast-stepper-wrap, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-blast-stepper-wrap, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .fnl-pageheader .edit-blast-stepper-wrap { margin-left: 0.25rem; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-blast-stepper-wrap .head_stepper_style, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-blast-stepper-wrap .head_stepper_style, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .fnl-pageheader .edit-blast-stepper-wrap .head_stepper_style { margin-right: 0 !important; } /* Anchor under .edit-blast-header-info-wrap (position-relative); left:0 — not pageheader --card-left-offset */ #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-cluster .edm-card, #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-cluster .sms-card, #kt_app_main:has(.fnl-pageheader.edit-blast) .fnl-pageheader .edit-blast-header-cluster .mms-card { position: absolute !important; left: 0 !important; right: auto !important; width: auto !important; min-width: 360px !important; max-width: min(100vw - 1.5rem, 520px) !important; transform: none !important; top: 100%; margin-top: 0.25rem; max-height: none; overflow-y: visible; z-index: 210; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-blast-campaign-name-trigger, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-blast-campaign-name-trigger, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .fnl-pageheader .edit-blast-campaign-name-trigger { border-bottom: 1px dashed transparent; cursor: pointer; transition: border-color 0.15s ease; max-width: 100%; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .fnl-pageheader .edit-blast-campaign-name-trigger:hover, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .fnl-pageheader .edit-blast-campaign-name-trigger:hover, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .fnl-pageheader .edit-blast-campaign-name-trigger:hover { border-bottom-color: #98a2b3; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .edit-blast-campaign-name-input, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .edit-blast-campaign-name-input, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-whatsapp) .edit-blast-campaign-name-input { min-width: 280px; max-width: 70vw; } #kt_app_main:has(.fnl-pageheader.edit-blast.edit-edm) .edit-blast-info-label, #kt_app_main:has(.fnl-pageheader.edit-blast.edit-sms) .edit-blast-info-label { width: 4.5rem; } .edit-edm-drip-node-edit-app .edit-edm-drip-meta-col { display: flex; flex-direction: column; justify-content: center; gap: 0.1rem; min-height: 2.5rem; } .edit-edm-drip-node-edit-app .edit-edm-drip-meta-col--campaign { width: 220px; min-width: 180px; max-width: 260px; } .edit-edm-drip-node-edit-app .edit-edm-drip-meta-col--schedule { min-width: 8rem; max-width: 12rem; } .edit-edm-drip-node-edit-app .edit-edm-drip-meta-value { color: #979797; line-height: 1.35; } .edit-edm-drip-node-edit-app .edit-edm-drip-subject-wrap, .edit-edm-drip-node-edit-app .edit-edm-drip-subject-btn, .edit-edm-drip-node-edit-app .edit-edm-drip-schedule-wrap, .edit-edm-drip-node-edit-app .edit-edm-drip-schedule-btn { width: 280px; min-width: 240px; max-width: 320px; } .edit-edm-drip-node-edit-app .edit-edm-drip-node-wrap, .edit-edm-drip-node-edit-app .edit-edm-drip-node-btn { width: 88px; min-width: 72px; max-width: 100px; } .edit-edm-drip-node-edit-app .edit-edm-drip-subject-btn, .edit-edm-drip-node-edit-app .edit-edm-drip-schedule-btn, .edit-edm-drip-node-edit-app .edit-edm-drip-node-btn { background-color: var(--bs-gray-200, #F1F1F2); } .edit-edm-drip-node-edit-app .edit-edm-drip-subject-btn:hover, .edit-edm-drip-node-edit-app .edit-edm-drip-subject-btn:focus-visible, .edit-edm-drip-node-edit-app .edit-edm-drip-subject-btn.open, .edit-edm-drip-node-edit-app .edit-edm-drip-schedule-btn:hover, .edit-edm-drip-node-edit-app .edit-edm-drip-schedule-btn:focus-visible, .edit-edm-drip-node-edit-app .edit-edm-drip-schedule-btn.open, .edit-edm-drip-node-edit-app .edit-edm-drip-node-btn:hover, .edit-edm-drip-node-edit-app .edit-edm-drip-node-btn:focus-visible, .edit-edm-drip-node-edit-app .edit-edm-drip-node-btn.open { background-color: var(--bs-gray-200, #F1F1F2); } .edit-edm-drip-node-edit-app .edit-edm-drip-subject-btn .rc-switch-lang-icon, .edit-edm-drip-node-edit-app .edit-edm-drip-schedule-btn .rc-switch-lang-icon, .edit-edm-drip-node-edit-app .edit-edm-drip-node-btn .rc-switch-lang-icon { width: 15px; height: 15px; } .edit-edm-drip-nodes-menu { min-width: 260px; max-width: 360px; max-height: 320px; overflow-y: auto; z-index: 1065; } .edit-edm-drip-node-edit-app .edit-edm-drip-dropdown-anchor { position: absolute; left: 0; top: 100%; margin-top: 1rem; z-index: 1065; } .edit-edm-drip-node-edit-app .edit-subject-preheader-container.edit-edm-drip-settings-panel { position: relative !important; left: auto !important; right: auto !important; inset-inline-start: auto !important; inset-inline-end: auto !important; top: auto !important; min-width: 500px; max-height: none; overflow-y: visible; z-index: 1065; } .edit-edm-drip-node-edit-app .edit-delay-container.edit-edm-drip-settings-panel { position: relative !important; left: auto !important; right: auto !important; inset-inline-start: auto !important; inset-inline-end: auto !important; top: auto !important; min-width: 400px; max-height: none; overflow-y: visible; z-index: 1065; } } @media (min-width: 992px) { #kt_app_content_container:has(.release-view) > .page-title { margin-top: 0 !important; } .release-view:has(> .fnl-pageheader.position-fixed) { padding-top: var(--release-view-header-height, 76px); } .release-view > .fnl-pageheader.position-fixed + .release-view-content, .release-view .release-view-content { margin-top: 0.75rem !important; } .edit-blast-app > .edit-blast__content, .ecomm-drip-node-index-app > .ecomm-drip-node-index__content { margin-top: var(--release-view-header-height, 76px) !important; } .release-view-header-info { width: 250px; } } .release-view-stat-box { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; column-gap: 0.5rem; row-gap: 0.25rem; align-items: center; } .release-view-stat-box__title { grid-column: 1; grid-row: 1; } .release-view-stat-box__value { grid-column: 2; grid-row: 1; flex-shrink: 0; } .release-view-stat-box__subtitle { grid-column: 1 / -1; grid-row: 2; } @media (min-width: 768px) { .release-view-stat-box__subtitle { grid-column: 1; } .release-view-stat-box__value { grid-row: 1 / span 2; align-self: center; } } @media (max-width: 767.98px) { .release-view .fnl-pageheader .edit-edm-nav-bar, .release-view .fnl-pageheader .edit-blast-header-shell { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .release-view .release-view-pageheader .edit-edm-nav-bar { overflow-x: auto; -webkit-overflow-scrolling: touch; } .release-view .release-view-pageheader .edit-edm-nav-bar::-webkit-scrollbar { display: none; } .release-view .release-view-header-secondary { display: none !important; } .release-view .card-body, .release-view .release-view-content, .release-view .form-group.select, .release-view .mobile-form-select { overflow: visible !important; } .release-view-select-row { position: relative; z-index: 2; } .release-view-report { position: relative; z-index: 0; } #kt_app_main:has(.release-view) .fnl-pageheader .edm-card, #kt_app_main:has(.release-view) .fnl-pageheader .sms-card, #kt_app_main:has(.release-view) .fnl-pageheader .mms-card, .release-view .fnl-pageheader .edm-card, .release-view .fnl-pageheader .sms-card, .release-view .fnl-pageheader .mms-card { position: fixed !important; left: 0.75rem !important; right: 0.75rem !important; inset-inline-start: 0.75rem !important; inset-inline-end: 0.75rem !important; width: auto !important; max-width: none !important; transform: none !important; top: var(--release-view-header-height, 76px); margin-left: 0 !important; margin-right: 0 !important; } body:has(.release-view) .mobile-form-select-menu--floating.show { left: 0.75rem !important; right: 0.75rem !important; width: auto !important; max-width: none !important; } .release-view .release-view-tabs-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-left: -0.5rem; margin-right: -0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .release-view .release-view-tabs-scroll::-webkit-scrollbar { display: none; } .release-view .release-view-tabs-scroll .nav-tabs { flex-wrap: nowrap; } .release-view .release-view-tabs-scroll .nav-link { white-space: nowrap; } } .input-group > .mobile-form-select { flex: 0 0 auto; width: auto; } .input-group > .mobile-form-select .mobile-form-select-btn, .input-group > select.form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } #x-users .input-group > .form-select.form-select-sm, #x-users .input-group > select.form-select.form-select-sm { height: calc(1.5em + 1.1rem + 2px); } #x-users .input-group > .form-control.form-control-sm { height: calc(1.5em + 1.1rem + 2px); } @media (min-width: 768px) { #x-users .x-users-nav-tabs-wrap { overflow-x: visible; } } @media (min-width: 768px) { #acct-service-info .acct-nav-tabs-wrap { overflow-x: visible; } } @media (max-width: 767.98px) { #acct-service-info .acct-nav-tabs-wrap { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } #acct-service-info .acct-nav-tabs-wrap .nav.nav-stretch .nav-item { flex-grow: 0; flex-shrink: 0; } #acct-service-info .acct-nav-tabs-wrap .nav .nav-link { white-space: nowrap; } #acct-service-info .user-mobile-list-card { border-radius: 0.475rem; } #acct-service-info .mobile-form-select-menu--floating.show { position: fixed !important; z-index: 1065; transform: none !important; margin: 0 !important; inset: auto !important; } #acct-service-info { max-width: 100%; } #acct-service-info .acct-addon-card-header { overflow: visible; } #acct-service-info .acct-addon-card-actions { overflow: visible; } #acct-service-info .acct-auto-charge-edit-form, #acct-service-info .acct-auto-charge-conditions, #acct-service-info .bg-info-light-10.rounded { max-width: 100%; min-width: 0; overflow-x: clip; } #acct-service-info .acct-auto-charge-conditions__inner { flex-wrap: wrap !important; gap: 0.5rem; max-width: 100%; min-width: 0; } #acct-service-info .acct-auto-charge-conditions__inner > * { flex-shrink: 0; } #acct-service-info .acct-auto-charge-calculated-amt { flex: 0 0 100%; max-width: 100%; white-space: normal; word-break: break-word; } #acct-service-info .acct-auto-charge-summary-row { overflow: visible; } #acct-service-info input[type="number"]::-webkit-outer-spin-button, #acct-service-info input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #acct-service-info input[type="number"] { -moz-appearance: textfield; appearance: textfield; } #acct-service-info .acct-auto-charge-edit-form { overflow: visible; } #acct-service-info .acct-addon-card-actions { width: 100%; } } @media (min-width: 768px) { #acct-service-info .acct-addon-card-actions { width: auto; } } @media (max-width: 991.98px) { html.drawer-mobile-open #acct-service-info { max-width: 100%; overflow-x: hidden; } #order-summary-drawer.drawer-on, #order-summary-drawer.order-summary-drawer.drawer-on { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; width: auto !important; max-width: 100% !important; left: 0 !important; right: 0 !important; overflow-x: hidden !important; } #order-summary-drawer.order-summary-drawer > .card { box-sizing: border-box; max-width: 100%; } html:has(#order-summary-drawer.drawer-on), body:has(#order-summary-drawer.drawer-on) { overflow-x: hidden !important; max-width: 100%; } #order-summary-drawer .order-summary-details, #order-summary-drawer .order-summary-footer { box-sizing: border-box; max-width: 100%; } #order-summary-drawer .order-summary-details-table { table-layout: fixed; width: 100%; max-width: 100%; } #order-summary-drawer .order-summary-details-table .d-table-cell { word-break: break-word; overflow-wrap: anywhere; } #order-summary-drawer .order-summary-details-table .d-table-cell:last-child { width: 6.5rem; white-space: nowrap; } #order-summary-drawer .order-summary-footer .d-flex { min-width: 0; } html.drawer-mobile-open #acct-change-plan { max-width: 100%; overflow-x: hidden; } #change-plan-result-drawer.drawer-on, #change-plan-result-drawer.change-plan-result-drawer.drawer-on { margin: 0 !important; width: 100% !important; max-width: 100% !important; left: 0 !important; right: 0 !important; overflow-x: hidden !important; } html:has(#change-plan-result-drawer.drawer-on), body:has(#change-plan-result-drawer.drawer-on) { overflow-x: hidden !important; max-width: 100%; } #change-plan-result-drawer .change-plan-result-drawer-footer { position: sticky; bottom: 0; z-index: 1; } #acct-change-plan { max-width: 100%; overflow-x: hidden; } #acct-change-plan .change-plan-nav { -webkit-overflow-scrolling: touch; } #acct-change-plan .change-plan-nav .btn { white-space: nowrap; } #acct-change-plan .change-plan-currency-select { min-width: 5.5rem; } } #acct-change-plan .change-plan-current-badge { white-space: normal; } @media (min-width: 768px) { #acct-change-plan .change-plan-current-badge { white-space: nowrap; } #acct-change-plan .change-plan-currency-row { margin-top: 0 !important; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } } @media (max-width: 767.98px) { #acct-change-plan .change-plan-price { font-size: 1.75rem; line-height: 1.1; } } @media (min-width: 768px) { #acct-change-plan .change-plan-price { font-size: 2.5rem; line-height: 1; } } #acct-add-quota, #acct-add-points, #acct-add-ai-credits { max-width: 100%; overflow-x: hidden; } @media (max-width: 991.98px) { .acct-purchase-page .acct-purchase-actions { position: sticky; bottom: 0; z-index: 1; padding-top: 0.75rem; padding-bottom: 0.5rem; margin-left: -0.75rem; margin-right: -0.75rem; padding-left: 0.75rem; padding-right: 0.75rem; background-color: var(--bs-body-bg, #fff); border-top: 1px dashed var(--bs-gray-300, #e4e6ef); } .acct-purchase-page .acct-purchase-price-row { word-break: break-word; overflow-wrap: anywhere; } } .balance-history-modal.modal-dialog { max-width: 960px; height: calc(100vh - 6rem); max-height: calc(100vh - 6rem); margin: 3rem auto; } .balance-history-modal .modal-content { display: flex; flex-direction: column; height: 100%; max-height: 100%; min-height: 0; } .balance-history-modal .modal-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; } .balance-history-modal .modal-header { flex-shrink: 0; } .balance-history-modal .balance-history-modal__date-filter { overflow: visible; } .balance-history-modal .dataTables_length label, .balance-history-modal .dataTables_info { white-space: nowrap !important; } @media (min-width: 768px) { .balance-history-modal .mw-md-150px { max-width: 150px; } } @media (min-width: 768px) { .horizontal-scroll-nav--mobile-only .horizontal-scroll-nav__arrow { display: none !important; } } @media (max-width: 767.98px) { .horizontal-scroll-nav__scroll { -webkit-overflow-scrolling: touch; scrollbar-width: none; } .horizontal-scroll-nav__scroll::-webkit-scrollbar { display: none; } .horizontal-scroll-nav__arrow { position: absolute; top: 0; bottom: 0; z-index: 2; width: 1.75rem; padding: 0; border: 0; border-radius: 0; box-shadow: none; } .horizontal-scroll-nav__arrow--left { left: 0; background: linear-gradient(to right, var(--bs-body-bg, #fff) 40%, rgba(255, 255, 255, 0)); } .horizontal-scroll-nav__arrow--right { right: 0; background: linear-gradient(to left, var(--bs-body-bg, #fff) 40%, rgba(255, 255, 255, 0)); } .horizontal-scroll-nav--mobile-only .horizontal-scroll-nav__arrow { display: inline-flex; align-items: center; justify-content: center; } .balance-history-modal.modal-fullscreen-md-down { margin: 0; max-height: 100dvh; } .balance-history-modal.modal-fullscreen-md-down .modal-content { max-height: 100dvh; min-height: 100dvh; border-radius: 0; } #acct-service-info .balance-history-modal .modal-body { overflow-y: auto; -webkit-overflow-scrolling: touch; } } /* React common utilities (rc-*) — replace inline styles in React apps */ .rc-modal-body-scroll { overflow-y: auto; -webkit-overflow-scrolling: touch; } .rc-modal-body-scroll--70vh { max-height: 70vh; } .rc-modal-body-scroll--500 { max-height: 500px; } .rc-table-fixed { table-layout: fixed; } .rc-col-w-8 { width: 8rem; } .rc-col-w-10 { width: 10rem; } .rc-col-w-11p { width: 11%; } .rc-col-w-12p { width: 12%; } .rc-col-w-15p { width: 15%; } .rc-col-w-16p { width: 16%; } .rc-col-w-21p { width: 21%; } .rc-col-w-25p { width: 25%; } .rc-dropzone-overlay { background-color: rgba(0, 0, 0, 0.5); color: #fff; } .rc-drop-indicator { height: 3px; margin: 0 0 0.5rem 0; border-radius: 2px; } .rc-thumb-100 { width: 100px; height: 100px; object-fit: cover; } .rc-drawer-w-750 { width: 750px !important; } .rc-badge-min-w-2 { min-width: 2rem; } .rc-input-w-8-16 { min-width: 8rem; max-width: 16rem; } .rc-svg-icon { fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2; } .rc-svg-fill-gray-700 { fill: rgb(63, 66, 84); fill-rule: nonzero; } .rc-svg-fill-gray-700-circle { fill: rgb(63, 66, 84); } .rc-svg-fill-light { fill: rgb(255, 249, 249); fill-rule: nonzero; } .rc-settings-bubble { position: fixed; display: none; pointer-events: none; } .rc-preview-payment-wrap { position: relative; } .rc-preview-payment-menu { position: absolute; top: 0; right: 100%; left: auto; margin-top: 0; } .rc-input-number-plain { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .rc-input-w-80 { width: 80px; } .rc-input-w-90 { width: 90px; } .rc-input-w-100 { width: 100px; } .rc-input-w-120 { width: 120px; } .rc-input-pointer { cursor: pointer; } .rc-xform-add-more-btn { max-width: 320px; margin: 0.6rem auto 0; } .rc-tooltip-w-200 { width: 200px; z-index: 10; visibility: visible; } .rc-tooltip-list { margin: 0; padding-left: 12px; } .rc-iframe-pricing { border: none; display: block; overflow: hidden; width: 100%; min-height: 420px; } .rc-iframe-pricing--modal { min-height: 70vh; } .rc-hidden-toggle { display: none; } .rc-hidden-toggle.is-visible { display: block; } .rc-loading-overlay { position: absolute; inset: 0; background: rgba(255, 255, 255, 0.7); z-index: 10; display: flex; align-items: center; justify-content: center; } .rc-col-resize-handle { width: 4px; cursor: col-resize; } .rc-text-muted-sm { color: #6c757d; } .rc-fnl-pageheader-offset { --card-left-offset: 0px; } .rc-symbol-label-bg { background-size: cover; background-position: center; background-repeat: no-repeat; } .rc-th-w-60 { width: 60px; } .rc-th-w-100 { width: 100px; } .rc-th-w-250 { width: 250px; } .rc-w-200 { width: 200px; } .rc-z-10 { z-index: 10; } .rc-overflow-hidden { overflow: hidden; } .rc-position-relative { position: relative; } .rc-position-absolute { position: absolute; } .rc-position-fixed { position: fixed; } .rc-pointer-events-none { pointer-events: none; } .rc-object-fit-cover { object-fit: cover; } .rc-object-fit-contain { object-fit: contain; } .rc-flex-shrink-0 { flex-shrink: 0; } .rc-min-w-0 { min-width: 0; } .rc-w-100 { width: 100%; } .rc-h-100 { height: 100%; } .rc-top-0 { top: 0; } .rc-left-0 { left: 0; } .rc-right-0 { right: 0; } .rc-bottom-0 { bottom: 0; } .rc-inset-0 { top: 0; right: 0; bottom: 0; left: 0; } .rc-border-0 { border: 0; } .rc-text-white { color: #fff; } .rc-bg-overlay-dark { background-color: rgba(0, 0, 0, 0.5); } .rc-chart-h-300 { height: 300px; } .rc-chart-h-350 { height: 350px; } .rc-preview-iframe { border: 0; width: 100%; } .rc-line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .rc-whitespace-pre-wrap { white-space: pre-wrap; } .rc-user-select-none { user-select: none; } .rc-cursor-pointer { cursor: pointer; } .rc-cursor-default { cursor: default; } .rc-cursor-col-resize { cursor: col-resize; } .rc-cursor-grab { cursor: grab; } .rc-cursor-grabbing { cursor: grabbing; } .rc-opacity-0 { opacity: 0; } .rc-opacity-50 { opacity: 0.5; } .rc-opacity-100 { opacity: 1; } .rc-visibility-hidden { visibility: hidden; } .rc-visibility-visible { visibility: visible; } .rc-transform-none { transform: none; } .rc-max-h-70vh { max-height: 70vh; } .rc-overflow-y-auto { overflow-y: auto; } .rc-overflow-x-auto { overflow-x: auto; } .rc-overflow-x-hidden { overflow-x: hidden; } .rc-gap-0 { gap: 0; } .rc-min-h-0 { min-height: 0; } .rc-flex-1 { flex: 1 1 auto; } .rc-event-name-input { min-width: 320px; max-width: 70vw; } .rc-funnel-name-input { min-width: 200px; max-width: 50vw; } .rc-pageheader-card-offset { --card-left-offset: 0px; } .rc-flex-preview-box { border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); } .rc-flex-preview-header { font-size: 13px; font-weight: 600; color: #24292f; } .rc-edm-preview-desktop { width: 100%; height: 100%; border: 0; } .rc-mms-phone-preview { max-width: 320px; margin: 0 auto; } .rc-export-toast { position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 1060; } .rc-bulk-select-dropdown { min-width: 12rem; } .rc-date-picker-popper { z-index: 1060; } .rc-table-sticky-header thead th { position: sticky; top: 0; z-index: 1; background: var(--bs-body-bg, #fff); } .rc-voting-item-actions { width: 100px; } .rc-voting-item-actions.is-visible { display: block; } .rc-detail-breakdown-bar { height: 8px; border-radius: 4px; } .rc-audio-player-progress { height: 4px; border-radius: 2px; } .rc-chat-message-input { resize: none; } .rc-infobar-icon { fill-rule: evenodd; clip-rule: evenodd; } .rc-more-collapse-icon { fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2; } .rc-view-report-icon path { fill: currentColor; } .rc-switch-edit-lang-menu { min-width: 8rem; } .rc-header-loading-bar { height: 3px; } .rc-active-switch-track { transition: background-color 0.2s ease; } .rc-tabs-scroll { overflow-x: auto; flex-wrap: nowrap; } .rc-tabs-scroll .nav-link { white-space: nowrap; } .rc-schedule-countdown { font-variant-numeric: tabular-nums; } .rc-media-library-grid-item { aspect-ratio: 1; } .rc-media-library-preview { max-height: 70vh; object-fit: contain; } .rc-leaf-row-drag { cursor: grab; } .rc-leaf-row-drag:active { cursor: grabbing; } .rc-fill-in-instructions { white-space: pre-wrap; word-break: break-word; } .rc-max-h-280 { max-height: 280px; } .rc-z-n1 { z-index: -1; } .rc-lh-14 { line-height: 1.4; } .rc-skeleton-h-98 { height: 98px; } .rc-skeleton-h-61 { height: 61px; } .rc-skeleton-h-37 { height: 37px; } .rc-skeleton-w-380 { width: 380px; } .rc-active-switch-dims { width: 66px; height: 28px; } .rc-min-w-1-5 { min-width: 1.5rem; } .rc-min-h-50 { min-height: 50px; } .rc-thumb-40 { width: 40px; height: 40px; object-fit: cover; } .rc-min-h-240 { min-height: 240px; } .rc-max-h-240-contain { max-height: 240px; object-fit: contain; } .rc-img-editor-min { min-height: 200px; min-width: 120px; } .rc-max-h-200-contain { max-height: 200px; object-fit: contain; } .rc-flex-preview-error { padding: 12px; color: #b94a48; background-color: #f2dede; border-radius: 4px; } .rc-min-h-300 { min-height: 300px; } .rc-min-h-200 { min-height: 200px; } .rc-text-xs { font-size: 12px; } .rc-text-13 { font-size: 13px; } .rc-text-10 { font-size: 10px; } .rc-resize-none { resize: none; } .rc-m-0 { margin: 0; } .rc-min-h-70vh { min-height: 70vh; } .rc-max-w-400 { max-width: 400px; } .rc-h-auto { height: auto; } .rc-min-h-200 { min-height: 200px; } .rc-cursor-wait { cursor: wait; } .rc-email-preview-spacer-navbar { height: 392px; background-color: #f5f5f5; } .rc-my-date-settings { margin-top: 4px; margin-bottom: 8px; } .rc-max-h-80vh { max-height: 80vh; } .rc-flex-editor-loading { padding: 16px; color: #666; font-size: 14px; } .rc-flex-editor-layout { display: flex; gap: 20px; padding: 16px; min-height: 100%; box-sizing: border-box; background-color: #fafbfc; } .rc-flex-editor-col-main { flex: 1 1 50%; min-width: 0; display: flex; flex-direction: column; } .rc-flex-editor-panel { padding: 12px; min-height: 320px; background-color: #fff; } .rc-flex-editor-col-side { flex: 0 0 auto; width: 320px; display: flex; flex-direction: column; } .rc-invalid-feedback-sm { font-size: 0.875rem; } .rc-col-w-20 { width: 20px; } .rc-col-w-160 { width: 160px; } .rc-col-clamp-offer { width: clamp(40%, 360px, 800px); } .rc-drop-indicator-mt { height: 3px; margin: 0.5rem 0 0 0; border-radius: 2px; } .rc-svg-google-blue { fill: #4285f4; fill-rule: evenodd; } .rc-svg-google-green { fill: #34a853; fill-rule: evenodd; } .rc-svg-google-yellow { fill: #fbbc05; fill-rule: evenodd; } .rc-svg-google-red { fill: #ea4335; fill-rule: evenodd; } .rc-svg-help-fill-blue-mid { fill: rgb(154, 171, 248); } .rc-svg-help-fill-blue-soft { fill: rgb(168, 184, 252); } .rc-svg-help-fill-blue-lighter { fill: rgb(193, 204, 255); } .rc-svg-help-stroke-green { fill: none; stroke: rgb(11, 183, 131); stroke-width: 4.32px; } .rc-preview-iframe-side { min-width: 280px; max-width: 320px; } .rc-floating-cta-preview { pointer-events: none; } .rc-addon-product-thumb { width: 48px; height: 48px; object-fit: cover; } .rc-se-jump-select { max-width: 100%; } .rc-funnel-select-menu { max-height: 240px; overflow-y: auto; } .rc-rating-level-dot { width: 1.25rem; height: 1.25rem; } .rc-tags-enable-features { gap: 0.5rem; } .rc-grading-options { gap: 0.25rem; } .rc-in-tooltip { max-width: 280px; } .rc-preview-links-dropdown { min-width: 12rem; } .rc-toolbar-page-dropdown { min-width: 10rem; } .rc-view-specs-modal-body { max-height: 60vh; overflow-y: auto; } .rc-countdown-section { font-size: 0.875rem; } .rc-db-modal-scene { min-height: 200px; } .rc-whatsapp-preview-modal iframe, .rc-mms-preview-modal iframe, .rc-sms-preview-modal iframe { border: 0; width: 100%; } .rc-line-preview-iframe { border: 0; width: 100%; min-height: 400px; } /* LINE welcome / message editors — chat-like simulation bubble */ .line-msg-chat-sim { background-color: #8cabd9; min-height: 120px; } .line-msg-chat-sim__messages { display: flex; flex-direction: column; align-items: flex-start; } .line-msg-chat-sim__text-wrap { max-width: min(280px, 100%); width: 100%; } .line-msg-chat-sim__text-bubble { background: #fff; border-radius: 18px; padding: 10px 14px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); border: 1px solid rgba(0, 0, 0, 0.06); } .line-msg-chat-sim__textarea { display: block; width: 100%; border: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important; resize: none; padding: 0 !important; margin: 0; font-size: 14px; line-height: 1.45; color: #111; white-space: pre-wrap; word-break: break-word; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, sans-serif; } .line-msg-chat-sim__textarea::placeholder { color: #999; font-style: italic; } .line-msg-chat-sim__image-bubble { max-width: min(240px, 100%); background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); border: 1px solid rgba(0, 0, 0, 0.06); display: flex; align-items: center; justify-content: center; min-height: 120px; } .line-msg-chat-sim__image-bubble--active { outline: 2px solid #009EF7; outline-offset: 2px; } .line-msg-chat-sim__image { display: block; width: 100%; height: auto; max-height: 280px; object-fit: cover; } .rc-cover-img-overlay { background-color: rgba(0, 0, 0, 0.45); } .rc-panel-image-overlay { background-color: rgba(0, 0, 0, 0.5); color: #fff; } .rc-xlead-icon-path { fill: currentColor; fill-rule: nonzero; } .rc-xlead-icon-path-muted { fill: currentColor; fill-opacity: 0.5; } .rc-more-collapse-path { fill: rgb(151, 151, 151); fill-rule: nonzero; } .rc-more-collapse-path-base { fill: rgb(151, 151, 151); } .rc-view-report-path { fill: currentColor; } .rc-svg-fill-none { fill: none; } .rc-fnl-model-fill { fill: rgb(232, 236, 252); } .rc-svg-fill-rule-nonzero { fill-rule: nonzero; } .rc-fill-current { fill: currentcolor; } .rc-svg-fill-white { fill: #fff; } .rc-pe-auto { pointer-events: auto; } .rc-ai-submenu-item { padding: 8px 12px; font-size: 14px; } .rc-row-collapse-panel { display: block; } .rc-row-collapse-panel.is-collapsed { display: none; } .rc-hidden-file-input { display: none; } .rc-col-w-4p { width: 4%; } .rc-col-w-45p { width: 45%; } .rc-col-w-48p { width: 48%; } .rc-col-w-120 { width: 120px; } .rc-col-w-130 { width: 130px; } .rc-col-w-150 { width: 150px; } .rc-col-w-80 { width: 80px; } .rc-input-h-38 { height: 38px; margin-bottom: 0; } .rc-input-flex-h-38 { flex: 1; height: 38px; margin-bottom: 0; } .rc-preview-logo-box { width: 150px; height: 48px; margin: 0 auto; border-radius: 0.475rem; } .rc-icon-inline-16 { width: 16px; display: inline-block; } .rc-icon-box-36 { width: 36px; height: 36px; } .rc-min-h-500 { min-height: 500px; } .rc-modal-body-scroll--40vh { max-height: 40vh; overflow: auto; } .rc-device-icon-fill { fill: currentColor; } .rc-flex-builder-pad-12 { padding: 12px; } .rc-flex-builder-pad-16 { padding: 16px; } .rc-flex-preview-empty { padding: 12px; color: #999; } .rc-flex-text-dark { color: #24292f; } .rc-lang-switch-icon { fill-rule: nonzero; fill: currentColor; } .rc-tiny-card-border { border: 1px solid #efefef; } .rc-image-contain-preview { max-height: 150px; max-width: 100%; object-fit: contain; } .rc-hidden-file-picker { cursor: pointer; width: 0; overflow: hidden; padding: 0; } .rc-active-switch-label { font-size: 11px; } .rc-switch-lang-icon { width: 12px; height: 12px; } .rc-logo-overlay-text { color: #fff; } .rc-cursor-help { cursor: help; } .rc-email-preview-wrap { background-color: #f5f5f5; margin: 0 auto; padding-top: 1rem; width: 100%; line-height: 1.6; } .rc-email-preview-link { color: #535252 !important; text-decoration: none !important; -webkit-text-fill-color: #535252; } .rc-svg-help-fill-blue { fill: rgb(107, 128, 230); } .rc-svg-help-fill-blue-light { fill: rgb(170, 185, 251); } .rc-svg-help-fill-blue-pale { fill: rgb(212, 220, 255); } .rc-svg-help-fill-yellow { fill: rgb(252, 184, 19); } .rc-svg-help-fill-gray { fill: rgb(128, 128, 128); } .rc-svg-help-fill-gray-text { fill: rgb(108, 117, 125); } .rc-svg-help-fill-gray-text-2 { fill: rgb(122, 136, 150); } .rc-svg-help-fill-white-text { fill: rgb(253, 254, 255); } .rc-svg-help-fill-white { fill: #fff; } .rc-svg-help-stroke-dashed { fill: none; stroke: rgb(128, 128, 128); stroke-opacity: 0.5; stroke-width: 2px; stroke-dasharray: 5, 5; } .rc-svg-help-font-label { font-family: SimHei, monospace; font-size: 12px; fill: rgb(108, 117, 125); } .rc-svg-help-font-label-2 { font-family: SimHei, monospace; font-size: 12px; fill: rgb(122, 136, 150); } .rc-svg-help-font-label-white { font-family: SimHei, monospace; font-size: 10px; fill: #fff; } .rc-svg-help-font-label-pale { font-family: SimHei, monospace; font-size: 12px; fill: rgb(253, 254, 255); } .rc-svg-help-font-bold { font-family: Arial-BoldMT, Arial, sans-serif; font-weight: 700; font-size: 12px; fill: rgb(108, 117, 125); } .rc-svg-help-font-bold-2 { font-family: Arial-BoldMT, Arial, sans-serif; font-weight: 700; font-size: 12px; fill: rgb(122, 136, 150); } .rc-svg-help-icon-middle { font-size: 1em; vertical-align: middle; } .rc-doc-icon-path { fill: rgb(63, 66, 84); fill-rule: nonzero; } .rc-doc-icon-circle { fill: rgb(63, 66, 84); } .rc-doc-icon-text { fill: rgb(255, 249, 249); fill-rule: nonzero; } .rc-chart-container { width: 100%; height: 300px; } .rc-chart-container--360 { width: 100%; height: 360px; } .rc-chart-container--500 { width: 100%; height: 500px; } .rc-chart-container--min-280 { width: 100%; min-height: 280px; } .rc-more-collapse-light { fill: rgb(245, 245, 245); } .rc-header-h-54 { height: 54px; } .rc-z-dropdown { z-index: 1; } .rc-z-dropdown-open { z-index: 100; } .rc-table-max-content { min-width: 100%; width: max-content; } .rc-w-50 { width: 50px; } .rc-col-w-5p { width: 5%; } .rc-col-w-10p { width: 10%; } .rc-col-w-55p { width: 55%; } .rc-min-w-450 { min-width: 450px; } .rc-min-w-300 { min-width: 300px; } .rc-min-w-240 { min-width: 240px; } .rc-min-w-28 { min-width: 28px; } .rc-min-w-31 { min-width: 31px; } .rc-min-h-400 { min-height: 400px; } .rc-min-h-440 { min-height: 440px; } .rc-z-1000 { z-index: 1000; } .rc-z-1050 { z-index: 1050; } .rc-z-9999 { z-index: 9999; } .rc-max-w-calc-80 { max-width: calc(100% - 80px); } .rc-cursor-default { cursor: default; } .rc-max-h-80vh { max-height: 80vh; } .rc-switch-dims { width: 2.5rem; height: 1.25rem; } .rc-overflow-hidden-resize-none { overflow: hidden; resize: none; } .rc-email-content-editor { min-height: 300px; height: 100%; flex: 1 1 auto; } .rc-text-xs-muted { font-size: 12px; color: #666; } .rc-icon-16 { width: 16px; height: 16px; } .rc-icon-14 { width: 14px; height: 14px; } .rc-icon-12 { width: 12px; height: 12px; } .rc-icon-32 { width: 32px; height: 32px; } .rc-xlead-icon-path-75 { fill: currentColor; fill-opacity: 0.75; } .rc-xlead-icon-path-muted-rule { fill: currentColor; fill-opacity: 0.5; fill-rule: nonzero; } .rc-img-max-150 { max-height: 150px; max-width: 100%; } .rc-ms-2px { margin-left: 2px; } .rc-help-callout { background: #f5f5f5; padding: 15px; border-radius: 5px; } .rc-max-w-360 { max-width: 360px; } .rc-max-w-120 { max-width: 120px; } .rc-email-preview-spacer-line { height: 0; background-color: #f5f5f5; } .rc-email-preview-spacer-bottom { height: 90px; background-color: #f5f5f5; } .rc-email-preview-outer-td { max-width: 600px; margin: 0 auto; font-family: 微軟正黑體, Microsoft JhengHei, Segoe UI Semibold, Segoe UI, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; } .rc-email-preview-header-table { width: 100%; max-width: 600px; background-color: #fff; border-radius: 20px 20px 0 0; margin: 0 auto; padding: 10px 10px 0; } .rc-email-preview-logo-cell { width: 150px; padding: 5px 0 5px 10px; } .rc-email-preview-title-cell { padding: 5px 0 5px 15px; font-weight: bold; font-size: 22px; height: 34.1406px; color: #000 !important; text-decoration: none !important; -webkit-text-fill-color: #000; } .rc-email-preview-greeting-table { width: 100%; max-width: 600px; border-top: 1px solid #f5f5f5; background-color: #fff; margin: 0 auto; padding: 4px 20px; } .rc-email-preview-greeting-td { color: #535252 !important; padding-left: 4px; text-decoration: none !important; -webkit-text-fill-color: #535252; } .rc-email-preview-body-table { width: 100%; max-width: 600px; background-color: #fff; margin: 0 auto; padding: 12px 20px 0; } .rc-email-preview-section-title { font-weight: bold; background-color: #ebebeb; padding-left: 8px; height: 31.7969px; border-radius: 8px; color: #000 !important; text-decoration: none !important; -webkit-text-fill-color: #000; } .rc-email-preview-indent { padding-left: 8px; } .rc-email-preview-paragraph { margin: 4px 0; color: #535252 !important; text-decoration: none !important; -webkit-text-fill-color: #535252; } .rc-email-preview-spacer-cell { padding-left: 8px; font-size: 5px; width: 100%; } .rc-email-preview-footer-table { width: 100%; max-width: 600px; border-top: 1px solid #fbf9f9; background-color: #e9edea; margin: 0 auto; padding: 0 0 5px; border-radius: 0 0 20px 20px; } .rc-email-preview-footer-inner { width: 95%; min-width: 290px; margin: 0 auto; } .rc-email-preview-footer-inner-narrow { width: 98%; min-width: 290px; margin: 0 auto; } .rc-email-preview-footer-company { font-weight: bold; font-size: 12px; color: #535252 !important; text-decoration: none !important; -webkit-text-fill-color: #535252; padding: 2px; line-height: 1.2; } .rc-email-preview-footer-muted { font-size: 11px; color: #888 !important; text-decoration: none !important; -webkit-text-fill-color: #888; padding: 2px; line-height: 1.2; } .rc-email-preview-disclaimer-table { width: 100%; max-width: 600px; margin: 10px auto; padding: 0 20px; } .rc-email-preview-disclaimer-td { font-size: 11px; color: #888 !important; text-align: center; text-decoration: none !important; -webkit-text-fill-color: #888; } .bg-ecomm-breakdown { background-color: var(--kt-gray-100); background-color: color-mix(in srgb, var(--kt-gray-100) 88%, var(--kt-gray-200)); } .campaign-record .campaign-detail.campaign_list { display: flex; flex-direction: column; gap: 0.625rem; } .ecomm-breakdown-item .ecomm-breakdown-seq { min-width: 3rem; padding-right: 0.75rem; display: flex; align-items: center; align-self: stretch; } .ecomm-breakdown-item .ecomm-breakdown-action { padding-left: 0.5rem; } .ecomm-breakdown-item .ecomm-breakdown-action.ms-auto { padding-left: 0; } @media (min-width: 768px) { .ecomm-campaign-table .ecomm-breakdown-collapse { overflow: hidden; } .ecomm-campaign-table .ecomm-breakdown-panel-wrap { width: 100%; overflow: hidden; } .ecomm-campaign-table .ecomm-breakdown-panel-inner { width: 100%; margin-left: 0; margin-right: 0; padding: 0.625rem 0.875rem; overflow: hidden; } .ecomm-campaign-table .table tbody td:last-child { min-width: 48rem; overflow-x: clip; overflow-y: visible; } .ecomm-campaign-table.ecomm-campaign-table--simple-actions .table thead th:last-child, .ecomm-campaign-table.ecomm-campaign-table--simple-actions .table tbody td:last-child { min-width: 0; width: 5%; overflow: visible; } .ecomm-campaign-table .ecomm-breakdown-seq { min-width: 3rem; padding-right: 0.75rem; text-align: right; white-space: nowrap; } .ecomm-campaign-table .ecomm-breakdown-entry-card { position: relative; z-index: 1; gap: 0.75rem 1.75rem; padding: 0.625rem 0.875rem; margin-right: 0; } .ecomm-campaign-table .ecomm-breakdown-meta-icon, .ecomm-campaign-table .ecomm-breakdown-stat-icon { width: 1.125rem; height: 1.125rem; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border: 0; } .ecomm-campaign-table .ecomm-breakdown-meta-icon img, .ecomm-campaign-table .ecomm-breakdown-stat-icon img { width: 100%; height: 100%; object-fit: contain; display: block; } .ecomm-campaign-table .ecomm-breakdown-stat--click .ecomm-breakdown-stat-icon img { filter: brightness(0.45); } .ecomm-campaign-table .ecomm-breakdown-action .btn-sm { padding: 0.35rem 0.5rem; line-height: 0; } } @media (max-width: 767.98px) { .ecomm-campaign-table .ecomm-breakdown-collapse { overflow: hidden; } .ecomm-campaign-table .ecomm-breakdown-panel-wrap { width: 100%; overflow: hidden; } .ecomm-campaign-table .ecomm-breakdown-panel-inner { width: 100%; margin-left: 0; margin-right: 0; padding: 0.625rem 0.75rem; overflow: hidden; } .ecomm-campaign-table .ecomm-breakdown-seq { text-align: left; padding-right: 0.5rem; } .ecomm-campaign-table .ecomm-breakdown-entry-card { gap: 0.75rem 1.25rem; padding: 0.625rem 0.75rem; margin-right: 0; } .ecomm-campaign-table .ecomm-breakdown-stat--click .ecomm-breakdown-stat-icon img { filter: brightness(0.45); } } @media (min-width: 992px) { .campaign-detail.campaign_list > .campaign-detail.campaign_list, .campaign-detail.campaign_list > .ecomm-breakdown-item { padding-top: 0; padding-bottom: 0; } .campaign-detail.campaign_list > .campaign-detail.campaign_list + .campaign-detail.campaign_list, .campaign-detail.campaign_list > .ecomm-breakdown-item + .ecomm-breakdown-item { border-top: none; } .campaign-record .campaign-detail.campaign_list .btn-sm { padding: 0.35rem 0.5rem; } .campaign-record .ecomm-breakdown-stat .pic24px { width: 1.25rem; height: 1.25rem; } } .swal-delete-funnel-popup { padding: calc(1.25em - 5px) !important; } .swal-delete-funnel-popup .swal2-header { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; align-items: center; column-gap: 0.75rem; row-gap: 0.35rem; } .swal-delete-funnel-popup .swal2-icon { grid-row: 1; grid-column: 1; margin: 0; width: 2.5em; height: 2.5em; } .swal-delete-funnel-popup .swal2-icon .swal2-icon-content { font-size: 1.75em; } .swal-delete-funnel-popup .swal2-title { display: contents; } .swal-delete-funnel-title-text { grid-row: 1; grid-column: 2; text-align: left; } .swal-delete-funnel-campaign-name { grid-row: 2; grid-column: 1 / -1; text-align: center; } .swal-delete-funnel-warning-box { padding: 11px !important; } .swal-delete-funnel-permanent-warning { border-color: rgba(var(--bs-warning-rgb), 0.35) !important; } .rc-sharing-preview-img { max-height: 200px; max-width: 200px; object-fit: contain; } #seo-sharing .rc-seo-sharing-image-col .dropzone { width: 100%; max-width: 400px; } #seo-sharing .rc-seo-sharing-image-col .rc-sharing-preview-img { max-width: 400px; max-height: 400px; } @media (max-width: 767.98px) { #seo-sharing .rc-seo-sharing-image-col .dropzone, #seo-sharing .rc-seo-sharing-image-col .rc-sharing-preview-img { max-width: 100%; } } @media (min-width: 768px) { #seo-sharing .rc-seo-sharing-text-col { flex: 0 0 38.5%; max-width: 38.5%; width: 38.5%; } #seo-sharing .rc-seo-sharing-image-col { flex: 1 1 0; width: auto; max-width: none; } #seo-sharing .rc-seo-sharing-fields-row { flex-wrap: nowrap; --bs-gutter-x: 3rem; } } #seo-sharing-drawer .rc-seo-sharing-image-col .dropzone { width: 100%; max-width: 100%; } #seo-sharing-drawer .rc-seo-sharing-image-col .dropzone .dz-message { flex-direction: column; text-align: center; } #seo-sharing-drawer .rc-seo-sharing-image-col .dropzone .dz-message .ms-4 { margin-left: 0 !important; margin-top: 0.5rem; } #seo-sharing-drawer .rc-sharing-preview-img { max-width: 100%; max-height: 240px; } /* Setting pages — unified helper text (1rem, muted) */ #seo-sharing .form-text, #seo-sharing .card-header .card-title .form-text, #seo-sharing-drawer .form-text, .rc-settings-hint, :is(.edit-pg-fixed-area, #platform-settings-app, #membership-app) .card .form-text.rc-settings-hint, :is(.edit-pg-fixed-area, #platform-settings-app, #membership-app) .card .rc-settings-hint, :is(.edit-pg-fixed-area, #platform-settings-app, #membership-app) .card > .card-header .card-title .text-muted, :is(.edit-pg-fixed-area, #platform-settings-app, #membership-app) .card > .card-header .card-title .form-text, :is(.edit-pg-fixed-area, #platform-settings-app, #membership-app) .card > .card-body > p.text-muted, :is(.edit-pg-fixed-area, #platform-settings-app, #membership-app) .card > .card-body > .text-muted.fs-7, :is(.edit-pg-fixed-area, #platform-settings-app, #membership-app) .card .card-body .text-muted.fs-7:not(.form-check-label), :is(.edit-pg-fixed-area, #platform-settings-app, #membership-app) .card .card > .card-body > .text-muted.fs-7, :is(.drawer, .follow-up-drawer) .card .form-text.rc-settings-hint, :is(.drawer, .follow-up-drawer) .card .rc-settings-hint, :is(.drawer, .follow-up-drawer) .card > .card-header .card-title .text-muted, :is(.drawer, .follow-up-drawer) .card > .card-header .card-title .form-text, :is(.drawer, .follow-up-drawer) .card > .card-body > p.text-muted, :is(.drawer, .follow-up-drawer) .card > .card-body > .text-muted.fs-7, :is(.drawer, .follow-up-drawer) .card .card-body .text-muted.fs-7:not(.form-check-label), :is(.drawer, .follow-up-drawer) .rc-settings-hint, #seo-sharing-drawer > p.text-muted { font-size: 1rem !important; font-weight: 400 !important; line-height: 1.5 !important; color: var(--bs-text-muted, var(--kt-text-muted, #a1a5b7)) !important; } #seo-sharing .form-text *:not(a), #seo-sharing-drawer .form-text *:not(a) { font-size: inherit !important; color: inherit !important; } /* Setting pages — unified input/textarea fill (match SEO card bg-gray-100) */ :is(.edit-pg-fixed-area, #platform-settings-app, #membership-app) .card .card-body :is(input, textarea).form-control:not([type="checkbox"]):not([type="radio"]), :is(.drawer, .follow-up-drawer) .card .card-body :is(input, textarea).form-control:not([type="checkbox"]):not([type="radio"]), :is(.drawer, .follow-up-drawer) :is(input, textarea).form-control.form-control-sm:not([type="checkbox"]):not([type="radio"]), #seo-sharing :is(input, textarea).form-control:not([type="checkbox"]):not([type="radio"]), #seo-sharing-drawer :is(input, textarea).form-control:not([type="checkbox"]):not([type="radio"]) { background-color: var(--kt-gray-100) !important; } /* Grey panels: keep default bordered controls */ :is(.edit-pg-fixed-area, #platform-settings-app, #membership-app) .card :is(.bg-light, .bg-light-info, .bg-light-primary, .bg-gray-100) :is(input, textarea).form-control, :is(.drawer, .follow-up-drawer) .card :is(.bg-light, .bg-light-info, .bg-light-primary, .bg-gray-100) :is(input, textarea).form-control, :is(.drawer, .follow-up-drawer) .card .card-body :is(input, textarea).form-control.bg-white, :is(.drawer, .follow-up-drawer) :is(input, textarea).form-control.form-control-sm.bg-white { background-color: var(--bs-body-bg, #ffffff) !important; } /* * Dashboard 2.0 — defer form chrome to dashboard-2.0.css (light grey TB/TA/SB). * Must match/exceed the grey-fill specificity above so drawers under .dashboard-2.0 stay consistent. */ .dashboard-2\.0 :is(.drawer, .follow-up-drawer) .card .card-body :is(input, textarea).form-control:not([type="checkbox"]):not([type="radio"]), .dashboard-2\.0 :is(.drawer, .follow-up-drawer) :is(input, textarea).form-control.form-control-sm:not([type="checkbox"]):not([type="radio"]), .dashboard-2\.0 :is(.drawer, .follow-up-drawer) :is(.form-control, .form-control-solid, .form-select, .form-select-solid, .form-control-sm, .form-select-sm, .tagify), .dashboard-2\.0 #seo-sharing :is(input, textarea).form-control:not([type="checkbox"]):not([type="radio"]), .dashboard-2\.0 #seo-sharing-drawer :is(input, textarea).form-control:not([type="checkbox"]):not([type="radio"]) { background-color: var(--kt-gray-100, #F5F8FA) !important; border: 1px solid #D1D3E0 !important; color: #181C32 !important; box-shadow: none !important; } .dashboard-2\.0 :is(.drawer, .follow-up-drawer) .form-check-input { background-color: #ffffff !important; border: 1px solid #D1D3E0 !important; } .dashboard-2\.0 :is(.drawer, .follow-up-drawer) .form-check-input:checked { background-color: var(--bs-primary, #5463A5) !important; border-color: var(--bs-primary, #5463A5) !important; } .dashboard-2\.0 :is(.drawer, .follow-up-drawer) .form-check-success .form-check-input:checked { background-color: #50CD89 !important; border-color: #50CD89 !important; } .dashboard-2\.0 :is(.drawer, .follow-up-drawer) .form-check-input:focus { border-color: var(--bs-primary, #5463A5) !important; box-shadow: none !important; } /* form list editor: matched save-button primary (explicit) */ #form-field-settings-div .form-check-input:checked { background-color: var(--bs-primary, #5463A5) !important; border-color: var(--bs-primary, #5463A5) !important; } #form-field-settings-div .form-switch .form-check-input:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e") !important; } .dashboard-2\.0 :is(.drawer, .follow-up-drawer) .ui-switch-off-light.form-switch .form-check-input:not(:checked) { background-color: #E1E3EA !important; border-color: #E1E3EA !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e") !important; background-position: left center !important; background-repeat: no-repeat !important; opacity: 1 !important; } .dashboard-2\.0 :is(.drawer, .follow-up-drawer) .mobile-form-select-trigger, .dashboard-2\.0 :is(.drawer, .follow-up-drawer) .mobile-form-select-btn { background-color: var(--kt-gray-100, #F5F8FA) !important; border: 1px solid #D1D3E0 !important; color: #181C32 !important; } /* Lead form AI chatroom — fill viewport under app header */ #kt_app_content_container:has(#lead-form-chatroom) { display: flex; flex-direction: column; min-height: calc(100vh - var(--bs-app-header-height, 70px) - 1.25rem); } #lead-form-chatroom { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; } #lead-form-chatroom .lead-form-chatroom-card { flex: 1 1 auto; min-height: 0; height: 100%; } #lead-form-chatroom .lead-form-chatroom-body { flex: 1 1 auto; min-height: 0; } #lead-form-chatroom .lead-form-prompt-ta { resize: none; } /* .mobile-form-select .form-select, .currency-price-input--unified > .mobile-form-select .mobile-form-select-btn, .currency-price-input--unified > select.form-select, .currency-price-input--unified > .form-control { box-shadow: none !important; } /* SMS / MMS phone preview — remote dashboard.css uses 70vh which makes the mockup too tall */ .sim_phone { padding: 1.25rem 0.75rem; border-radius: 28px; } .sim_phone .sim_phone_screen, #SimScrollbar.sim_phone_screen { height: auto; aspect-ratio: 9 / 17; min-height: 420px; max-height: min(560px, 62vh); overflow-x: hidden; overflow-y: auto; /* remote dashboard sets body min-height:100%, which + header always overflows */ scrollbar-width: thin; scrollbar-color: #a1a5b7 transparent; } .sim_phone .sim_phone-body, .sim_phone .sim_phone-body.mms-body, .sim_phone .sim_phone-body.sms-body { min-height: 0 !important; height: auto !important; flex: 0 0 auto; } #SimScrollbar.sim_phone_screen::-webkit-scrollbar { width: 6px; } #SimScrollbar.sim_phone_screen::-webkit-scrollbar-track { background-color: transparent !important; } #SimScrollbar.sim_phone_screen::-webkit-scrollbar-thumb { background-color: #a1a5b7; border-radius: 8px; } .sim_size { width: 280px; max-width: 100%; } @media screen and (max-height: 720px) { .sim_phone .sim_phone_screen, #SimScrollbar.sim_phone_screen { min-height: 360px; max-height: min(480px, 68vh); } .sim_size { width: 260px; } } @media screen and (max-height: 540px) { .sim_phone .sim_phone_screen, #SimScrollbar.sim_phone_screen { min-height: 300px; max-height: min(400px, 72vh); } } /* Page title thumb: slightly smaller; gap handled by .gap-5 in markup */ .page-title .topic_thumb { width: 56px; max-width: 56px; max-height: 40px; } .page-title .topic_thumb img { width: 100%; height: auto; max-height: 40px; object-fit: cover; } /* WhatsApp template param media — media-library-style dropzone */ .whatsapp-param-dropzone.dropzone { min-height: 140px; padding: 1.25rem 1rem; border: 2px dashed #b5b5c3; border-radius: 0.75rem; background: #f9f9f9; display: flex; align-items: center; justify-content: center; transition: border-color 0.15s ease, background-color 0.15s ease; } .whatsapp-param-dropzone.dropzone:hover, .whatsapp-param-dropzone.dropzone.dz-drag-hover { border-color: #009ef7; background: #f1faff; } .whatsapp-param-dropzone.dropzone .dz-message { margin: 0 !important; min-height: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 100%; } /* Channel edit nav gap = #EEEFF3 (edm/sms/mms/line/whatsapp); wins CDN border/shadow; not funnel edit-pg */ #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)), #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) #kt_app_content, #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) #kt_app_content_container { background-color: #EEEFF3 !important; } #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp) { --fnl-pageheader-gap-bg: #EEEFF3; --fnl-pageheader-gap-line: #EEEFF3; border-top: 1px solid #EEEFF3 !important; border-bottom: 1px solid #EEEFF3 !important; box-shadow: none !important; background-color: #EEEFF3 !important; } #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)::before { background-color: #EEEFF3 !important; } #kt_app_main:has(.fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp)) .fnl-pageheader.position-fixed:is(.edit-edm, .edit-sms, .edit-mms, .edit-line, .edit-whatsapp) .pageheader { background-color: transparent !important; } /* Number inputs — hide spinners */ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; appearance: textfield; } /* Copied from crm-dev2 OSS panel/css/dashboard.css — CommonTable paging icons */ .dataTables_length label { margin-bottom: 0rem; } .paginate_button { padding: 4px 6px; border-radius: .625rem; background-color: #E8ECFC53; cursor: pointer; } .paginate_button:hover { filter: brightness(80%); } input.paginate_input { width: 3rem; border: 1px solid var(--bs-light); border-radius: .625rem; text-align: center; } input.paginate_input:focus { width: 5rem; } .dataTables_paginate .previous.page-item + span { display: none; } .paginate_total { color: var(--bs-text-gray-600); } input.paginate_input + span { color: var(--bs-text-gray-400); } .dataTables_paginate { display: inline-flex; align-items: center; gap: 4px; } .dataTables_paginate .page-item { color: #fff0; position: relative; width: 28px; white-space: nowrap; display: inline-block; overflow: hidden; } .dataTables_paginate .first.page-item::before, .dataTables_paginate .last.page-item::before, .dataTables_paginate .previous.page-item::before, .dataTables_paginate .next.page-item::before { position: absolute; content: url('data:image/svg+xml;utf8,'); width: 100%; height: 100%; display: flex; align-items: center; top: 3px; justify-content: start; } .dataTables_paginate .last.page-item::before { transform: scaleX(-1); justify-content: end; } .dataTables_paginate .last.page-item, .dataTables_paginate .first.page-item { background-color: #E8ECFC23; } .dataTables_paginate .previous.page-item, .dataTables_paginate .next.page-item { width: 34px; padding-left: 8px; padding-right: 8px; } .dataTables_paginate .previous.page-item::before, .dataTables_paginate .next.page-item::before { content: url('data:image/svg+xml;utf8,'); justify-content: center; left: 0; } .dataTables_paginate .next.page-item::before { transform: scaleX(-1); } .dataTables_paginate .page-item.disabled { opacity: .6; } /* Referral topbar — acct switcher (aligned with crm-dev2 dashboard.css) */ .css-dropdown { position: relative; display: inline-block; width: fit-content; } .css-dropdown-btn { cursor: pointer; border: 0; background: #d6f5ea; color: #0BB783; border-radius: .475rem; padding: .5rem 1rem; display: flex; align-items: center; transition: background 0.2s, color 0.2s; font-size: .875rem; text-decoration: none; outline: none; } .css-dropdown-btn:hover, .css-dropdown-btn:focus { outline: none; } .css-dropdown-arrow { margin-left: .5rem; transition: transform 0.2s ease; } .css-dropdown:focus-within .css-dropdown-btn .css-dropdown-arrow, .css-dropdown.open .css-dropdown-btn .css-dropdown-arrow { transform: rotate(180deg); } .css-dropdown-menu-account { display: none; position: absolute; left: 0; top: calc(100% - 1.5rem); min-width: 200px; background: #fff; border-radius: .475rem; box-shadow: 0 .5rem 1rem rgb(0 0 0 / .15); z-index: 1000; padding: .5rem 0; } .css-dropdown:focus-within .css-dropdown-menu-account, .css-dropdown.open .css-dropdown-menu-account { display: block; pointer-events: auto; } .css-dropdown-item { display: block; width: 100%; padding: .65rem 1rem; color: #495057; text-decoration: none; background: transparent; border-bottom: 1px solid #eee; text-align: left; cursor: pointer; transition: background 0.2s, color 0.2s; } .css-dropdown-item:last-child { border-bottom: none; } .css-dropdown-item:hover, .css-dropdown-item:focus { background-color: #f8f9fa; color: #0BB783; } .css-dropdown-item.now { background-color: #d6f5ea; color: #0BB783; position: relative; } .css-dropdown-item.now::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: #0BB783; } .css-account-box { max-height: 300px; overflow-y: auto; } #kt_app_header .app-navbar .symbol .symbol-label { box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075); }