.spr-payouts-wrapper { margin: 0 auto 20px; padding: 10px; background: #f8f9fc; border: 1px solid #d6dbe3; border-radius: 4px; max-width: 980px; } .spr-payouts-wrapper h3 { margin: 0 0 8px; font-size: 18px; font-weight: 600; color: #2b587a; } .spr-payouts-wrapper > p { margin: 0 0 12px; font-size: 13px; color: #555; } .spr-payouts-intro { margin: 0 0 14px; padding: 10px 12px 12px; background: #FAEBD7; border: 1px dashed #F9BEC0; border-radius: 4px; font-size: 13px; line-height: 1.5; } .spr-payouts-stage-summary { margin: 0 0 8px; color: #404b5a; } .spr-individual-info p { margin: 10px 0 0 !important; font-size: 14px; color: #555; } .spr-payouts-more-toggle-wrap, .spr-tax-toggle-wrap { margin: 6px 0 8px; text-align: right; } .spr-payouts-more-toggle, .spr-tax-toggle { font-size: 13px; cursor: pointer; color: #2b587a; text-decoration: none; border-bottom: 1px dashed currentColor; padding-bottom: 1px; } .spr-payouts-more-toggle:hover, .spr-tax-toggle:hover { opacity: 0.85; } .spr-payouts-more-toggle.is-open, .spr-tax-toggle.is-open { font-weight: 600; } .spr-payouts-more { margin-top: 10px; padding: 10px 12px; background: #ffffff; border: 1px solid #d6dbe3; border-radius: 4px; font-size: 13px; line-height: 1.5; } .spr-payouts-info { margin: 10px 0 15px; padding: 10px 12px; background: #fff8e6; border: 1px solid #f0d8a8; border-radius: 4px; font-size: 13px; line-height: 1.5; } .spr-payouts-info h4 { margin: 0 0 6px; font-size: 14px; font-weight: 600; color: #8a6d3b; } .spr-payouts-info h5 { margin: 8px 0 4px; font-size: 13px; font-weight: 600; } .spr-payouts-info ul { margin: 0 0 4px 18px; padding: 0; } .spr-payouts-form .form-table { width: 100%; border-collapse: collapse; background: transparent; } .spr-payouts-form .form-table th, .spr-payouts-form .form-table td { padding: 6px 10px; border: 0; } .spr-payouts-form .form-table th { width: 38%; background: #eef1f6; font-weight: 600; color: #333; text-align: left; vertical-align: middle; } .spr-payouts-form .form-table td { background: #ffffff; } .spr-payouts-form .form-table tr:nth-child(even) td { background: #f7f9fc; } .spr-payouts-form .form-table tr:nth-child(odd) td { background: #ffffff; } .spr-payouts-form .form-table tr:nth-child(odd) td { background-color: #ffffff !important; } .spr-payouts-form .form-table tr:nth-child(even) td { background-color: #f7f9fc !important; } .spr-payouts-form .form-table tr:hover td { background-color: inherit !important; } .spr-payouts-form .form-table tr:hover th { background-color: #eef1f6 !important; } .spr-payouts-form input[type="text"], .spr-payouts-form input[type="email"], .spr-payouts-form input[type="tel"], .spr-payouts-form .regular-text { width: 100%; max-width: 100%; box-sizing: border-box; } .spr-payouts-form .description { margin-top: 5px !important; font-size: 14px; color: #777; } .spr-individual-info th, .spr-individual-info td { background: transparent; padding-top: 8px; padding-bottom: 12px; } .spr-individual-info .rcl-notice { margin: 0 0 8px; padding: 10px 12px; border-radius: 4px; background: #f9bec0; display: flex; align-items: flex-start; font-size: 13px; line-height: 1.5; } .spr-individual-info .rcl-notice__text { color: #5a3135; } .spr-payouts-wrapper .button-primary { background: #e26266; font-size: 13px; padding: 10px 16px; } .spr-payouts-wrapper .button-primary:hover, .spr-payouts-wrapper .button-primary:focus { background: #c74c51; border-color: #c74c51; } .spr-section-title { padding: 10px 12px; background: #f6f7f9; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #2b587a; } .spr-row-ipay-title th { background: transparent !important; padding: 0 !important; } .spr-offer-link { text-decoration: underline !important; text-underline-offset: 3px; } .spr-ipay-frame{ background:#fff; border:1px solid #e3e7ee; border-radius:8px; padding:14px 14px 12px; box-shadow:0 1px 0 rgba(0,0,0,.03); } .spr-ipay-commission-note{ background:#fff7e6; border:1px solid #ffe1b3; border-radius:7px; padding:10px 12px; line-height:1.45; font-size:13px; color:#6b4a00; margin:0 0 12px 0; } .spr-ipay-commission-note strong{ font-weight:700; } .spr-ipay-commission-note span{ display:block; margin-top:2px; color:#7a5a16; } .spr-ipay-meta{ margin:0 0 10px 0; } .spr-ipay-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0; border-top:1px dashed #e8edf5; } .spr-ipay-row:first-child{ border-top:0; padding-top:0; } .spr-ipay-label{ font-size:13px; color:#425466; font-weight:600; } .spr-ipay-value{ font-size:13px; color:#111827; text-align:right; } .spr-ipay-code{ padding:3px 8px; border-radius:999px; background:#f3f6fb; border:1px solid #e3eaf6; font-size:12px; } .spr-ipay-badge{ display:inline-flex; align-items:center; justify-content:center; padding:4px 10px; border-radius:999px; font-size:12px; font-weight:700; border:1px solid transparent; line-height:1.2; white-space:nowrap; } .spr-ipay-status--active, .spr-ipay-status--active_smch{ background:#ecfdf3; color:#11643a; border-color:#bdeccf; } .spr-ipay-status--pending{ background:#eef6ff; color:#1f4b99; border-color:#cfe2ff; } .spr-ipay-status--no_smch{ background:#f6f7fb; color:#4b5563; border-color:#e6e9f2; } .spr-ipay-status--blocked{ background:#fff1f2; color:#9f1239; border-color:#fecdd3; } .spr-ipay-desc{ margin:8px 0 0 0; font-size:12px; color:#6b7280; line-height:1.5; } @media (max-width: 520px){ .spr-ipay-row{ flex-direction:column; align-items:flex-start; } .spr-ipay-value{ text-align:left; } } .spr-info-box--fop{ margin-top: 10px; padding: 10px 14px; border-left: 3px solid #4caf50; background: #eef9f0; border-radius: 3px; font-size: 13px; line-height: 1.6; } .spr-info-box--individual{ margin-top: 10px; padding: 10px 14px; border-left: 3px solid #4caf50; background: #eef9f0; border-radius: 3px; font-size: 13px; line-height: 1.6; } @media screen and (max-width: 640px) { .spr-payouts-form .form-table th, .spr-payouts-form .form-table td { display: block; width: 100%; } .spr-payouts-form .form-table th { padding-bottom: 0; } .spr-payouts-form .form-table td { padding-top: 4px; } .spr-tax-toggle-wrap, .spr-payouts-more-toggle-wrap { text-align: left; } } .spr-payouts-form .form-table tr:hover td, .spr-payouts-form .form-table tr:hover th { background-color: inherit !important; } .spr-payouts-form .form-table tr:nth-child(odd):hover td { background-color: #ffffff !important; } .spr-payouts-form .form-table tr:nth-child(even):hover td { background-color: #f7f9fc !important; } .spr-payouts-form .form-table tr:hover th { background-color: #eef1f6 !important; } .spr-contact-author-menu{ text-align: center; } .spr-contact-author-item{ display: flex; align-items: center; justify-content: center; gap: 10px; margin: 6px 0; padding: 12px 14px; border-radius: 999px; border: 1px solid #e3e7ee; background: #ffffff; color: #2b587a; font-weight: 600; font-size: 14px; text-decoration: none !important; transition: all .15s ease; text-align: left; } .spr-contact-author-item:hover{ background: #f4f6f8; border-color: #d0d6df; } .spr-contact-author-item:before{ width: 14px; height: 14px; flex: 0 0 14px; border-radius: 50%; } .spr-contact-author-item--tg:before{ background: #2aabee; } .spr-contact-author-item--vb:before{ background: #7360f2; } .spr-contact-author-menu a, .spr-contact-author-menu a:hover{ text-decoration: none !important; } .spr-contact-author-dd{ position: relative; display: inline-block; } .spr-contact-author-menu{ position: absolute; z-index: 9999; top: calc(100% + 6px); left: 0; min-width: 160px; padding: 0 6px; background: #fff; border: 1px solid #d6dbe3; border-radius: 6px; box-shadow: 0 6px 18px rgba(0,0,0,.08); display: none; } .spr-contact-author-menu[data-open="1"]{ display: block; } .spr-contact-author-item{ display: block; padding: 8px 10px; border-radius: 4px; text-decoration: none; font-size: 14px; line-height: 1.2; } .spr-contact-author-item:hover{ background: #f1f3f5; } .spr-contact-author-item img.telegram-icon, .spr-contact-author-item img.viber-icon{ width: 17px; height: 17px; vertical-align: middle; margin: 0; } .spr-payouts-flash { margin-bottom: 10px; } .spr-payouts-form .form-table th, .spr-payouts-form .form-table td{ overflow: visible !important; } .spr-payouts-form .spr-tip{ display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; margin:0 0 4px 6px; position:relative; cursor:help; opacity:0.50; vertical-align:middle; } .spr-payouts-form .spr-tip:hover, .spr-payouts-form .spr-tip:focus{ opacity:1; outline:none; } .spr-payouts-form .spr-tip i{ font-size:14px; line-height:1; } .spr-payouts-form .spr-tip__bubble{ display:none; position:absolute; left:100%; top:50%; transform:translateY(-50%); margin-left:10px; min-width:220px; max-width:340px; padding:8px 10px; background:#6E7F80; color:#fff; border-radius:6px; font-size:12px; line-height:1.4; z-index:99999; box-shadow:0 6px 18px rgba(0,0,0,.22); white-space:normal; } .spr-payouts-form .spr-tip__bubble:before{ content:""; position:absolute; left:-6px; top:50%; transform:translateY(-50%); border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:6px solid #111; } .spr-payouts-form .spr-tip:hover .spr-tip__bubble, .spr-payouts-form .spr-tip:focus .spr-tip__bubble{ display:block; } @media (max-width: 520px){ .spr-payouts-form .spr-tip__bubble{ left:50%; top:100%; transform:translateX(-50%); margin-left:0; margin-top:8px; } .spr-payouts-form .spr-tip__bubble:before{ left:50%; top:-6px; transform:translateX(-50%); border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #111; border-top:none; border-right:none; } } .spr-sales-wrapper { margin: 0 auto 20px; padding: 5px 10px 10px; background: #f8f9fc; border: 1px solid #d6dbe3; border-radius: 4px; } .spr-sales-wrapper h3 { margin: 0 0 8px; font-size: 18px; font-weight: 600; color: #2b587a; } .spr-sales-intro, .spr-sales-note { margin: 0 0 10px; font-size: 13px; color: #555; } .spr-sales-status-row{ display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 0; position: relative; } .spr-sales-status-row::after{ content: ""; position: absolute; left: 0; right: 0; top: 50%; border-bottom: 1px dashed #d6dbe3; z-index: 0; } .spr-sales-status-left, .spr-sales-status-right{ position: relative; z-index: 1; background: #f8f9fc; padding: 0 6px; } .spr-sales-status-left strong{ font-size: 13px; color: #555; } .spr-sales-status-right{ display: flex; align-items: center; justify-content: flex-end; } @media screen and (max-width: 520px){ .spr-sales-status-row{ flex-direction: column; align-items: flex-start; } .spr-sales-status-right{ width: 100%; justify-content: flex-start; } .spr-sales-status-row::after{ display: none; } } .spr-sales-mini { font-size: 11px; color: #777; margin-top: 2px; } .spr-sales-tabs { display: flex; gap: 8px; margin: 10px 0 12px; flex-wrap: wrap; } .spr-sales-tab-btn { appearance: none; border: 1px solid #d6dbe3; background: #ffffff; color: #2b587a; padding: 7px 10px; border-radius: 4px; font-size: 13px; font-weight: 600; cursor: pointer; } .spr-sales-tab-btn:hover { background: #4c8cbd; color: #fff; } .spr-sales-tab-btn.is-active { background: #ffffff; color: #2b587a; } .spr-sales-tab-panel { display: none; } .spr-sales-tab-panel.is-active { display: block; } .spr-sales-summary { display: flex; flex-wrap: wrap; gap: 12px; margin: 10px 0 12px; } .spr-sales-summary-item { flex: 1 1 180px; padding: 8px 10px; background: #ffffff; border: 1px solid #d6dbe3; border-radius: 4px; } .spr-sales-summary-label { font-size: 12px; color: #666; margin-bottom: 4px; } .spr-sales-summary-value { font-size: 15px; font-weight: 600; color: #333; } .spr-sales-value-green { color: #2e7d32; } .spr-sales-value-red { color: #c62828; } .spr-sales-summary{ flex-wrap: nowrap; } .spr-sales-summary-item{ flex: 1 1 0; min-width: 0; } .spr-sales-summary-value{ white-space: nowrap; } @media screen and (max-width: 860px){ .spr-sales-summary{ flex-wrap: wrap; } .spr-sales-summary-item{ flex: 1 1 calc(50% - 12px); } } @media screen and (max-width: 640px){ .spr-sales-summary{ flex-direction: column; } .spr-sales-summary-item{ flex: 1 1 auto; } } .spr-sales-table-wrapper{ margin-top: 10px; overflow-x: auto; } .spr-sales-table{ width: 100%; border-collapse: collapse; font-size: 12px; background: #ffffff; } .spr-sales-table th, .spr-sales-table td{ padding: 10px 15px; border: 1px solid #dfe3ec; vertical-align: middle; } .spr-sales-table thead th{ background: #eef1f6; font-weight: 600; color: #333; text-align: center; vertical-align: middle; white-space: nowrap; line-height: 1.2; padding: 10px 8px; } .spr-sales-table tbody tr:nth-child(even) td{ background: #f7f9fc; } .spr-sales-table a{ color: #5f9cdb; text-decoration: underline; } .spr-sales-table a:hover{ text-decoration: none; } .spr-col-num{ width: 50px; white-space: nowrap; } .spr-col-product{ min-width: 220px; } .spr-col-buyer{ min-width: 160px; } .spr-sales-table th:nth-child(4), .spr-sales-table th:nth-child(5), .spr-sales-table th:nth-child(6), .spr-sales-table th:nth-child(7), .spr-sales-table td:nth-child(4), .spr-sales-table td:nth-child(5), .spr-sales-table td:nth-child(6), .spr-sales-table td:nth-child(7){ width: 13%; text-align: center; white-space: nowrap; } .spr-sales-table td:nth-child(1), .spr-sales-table td:nth-child(2){ text-align: center; white-space: nowrap; } .spr-sales-col-seller{ font-weight: 600; color: #2e7d32; text-align: center; } .spr-sales-col-commission{ color: #c62828; text-align: center; } .spr-col-date{ white-space: normal; } .spr-date-wrap{ line-height: 1.25; } .spr-date-day, .spr-date-time{ display: flex; align-items: center; gap: 4px; } .spr-date-day{ font-weight: 600; } .spr-date-time{ font-size: 12px; color: #666; } .spr-date-ico, .spr-time-ico{ font-size: 18px; color: #8a94a6; } .spr-sales-table tr.spr-sales-day-total td{ font-weight: 700; background: #f1f3f5; border-top: 2px dashed #c8d0da; border-bottom: 1px solid #d6dbe3; padding-top: 10px; padding-bottom: 10px; text-align: center; } .spr-sales-table tr.spr-sales-day-total td:first-child{ color: #2b587a; text-align: left; } .spr-sales-table tr.spr-sales-day-total td.spr-col-date{ background: #f1f3f5; } @media screen and (max-width: 640px){ .spr-sales-table{ font-size: 11px; } } @media (max-width: 720px){ .spr-sales-table tr.spr-sales-day-total td{ padding-top: 8px; padding-bottom: 8px; font-weight: 700; } .spr-sales-table tr.spr-sales-day-total td:first-child{ font-size: 13px; } } .spr-status { display: inline-block; padding: 2px 8px 2px 6px; border-radius: 10px; font-size: 12px; font-weight: 600; line-height: 1.4; vertical-align: middle; white-space: nowrap; } .spr-status-active { background: #e6f4ea; color: #1e7e34; border: 1px solid #b7dfc2; } .spr-status-inactive { background: #f1f3f5; color: #c62828; border: 1px solid #d6d8db; } .spr-col-balance { white-space: nowrap; } .spr-sales-table-legacy{ table-layout: fixed; width: 100%; } .spr-sales-table-legacy th.spr-col-num, .spr-sales-table-legacy td.spr-col-num{ width: 70px; white-space: nowrap; text-align: center; } .spr-sales-table-legacy th.spr-col-income, .spr-sales-table-legacy td.spr-col-income{ width: 140px; white-space: nowrap; text-align: center; } .spr-sales-table-legacy th.spr-col-balance, .spr-sales-table-legacy td.spr-col-balance{ width: 120px; white-space: nowrap; text-align: center; } .spr-sales-table-legacy th.spr-col-date, .spr-sales-table-legacy td.spr-col-date{ width: 130px; white-space: nowrap; } .spr-sales-table-legacy th.spr-col-product, .spr-sales-table-legacy td.spr-col-product{ width: auto; white-space: normal !important; word-break: break-word; overflow-wrap: anywhere; text-align: left !important; } .spr-sales-table-legacy td.spr-col-product{ vertical-align: middle; } .spr-sales-table-legacy td.spr-col-product{ vertical-align: middle; } .spr-sales-table tr.spr-sales-day-total td .spr-sum-badge{ display: inline-block; padding: 4px 10px; border-radius: 5px; font-weight: 700; color: #333; white-space: nowrap; line-height: 1.2; } .spr-sales-table tr.spr-sales-day-total td .spr-sum-badge--turnover{ background: #D6DBE3; } .spr-sales-table tr.spr-sales-day-total td .spr-sum-badge--ipay{ background: #F3BABC; } .spr-sales-table tr.spr-sales-day-total td .spr-sum-badge--platform{ background: #F3BABC; } .spr-sales-table tr.spr-sales-day-total td .spr-sum-badge--payout{ background: #CDE8D6; } @media (max-width: 720px){ .spr-sales-table tr.spr-sales-day-total td .spr-sum-badge{ padding: 3px 8px; border-radius: 7px; } } .spr-sales-table th:nth-child(3), .spr-sales-table td:nth-child(3){ width: 130px; max-width: 130px; white-space: normal; word-break: break-all; overflow-wrap: anywhere; } .spr-withdraw-wrapper .spr-payouts-fop-summary{ display: none !important; } .spr-withdraw-wrapper h3{ margin: 0 0 10px 0; } .spr-withdraw-wrapper .spr-withdraw-wallet > h3{ margin: 0 0 8px 0; } .spr-withdraw-wrapper .spr-withdraw-wallet hr{ margin: 12px 0; } .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form{ flex-wrap: nowrap; align-items: flex-start; gap: 10px; } .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .rcl-field.type-number-field{ display: flex; flex: 1 1 auto; min-width: 0; gap: 10px; align-items: flex-start; margin: 15px 0; } .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .rcl-field-title{ display: inline-flex; align-items: center; white-space: nowrap; margin: 0 !important; font-weight: 600; line-height: 36px; } .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .rcl-field-input{ flex: 1 1 auto; margin: 0 !important; display: flex; flex-direction: column; } .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form input.number-field{ width: 100%; height: 36px; padding: 6px 10px; box-sizing: border-box; border-radius: 8px; } .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .rcl-field-notice{ display: inline-flex !important; align-items: center; gap: 6px; margin: 3px 0 0 0; padding: 2px 8px; font-size: 12px; line-height: 1.2; color: #666; background: rgba(0,0,0,0.04); border-radius: 999px; width: fit-content; } .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .rcl-field-notice .rcli{ font-size: 12px; line-height: 1; } .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .submit-box .rcl-bttn{ height: 36px; line-height: 36px; padding: 0 14px !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; white-space: nowrap; } .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .submit-box .rcl-bttn__ico{ font-size: 15px; line-height: 1; } @media (max-width: 720px){ .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form{ flex-wrap: wrap; } .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .rcl-field.type-number-field{ flex: 1 1 100%; } .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .submit-box{ flex: 1 1 100%; } .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .submit-box .rcl-bttn{ width: 100%; } } .rcl-form .submit-box { background: #fdfefe; padding: 0px; display: grid; } element.style { } #rcl-office a:link { border: 0; box-shadow: none; text-decoration: none; } .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .submit-box .rcl-bttn { border-radius: 3px; } .spr-wrq-status{ display:inline-flex; align-items:center; padding:2px 8px; border-radius:999px; font-size:12px; line-height:1.2; } .spr-wrq-status--pending{ background: rgba(220,0,0,0.08); color:#b00000; } .spr-wrq-status--done{ background: rgba(0,140,0,0.10); color:#0a7a0a; } .spr-wrq-cancel{ color:#b00000; text-decoration:none; } .spr-wrq-cancel:hover{ opacity:0.8; } .spr-wrq-doc{ white-space: nowrap; } .spr-withdraw-table-wrapper th{ background: #eef1f6; font-weight: 600; color: #333; white-space: nowrap; text-align: center; } .spr-withdraw-table-wrapper tbody tr:nth-child(even) td{ background: #f7f9fc; } .spr-withdraw-table-wrapper a{ color: #5f9cdb; text-decoration: underline; } .spr-withdraw-table-wrapper a:hover{ text-decoration: none; } .spr-wrq-docs{ display: flex; flex-direction: column; gap: 6px; } .spr-withdraw-table-wrapper td:nth-child(6){ white-space: normal; } .spr-date-wrap{ line-height: 1.25; } .spr-date-day, .spr-date-time{ display: flex; align-items: center; gap: 4px; white-space: nowrap; } .spr-date-day{ font-weight: 600; } .spr-date-time{ font-size: 12px; color: #666; } .spr-date-ico, .spr-time-ico{ font-size: 14px; color: #8a94a6; } .spr-date-day{ margin-bottom: 5px; } .spr-wrq-doc{ display: inline-flex; align-items: center; gap: 5px; margin: 0; } .spr-wrq-doc .fa{ font-size: 14px; color: #8a94a6; } .spr-wrq-request-no{ display:inline-block; font-size:12px; line-height:1.2; white-space:nowrap; color:#2b587a; font-weight:600; } .spr-wrq-cancel-link{ display:inline-flex; align-items:center; gap:4px; color:#c0392b; font-size:12px; font-weight:600; text-decoration:none; } .spr-wrq-cancel-link:hover{ color:#a93226; text-decoration:underline; } .spr-wrq-cancel-text{ line-height:1; } .spr-withdraw-toggle-btn { display: inline-flex; align-items: center; gap: 6px; color: #fff; border: none; padding: 5px 16px; border-radius: 4px; font-size: 14px; font-weight: normal; cursor: pointer; transition: 0.2s; margin: 0 0 13px 0; float: right; } .spr-withdraw-toggle-btn:hover{ background:#1f4560; } .spr-withdraw-toggle-btn.is-open{ background:#e14d52; } .spr-withdraw-toggle-btn.is-open:hover{ background:#2b587a; } .spr-withdraw-embedded, .spr-withdraw-embedded .spr-withdraw-wallet, .spr-withdraw-embedded .spr-withdraw-hidden-content, .spr-withdraw-embedded .rcl-form{ width: 100%; max-width: 100%; } @media (max-width: 980px){ .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form{ flex-wrap: wrap; } .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .submit-box{ flex: 1 1 100%; } .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form .submit-box .rcl-bttn{ width: 100%; } } .spr-withdraw-wrapper .spr-withdraw-wallet{ display: flex; flex-direction: column; width: 100%; max-width: 100%; } .spr-withdraw-wrapper .spr-withdraw-toggle-btn{ float: none !important; align-self: flex-end; margin: 0; } .spr-withdraw-wrapper .spr-withdraw-hidden-content{ clear: both; width: 100%; max-width: 100%; } .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form, .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form{ width: 100%; max-width: 400px; margin: 0 auto; border: 1px solid #d6dbe3; border-radius: 10px; padding: 10px; background: #ffffff; } @media (max-width: 1200px){ .spr-withdraw-wrapper .spr-withdraw-wallet .rcl-form form{ flex-wrap: wrap; } } .spr-sales-table-title{ margin: 30px 0 15px; padding-bottom: 6px; font-size: 18px; font-weight: 600; color: #2b587a; border-bottom: 1px dashed #cfd6df; } .spr-withdraw-table-wrapper .rcl-table { font-size: 12px !important; } .spr-withdraw-requests-table .rcl-table__cell-w-16 { flex-basis: 15% !important; max-width: 15% !important; } .spr-withdraw-requests-table .rcl-table__cell-w-15 { flex-basis: 15% !important; max-width: 15% !important; } .spr-withdraw-requests-table .rcl-table__cell-w-18 { flex-basis: 15% !important; max-width: 15% !important; } .spr-withdraw-requests-table .rcl-table__cell-w-24 { flex-basis: 25% !important; max-width: 25% !important; } .spr-withdraw-requests-table .rcl-table__cell-w-13 { flex-basis: 15% !important; max-width: 15% !important; } .spr-withdraw-requests-table .rcl-table__cell-w-14 { flex-basis: 15% !important; max-width: 15% !important; } .spr-withdraw-table-wrapper > .rcl-table{ background: #fff; border: 1px solid #dfe3ec; } .spr-withdraw-table-wrapper > .rcl-table > .rcl-table__row.rcl-table__row-header, .spr-withdraw-table-wrapper > .rcl-table > .rcl-table__row.rcl-table__row-header > .rcl-table__cell{ background-color: #eef1f6 !important; } .spr-withdraw-table-wrapper > .rcl-table > .rcl-table__row > .rcl-table__cell:last-child{ border-right: none; } .spr-withdraw-table-wrapper > .rcl-table > .rcl-table__row.rcl-table__row-must-sort:nth-child(even), .spr-withdraw-table-wrapper > .rcl-table > .rcl-table__row.rcl-table__row-must-sort:nth-child(even) > .rcl-table__cell{ background-color: #ffffff !important; } .spr-withdraw-table-wrapper > .rcl-table > .rcl-table__row.rcl-table__row-must-sort:nth-child(odd), .spr-withdraw-table-wrapper > .rcl-table > .rcl-table__row.rcl-table__row-must-sort:nth-child(odd) > .rcl-table__cell{ background-color: #f7f9fc !important; } .spr-withdraw-table-wrapper > .rcl-table > .rcl-table__row > .rcl-table__cell{ padding: 10px 8px; } @media (max-width: 768px){ .spr-sales-table-wrapper{ overflow-x: auto !important; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .spr-sales-table-wrapper > table.spr-sales-table.spr-sales-table-legacy{ width: 600px !important; min-width: 600px !important; } .spr-sales-table-legacy th.spr-col-num, .spr-sales-table-legacy td.spr-col-num{ width: 60px !important; min-width: 60px !important; max-width: 60px !important; white-space: nowrap; text-align: center; } .spr-sales-table-legacy th.spr-col-product, .spr-sales-table-legacy td.spr-col-product{ width: 210px !important; min-width: 210px !important; max-width: 210px !important; white-space: normal; word-break: break-word; } .spr-sales-table-legacy th.spr-col-income, .spr-sales-table-legacy td.spr-col-income{ width: 110px !important; min-width: 110px !important; max-width: 110px !important; white-space: nowrap; } .spr-sales-table-legacy th.spr-col-balance, .spr-sales-table-legacy td.spr-col-balance{ width: 110px !important; min-width: 110px !important; max-width: 110px !important; white-space: nowrap; } .spr-sales-table-legacy th.spr-col-date, .spr-sales-table-legacy td.spr-col-date{ width: 110px !important; min-width: 110px !important; max-width: 110px !important; white-space: nowrap; } } @media (max-width: 768px){ .spr-sales-table-wrapper{ overflow-x: auto !important; overflow-y: hidden; max-width: 100%; -webkit-overflow-scrolling: touch; } .spr-sales-table-wrapper > table.spr-sales-table:not(.spr-sales-table-legacy){ min-width: 860px !important; width: 860px !important; table-layout: auto !important; } .spr-sales-table-wrapper > table.spr-sales-table:not(.spr-sales-table-legacy) thead th{ white-space: nowrap !important; } .spr-sales-table-wrapper > table.spr-sales-table:not(.spr-sales-table-legacy) td, .spr-sales-table-wrapper > table.spr-sales-table:not(.spr-sales-table-legacy) th{ white-space: nowrap; } .spr-sales-table-wrapper > table.spr-sales-table:not(.spr-sales-table-legacy) td:nth-child(3){ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 220px; } }.notify.ssi-error .ssi-modalTitle span.error,.notify.ssi-error .ssi-modalTitle span.success,.notify.ssi-info .ssi-modalTitle span.info,.notify.ssi-info .ssi-modalTitle span.success,.notify.ssi-success .ssi-modalTitle span.success,.notify.ssi-warning .ssi-modalTitle span.success,.notify.ssi-warning .ssi-modalTitle span.warning,.ssi-modalNavigation .ssi-modalNext span,.ssi-modalNavigation .ssi-modalPrev span,.ssi-modalOuter.ssi-fullScreen .ssi-modalWindow .ssi-displayIcon,.ssi-topIcons .ssi-closeIcon,.ssi-topIcons .ssi-displayIcon{background-image:url(https://shop.vsimosvita.com/wp-content/plugins/wp-recall/css/images/sprite.png)}.ssi-backdrop,body.ssi-modalOpen{overflow:hidden}.ssi-backdrop,.ssi-modalOuter{position:fixed;z-index:1500;top:0;left:0;width:100%;height:100%}.ssi-backdrop{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#B3000000', endColorstr='#B3000000')}.ssi-modalOuter{overflow:auto}.ssi-modalOuter.ssi-fullScreen .ssi-modalWrapper{width:100%!important;margin:0;border-radius:0;height:100%}.ssi-modalOuter.ssi-fullScreen .ssi-modalWindow{overflow:auto;border-radius:0;min-height:100%}.ssi-modalOuter.ssi-fullScreen .ssi-modalWindow .ssi-modalContent{padding-bottom:0}.ssi-modalOuter.ssi-fullScreen .ssi-modalWindow .ssi-buttons{position:fixed;width:100%}.ssi-modalOuter.ssi-fullScreen .ssi-modalWindow .ssi-displayIcon,.ssi-modalOuter.ssi-fullScreen .ssi-modalWindow .ssi-displayIcon:hover{background-position:0 -120px;background-repeat:no-repeat;overflow:hidden;display:block;width:24px;height:24px}.ssi-modalOuter.ssi-fullScreen .ssi-modalWindow .ssi-displayIcon:hover{background-position:0 -96px}.ssi-center{display:table}.ssi-center .ssi-modalWrapper{display:table-cell;vertical-align:middle}.ssi-center .ssi-modalWindow{margin-left:auto;margin-right:auto}.ssi-modalWrapper{position:relative;margin:30px auto 20px;z-index:1501}.ssi-modalWrapper.full{width:100%}.ssi-modalWrapper .ssi-modalWindow.auto,.ssi-modalWrapper.auto{display:table;width:auto}.ssi-modalWrapper .ssi-modalWindow.large,.ssi-modalWrapper.large{width:80%}@media only screen and (max-width:900px){.ssi-modalWrapper .ssi-modalWindow.large,.ssi-modalWrapper.large{width:85%}}@media only screen and (max-width:600px){.ssi-modalWrapper .ssi-modalWindow.large,.ssi-modalWrapper.large{width:95%}}@media only screen and (max-width:450px){.ssi-modalWrapper .ssi-modalWindow.large,.ssi-modalWrapper.large{width:98%}.ssi-modalWrapper .ssi-modalWindow.large .ssi-modalTitle,.ssi-modalWrapper.large .ssi-modalTitle{font-size:18px}}.ssi-modalWrapper .ssi-modalWindow.mediumToLarge,.ssi-modalWrapper.mediumToLarge{width:70%}@media only screen and (max-width:900px){.ssi-modalWrapper .ssi-modalWindow.mediumToLarge,.ssi-modalWrapper.mediumToLarge{width:80%}}@media only screen and (max-width:600px){.ssi-modalWrapper .ssi-modalWindow.mediumToLarge,.ssi-modalWrapper.mediumToLarge{width:90%}}@media only screen and (max-width:450px){.ssi-modalWrapper .ssi-modalWindow.mediumToLarge,.ssi-modalWrapper.mediumToLarge{width:95%}.ssi-modalWrapper .ssi-modalWindow.mediumToLarge .ssi-modalTitle,.ssi-modalWrapper.mediumToLarge .ssi-modalTitle{font-size:18px}}.ssi-modalWrapper .ssi-modalWindow.medium,.ssi-modalWrapper.medium{width:62%}@media only screen and (max-width:900px){.ssi-modalWrapper .ssi-modalWindow.medium,.ssi-modalWrapper.medium{width:72%}}@media only screen and (max-width:600px){.ssi-modalWrapper .ssi-modalWindow.medium,.ssi-modalWrapper.medium{width:82%}}@media only screen and (max-width:450px){.ssi-modalWrapper .ssi-modalWindow.medium,.ssi-modalWrapper.medium{width:95%}.ssi-modalWrapper .ssi-modalWindow.medium .ssi-modalTitle,.ssi-modalWrapper.medium .ssi-modalTitle{font-size:18px}}.ssi-modalWrapper .ssi-modalWindow.smallToMedium,.ssi-modalWrapper.smallToMedium{width:50%}@media only screen and (max-width:900px){.ssi-modalWrapper .ssi-modalWindow.smallToMedium,.ssi-modalWrapper.smallToMedium{width:70%}}@media only screen and (max-width:600px){.ssi-modalWrapper .ssi-modalWindow.smallToMedium,.ssi-modalWrapper.smallToMedium{width:80%}}@media only screen and (max-width:450px){.ssi-modalWrapper .ssi-modalWindow.smallToMedium,.ssi-modalWrapper.smallToMedium{width:90%}.ssi-modalWrapper .ssi-modalWindow.smallToMedium .ssi-modalTitle,.ssi-modalWrapper.smallToMedium .ssi-modalTitle{font-size:18px}}.ssi-modalWrapper .ssi-modalWindow.small,.ssi-modalWrapper.small{width:45%}@media only screen and (max-width:900px){.ssi-modalWrapper .ssi-modalWindow.small,.ssi-modalWrapper.small{width:65%}}@media only screen and (max-width:600px){.ssi-modalWrapper .ssi-modalWindow.small,.ssi-modalWrapper.small{width:75%}}@media only screen and (max-width:450px){.ssi-modalWrapper .ssi-modalWindow.small,.ssi-modalWrapper.small{width:85%}.ssi-modalWrapper .ssi-modalWindow.small .ssi-modalTitle,.ssi-modalWrapper.small .ssi-modalTitle{font-size:18px}}.ssi-modalWrapper .ssi-modalWindow.dialog,.ssi-modalWrapper.dialog{width:30%}@media only screen and (max-width:900px){.ssi-modalWrapper .ssi-modalWindow.dialog,.ssi-modalWrapper.dialog{width:50%}}@media only screen and (max-width:600px){.ssi-modalWrapper .ssi-modalWindow.dialog,.ssi-modalWrapper.dialog{width:60%}}@media only screen and (max-width:450px){.ssi-modalWrapper .ssi-modalWindow.dialog,.ssi-modalWrapper.dialog{width:80%}.ssi-modalWrapper .ssi-modalWindow.dialog .ssi-modalTitle,.ssi-modalWrapper.dialog .ssi-modalTitle{font-size:18px}}.ssi-modalWindow{width:100%;background:#fff;border:1px solid #c3c3c3;position:relative;border-radius:8px;padding:18px 6px 5px}.ssi-topIcons{padding-left:5px;font-weight:600;position:absolute;top:0;line-height:25px;right:0;z-index:1}.ssi-topIcons a{float:left;color:#8c8c8c;font-size:30px;text-decoration:none;margin-right:5px;width:16px;height:16px;cursor:pointer;background-repeat:no-repeat;background-position:center;background-color:inherit}.ssi-topIcons a:hover{color:#265067}.ssi-topIcons .ssi-displayIcon{background-position:0 0;background-repeat:no-repeat;overflow:hidden;display:block;width:24px;height:24px}.ssi-topIcons .ssi-closeIcon,.ssi-topIcons .ssi-closeIcon:hover,.ssi-topIcons .ssi-displayIcon:hover{background-position:0 -144px;background-repeat:no-repeat;overflow:hidden;display:block;width:24px;height:24px}.ssi-topIcons .ssi-closeIcon,.ssi-topIcons .ssi-closeIcon:hover{background-position:0 -72px}.ssi-topIcons .ssi-closeIcon:hover{background-position:0 -24px}.ssi-modalTitle{padding:0 0 5px 15px;font:italic 600 25px Georgia,serif;border-bottom:1px solid #ddd}.ssi-modalTitle .ssi-displayTime{font-size:18px}.ssi-modalContent{min-height:50px;margin-top:0;padding:5px 15px 10px;z-index:1501;position:relative}.ssi-modalContent:after{content:" ";display:table;clear:both}.ssi-modalContent::-webkit-scrollbar{-webkit-appearance:none}.ssi-modalContent::-webkit-scrollbar:vertical{width:15px}.ssi-modalContent::-webkit-scrollbar:horizontal{height:12px}.ssi-modalContent::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px;border:2px solid #fff}.ssi-modalContent::-webkit-scrollbar-track{border-radius:10px;background-color:#fff}.ssi-modalContent.ssi-overflow{overflow:auto}.ssi-buttons{position:relative;bottom:0;padding:5px 5px 1px;border-top:1px solid #ddd}.ssi-buttons:after,.ssi-modalPositioned.left .ssi-modalWrapper:after{content:" ";display:block;height:0;clear:both}.ssi-buttons .ssi-leftButtons{float:left}.ssi-buttons .ssi-rightButtons,.ssi-modalPositioned.right .ssi-modalWrapper,.ssi-modalPositioned.right .ssi-modalWrapper .ssi-modalWindow{float:right}.ssi-buttons .ssi-modalBtn{margin:2px}.ssi-buttons .ssi-countDown{color:#d1d1d1;font-size:12px;margin-left:5px}.ssi-modalPositioned{overflow:visible;height:0}.ssi-modalPositioned.left .ssi-modalWindow,.ssi-modalPositioned.left .ssi-modalWrapper{float:left}.ssi-modalPositioned.bottom{top:auto;height:auto;bottom:0}.ssi-modalPositioned.bottom .ssi-modalWrapper{height:auto}.ssi-modalPositioned.top{top:0}.ssi-modalPositioned.center .ssi-modalWrapper,.ssi-modalPositioned.center .ssi-modalWrapper .ssi-modalWindow{margin-left:auto!important;margin-right:auto!important}.ssi-modalPositioned .ssi-modalWrapper{margin:15px 3px;padding:0;height:0}.ssi-modalPositioned .ssi-modalWrapper .ssi-modalWindow{margin:10px 0;clear:both;z-index:1500}.ssi-modalPositioned.ssi-stack{pointer-events:none;z-index:3000}.ssi-modalPositioned.ssi-stack.center .ssi-modalWrapper .ssi-modalWindow{margin:4px}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper{width:100%;margin:0}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow:first-child{margin-top:10px}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow{pointer-events:auto;margin:2px 7px;box-shadow:-1px 1px 28px -2px #a196a1}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.ssi-smoothSlide{visibility:hidden;display:block!important}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.full{width:99.9%;margin:1px}@media only screen and (max-width:450px){.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.full{width:99.5%}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.full .ssi-modalTitle{font-size:18px}}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.large{width:800px}@media only screen and (max-width:900px){.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.large{width:90%}}@media only screen and (max-width:600px){.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.large{width:85%}}@media only screen and (max-width:450px){.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.large{width:99.5%;margin:1px}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.large .ssi-modalTitle{font-size:18px}}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.mediumToLarge{width:700px}@media only screen and (max-width:900px){.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.mediumToLarge{width:85%}}@media only screen and (max-width:600px){.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.mediumToLarge{width:75%}}@media only screen and (max-width:450px){.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.mediumToLarge{width:80%}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.mediumToLarge .ssi-modalTitle{font-size:18px}}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.medium{width:600px}@media only screen and (max-width:900px){.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.medium{width:80%}}@media only screen and (max-width:600px){.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.medium{width:75%}}@media only screen and (max-width:450px){.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.medium{width:80%}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.medium .ssi-modalTitle{font-size:18px}}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.smallToMedium{width:500px}@media only screen and (max-width:600px){.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.smallToMedium{width:60%}}@media only screen and (max-width:450px){.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.smallToMedium{width:55%}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.smallToMedium .ssi-modalTitle{font-size:18px}}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.small{width:400px}@media only screen and (max-width:600px){.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.small{width:60%}}@media only screen and (max-width:450px){.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.small{width:55%}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.small .ssi-modalTitle{font-size:18px}}.imgBox.ssi-center .ssi-modalWindow,.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.dialog{width:300px}@media only screen and (max-width:600px){.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.dialog{width:45%}}@media only screen and (max-width:450px){.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.dialog{width:55%}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.dialog .ssi-modalTitle{font-size:18px}}.ssi-hover{cursor:pointer}.ssi-hover:hover{box-shadow:-1px 1px 17px 0 #757175}.ssi-hidden{display:none}.ssi-borderOut{border:none!important}.anim{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes ssi-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ssi-fadeIn{0%{opacity:0}to{opacity:1}}.ssi-fadeIn{-webkit-animation-name:ssi-fadeIn;animation-name:ssi-fadeIn}@-webkit-keyframes ssi-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes ssi-fadeOut{0%{opacity:1}to{opacity:0}}.ssi-fadeOut{-webkit-animation-name:ssi-fadeOut;animation-name:ssi-fadeOut}.ssi-backdrop.imgBox{background:rgba(0,0,0,.87);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#CC000000', endColorstr='#CC000000')}.imgBox{overflow:auto}.imgBox .ssi-modalWrapper{margin-top:55px;z-index:11111;width:300px}.imgBox .ssi-modalWrapper .ssi-topIcons{margin-right:-15px;margin-top:-12px;z-index:11111}.imgBox .ssi-modalWrapper .ssi-topIcons a{background-color:#5c5c5e;color:#fff;width:24px;height:24px;line-height:0;border-radius:30px}.imgBox .ssi-modalWrapper .ssi-topIcons a:hover{color:#e9e9e9}.imgBox .ssi-modalWrapper .ssi-topIcons .ssi-closeIcon,.imgBox .ssi-modalWrapper .ssi-topIcons .ssi-closeIcon:hover{background-position:0 -48px;background-repeat:no-repeat;overflow:hidden;display:block;width:24px;height:24px}.imgBox .ssi-modalWrapper .ssi-topIcons.inTitle{margin-top:25px}@media only screen and (max-width:450px){.imgBox .ssi-modalWrapper .ssi-topIcons.inTitle{margin-top:15px}.imgBox .ssi-modalWrapper .ssi-topIcons.inTitle .ssi-modalTitle{font-size:18px}}.imgBox .ssi-modalWrapper.ssi-imgBorder .ssi-modalContent{--webkit-box-shadow:0 0 31px -1px rgba(245,245,245,.3);box-shadow:0 0 31px -1px rgba(245,245,245,.3);border:1px solid #fff}.imgBox .ssi-modalWrapper.ssi-overHeight,.imgBox .ssi-modalWrapper.ssi-overHeight .ssi-modalWindow{-webkit-transition:height .6s,width .6s;transition:height .6s,width .6s}.imgBox .ssi-modalWrapper .ssi-modalWindow{border:none;border-radius:2px;padding:0;background:0 0}.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalTitle{padding-left:0;text-align:center;font-weight:300;color:#fff!important;border-bottom:none}@media only screen and (max-width:450px){.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalTitle{font-size:15px}.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalTitle .ssi-modalTitle{font-size:18px}}.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-buttons{border:none}.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalContent{position:relative;overflow:hidden;text-align:center;border-radius:0;background:0 0;margin:0 auto;padding:0;height:300px}.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalContent h3,.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalContent h4{color:#5e5e5e}.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalContent .ssi-modalImg{width:100%}.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalContent .ssi-imgButtons{position:absolute;left:0;bottom:auto;width:100%;z-index:101000001;padding:8px}.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalContent .ssi-imgButtons .ssi-leftButtons{float:left}.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalContent .ssi-imgButtons .ssi-rightButtons{float:right}.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalContent .ssi-imgButtons .ssi-imgBtn{margin:2px;padding:3px}.ssi-modalNavigation{position:fixed;top:50%;z-index:1500;margin-top:-150px;left:0;height:300px;width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}@media only screen and (max-width:900px){.ssi-modalNavigation{height:200px;margin-top:-100px}}@media only screen and (max-width:450px){.ssi-modalNavigation{height:100px;margin-top:-50px}.ssi-modalNavigation .ssi-modalTitle{font-size:18px}}.ssi-modalNavigation .ssi-modalNext,.ssi-modalNavigation .ssi-modalPrev{top:0;outline:0;height:100%;cursor:pointer}.ssi-modalNavigation .ssi-modalNext span,.ssi-modalNavigation .ssi-modalPrev span{position:relative;top:40%}.ssi-modalNavigation .ssi-modalPrev{width:40%;left:0;float:left}.ssi-modalNavigation .ssi-modalPrev span{background-position:0 -356px;background-repeat:no-repeat;overflow:hidden;display:block;width:56px;height:56px}.ssi-modalNavigation .ssi-modalNext span,.ssi-modalNavigation .ssi-modalNext:hover span,.ssi-modalNavigation .ssi-modalPrev:hover span{background-position:0 -300px;background-repeat:no-repeat;overflow:hidden;display:block;width:56px;height:56px}.ssi-modalNavigation .ssi-modalNext{width:60%;float:right;right:0}.ssi-modalNavigation .ssi-modalNext span{float:right;background-position:0 -468px}.ssi-modalNavigation .ssi-modalNext:hover span{background-position:0 -412px}.imgBox .ssi-modalWrapper.ssi-iframe{width:50%;height:55%}@media only screen and (max-width:900px){.imgBox .ssi-modalWrapper.ssi-iframe{padding:10px;width:90%}}@media only screen and (max-width:600px){.imgBox .ssi-modalWrapper.ssi-iframe{width:100%}}@media only screen and (max-width:450px){.imgBox .ssi-modalWrapper.ssi-iframe{padding:0;width:100%}.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalTitle{font-size:18px}}.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow{height:100%}.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-topIcons{margin-right:8%;z-index:2001}.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-imgButtons{width:0%}@media only screen and (max-width:900px){.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow{padding:10px;width:90%}.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-topIcons{margin-top:0;margin-right:9%}.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-topIcons.inTitle{margin-top:35px}}@media only screen and (max-width:600px){.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow{width:100%}}@media only screen and (max-width:450px){.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow{padding:0;width:100%;max-height:400px}.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-modalTitle{font-size:18px}.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-modalContent .ssi-modalNext span,.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-modalContent .ssi-modalNext:hover span{background-position-x:15px}.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-modalContent .ssi-modalPrev span,.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-modalContent .ssi-modalPrev:hover span{background-position-x:-15px}.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-topIcons{margin-top:-10px;margin-right:5%}.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-topIcons.inTitle{margin-top:15px}}.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalContent{width:100%;height:90%!important}.imgBox .ssi-modalWrapper.ssi-iframe iframe,.ssi-center.imgBox .ssi-iframe iframe{position:relative;z-index:2000;width:80%;height:100%}.ssi-center.imgBox .ssi-iframe{width:100%;height:100%}.ssi-center.imgBox .ssi-iframe .ssi-modalWindow{width:60%;height:55%}@media only screen and (max-width:900px){.ssi-center.imgBox .ssi-iframe .ssi-modalWindow{padding:10px;width:90%}}@media only screen and (max-width:600px){.ssi-center.imgBox .ssi-iframe .ssi-modalWindow{width:100%}}@media only screen and (max-width:450px){.ssi-center.imgBox .ssi-iframe .ssi-modalWindow{width:100%;max-height:400px;padding:0}.ssi-center.imgBox .ssi-iframe .ssi-modalWindow .ssi-modalTitle{font-size:18px}}.ssi-center.imgBox .ssi-iframe .ssi-modalContent{width:100%;height:90%}.ssi-loader{position:relative;margin:auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:32px;height:32px;background:url(https://shop.vsimosvita.com/wp-content/plugins/wp-recall/css/images/loader.gif) no-repeat}.ssi-navFadeOut{opacity:0!important}.ssi-navFadeIn{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;filter:alpha(opacity=100)!important;opacity:1!important}.ssi-navFade{-webkit-transition:opacity .4s;transition:opacity .4s}.notify.ssi-modalWindow{padding-top:12px}.notify .ssi-icon{max-width:30px;max-height:30px;float:left;clear:left}.notify .ssi-modalContent{max-height:150px;overflow:auto;padding:5px 15px;margin-top:0;min-height:30px}.notify .ssi-modalContent::-webkit-scrollbar:vertical{width:6px}.notify .ssi-modalContent::-webkit-scrollbar:horizontal{height:6px}.notify .ssi-modalTitle{line-height:32px;padding-bottom:5px}.notify .ssi-modalTitle:after{content:" ";display:block;clear:both}.notify.ssi-success{background-color:#2ea53a}.notify.ssi-error,.notify.ssi-info,.notify.ssi-success,.notify.ssi-warning{padding:3px 5px;margin:2px 0;font:500 18px "Times New Roman";color:#fff}.notify.ssi-error .ssi-modalTitle,.notify.ssi-info .ssi-modalTitle,.notify.ssi-success .ssi-modalTitle,.notify.ssi-warning .ssi-modalTitle{text-transform:capitalize;padding-left:5px}.notify.ssi-error .ssi-modalTitle span.success,.notify.ssi-info .ssi-modalTitle span.success,.notify.ssi-success .ssi-modalTitle span.success,.notify.ssi-warning .ssi-modalTitle span.success{background-position:0 -234px;background-repeat:no-repeat;overflow:hidden;display:block;width:33px;height:33px}.notify.ssi-success .ssi-modalContent::-webkit-scrollbar-thumb{background-color:#3c7e28}@media only screen and (max-width:900px){.notify.ssi-error,.notify.ssi-info,.notify.ssi-success,.notify.ssi-warning{font-size:15px}.notify.ssi-error .ssi-modalTitle,.notify.ssi-info .ssi-modalTitle,.notify.ssi-success .ssi-modalTitle,.notify.ssi-warning .ssi-modalTitle{padding-bottom:1px;font-size:20px}}@media only screen and (max-width:600px){.notify.ssi-error,.notify.ssi-info,.notify.ssi-success,.notify.ssi-warning{width:45%}}@media only screen and (max-width:450px){.notify.ssi-error,.notify.ssi-info,.notify.ssi-success,.notify.ssi-warning{font-size:12px}.notify.ssi-error .ssi-modalTitle,.notify.ssi-info .ssi-modalTitle,.notify.ssi-success .ssi-modalTitle,.notify.ssi-warning .ssi-modalTitle{font-size:18px}}.notify.ssi-success:hover{background-color:#2c9738}.notify.ssi-info{background-color:#006cbc}.notify.ssi-info .ssi-modalTitle span.info{background-position:0 -201px;background-repeat:no-repeat;overflow:hidden;display:block;width:33px;height:33px}.notify.ssi-info .ssi-modalContent::-webkit-scrollbar-thumb{background-color:#5d6ad6}.notify.ssi-info:hover{background-color:#00529d}.notify.ssi-warning{background-color:#db9100}.notify.ssi-warning .ssi-modalTitle span.warning{background-position:0 -267px;background-repeat:no-repeat;overflow:hidden;display:block;width:33px;height:33px}.notify.ssi-warning .ssi-modalContent::-webkit-scrollbar-thumb{background-color:#b57300}.notify.ssi-warning:hover{background-color:#c68200}.notify.ssi-error{background-color:#bd3630}.notify.ssi-error .ssi-modalTitle span.error{background-position:0 -168px;background-repeat:no-repeat;overflow:hidden;display:block;width:33px;height:33px}.notify.ssi-error .ssi-modalContent::-webkit-scrollbar-thumb{background-color:#9d1d2a}.notify.ssi-error:hover{background-color:#a73832}