/*Affiliate*/ #scp-primary .scp-aff-container { display: flex; min-height: calc(100vh - 114px); max-width: 100%; margin: 0 auto; max-width: 1050px; border: 1px solid var(--border); border-radius: 5px; overflow: hidden;} #scp-primary .scp-aff-container { gap: 0 30px; border: 0; border-radius: 0; } #scp-primary .scp-aff-container .scp-aff-main-content, #scp-primary .scp-aff-container .scp-aff-sidebar{ border: 1px solid var(--border); border-radius: 5px; } body #scp-primary .scp-default-leftside-layout .scp-aff-container { max-width: 1330px; } #scp-primary .scp-aff-sidebar { width: var(--scp-aff-menu-sidebar-width, 250px); background: var(--scp-aff-menu-bg, #2c3e50); padding: 0 0; position: relative; } #scp-primary .scp-aff-sidebar::after { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,0.1) 50%, transparent 100%); } #scp-primary .scp-aff-nav-item { display: flex ; align-items: center; padding: 15px 25px; color: var(--scp-aff-menu-text, #ecf0f1); text-decoration: none; transition: all 0.3s ease; cursor: pointer; gap: 10px; font-size: 14px; font-weight: 600; border-bottom: 1px solid var(--scp-aff-menu-active-border, #d8d8d8); line-height: 1.3; letter-spacing: 0.7px; } #scp-primary .scp-aff-nav-item:hover, #scp-primary .scp-aff-nav-item.active { background: var(--scp-aff-menu-active-bg, #3c5671); border-left-color: var(--scp-aff-menu-active-border, #97acab); box-shadow: none; color: var(--scp-aff-menu-active-text, #ffffff);} #scp-primary .scp-aff-nav-item i { margin-right: 12px; width: 20px; font-size: 16px; } #scp-primary .scp-aff-main-content { flex: 1; padding: 30px; background: #f8f9fa; overflow-y: auto; } #scp-primary .scp-aff-page-header { margin-bottom: 30px; } #scp-primary .scp-aff-page-title { font-size: 28px; font-weight: 600; color: #2c3e50; margin-bottom: 8px; } #scp-primary .scp-aff-page-subtitle { color: #808080; font-size: 15px; letter-spacing: 0.4pc;} #scp-primary .scp-aff-main-content .scp-aff-content-section { display: none; } #scp-primary .scp-aff-main-content .scp-aff-content-section.active { display: block; } #scp-primary .scp-aff-stats-grid { display: flex; gap: 20px; margin-bottom: 30px; } body #scp-primary .scp-aff-stats-grid { border-bottom: 1px solid gainsboro; padding-bottom: 30px; margin-bottom: 20px; } body #scp-primary .scp-aff-card-header.scp-aff-no-border { border-bottom: 0; padding-bottom: 0; margin-bottom: 10px; } #scp-primary .scp-aff-stat-card { background: #fcfcfc; padding: 15px; border-radius: 0; border: 1px solid #e9ecef; transition: all 0.3s ease; position: relative; overflow: hidden; } #scp-primary .scp-aff-stat-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--scp-aff-primary-bg, #00ccc8); } #scp-primary .scp-aff-stat-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); } #scp-primary .scp-aff-stat-title { font-size: 14px; color: #808080; margin-bottom: 8px; font-weight: 500; } #scp-primary .scp-aff-stat-value { font-size: 22px; font-weight: 700; color: #2c3e50; margin-bottom: 0; } #scp-primary .scp-aff-stat-change { font-size: 12px; color: #000000; font-weight: 500; } #scp-primary .scp-aff-card { background: #fcfcfc; border-radius: 0; padding: 20px; border: 1px solid gainsboro; margin-bottom: 20px; } #scp-primary .scp-aff-main-content .scp-aff-content-section.active .scp-aff-card:last-child { margin-bottom: 0; } #scp-primary .scp-aff-card-header { display: flex ; justify-content: space-between; align-items: center; margin-bottom: 16px; padding-bottom: 7px; border-bottom: 2px solid #f1f3f4; } #scp-primary .scp-aff-card-title { font-size: 16px; font-weight: 600; color: #2c3e50; } #scp-primary .scp-aff-table { width: 100%; border-collapse: collapse; margin-top: 15px; border: 1px solid gainsboro; } #scp-primary .scp-aff-table th { background: #f8f9fa; padding: 12px 15px; text-align: left; font-weight: 600; color: #000000; border-bottom: 2px solid #dee2e6; font-size: 15px;} #scp-primary .scp-aff-table td { padding: 12px 15px; border-bottom: 1px solid #dee2e6; color: #495057; font-size: 14px; } #scp-primary .scp-aff-table tr:hover { background: #f8f9fa; } #scp-primary td.scp-empty-box-td { text-align: center; padding: 20px 15px; border-radius: 8px; background: var(--scp-aff-empty-box-bg, #ffffff); box-shadow: 0 2px 12px rgba(224, 91, 91, 0.1); color: var(--scp-aff-empty-box-text, #333333); font-size: 15px; } #scp-primary .scp-aff-btn { font-size: 14px; padding: 10px 20px; border: none; border-radius: 8px; cursor: pointer; font-weight: 500; transition: all 0.3s ease; text-decoration: none; display: inline-block; text-align: center; } #scp-primary .scp-aff-btn-primary { border: 2px solid var(--scp-aff-primary-bg, #00ccc8);; background: var(--scp-aff-primary-bg, #00ccc8); color: var(--scp-aff-primary-text-color, #ffffff); } #scp-primary .scp-aff-btn-primary:hover { transform: translateY(-2px); } #scp-primary .scp-aff-btn-success { background: var(--scp-aff-primary-bg, #00ccc8); color: var(--scp-aff-primary-text-color, #ffffff); } #scp-primary .scp-aff-btn-success:hover { transform: translateY(-2px); } #scp-primary .scp-aff-btn-outline { background: transparent; border: 2px solid var(--scp-aff-primary-bg, #00ccc8);; color: var(--scp-aff-primary-bg, #00ccc8); } #scp-primary .scp-aff-btn-outline:hover { background: var(--scp-aff-primary-bg, #00ccc8);; color: var(--scp-aff-primary-text-color, #ffffff); } #scp-primary .scp-aff-input-group { margin-bottom: 20px; } #scp-primary .scp-aff-label { display: block; margin-bottom: 8px; font-weight: 500; color: #495057; } #scp-primary .scp-aff-input { width: 100%; padding: 12px 15px; border: 2px solid #e9ecef; border-radius: 8px; font-size: 14px; transition: all 0.3s ease; } #scp-primary .scp-aff-input:focus { outline: none; border-color: #00ccc8; box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1); } #scp-primary .scp-aff-input-wrap, #scp-primary .scp-aff-link-box { background: #ffffff; border: 2px dashed #dee2e6; border-radius: 8px; padding: 15px 12px; margin: 0; position: relative; } #scp-primary .scp-aff-link-text { font-size: 14px; color: #495057; word-break: break-all; margin-bottom: 0; line-height: 1 !important;} #scp-primary .scp-aff-copy-btn { position: absolute; top: 50%; right: 8px; background: var(--scp-aff-btn-copy-bg, #00ccc8); color: var(--scp-aff-btn-copy-text, #ffffff); border: none; padding: 8px 12px; border-radius: 6px; cursor: pointer; font-size: 12px; line-height: 1; transform: translateY(-50%); } input#scp-aff-paypal-email { max-width: 300px; } #scp-aff-your-earning-table th:first-child { width: auto; } #scp-aff-your-earning-table th { text-align: left; width: 170px; } body #scp-primary .scp-aff-table .scp-aff-link-text { max-width: 370px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #scp-primary .scp-aff-copy-btn svg { width: 18px; height: 18px; } #scp-primary .scp-aff-copy-btn { padding: 6px 10px; } #scp-primary .scp-default-leftside-layout .scp-aff-main-content { background-color: #fff; } #scp-primary .scp-my-affiliate-link.scp-show-my-link { display: block;} #scp-primary .scp-aff-badge { padding: 4px 8px; border-radius: 12px; font-size: 11px; font-weight: 500; text-transform: uppercase; } body #scp-primary .scp-banner-content-area { padding: 15px; border-top: 1px solid #dcdcdc; margin-top: 0; display: flex ; justify-content: space-between; width: 100%; max-width: 100%; flex: 1; } body #scp-primary .scp-banner-button-container { display: flex ; gap: 7px; justify-content: space-between; } body #scp-primary .scp-banner-button-container .scp-aff-btn { display: flex; gap: 4px; align-items: center; padding: 8px 16px; font-size: 14px; flex: 1; justify-content: center; border-radius: 5px; } #scp-primary .scp-aff-banner-grid { display: flex; gap: 20px; flex-direction: row; flex-wrap: wrap; margin-top: 20px;} #scp-primary .scp-aff-card-header.scp-with-sub-descption-affiliate { display: flex ; align-items: flex-start; flex-direction: column;} #scp-primary .scp-aff-badge-success { background: var(--scp-aff-status-confirm-bg, #d4edda); color: var(--scp-aff-status-confirm-text, #155724); } #scp-primary .scp-aff-badge-warning { background: var(--scp-aff-status-pending-bg, #fff3cd); color: var(--scp-aff-status-pending-text, #856404); } #scp-primary .scp-aff-badge-info { background: var(--scp-aff-status-cancelled-bg, #d1ecf1); color: var(--scp-aff-status-cancelled-text, #0c5460); } #scp-primary .scp-aff-banner-item { border: 2px solid #e9ecef; border-radius: 8px; padding: 0; text-align: center; transition: all 0.3s ease; width: calc(33.33% - 15px); display: flex ; flex-direction: column; justify-content: space-between; min-width: 280px; } #scp-primary .scp-aff-banner-item:hover { border-color: var(--scp-aff-primary-bg, #00ccc8); } #scp-primary .scp-aff-banner-preview { width: 100%; background: #ffffff; border-radius: 6px; margin-bottom: 0; display: flex ; align-items: center; justify-content: center; color: #733030; font-weight: 600; height: 255px; padding: 10px; } #scp-primary .scp-aff-table tbody { background: #fff; } body #scp-primary .scp-banner-info-section h3 { font-size: 15px; margin-bottom: 5px; line-height: 1.3; } body #scp-primary .scp-banner-info-section p { font-size: 14px; margin: 0; padding: 0; line-height: 1.3; } body #scp-primary .scp-banner-info-section { margin-bottom: 15px; } body #scp-primary .scp-aff-banner-preview h4 { font-size: 16px; color: #000; margin: 0; padding: 0; line-height: 1.3; } #scp-primary label.scp-aff-label, body #scp-primary .scp-aff-card-inner-header h4 { font-size: 15px; color: #2c3e50; font-weight: 600; display: block; margin: 0 0 7px 0; } #scp-primary #scp-aff-our-commision .scp-aff-table tr:hover { background: unset; } #scp-primary #scp-aff-our-commision .scp-aff-table td { border-bottom: none!important; padding-bottom: 0!important; } #scp-primary #scp-aff-our-commision .scp-aff-table td.scp-col-wrapp-new-line { border-bottom: 1px solid #d1bfbf !important; padding-bottom: 15px !important; } body #scp-primary .scp-empty-box-div { padding: 20px 15px; border-radius: 8px; background: var(--scp-aff-empty-box-bg, #fff8f8); border: 3px solid var(--scp-aff-empty-box-text-border-color, #e05b5b); box-shadow: 0 2px 12px rgba(224, 91, 91, 0.1); color: var(--scp-aff-empty-box-text, #333333); font-size: 15px; } /*#scp-primary .scp-aff-commission-card { background: white; border-radius: 12px; padding: 20px; margin-bottom: 15px; border-left: 4px solid #00ccc8; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } #scp-primary .scp-aff-commission-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } #scp-primary .scp-aff-course-name { font-weight: 600; color: #2c3e50; font-size: 16px; } #scp-primary .scp-aff-commission-rate { background: #e8f5e8; color: #27ae60; padding: 6px 12px; border-radius: 20px; font-weight: 600; font-size: 14px; } #scp-primary .scp-aff-commission-details { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-top: 15px; } #scp-primary .scp-aff-detail-item { text-align: center; } #scp-primary .scp-aff-detail-label { font-size: 12px; color: #808080; margin-bottom: 5px; } #scp-primary .scp-aff-detail-value { font-size: 16px; font-weight: 600; color: #2c3e50; } */ #scp-primary .scp-aff-mobile-menu-btn { display: none; position: fixed; top: 20px; left: 20px; z-index: 1000; background: #00ccc8; color: white; border: none; padding: 10px; border-radius: 6px; cursor: pointer; } #scp-primary .scp-aff-pagination { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 20px; } #scp-primary .scp-aff-pagination a {text-decoration: none;background: #f6f6f6;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 4px; color: #000; font-size: 15px;} #scp-primary .scp-aff-pagination a.scp-aff-page-link.aff-active-link { background: #000; color: #fff; } #scp-primary .scp-aff-card-inner-header h4 { font-size: 16px; font-weight: 600; } #scp-primary .scp-aff-msg-main { display: none; background: #e7e7e7; padding: 10px; color: #000000; border-radius: 0 5px 5px 0; line-height: 1; max-width: 100%; width: max-content; font-size: 14px; font-weight: 600; } #scp-primary .scp-aff-msg-main.scp-success-msg { display: block; background: #dcffdc; color: #007b00; border-left: 4px solid; margin-top: 10px; } #scp-primary .scp-aff-msg-main.scp-error-msg { display: block; background: #ffe8e6; color: #ff3434; border-left: 5px solid; } #scp-primary .scp-aff-box.scp-my-affiliate-link { margin-top: 30px; } #scp-primary .scp-aff-banner-preview img { max-width: 100%; height: auto; max-height: 100%; width: auto; } body #scp-primary .scp-aff-link-box-dynamic { display: none; } body #scp-primary .scp-show-my-link .scp-aff-link-box-dynamic { display: flex; } #scp-primary .scp-aff-copy-btn { position: unset; top: unset; left: unset; transform: unset; } #scp-primary .scp-aff-link-box { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 10px; width: max-content; padding: 8px 8px; border-radius: 5px; } #scp-primary .scp-aff-title-with-link { display: flex; justify-content: space-between; flex-direction: row; width: 100%; gap: 20px; align-items: flex-start; } #scp-primary .scp-aff-title-with-link .scp-aff-title-with-link-title{flex: 1;} #scp-primary .scp-aff-status-legend-wrapper { position: relative; display: inline-block; } #scp-primary .scp-aff-status-legend-trigger { cursor: pointer; text-decoration: none; font-weight: 600;border-bottom: 1px solid; line-height: 1.3; font-size: 14px; } #scp-primary .scp-aff-status-legend-tooltip { display: none; position: absolute; top: 120%; right: 0; z-index: 10; width: 300px; padding: 12px; background-color: #fff; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } #scp-primary .scp-aff-status-legend-wrapper:hover .scp-aff-status-legend-tooltip { display: block; } #scp-primary .scp-aff-status-legend-item { padding: 10px; margin-bottom: 8px; border-radius: 4px; font-size: 14px; line-height: 1.4; } #scp-primary .scp-aff-status-legend-item.pending { background-color: var(--scp-aff-status-pending-bg, #fff3cd); } #scp-primary .scp-aff-status-legend-item.approved { background-color: var(--scp-aff-status-confirm-bg, #d4edda); } #scp-primary .scp-aff-status-legend-item.rejected { background-color: var(--scp-aff-status-cancelled-bg, #d1ecf1); } #scp-primary .scp-aff-status-legend-item strong { display: inline-block; margin-right: 5px; } #scp-primary .scp-aff-commision-main { display: flex; flex-direction: column; gap: 1px; overflow: hidden; } #scp-primary .scp-aff-commission-card { background: #fcfcfc; position: relative; transition: background-color 0.2s ease; padding: 15px; border: 1px solid gainsboro; margin-bottom: 20px; } #scp-primary .scp-aff-commission-card:last-child { margin-bottom: 0; } #scp-primary .scp-aff-commission-card:hover { background: #fefefe; } #scp-primary .scp-aff-commission-header { display: flex ; justify-content: flex-start; align-items: flex-start; margin-bottom: 15px; gap: 20px; } #scp-primary .scp-aff-course-name { font-weight: 600; color: #0f172a; font-size: 16px; } #scp-primary .scp-aff-commission-rate { background: var(--scp-aff-commission-label-bg, #0f172a); color: var(--scp-aff-commission-label-text, #ffffff); padding: 4px 12px; border-radius: 6px; font-weight: 500; font-size: 13px; letter-spacing: 0.025em; } #scp-primary .scp-aff-commission-details { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } #scp-primary .scp-aff-detail-item { position: relative; } #scp-primary .scp-aff-detail-label { font-size: 12px; color: #64748b; margin-bottom: 4px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; } #scp-primary .scp-aff-detail-value { font-size: 20px; font-weight: 700; color: #0f172a; font-feature-settings: 'tnum'; } #scp-primary .scp-aff-detail-item:nth-child(2) .scp-aff-detail-value { color: var(--scp-aff-primary-bg, #00ccc8); } #scp-primary .scp-aff-detail-item:nth-child(4) .scp-aff-detail-value { color: var(--scp-aff-primary-bg, #00ccc8); } #scp-primary .commission-progress { width: 100%; height: 3px; background: #e2e8f0; border-radius: 2px; margin-top: 8px; overflow: hidden; } #scp-primary .commission-progress-fill { height: 100%; background: var(--scp-aff-primary-bg, #00ccc8); border-radius: 2px; transition: width 0.8s ease; } #scp-primary .commission-30 { width: 30%; } #scp-primary .commission-35 { width: 35%; } #scp-primary .scp-aff-commision-with-link .scp-aff-link-section { flex: 1; } #scp-primary .scp-aff-commision-with-link .scp-aff-link-section .scp-aff-link-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: unset; padding-right: 70px; } #scp-primary .scp-aff-commision-with-link .scp-aff-link-section {max-width: 54%;} #scp-primary .scp-aff-commision-with-link .scp-aff-commision-inner-row { display: flex; gap: 20px; align-items: center; } #scp-primary .scp-aff-commision-with-link .scp-aff-commission-header { display: flex ; align-items: flex-start; flex-direction: column; gap: 10px; } #scp-primary .scp-aff-commision-with-link .scp-aff-link-box { padding: 0 0 0 10px; height: 32px; display: flex; align-items: center; border: 2px solid gainsboro; border-radius: 5px; background: #ffffff; } #scp-primary .scp-aff-commision-with-link .scp-aff-copy-btn { right: -2px; border-radius: 0 5px 5px 0; padding: 10px 12px; } #scp-primary .scp-aff-commision-with-link .scp-aff-commission-header { border-bottom: 1px solid gainsboro; padding-bottom: 10px; margin-bottom: 20px; } #scp-primary .scp-aff-date-range-main-wrapper { position: relative; display: inline-block; width: 240px; } #scp-primary .scp-aff-date-range-main-wrapper .scp-aff-date-range-picker { text-align: left; width: 100%; padding: 12px 45px 12px 15px; border: 2px solid #ddd; border-radius: 8px; font-size: 14px; background-color: white; transition: border-color 0.3s ease; box-sizing: border-box; } .scp-aff-col-row-multi { display: flex; gap: 10px; } .scp-aff-col-row-multi select#scp-aff-earning-filter { text-align: left; width: 100%; padding: 12px 35px 12px 15px; border: 2px solid #ddd; border-radius: 8px; font-size: 14px; background-color: white; transition: border-color 0.3s ease; box-sizing: border-box; font-weight: 600; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; line-height: 1.5; } #scp-primary .scp-aff-policy-buttons a.scp-open-modal { display: block; font-size: 15px; border-bottom: 1px solid; font-weight: 600; } #scp-primary .scp-aff-policy-buttons { display: flex; gap: 10px; margin-bottom: 10px; justify-content: flex-end; } #scp-primary .scp-aff-date-range-main-wrapper svg { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; pointer-events: none; color: #666; cursor: pointer; } .scp-aff-date-range-main-wrapper:hover .scp-aff-date-range-picker { border-color: #bbb; cursor: pointer; } body #scp-primary .scp-dashboard-wrapper-white-box main.scp-aff-main-content { background: #fff; } #scp-primary .scp-my-account-start.scp-aff-activated:not(.scp-dont-move-aff-to-left) .scp-container { width: calc(var(--scp-myaccount-container-width, 1160px) + var(--scp-aff-menu-sidebar-width, 250px)); } #scp-primary .scp-aff-setting-section { margin-bottom: 20px; border-bottom: 1px solid gainsboro; padding-bottom: 20px; } #scp-primary .scp-aff-setting-section:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } #scp-primary .scp-aff-setting-section-title { font-size: 16px; font-weight: 600; color: #374151; margin: 0 0 20px 0; display: none; align-items: center; gap: 10px; } #scp-primary .scp-aff-setting-section-icon { color: #6b7280; font-size: 16px; } #scp-primary .scp-aff-setting-fields-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; } #scp-primary .scp-aff-setting-input-group { display: flex; flex-direction: column; } #scp-primary .scp-aff-setting-label { font-weight: 600; color: #374151; margin-bottom: 8px; font-size: 14px; } #scp-primary .scp-aff-setting-input-wrapper { position: relative; } #scp-primary .scp-aff-setting-checkbox-group { display: flex; flex-direction: column; gap: 16px; } #scp-primary .scp-aff-setting-checkbox-item { display: flex; align-items: flex-start; padding: 0; cursor: pointer; gap: 12px; } #scp-primary .scp-aff-setting-checkbox-input { margin: 0; width: 16px; height: 16px; margin-top: 2px; cursor: pointer; accent-color: #374151; } #scp-primary .scp-aff-setting-checkbox-label { font-size: 14px; color: #374151; cursor: pointer; flex: 1; line-height: 1.3; font-weight: 600; } #scp-primary .scp-aff-setting-helper-text { font-size: 13px; color: #6b7280; margin-top: 0; font-weight: 400; } body #scp-primary .scp-aff-setting-input-group .scp-aff-setting-helper-text { margin-top: 5px; font-weight: 400; } body #scp-primary .sc-aff-hr { margin-top: 20px; margin-bottom: 20px; border-bottom: 1px solid gainsboro; } body #scp-primary .scp-default-leftside-layout { padding: 40px; } #scp-primary .scp-dashboard-wrapper .scp-aff-container { display: flex; flex-direction: column; overflow: hidden; } /*#scp-primary .scp-dashboard-wrapper .scp-aff-container nav.scp-aff-sidebar { width: 100%; display: flex ; flex-direction: row; flex-wrap: wrap; background: transparent; color: #000; padding: 0; justify-content: flex-start; gap: 0; border-bottom: 2px solid gainsboro; margin-bottom: 20px; margin-left: -10px; margin-right: -10px; } #scp-primary .scp-dashboard-wrapper .scp-aff-container a.scp-aff-nav-item { color: #000000; padding: 0; background: transparent; border: none; font-weight: 500; display: flex ; font-size: 14px; gap: 6px; position: relative; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; }*/ #scp-primary .scp-dashboard-wrapper .scp-aff-container nav.scp-aff-sidebar { width: 100%; display: flex ; flex-direction: row; flex-wrap: wrap; background: var(--scp-aff-menu-bg, #2c3e50); color: var(--scp-aff-menu-text, #ecf0f1); padding: 0; justify-content: flex-start; gap: 0; border-bottom: 2px solid gainsboro; margin-bottom: 0; border-radius: 7px 7px 0 0; overflow: hidden; } #scp-primary .scp-dashboard-wrapper .scp-aff-container a.scp-aff-nav-item { color: var(--scp-aff-menu-text, #ecf0f1); padding: 0; background: transparent; border: none; font-weight: 500; display: flex ; font-size: 14px; gap: 6px; position: relative; padding: 18px 18px 18px; } #scp-primary .scp-dashboard-wrapper .scp-aff-container a.scp-aff-nav-item.active { background: var(--scp-aff-menu-active-bg, #3c5671); color: var(--scp-aff-menu-active-text, #ffffff); } #scp-primary .scp-aff-setting-helper-text { font-weight: 400; } #scp-primary .scp-dashboard-wrapper .scp-aff-container a.scp-aff-nav-item .fas { display: block; } #scp-primary .scp-dashboard-wrapper .scp-aff-container a.scp-aff-nav-item.active:after { border-bottom: 2px solid #000000; content: ''; display: block; position: absolute; bottom: -1px; width: 100%; left: 0; } #scp-primary .scp-dashboard-wrapper .scp-aff-main-content { background: #ffffff; border-radius: 0; padding: 40px 40px; } #scp-primary .scp-aff-page-header.scp-row-flex { display: flex; justify-content: space-between; gap: 15px; } #scp-primary .scp-aff-date-range-picker { padding: 10px; border: 1px solid gainsboro; background: #f9f9f9; border-radius: 5px; font-weight: 600; text-align: center; font-size: 13px; } #scp-primary .scp-aff-page-title { font-size: 17px; margin-bottom: 0; } #scp-primary .scp-dashboard-wrapper .scp-aff-container .scp-aff-main-content{ border: 1px solid gainsboro; border-top: 0; } #scp-primary .scp-aff-pagination:empty { display: none; } #scp-primary .scp-main-content-area.scp-my-account-start.scp-aff-activated:not(.scp-dont-move-aff-to-left) .scp-my-account-sidebar { margin-left: calc(var(--scp-aff-menu-sidebar-width, 250px) + 30px); width: calc(100% - var(--scp-aff-menu-sidebar-width, 250px) - 30px); } #scp-primary .scp-main-content-area.scp-my-account-start.scp-aff-activated:not(.scp-dont-move-aff-to-left) .scp-aff-container { max-width: 100%; } #scp-primary .scp-aff-setting-section.scp-description:not(.scp-shortcode-elements) > *:first-child { margin-top: 0!important; } #scp-primary .scp-aff-nav-item svg { width: 22px; height: 22px; } #scp-primary .scp-dashboard-wrapper .scp-aff-container .scp-aff-nav-item svg { width: 18px; height: 18px; } #scp-primary .scp-aff-msg-container { max-width: 900px; margin: 40px auto; padding: 0 20px; display: block; align-items: center; } #scp-primary .scp-dashboard-wrapper .scp-aff-container { min-height: unset; } #scp-primary .scp-aff-msg-success { text-align: center; background: var(--sucess-box-bg-color,#e8f5e8); border: 2px solid var(--sucess-box-bg-border-color,#4caf50); border-radius: 12px; padding: 26px; box-shadow: 0 4px 16px rgba(76, 175, 80, 0.15); position: relative; overflow: hidden; } #scp-primary .scp-aff-msg-icon { display: flex; width: 48px; height: 48px; background: var(--sucess-box-bg-border-color,#4caf50); border-radius: 5px; position: relative; margin-bottom: 20px; animation: scp-aff-msg-pulse 2s ease-in-out infinite; margin-left: auto; margin-right: auto; align-items: center; justify-content: center; } #scp-primary .scp-aff-msg-success h1, #scp-primary .scp-aff-msg-success h2, #scp-primary .scp-aff-msg-success h3, #scp-primary .scp-aff-msg-success h4, #scp-primary .scp-aff-msg-success h5, #scp-primary .scp-aff-msg-success h6 { color: #2e7d32; font-size: 22px; font-weight: 600; margin: 0 0 5px 0; line-height: 1.3; text-align: center; } #scp-primary .scp-aff-msg-success h1 { font-size: 30px; } #scp-primary .scp-aff-msg-success h2 { font-size: 29px; } #scp-primary .scp-aff-msg-success h4 { font-size: 26px; } #scp-primary .scp-aff-msg-success h5{ font-size: 22px; } #scp-primary .scp-aff-msg-success h6 { font-size: 20px; } #scp-primary .scp-aff-msg-success p { color: #4a5568; font-size: 16px; line-height: 1.6; margin: 0 0 16px 0; text-align: center; } #scp-primary .scp-aff-msg-success h3, #scp-primary .scp-aff-msg-success p { color: var(--sucess-box-text-color, #333333); } #scp-primary .scp-aff-page-header.scp-mt-40 { margin-top: 40px; } #scp-primary .scp-aff-page-header.scp-mb-10 { margin-bottom: 10px;} #scp-primary .scp-aff-msg-text:last-child { margin-bottom: 0; } #scp-primary .scp-aff-msg-success p:last-child { margin-bottom: 0; } #scp-primary .scp-aff-msg-icon svg { color: #fff; width: 30px; height: 30px; } #scp-primary .scp-aff-btn-msg { margin-top: 20px; text-align: center; } #scp-primary .scp-aff-btn-msg button.scp-request-approval-btn.scp-btn { width: 100%; max-width: 450px; margin-left: auto; margin-right: auto; } #scp-primary .scp-aff-msg-success.scp-aff-msg-rejected { background: var(--scp-aff-empty-box-bg, #fff8f8); border-color: var(--scp-aff-empty-box-text-border-color, #e05b5b); } #scp-primary .scp-aff-msg-success.scp-aff-msg-rejected .scp-aff-msg-icon {background: var(--scp-aff-empty-box-text, #333333);} #scp-primary .scp-aff-msg-success.scp-aff-msg-rejected h3, #scp-primary .scp-aff-msg-success.scp-aff-msg-rejected p { color: var(--scp-aff-empty-box-text, #333333); } body #scp-primary .scp-aff-input-wrap { display: flex; align-items: stretch; gap: 0; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; max-width: 100%; background: #fff; padding: 0; width: max-content; } body #scp-primary .scp-aff-input-wrap .scp-aff-link-text { padding: 4px 12px; background: #f8f9fa; border-right: 1px solid #ddd; font-size: 14px; color: #666; white-space: nowrap; display: flex; align-items: center; } body #scp-primary .scp-aff-input-wrap input#scp-aff-id-input { flex: 1; padding: 8px 12px; border: none; outline: none; font-size: 14px; min-width: 80px; max-width: 150px; } html body:not(.scp-allow-elements) #scp-primary .scp-aff-input-wrap .scp-aff-save-btn { padding: 8px 16px; border: none; cursor: pointer; font-size: 12px; background: var(--scp-aff-primary-bg, #00ccc8); color: var(--scp-aff-primary-text-color, #ffffff); min-width: unset; border-radius: 0; letter-spacing: 0; } body #scp-primary .scp-aff-input-wrap .scp-aff-save-btn:hover { background: #005a87; } html body:not(.scp-allow-elements) #scp-primary .scp-aff-input-wrap .scp-aff-save-btn:hover { box-shadow: none; transform: unset; } #scp-primary .scp-aff-table .scp-tbl-center { text-align: center!important; } #scp-primary .scp-aff-sub-tab a.scp-sub-tab-link { background: #e8e8e8; padding: 10px; display: block; color: #000; font-size: 14px; min-width: 150px; text-align: center; } #scp-primary .scp-aff-sub-tab { display: flex; border-radius: 5px; overflow: hidden; } #scp-primary .scp-aff-sub-tab a.scp-sub-tab-link.scp-active { background: var(--scp-aff-primary-bg, #00ccc8); color: var(--scp-aff-primary-text-color, #fff); } body #scp-primary .scp-aff-sub-tab-content-wrapper { display: none; } body #scp-primary .scp-aff-sub-tab-content-wrapper.scp-active { display: block; } #scp-primary .scp-aff-filter-tabs { display: flex; gap: 8px; margin-bottom: 10px; justify-content: flex-end; } #scp-primary .scp-aff-tab-button { padding: 8px 16px; border: none; border-radius: 6px; background-color: var(--scp-aff-leaderboard-filter-bg, #cfcfcf);color: var(--scp-aff-leaderboard-filter-text, #000000);cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.2s ease; } #scp-primary .scp-aff-tab-button.active, #scp-primary .scp-aff-tab-button:hover { background-color: var(--scp-aff-leaderboard-filter-active-bg, #495057); color: var(--scp-aff-leaderboard-filter-active-text, #ffffff); } #scp-primary .scp-aff-filter-options { display: flex; gap: 8px; margin-bottom: 20px; } #scp-primary .scp-aff-filter-btn { padding: 8px 16px; border: none; border-radius: 6px; background-color: #e9ecef; color: #6c757d; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.2s ease; } #scp-primary .scp-aff-filter-btn.active, #scp-primary .scp-aff-filter-btn:hover { background-color: #007bff; color: white; } #scp-primary .scp-aff-search-container { margin-bottom: 20px; } #scp-primary .scp-aff-search-input { width: 100%; max-width: 300px; padding: 12px 16px; border: 1px solid #dee2e6; border-radius: 8px; font-size: 14px; background-color: white; transition: border-color 0.2s ease; } #scp-primary .scp-aff-search-input:focus { outline: none; border-color: #007bff; box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1); } #scp-primary .scp-aff-table-wrapper { background-color: white; border-radius: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } #scp-primary .scp-aff-table { width: 100%; border-collapse: collapse; font-size: 14px; margin-top: 0; } #scp-primary .scp-aff-table-header th { background-color: #f8f9fa; padding: 16px 20px; text-align: left; font-weight: 600; color: #495057; border-bottom: 2px solid #dee2e6; } #scp-primary .scp-aff-container-leader-board .scp-aff-table-header th { background: var(--scp-aff-leaderboard-header-bg, #f8f9fa);color: var(--scp-aff-leaderboard-header-text, #495057);} #scp-primary .scp-aff-table-row { transition: background-color 0.2s ease; } #scp-primary .scp-aff-table-row:hover { background-color: #f8f9fa; } #scp-primary .scp-aff-rank-badge { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; font-weight: 600; font-size: 14px; background-color: #e9ecef; color: #495057; position: relative; z-index: 1; } #scp-primary .scp-aff-rank-badge.scp-aff-rank-1 { background-color: #ffd700; color: #000000; margin-top: -10px; } #scp-primary .scp-aff-rank-badge.scp-aff-rank-2 { background-color: #c0c0c0; color: white; margin-top: -10px; } #scp-primary .scp-aff-rank-badge.scp-aff-rank-3 { background-color: #cd7f32; color: white; margin-top: -10px; } #scp-primary .scp-aff-user-info { display: flex; align-items: center; gap: 12px; } #scp-primary .scp-aff-avatar { width: 30px; height: 30px; border-radius: 5px; object-fit: cover; } #scp-primary .scp-aff-username { font-weight: 500; color: inherit; } #scp-primary .scp-aff-table .scp-aff-sales { color: inherit; font-weight: 600; text-align: center; } #scp-primary .scp-aff-earnings { font-weight: 600; } #scp-primary .scp-aff-table-row.scp-aff-hidden { display: none; } #scp-primary span.scp-aff-rank-badge.scp-aff-rank-1:after, span.scp-aff-rank-badge.scp-aff-rank-2:after, span.scp-aff-rank-badge.scp-aff-rank-3:after { position: absolute; width: 20px; height: 28px; background-color: inherit; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%); border-radius: 2px; content: ""; z-index: -4; top: 15px; } #scp-primary .scp-aff-container-leader-board { max-width: 900px; margin-left: auto; margin-right: auto; padding: 20px; } #scp-primary .scp-aff-table-header th.scp-aff-earnings-col, #scp-primary .scp-aff-table-header .scp-aff-sales-col { text-align: center; } #scp-primary .scp-aff-table td.scp-aff-earnings { text-align: center; } #scp-primary .scp-aff-container-leader-board .scp-aff-table tr{ background: var(--scp-aff-leaderboard-body-bg, #ffffff); } #scp-primary .scp-aff-container-leader-board .scp-aff-table td{ color: var(--scp-aff-leaderboard-body-text, #495057); } #scp-primary .scp-aff-container-leader-board .scp-aff-table tr:hover{ background: var(--scp-aff-leaderboard-hover-bg, #f8f9fa); } #scp-primary .scp-aff-container-leader-board .scp-aff-table tr:hover td{ color: var(--scp-aff-leaderboard-hover-text, #495057); } #scp-primary #scp-aff-main-table td.scp-aff-rank { padding-top: 18px; padding-bottom: 18px; zoom: 0.8; } #scp-primary #scp-aff-main-table td { padding: 12px 20px; } body #scp-primary .scp-v2-loader-container { display: flex; justify-content: center; align-items: center; height: 100px; border-radius: 8px; margin: 20px; } #scp-primary .scp-v2-loader-spinner { width: 50px; height: 50px; border: 4px solid #e3e3e3; border-top: 4px solid #3498db; border-radius: 50%; animation: scp-v2-loader-spin 1s linear infinite; } #scp-primary .scp-aff-table td.scp-empty-box-td-loader { background: #fff; } body #scp-primary h2.scp-aff-title-main { font-size: 17px; margin-bottom: 0; margin-top: 0; margin-left: 0px; width: var(--scp-aff-menu-sidebar-width, 250px); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #fefefe; padding: 12px 10px; border: 1px solid gainsboro; border-bottom: 0; border-radius: 5px 5px 0 0; font-weight: bold; } body #scp-primary .scp-dashboard-metric.scp-card { margin-bottom: 0; background: white; border-radius: 7px; padding: 12px; background: #fcfcfc; border: 1px solid #dcdcdc;position: relative; overflow: hidden; transition: all 0.3s ease; width: calc(25% - 6px); display: flex; flex-direction: column; justify-content: space-between; } body #scp-primary .scp-dashboard-metric.scp-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(0, 204, 200, 0.1), transparent); transition: left 0.5s; } body #scp-primary .scp-dashboard-metric.scp-card:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } body #scp-primary .scp-dashboard-metric.scp-card:hover::before { left: 100%; } body #scp-primary .scp-info-card { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 26px; } body #scp-primary .scp-info-card h3 { font-size: 14px; font-weight: 600; color: #64748b; margin: 0; text-transform: uppercase; letter-spacing: 0.5px; } body #scp-primary .scp-info-card-icon-wrapper { display: flex ; justify-content: space-between; align-items: center; } body #scp-primary .scp-dashboard-value { font-size: 23px; font-weight: 700; color: #1e293b; margin: 0; line-height: 1; } body #scp-primary .scp-info-card-icon { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f0fdfc, #e6fffa); } body #scp-primary .scp-info-card-icon { width: 36px; height: 36px; border-radius: 5px; } #scp-primary .scp-aff-mobile-menu-btn { display: none; } #scp-primary .scp-aff-table .scp-aff-link-text { max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3!important; } #scp-primary .scp-aff-table td { vertical-align: middle; } #scp-primary .scp-aff-table td.scp-aff-product-name { max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #scp-primary .scp-aff-table th.scp-aff-product-name { width: 300px; } .daterangepicker .calendar-table table td, .daterangepicker .calendar-table table th { border: none; line-height: unset; padding: 7px; vertical-align: unset } body #scp-primary .scp-aff-box.scp-my-affiliate-link { display: none; } body #scp-primary .scp-aff-box.scp-my-affiliate-link.scp-show-my-link { display: block; } body #scp-primary .scp-aff-tier-2-commision { font-style: italic; font-size: 13px; } body #scp-primary .scp-aff-rec-commision, body #scp-primary .scp-aff-tier-1-commision { font-weight: 600; color: #000; } body #scp-primary .scp-aff-tier-2-commision { text-align: center; font-style: normal; } body #scp-primary .scp-aff-tier-2-commision strong { font-weight: 600; } body #scp-primary .scp-aff-filter-dropdown { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; justify-content: flex-end; } body #scp-primary .scp-aff-filter-dropdown label { font-size: 14px; font-weight: 500; color: #374151; margin: 0; white-space: nowrap; } body #scp-primary #scp-aff-filter-select { position: relative; padding: 10px 35px 10px 12px; border: 1px solid #d1d5db; border-radius: 6px; background-color: #ffffff; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 10px center; background-size: 16px; font-size: 14px; color: #374151; cursor: pointer; transition: all 0.2s ease; min-width: 140px; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; max-width: max-content;} body #scp-primary #scp-aff-filter-select:hover { border-color: #9ca3af; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } body #scp-primary #scp-aff-filter-select option { padding: 8px; background-color: #ffffff; color: #374151; } #scp-primary .scp-aff-container-leader-board .scp-aff-table-header .scp-aff-sales-col { text-align: right; } #scp-primary .scp-aff-container-leader-board .scp-aff-table td.scp-aff-earnings { text-align: right; } #scp-primary #scp-aff-main-table td.scp-empty-box-td {box-shadow: none;} #scp-primary thead.scp-aff-table-header { border: none; } #scp-primary .scp-dashboard-wrapper .scp-aff-container nav.scp-aff-sidebar { background: var(--scp-aff-verical-menu-bg, #fff); margin-bottom: 20px; border: 1px solid gainsboro; border-radius: 5px; padding: 8px 6px; gap: 0px; } #scp-primary .scp-dashboard-wrapper .scp-aff-container nav.scp-aff-sidebar a.scp-aff-nav-item{ color: var(--scp-aff-verical-menu-text, #000000); } #scp-primary .scp-dashboard-wrapper .scp-aff-container nav.scp-aff-sidebar a.scp-aff-nav-item.active { background: var(--scp-aff-verical-menu-active-bg, #00ccc8); color: var(--scp-aff-verical-menu-active-text, #ffffff); } #scp-primary .scp-dashboard-wrapper .scp-aff-container { border: none; } #scp-primary .scp-dashboard-wrapper .scp-aff-container a.scp-aff-nav-item { padding: 8px 14px 8px; border-bottom: 0; border-radius: 7px; } #scp-primary .scp-dashboard-wrapper .scp-aff-sidebar::after { display: none; } #scp-primary .scp-dashboard-wrapper .scp-aff-container a.scp-aff-nav-item.active:after { display: none; } body #scp-primary .scp-info-section { padding: 20px; border: 1px solid #ddd; border-radius: 0; background: #fdfdfd; } body #scp-primary .scp-links { display: flex; gap: 12px; } body #scp-primary .scp-link-button {color: var(--scp-link-text-color);font-weight: 600;border-bottom: 1px solid; text-decoration: none; font-size: 14px; } body #scp-primary .scp-link-button:hover { text-decoration: none; } body #scp-primary .scp-aff-col-right.scp-with-datefilter .scp-aff-date-range-main-wrapper { display: flex; flex: 1; gap: 10px; justify-content: flex-end; } body #scp-primary .scp-aff-col-right.scp-with-datefilter .scp-aff-date-range-main-wrapper .date-input { padding: 14px 10px; line-height: 1; border: 2px solid #ddd; border-radius: 8px; font-size: 14px; background-color: white; transition: border-color 0.3s ease; box-sizing: border-box; font-weight: 600; max-width: 140px; } body #scp-primary .scp-aff-col-right.scp-with-datefilter .date-input-group .filter-label { font-size: 14px; margin-bottom: 5px } body #scp-primary .scp-aff-col-right.scp-with-datefilter .scp-aff-col-row-multi { display: flex; align-items: flex-end; margin-top: -15px; width: 100%; } body #scp-primary .scp-aff-col-right.scp-with-datefilter .scp-filter-btn-box > a { display: flex; width: 48px; height: 48px; background: #00ccc8; color: #fff; align-items: center; justify-content: center; border-radius: 8px; } body #scp-primary .scp-aff-col-right.scp-with-datefilter { min-width: 550px; } body #scp-primary .scp-aff-page-header .scp-aff-col-left { flex: 1; } body #scp-primary .scp-aff-col-right.scp-with-datefilter .scp-aff-col-row-multi { width: 100%; justify-content: flex-end; } body #scp-primary .scp-aff-col-right.scp-with-datefilter .date-input-group { width: 140px; text-align: center; } body #scp-primary .scp-aff-col-right.scp-with-datefilter .scp-aff-date-range-main-wrapper svg { position: unset; top: unset; left: unset; transform: unset; color: inherit; width: 38px; height: 25px; } body #scp-primary .scp-aff-col-right.scp-with-datefilter .scp-filter-btn-box { display: flex; flex-direction: column; justify-content: flex-end; margin-top: 0; } body #scp-primary .hasDatepicker { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z'/%3e%3c/svg%3e"); background-position: right 12px center; background-repeat: no-repeat; background-size: 18px; padding-right: 40px; cursor: pointer; } body #scp-primary .scp-aff-bb { border-bottom: 1px solid gainsboro; padding-bottom: 30px; margin-bottom: 20px; } body #scp-primary .scp-table-wrapper.scp-auto-table-width { width: 100%; overflow-x: auto; } body #scp-primary .scp-auto-table-width .scp-aff-table { width: auto; max-width: 100%; border-collapse: collapse; table-layout: auto; } #scp-primary .scp-auto-table-width .scp-aff-table th { min-width: 150px; width: max-content; } body #scp-primary .scp-setting-btn-wrapper { margin-top: 30px; margin-left: auto; text-align: center; } html body .scp-ui-datepicker-main { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; border-radius: 10px; padding: 0; background-color: #ffffff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); width: auto; min-width: 240px; border: none!important; } html body .scp-ui-datepicker-main .ui-datepicker-header { background: var(--scp-primary-bg-color); color: var(--scp-primary-text-color); padding: 10px; border-radius: 8px 8px 0 0; position: relative; text-align: center; font-weight: 600; } html body .scp-ui-datepicker-main .ui-datepicker-title { font-size: 16px; } html body .scp-ui-datepicker-main .ui-datepicker-prev, html body .scp-ui-datepicker-main .ui-datepicker-next { position: absolute; top: 10px; width: 30px; height: 30px; background: #ffffff; border-radius: 6px; display: flex; align-items: center; justify-content: center; cursor: pointer; } html body .scp-ui-datepicker-main .ui-datepicker-prev { left: 10px; } html body .scp-ui-datepicker-main .ui-datepicker-next { right: 10px; } html body .scp-ui-datepicker-main table { width: 100%; margin-top: 8px; border-collapse: collapse; } html body .scp-ui-datepicker-main th { text-align: center; color: #555; padding: 5px; font-weight: 600; font-size: 13px; } html body .scp-ui-datepicker-main td { text-align: center; padding: 3px; line-height: 1; } html body .scp-ui-datepicker-main td a { display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 6px; color: #333; text-decoration: none; transition: 0.3s; font-size: 14px; font-weight: 600!important; background: #ffffff !important; border: none!important; padding: 4px; } html body .scp-ui-datepicker-main td a:hover { background-color: var(--scp-secondary-bg-color)!important; color: var(--scp-secondary-text-color); } html body .scp-ui-datepicker-main .ui-state-active { background-color: var(--scp-primary-bg-color) !important; color: var(--scp-primary-text-color) !important; font-weight: bold; } html body .scp-ui-datepicker-main .ui-datepicker-other-month, html body .scp-ui-datepicker-main .ui-datepicker-unselectable { opacity: 0.3; pointer-events: none; } html body .scp-ui-datepicker-main .ui-datepicker-week-end a { color: #d32f2f; } #scp-primary .scp-aff-msg-success.scp-pending-approval { background: #f5f9ff; border-color: #3b82f6; } #scp-primary .scp-aff-msg-success.scp-pending-approval .scp-aff-msg-icon { background-color: #3b82f6; } #scp-primary .scp-aff-msg-success.scp-pending { background: #fff3dd; border-color: #f59e0b; } #scp-primary .scp-aff-msg-success.scp-pending .scp-aff-msg-icon { background-color: #f59e0b; } #scp-primary .scp-aff-msg-success.scp-aff-msg-rejected.scp-reject { background: #fff6f6; border-color: #e05b5b; } #scp-primary .scp-aff-msg-success.scp-aff-msg-rejected.scp-reject .scp-aff-msg-icon { background-color: #e05b5b; } #scp-primary .scp-profile-header-avatar { position: relative; z-index: 2; width: 140px; height: 140px; object-fit: cover; margin-bottom: 50px; margin-left: auto; margin-right: auto; margin-top: -20px; } #scp-primary .scp-profile-header-avatar .scp-avatar-edit input { display: none; } #scp-primary .scp-avatar-edit label { color: #000; position: absolute; left: 50%; top: 50%; background: rgb(255 255 255 / 80%); padding: 5px; width: 30px; height: 30px; display: none; align-items: center; justify-content: center; transform: translate(-50%, -50%); cursor: pointer; margin: 0; border-radius: 5px; } #scp-primary .scp-avatar-edit label i { font-size: 13px; } #scp-primary .scp-profile-header-avatar:hover label { display: flex; } #scp-primary .scp-profile-header-avatar img { border: solid 2px #fff; box-shadow: none; display: block; margin: 0 auto; background-color: #ffffff; border: 3px solid #fff; max-width: 140px; height: 140px; object-fit: cover; border-radius: 120px; } #scp-primary .scp-profile-header-avatar:hover .scp-avatar-edit:before { background: #00000057; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 100%; } #scp-primary .scp-promo-referal-title { font-size: 26px; margin-bottom: 10px; color: #222; } #scp-primary .scp-promo-referal-description { font-size: 15px; color: #666; margin-bottom: 20px; } #scp-primary .scp-promo-referal-subtitle { font-size: 16px; color: #444; margin: 0 0 10px; border-bottom: 1px solid #ddd; padding-bottom: 4px; font-weight: 600; } #scp-primary .scp-promo-referal-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; gap: 20px; } #scp-primary .scp-promo-referal-item { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px!important; border: 1px solid #eee; border-radius: 6px; margin-bottom: 8px!important; background-color: #ffffff; transition: background-color 0.2s; width: calc(50% - 10px); } #scp-primary .scp-promo-referal-icon { margin-right: 0; display: flex; align-items: center; flex-shrink: 0; } #scp-primary .scp-promo-referal-svg { width: 20px; height: 20px; color: var(--scp-aff-primary-bg, #00ccc8); } #scp-primary .scp-promo-referal-name { flex-grow: 1; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 7px; } #scp-primary .scp-promo-referal-action { font-size: 12px; padding: 6px 12px; border-radius: 4px; text-decoration: none; transition: background 0.2s; flex-shrink: 0; background: var(--scp-aff-primary-bg, #00ccc8); color: var(--scp-aff-primary-text-color, #ffffff); } #scp-primary .scp-promo-referal-action:hover { background-color: #005e8a; } #scp-primary .scp-promo-referal-section { margin-top: 30px; } #scp-primary .scp-promo-referal-section:first-child { margin-top: 0; } @keyframes scp-v2-loader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes scp-aff-msg-pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.05); opacity: 0.8; } } /*.table-view .scp-aff-commission-card { display: grid; grid-template-columns: 2fr 1fr 4fr; align-items: center; gap: 24px; padding: 20px 24px; } .table-view .scp-aff-commission-header { margin: 0; padding: 0; border: none; flex-direction: column; align-items: flex-start; gap: 8px; } .table-view .scp-aff-course-name { font-size: 16px; } .table-view .scp-aff-commission-rate { font-size: 12px; padding: 2px 8px; } .table-view .scp-aff-commission-details { display: flex; gap: 32px; } .table-view .scp-aff-detail-item { text-align: center; min-width: 80px; } .table-view .scp-aff-detail-value { font-size: 16px; } @media (max-width: 768px) { .table-view .scp-aff-commission-card { grid-template-columns: 1fr; gap: 16px; } .table-view .scp-aff-commission-details { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } }*/ #scp-primary { container-type: inline-size; container-name: my-container; } @container (max-width: 1400px) { #scp-primary .scp-main-content-area.scp-my-account-start.scp-aff-activated:not(.scp-dont-move-aff-to-left) .scp-my-account-sidebar{ margin-left: 0; width: 100%; max-width: 100%;} } @container (max-width: 1150px) { #scp-primary .scp-aff-sidebar { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; background: var(--scp-aff-verical-menu-bg, #fff); margin-bottom: 0; border: 1px solid gainsboro; border-radius: 5px 5px 0 0; padding: 8px 6px; gap: 0px; } #scp-primary .scp-aff-container { display: flex; flex-direction: column; border: unset; } #scp-primary main.scp-aff-main-content { border: 1px solid var(--border); } #scp-primary .scp-aff-nav-item:hover, #scp-primary .scp-aff-nav-item.active { background: var(--scp-aff-verical-menu-active-bg, #00ccc8); color: var(--scp-aff-verical-menu-active-text, #ffffff); } #scp-primary .scp-aff-nav-item { padding: 8px 14px 8px; border-bottom: 0; border-radius: 7px; } #scp-primary .scp-main-content-area.scp-my-account-start.scp-aff-activated:not(.scp-dont-move-aff-to-left) .scp-my-account-sidebar { margin-left: 0; width: 100%; } body #scp-primary h2.scp-aff-title-main { width: 100%; text-align: left; } } @container (max-width: 991px) { body #scp-primary .scp-aff-table td .scp-aff-link-text { display: none; } body #scp-primary td .scp-aff-link-box { padding: 0; border: none; margin: 0 0 0 auto; } #scp-primary .scp-aff-page-header.scp-row-flex { display: flex; flex-direction: row; flex-wrap: wrap; } #scp-primary .scp-aff-page-header.scp-row-flex .scp-aff-col-left {width: 100%;} #scp-primary .scp-aff-page-header.scp-row-flex .scp-aff-col-right {width: 100%;margin-top: 10px;} body #scp-primary .scp-aff-col-right.scp-with-datefilter .scp-aff-date-range-main-wrapper{ justify-content: flex-start; } body #scp-primary .scp-dashboard-metric.scp-card { width: calc(33% - 6px); } #scp-primary .scp-aff-main-content .scp-aff-table td.scp-empty-box-td {width: 100%; padding: 10px !important; text-align: center; margin: auto; display: flex ; background: transparent; align-items: center; justify-content: center; } } @container (max-width: 768px) { #scp-primary .scp-aff-container { padding: 15px; } #scp-primary .scp-aff-filter-tabs { justify-content: center; } #scp-primary .scp-aff-filter-options { justify-content: center; } #scp-primary .scp-aff-table-header th, #scp-primary .scp-aff-table-row td { padding: 12px 16px; } #scp-primary .scp-aff-search-input { max-width: 100%; } #scp-primary .scp-aff-username { font-size: 13px; } #scp-primary .scp-aff-commission-header { flex-direction: column; align-items: flex-start; gap: 12px; } #scp-primary .scp-aff-commission-details { grid-template-columns: repeat(2, 1fr); gap: 20px; } #scp-primary .scp-aff-detail-value { font-size: 18px; } #scp-primary .scp-aff-container { flex-direction: column; } #scp-primary .scp-aff-sidebar.mobile-active { display: block; } #scp-primary .scp-aff-stats-grid { grid-template-columns: 1fr; } #scp-primary .scp-dashboard-wrapper .scp-aff-container { padding: 0; } #scp-primary .scp-dashboard-wrapper .scp-aff-container a.scp-aff-nav-item { padding: 10px; min-width: 50%; } #scp-primary .scp-aff-copy-btn { position: unset; transform: unset; margin-top: 0; } .scp-aff-col-row-multi { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .scp-aff-col-row-multi div#selectedValue { width: 100%; } #scp-primary .scp-aff-date-range-main-wrapper { width: 100%; } #scp-primary .scp-aff-stats-grid { display: flex; flex-direction: row; flex-wrap: wrap; } #scp-primary .scp-aff-stats-grid .scp-dashboard-metric.scp-card { width: 100%; } table#scp-aff-earnings-table tr td:first-child { min-width: 180px; } /*Table*/ #scp-primary .scp-aff-main-content .scp-aff-table, #scp-primary .scp-aff-main-content .scp-aff-table thead, #scp-primary .scp-aff-main-content .scp-aff-table tbody, #scp-primary .scp-aff-main-content .scp-aff-table th, #scp-primary .scp-aff-main-content .scp-aff-table td, #scp-primary .scp-aff-main-content .scp-aff-table tr { display: block; } #scp-primary .scp-aff-main-content .scp-aff-table tbody{ background-color: transparent; } #scp-primary .scp-aff-main-content .scp-aff-table thead { display: none; /* Hide table headers */ } #scp-primary .scp-aff-main-content .scp-aff-table tr { margin-bottom: 15px; border: 1px solid #ccc; padding: 10px; background: #fff; border-radius: 6px; } #scp-primary .scp-aff-main-content .scp-aff-table td { position: relative; text-align: left; border: none; border-bottom: 1px solid #eee; display: flex; align-items: center; gap: 10px; padding: 8px 0; word-break: break-word; overflow-wrap: anywhere; white-space: normal; justify-content: space-between; max-width: 100%; } #scp-primary .scp-aff-main-content .scp-aff-table td:last-child { border-bottom: 0; padding-bottom: 0; } #scp-primary .scp-aff-main-content .scp-aff-table td::before { content: attr(data-label) ": "; position: relative; font-weight: bold; min-width: max-content; width: 30%; } #scp-primary .scp-aff-main-content .scp-aff-table td.scp-empty-box-td::before { display: none; } #scp-primary .scp-aff-main-content .scp-aff-table { border: none; } #scp-primary .scp-aff-btn-success { width: 100%; } #scp-primary .scp-aff-btn-success { width: 100%; } #scp-primary .scp-aff-banner-grid { display: flex; flex-direction: column; } #scp-primary .scp-aff-banner-grid .scp-aff-banner-item {width: 100%;} #scp-primary .scp-aff-banner-grid .scp-aff-banner-item .scp-banner-button-container { display: flex; flex-direction: column; width: 100%; } #scp-primary .scp-aff-banner-grid .scp-aff-banner-item .scp-banner-button-container .scp-aff-btn { width: 100%; } #scp-primary .scp-aff-banner-preview { height: 170px; } #scp-primary .scp-aff-policy-buttons a.scp-open-modal { font-size: 13px; } #scp-primary .scp-aff-commision-with-link .scp-aff-link-section { max-width: 100%; } #scp-primary .scp-aff-commision-with-link .scp-aff-copy-btn i.fas.fa-copy { display: none; } #scp-primary .scp-aff-commision-with-link .scp-aff-commision-inner-row { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } #scp-primary .scp-aff-commision-with-link .scp-aff-commision-inner-row > div { width: 100%; } #scp-primary .scp-aff-commision-with-link .scp-aff-commision-inner-row > div.scp-aff-commission-rate { width: max-content; } body #scp-primary .scp-aff-col-right.scp-with-datefilter .scp-aff-date-range-main-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: center; margin-top: 10px; } body #scp-primary .scp-aff-col-right.scp-with-datefilter { min-width: unset; } body #scp-primary .scp-aff-col-right.scp-with-datefilter .scp-filter-btn-box { margin-top: 20px; } #scp-primary .scp-aff-title-with-link { display: flex; flex-direction: column; gap: 0; } #scp-primary .scp-promo-referal-list { display: flex; flex-direction: column; } #scp-primary .scp-promo-referal-item { width: 100%; } #scp-primary .scp-aff-main-content .scp-aff-table td.scp-tbl-center { text-align: left!important; } #scp-primary .scp-aff-main-content .scp-aff-table td:before { font-weight: 600!important; color: #000; } #scp-primary .scp-aff-setting-fields-grid{ display: block; } #scp-primary .scp-aff-nav-item { width: 100%; } } @container (max-width: 768px) { #scp-primary .scp-aff-container-leader-board { padding: 0; } #scp-primary .scp-aff-responsive-table-wrapper { width: 100%; box-shadow: none; } #scp-primary .scp-aff-responsive-table-wrapper .scp-aff-table { border: none; } #scp-primary .scp-aff-table-wrapper{ background-color: transparent; } #scp-primary .scp-aff-responsive-table-wrapper thead { display: none; } #scp-primary .scp-aff-responsive-table-wrapper tbody { display: flex; flex-direction: column; gap: 12px; background: transparent; box-shadow: none; } #scp-primary .scp-aff-responsive-table-wrapper tr { display: flex; flex-direction: column; background: #ffffff; border: 1px solid #e2e6ea; border-radius: 8px; padding: 12px 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } #scp-primary .scp-aff-responsive-table-wrapper td { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border: none; font-size: 14px; } #scp-primary .scp-aff-responsive-table-wrapper td::before { content: attr(data-label); font-weight: 600; color: #6c757d; flex: 1; text-align: left; font-size: 11px; } #scp-primary .scp-aff-responsive-table-wrapper td > *:not(:first-child) { flex: 1; text-align: right; } #scp-primary .scp-aff-responsive-table-wrapper .scp-aff-user-info { justify-content: space-between; gap: 8px; } #scp-primary .scp-aff-responsive-table-wrapper .scp-aff-avatar { width: 26px; height: 26px; } #scp-primary .scp-aff-responsive-table-wrapper #scp-aff-main-table td.scp-aff-rank { zoom: 1; } #scp-primary .scp-aff-responsive-table-wrapper #scp-aff-main-table td { padding: 0; border-bottom: 1px solid gainsboro; padding-bottom: 10px!important; margin-bottom: 10px!important; } #scp-primary .scp-aff-responsive-table-wrapper #scp-aff-main-table td:last-child { margin-bottom: 0!important; padding-bottom: 0!important; border-bottom: 0; } #scp-primary .scp-aff-responsive-table-wrapper .scp-aff-rank-badge { zoom: 0.6; } body #scp-primary .scp-default-leftside-layout { padding: 0; } #scp-primary .scp-aff-link-box { max-width: 100%; line-height: 1.5; } #scp-primary .scp-aff-link-text { line-height: 1.5; } body #scp-primary .scp-aff-input-wrap .scp-aff-link-text { display: none; } #scp-primary .scp-dashboard-wrapper .scp-aff-main-content { padding: 20px; } } @container (max-width: 480px) { #scp-primary .scp-aff-table-header th:nth-child(3), #scp-primary .scp-aff-table-row td:nth-child(3) { display: none; } #scp-primary .scp-aff-avatar { width: 32px; height: 32px; } #scp-primary .scp-aff-rank-badge { width: 28px; height: 28px; font-size: 12px; } #scp-primary span.scp-aff-rank-badge.scp-aff-rank-1:after, span.scp-aff-rank-badge.scp-aff-rank-2:after, span.scp-aff-rank-badge.scp-aff-rank-3:after {top: 10px;width: 14px;} #scp-primary .scp-aff-commission-details { grid-template-columns: 1fr; gap: 16px; } #scp-primary .scp-aff-commission-card { padding: 10px; } }