:root { --color-primary: #7C3AED; --color-action: #0EA5E9; --color-page-bg: #F8FAFC; --color-card-bg: #FFFFFF; --color-text: #1E293B; --primary-color: #7C3AED; --primary-dark: #6D28D9; --primary-light: #8B5CF6; --secondary-color: #1E293B; --accent-color: #0EA5E9; --success-color: #10b981; --danger-color: #ef4444; --warning-color: #f59e0b; --info-color: #0EA5E9; --white: #FFFFFF; --black: #000000; --gray-50: #F8FAFC; --gray-100: #F1F5F9; --gray-200: #e2e8f0; --gray-300: #cbd5e1; --gray-400: #94a3b8; --gray-500: #64748b; --gray-600: #475569; --gray-700: #334155; --gray-750: #2d3a4f; --gray-800: #1E293B; --gray-900: #0f172a; --font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; --border-radius: 8px; --border-radius-lg: 12px; --border-radius-xl: 16px; --bento-radius: 24px; --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05); --shadow-bento: 0 4px 6px -1px rgba(0, 0, 0, 0.05); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); --transition: all 0.2s ease; } .homepage-clean-cloud { background: var(--color-page-bg); color: var(--color-text); } .homepage-clean-cloud .section-title, .homepage-clean-cloud .bento-section-title, .homepage-clean-cloud h1, .homepage-clean-cloud h2 { color: var(--color-primary) !important; } .homepage-clean-cloud .bento-icon, .homepage-clean-cloud .whychooseus-icon, .homepage-clean-cloud .feature-box-header i { color: var(--color-primary); } .homepage-clean-cloud .btn-primary, .homepage-clean-cloud .pricing-btn.btn-primary, .homepage-clean-cloud .domain-search-cta-btn, .homepage-clean-cloud .domain-btn, .homepage-clean-cloud .know-more-btn, .homepage-clean-cloud a.btn-primary { background: var(--color-action) !important; border-color: var(--color-action) !important; } .homepage-clean-cloud .btn-primary:hover, .homepage-clean-cloud .pricing-btn.btn-primary:hover, .homepage-clean-cloud .domain-search-cta-btn:hover, .homepage-clean-cloud .domain-btn:hover, .homepage-clean-cloud .know-more-btn:hover { background: #0284C7 !important; border-color: #0284C7 !important; } .homepage-clean-cloud .btn-outline-primary.pricing-btn { border-color: var(--color-action); color: var(--color-action); } .homepage-clean-cloud .btn-outline-primary.pricing-btn:hover { background: var(--color-action) !important; border-color: var(--color-action) !important; color: var(--white) !important; } .homepage-clean-cloud .bento-card, .homepage-clean-cloud .pricing-card, .homepage-clean-cloud .feature-box, .homepage-clean-cloud .service-card { background: #ffffff !important; border-radius: var(--bento-radius); box-shadow: var(--shadow-bento); } body.homepage, .homepage-clean-cloud { background-color: #f8fafc !important; } body.homepage .section:not(.bg-primary) { background-color: #f8fafc !important; } body.homepage .hero-carousel, body.homepage .hero-carousel .hero-slide, body.homepage .hero-slide { background: linear-gradient(135deg, #5B21B6 0%, #7C3AED 40%, #6D28D9 100%) !important; } body.homepage .hero-slide::before { background: radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.03) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.02) 0%, transparent 50%) !important; } .homepage-clean-cloud .bento-card h3, .homepage-clean-cloud .bento-card h4, .homepage-clean-cloud .feature-box h4, .homepage-clean-cloud .feature-box-header i, .homepage-clean-cloud .whychooseus-col h3, .homepage-clean-cloud .whychooseus-col h4, .homepage-clean-cloud .service-card h5, .homepage-clean-cloud .service-card h4 { color: #7C3AED !important; } .bento-grid.bento-grid-included { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 1.5rem; } @media (max-width: 991px) { .bento-grid.bento-grid-included { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575px) { .bento-grid.bento-grid-included { grid-template-columns: 1fr; } } .bento-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.25rem; margin-top: 1.5rem; } .bento-card { padding: 1.5rem; } .bento-included-item .bento-icon, .whychooseus-col .whychooseus-icon { margin-bottom: 1rem; } .bento-included-item .bento-icon i { font-size: 2.75rem; line-height: 1; display: block; } .whychooseus-4cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.5rem; margin-top: 1.5rem; } .whychooseus-col, .homepage-clean-cloud .bento-included-item { background: #ffffff !important; padding: 1.5rem; border-radius: var(--bento-radius); box-shadow: var(--shadow-bento); } .whychooseus-col .whychooseus-icon { font-size: 2rem; } .bento-section-title { margin-bottom: 0.5rem; } .bento-section-subtitle { margin-bottom: 1.5rem; } .homepage-clean-cloud #bento-included-title, .homepage-clean-cloud #bento-whychooseus-title, .homepage-clean-cloud .bento-section .container > .bento-section-title, .homepage-clean-cloud .bento-section .container > .section-title:first-child, .homepage-clean-cloud .bento-whychooseus .bento-section-title, .homepage-clean-cloud .bento-whychooseus .bento-section-subtitle, .homepage-clean-cloud .bento-section .container > h2 { text-align: center !important; } .homepage-clean-cloud .bento-section .container.text-center, .homepage-clean-cloud .bento-whychooseus .container { text-align: center; } .homepage-clean-cloud .bento-section .bento-grid, .homepage-clean-cloud .whychooseus-4cols { text-align: left; } .homepage-clean-cloud .bento-section .container, .homepage-clean-cloud .bento-whychooseus .container { max-width: 1200px; padding-left: 2rem; padding-right: 2rem; } @media (min-width: 1400px) { .homepage-clean-cloud .bento-section .container, .homepage-clean-cloud .bento-whychooseus .container { max-width: 1320px; padding-left: 2.5rem; padding-right: 2.5rem; } } @media (max-width: 767px) { .homepage-clean-cloud .bento-section .container, .homepage-clean-cloud .bento-whychooseus .container { padding-left: 1.25rem; padding-right: 1.25rem; } } .faq-details { border-radius: var(--border-radius-lg); margin-bottom: 0.5rem; background: var(--color-card-bg); box-shadow: var(--shadow-bento); } .faq-summary { padding: 1rem 1.25rem; cursor: pointer; font-weight: 600; color: var(--color-text); list-style: none; } .faq-summary::-webkit-details-marker { display: none; } .faq-summary::after { content: '+'; float: right; color: var(--color-primary); } .faq-details[open] .faq-summary::after { content: '−'; } .faq-answer { padding: 0 1.25rem 1rem; } .faq-answer p { margin: 0; color: var(--gray-600); } .cta-domain-section { background: var(--color-action); color: var(--white); } .cta-domain-section .domain-search-cta-btn { background: #ffffff !important; color: var(--color-action) !important; border: 2px solid rgba(255,255,255,0.9) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; } .cta-domain-section .domain-search-cta-btn:hover { background: #F8FAFC !important; color: var(--color-primary) !important; border-color: #ffffff !important; } .cta-domain-search { max-width: 500px; margin: 0 auto; } .domain-search-input-cta { flex: 1; padding: 1rem; border: none; border-radius: var(--border-radius); font-size: 1rem; } .domain-search-cta-btn { padding: 1rem 2rem; border: none; border-radius: var(--border-radius); font-weight: 600; cursor: pointer; } .cta-domain-trust { font-size: 0.9rem; color: rgba(255,255,255,0.95); } .bento-scripts-divider { max-width: 80px; margin: 1rem auto; border-color: var(--gray-200); } .homepage-clean-cloud .domain-card { background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-action) 100%); } .homepage-clean-cloud .domain-card:hover { box-shadow: 0 25px 70px -10px rgba(14, 165, 233, 0.4); } .script-logo { filter: grayscale(0.3); opacity: 0.85; } .script-logo:hover { filter: grayscale(0); opacity: 1; } .toggle-savings-badge { display: inline-block; background: var(--success-color); color: white; font-size: 0.75rem; font-weight: 600; padding: 0.25rem 0.5rem; border-radius: 0.25rem; margin-left: 0.5rem; } .domain-search-input-cta::placeholder { color: #475569 !important; opacity: 1; } .domain-search-cta-btn { background: #c2410c !important; color: #fff !important; } .domain-search-cta-btn:hover { background: #9a3412 !important; color: #fff !important; } .service-menu-btn:not(.active), .toggle-btn:not(.active) { color: #1e293b !important; } .toggle-btn.active, #toggle-monthly.toggle-btn.active, #toggle-annual.toggle-btn.active { background: #5b21b6 !important; color: #ffffff !important; } .btn-outline-primary.pricing-btn, a.btn-outline-primary.pricing-btn { color: #1e40af !important; border-color: #1e40af !important; } .btn-outline-primary.pricing-btn:hover, a.btn-outline-primary.pricing-btn:hover { color: #fff !important; } a.domain-btn { color: #1e3a8a !important; } a.domain-btn:hover { color: #1e40af !important; } section#header, header#header, #header { transition: background-image 3s ease-in-out !important; } @media (max-width: 991px) { section#header .container { position: relative !important; padding-top: 15px !important; padding-bottom: 15px !important; display: flex !important; flex-direction: column !important; align-items: center !important; } section#header .logo { position: relative !important; top: auto !important; left: auto !important; z-index: 1000 !important; margin: 0 auto 15px auto !important; text-align: center !important; order: 1 !important; } section#header .logo img { max-height: 80px !important; height: 80px !important; width: auto !important; } ul.top-nav { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 8px !important; gap: 6px 8px !important; order: 2 !important; overflow: visible !important; } ul.top-nav > li { margin: 0 !important; flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; float: none !important; } ul.top-nav > li > a { font-size: 13px !important; line-height: 1.2 !important; white-space: nowrap !important; padding: 6px 4px !important; } ul.top-nav .nav-locale-full { display: none !important; } ul.top-nav .nav-locale-short { display: inline !important; } ul.top-nav > li > a.choose-language, ul.top-nav > li > a.choose-currency { font-size: 13px !important; font-weight: 600 !important; padding: 6px 5px !important; } ul.top-nav > li > a.choose-language .caret, ul.top-nav > li > a.choose-currency .caret { margin-left: 2px !important; border-width: 4px 4px 0 !important; } ul.top-nav .nav-link-cart { padding: 6px 8px !important; } ul.top-nav > li.primary-action { margin-left: 2px !important; } ul.top-nav > li.primary-action > a.nav-link-client.btn { padding: 7px 10px !important; font-size: 12px !important; transform: none !important; box-shadow: none !important; } ul.top-nav > li.primary-action > a.nav-link-client.btn .nav-link-text { display: none !important; } ul.top-nav > li.primary-action > a.nav-link-client.btn i { margin-right: 0 !important; font-size: 1.05rem !important; } ul.top-nav > li.primary-action > a.btn:not(.nav-link-client) { padding: 6px 10px !important; font-size: 12px !important; } ul.top-nav > li.account-menu-item > a { max-width: 8.5em !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 12px !important; padding: 6px 4px !important; } ul.top-nav > li > a#accountNotifications { font-size: 16px !important; padding: 6px 10px !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 34px !important; color: #ffffff !important; } ul.top-nav > li > a#accountNotifications .caret { display: none !important; } ul.top-nav > li > a#accountNotifications .label { font-size: 9px !important; position: absolute !important; top: -2px !important; right: -4px !important; line-height: 1.1 !important; padding: 2px 4px !important; z-index: 2 !important; } ul.top-nav > li > a#accountNotifications .fa-bell { display: inline-block !important; font-size: 18px !important; color: #ffffff !important; transform-origin: top center; } section#header { height: auto !important; overflow: visible !important; } section#main-menu { margin-top: 0 !important; border-top: none !important; background-color: #2d2d2d !important; } section#main-menu .navbar-main { border-top: none !important; border-bottom: none !important; margin: 0 !important; background-color: transparent !important; } section#main-menu .container { padding: 0 !important; } section#main-menu .navbar-header { border: none !important; padding: 12px 15px !important; background-color: transparent !important; text-align: left !important; } section#main-menu .navbar-toggle { margin: 0 !important; float: left !important; border: 2px solid #4a9eff !important; background-color: rgba(74, 158, 255, 0.1) !important; border-radius: 8px !important; padding: 10px 12px !important; } section#main-menu .navbar-toggle:hover, section#main-menu .navbar-toggle:focus { background-color: rgba(74, 158, 255, 0.2) !important; border-color: #4a9eff !important; } section#main-menu .navbar-toggle .icon-bar { background-color: #4a9eff !important; height: 3px !important; width: 26px !important; border-radius: 2px !important; } section#main-menu .navbar-collapse.collapse:not(.in) { display: none !important; } section#main-menu .navbar-collapse { border: none !important; box-shadow: none !important; background-color: #1a1a1a !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } section#main-menu .navbar-collapse.in { border-top: 2px solid #4a9eff !important; overflow-y: visible !important; } section#main-menu .navbar-nav { margin: 0 !important; width: 100% !important; } section#main-menu .navbar-nav > li { border-bottom: 1px solid #404040 !important; width: 100% !important; text-align: left !important; } section#main-menu .navbar-nav > li:last-child { border-bottom: none !important; } section#main-menu .navbar-nav > li > a { padding: 16px 20px !important; color: #e0e0e0 !important; font-size: 17px !important; font-weight: 500 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; text-align: left !important; } section#main-menu .navbar-nav > li > a:hover, section#main-menu .navbar-nav > li > a:focus { background-color: #2d2d2d !important; color: #4a9eff !important; } section#main-menu .navbar-nav > li.dropdown.open > a, section#main-menu .navbar-nav > li.open > a, section#main-menu .navbar-nav > li.dropdown.open > a:hover, section#main-menu .navbar-nav > li.dropdown.open > a:focus, section#main-menu .navbar-nav > li.dropdown.open > a:active { background-color: #2d2d2d !important; color: #ffffff !important; text-shadow: 0 0 10px rgba(74, 158, 255, 0.5) !important; } section#main-menu .navbar-nav > li.dropdown > a .caret { margin-left: auto !important; margin-top: 0 !important; border-top: 5px solid #e0e0e0 !important; border-right: 5px solid transparent !important; border-left: 5px solid transparent !important; transition: all 0.3s ease !important; } section#main-menu .navbar-nav > li.dropdown.open > a .caret, section#main-menu .navbar-nav > li.open > a .caret { transform: rotate(180deg) !important; border-top-color: #ffffff !important; filter: drop-shadow(0 0 3px rgba(74, 158, 255, 0.8)) !important; } section#main-menu .dropdown-menu { position: static !important; float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; background-color: #252525 !important; display: none !important; } section#main-menu .dropdown.open > .dropdown-menu { display: block !important; } section#main-menu .dropdown-menu > li { border: none !important; } section#main-menu .dropdown-menu > li > a { padding: 14px 20px 14px 40px !important; color: #b0b0b0 !important; font-size: 16px !important; display: block !important; text-align: left !important; transition: all 0.2s ease !important; } section#main-menu .dropdown-menu > li > a:hover { background-color: #2d2d2d !important; color: #4a9eff !important; padding-left: 45px !important; } section#main-menu .dropdown-menu { transition: all 0.3s ease-in-out !important; max-height: 0 !important; overflow: hidden !important; } section#main-menu .dropdown.open > .dropdown-menu { max-height: 500px !important; } } @media (max-width: 767px) { section#header .logo img { max-height: 70px !important; height: 70px !important; } ul.top-nav { gap: 4px !important; padding: 0 6px !important; } ul.top-nav > li > a.choose-language, ul.top-nav > li > a.choose-currency { font-size: 12px !important; padding: 5px 3px !important; } section#main-menu .navbar-nav > li > a { padding: 14px 15px !important; font-size: 16px !important; } section#main-menu .dropdown-menu > li > a { padding: 12px 15px 12px 35px !important; font-size: 15px !important; } } @keyframes stw-bell-ring { 0%, 100% { transform: rotate(0deg); } 8%, 24% { transform: rotate(14deg); } 16%, 32% { transform: rotate(-14deg); } 40% { transform: rotate(8deg); } 48% { transform: rotate(-8deg); } 56% { transform: rotate(0deg); } } ul.top-nav > li > a#accountNotifications.account-notifications-toggle { font-size: 16px !important; line-height: 1 !important; padding: 6px 10px !important; color: #ffffff !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } ul.top-nav > li > a#accountNotifications .fa-bell { display: inline-block !important; color: #ffffff !important; font-size: 18px !important; transform-origin: 50% 0 !important; } ul.top-nav > li > a#accountNotifications.has-alerts .fa-bell { animation: stw-bell-ring 1.6s ease-in-out infinite !important; } ul.top-nav > li > a#accountNotifications .caret { display: none !important; } ul.top-nav > li > a#accountNotifications .label { position: absolute !important; top: -2px !important; right: -4px !important; font-size: 9px !important; padding: 2px 4px !important; line-height: 1.1 !important; } body { background-color: #1a1a1a !important; color: #e0e0e0 !important; } body, input, button, select, textarea { color: #e0e0e0 !important; } .primary-bg-color { background-color: #2d2d2d !important; } body { font-size: 16px !important; line-height: 1.6 !important; } body, input, button, select, textarea { font-size: 16px !important; } .navbar-main { font-size: 17px !important; min-height: 60px !important; padding: 8px 0 !important; } .navbar-main .navbar-nav > li > a { font-size: 17px !important; font-weight: 500 !important; padding: 12px 16px !important; margin: 0 3px !important; border-radius: 8px !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; letter-spacing: 0.2px !important; display: flex !important; align-items: center !important; line-height: 1.4 !important; vertical-align: middle !important; } .panel { font-size: 16px !important; } .panel-body { font-size: 16px !important; } .panel-body p, .panel-body div, .panel-body span, .panel-body label, .panel-body td { font-size: 16px !important; } .list-group-item { font-size: 16px !important; } .panel-sidebar { font-size: 16px !important; } .panel-sidebar .list-group-item { font-size: 16px !important; } .form-control { font-size: 16px !important; } .table { font-size: 16px !important; } .table > tbody > tr > td { font-size: 16px !important; } small, .small, .text-muted { font-size: 14px !important; } .badge, .label { font-size: 14px !important; } section#footer { font-size: 14px !important; } h1, .h1 { font-size: 2.25em !important; } h2, .h2 { font-size: 1.875em !important; } h3, .h3 { font-size: 1.5em !important; } h4, .h4 { font-size: 1.25em !important; } h5, .h5 { font-size: 1.125em !important; } h6, .h6 { font-size: 1em !important; } .panel-title { font-size: 1.125em !important; } .btn { font-size: 16px !important; } .btn-sm { font-size: 14px !important; } .btn-xs { font-size: 12px !important; } a { font-size: inherit !important; } .breadcrumb { font-size: 14px !important; } ul.top-nav > li > a { font-size: 16px !important; } ul.top-nav .nav-locale-short { display: none; } ul.top-nav .nav-locale-full { display: inline; } ul.top-nav > li > a.choose-language, ul.top-nav > li > a.choose-currency { outline: none !important; box-shadow: none !important; border: none !important; background: transparent !important; } ul.top-nav > li > a.choose-language:focus, ul.top-nav > li > a.choose-language:active, ul.top-nav > li > a.choose-language:focus-visible, ul.top-nav > li > a.choose-currency:focus, ul.top-nav > li > a.choose-currency:active, ul.top-nav > li > a.choose-currency:focus-visible { outline: none !important; box-shadow: none !important; border: none !important; background: transparent !important; color: #ffffff !important; } ul.top-nav > li > a.choose-currency { font-weight: 600; letter-spacing: 0.02em; } .popover.language-popover, .popover.currency-popover { max-width: 160px !important; width: auto !important; min-width: 110px !important; padding: 0 !important; background-color: #1e1e1e !important; background-image: none !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 8px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important; } .popover.language-popover.bottom > .arrow, .popover.currency-popover.bottom > .arrow { border-bottom-color: #1e1e1e !important; } .popover.language-popover.bottom > .arrow:after, .popover.currency-popover.bottom > .arrow:after { border-bottom-color: #1e1e1e !important; } .popover.language-popover .popover-content, .popover.currency-popover .popover-content { padding: 6px 0 !important; } .popover.language-popover .popover-content ul, .popover.currency-popover .popover-content ul { list-style: none !important; margin: 0 !important; padding: 0 !important; max-width: none !important; overflow: visible !important; display: block !important; } .popover.language-popover .popover-content li, .popover.currency-popover .popover-content li { float: none !important; display: block !important; width: 100% !important; padding: 0 !important; line-height: 1.3 !important; } .popover.language-popover .popover-content li a, .popover.currency-popover .popover-content li a { display: block !important; padding: 8px 16px !important; color: #f2f2f2 !important; text-decoration: none !important; white-space: nowrap !important; font-size: 0.95rem !important; } .popover.language-popover .popover-content li a:hover, .popover.language-popover .popover-content li a:focus, .popover.language-popover .popover-content li a.active, .popover.currency-popover .popover-content li a:hover, .popover.currency-popover .popover-content li a:focus, .popover.currency-popover .popover-content li a.active { background: rgba(255, 255, 255, 0.1) !important; color: #ffffff !important; outline: none !important; } @media (max-width: 480px) { .popover.language-popover, .popover.currency-popover { max-width: 160px !important; background-position: initial !important; } .popover.language-popover .popover-content li, .popover.currency-popover .popover-content li { width: 100% !important; padding: 0 !important; } } .dropdown-menu > li > a { font-size: 16px !important; } .modal-body { font-size: 16px !important; } .modal-body p, .modal-body div, .modal-body span, .modal-body label { font-size: 16px !important; } .ticket-reply .message { font-size: 16px !important; } .ticket-reply .user .name { font-size: 16px !important; } .kbarticles a { font-size: 1.125em !important; } .kb-article-content { font-size: 1.125em !important; } .client-home-panels .panel > .panel-body p { font-size: 16px !important; } .tile .title { font-size: 14px !important; } .tile .stat { font-size: 2.5em !important; } .text-domain { color: #5bc0de !important; font-weight: 500 !important; } .panel-sidebar .panel-title i, .panel-title i, .panel-heading i { font-size: 1.2em !important; color: #4a9eff !important; margin-right: 8px !important; vertical-align: middle !important; } .panel-sidebar .list-group-item i, .list-group-item i { font-size: 1.1em !important; color: #4a9eff !important; margin-right: 8px !important; } .tile .icon { font-size: 3em !important; color: #4a9eff !important; opacity: 0.9 !important; filter: drop-shadow(0 2px 4px rgba(74, 158, 255, 0.3)) !important; } .navbar-main .navbar-nav > li > a i { font-size: 18px !important; color: #e0e0e0 !important; margin-right: 8px !important; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; margin-right: 5px !important; } .navbar-main .navbar-nav > li > a:hover i, .navbar-main .navbar-nav > .active > a i, .navbar-main .navbar-nav > .open > a i { color: #ffffff !important; transform: scale(1.1) !important; } .fas.fa-cube, .fa-cube { color: #4a9eff !important; filter: drop-shadow(0 2px 4px rgba(74, 158, 255, 0.4)) !important; } .fas.fa-globe, .fa-globe { color: #00d4ff !important; filter: drop-shadow(0 2px 4px rgba(0, 212, 255, 0.4)) !important; } .fas.fa-comments, .fa-comments { color: #ff6b6b !important; filter: drop-shadow(0 2px 4px rgba(255, 107, 107, 0.4)) !important; } .fas.fa-credit-card, .fa-credit-card { color: #ffa726 !important; filter: drop-shadow(0 2px 4px rgba(255, 167, 38, 0.4)) !important; } .fas.fa-user, .fa-user, .far.fa-user { color: #4a9eff !important; } .fas.fa-pencil-alt, .fa-pencil-alt, .fas.fa-edit, .fa-edit { color: #00d4ff !important; } .fas.fa-chevron-up, .fa-chevron-up, .fas.fa-chevron-down, .fa-chevron-down { color: #4a9eff !important; opacity: 0.7 !important; } .fas.fa-chevron-up:hover, .fa-chevron-up:hover, .fas.fa-chevron-down:hover, .fa-chevron-down:hover { opacity: 1 !important; color: #00d4ff !important; } .btn i, .btn .fa, .btn .fas, .btn .far { margin-right: 6px !important; font-size: 1em !important; } .btn-success i, .btn-success .fa, .btn-success .fas { color: #ffffff !important; opacity: 1 !important; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)) !important; } .btn-primary i, .btn-primary .fa, .btn-primary .fas { color: #ffffff !important; opacity: 1 !important; } .home-shortcuts li i { font-size: 1.5em !important; color: #ffffff !important; opacity: 0.9 !important; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) !important; } .home-shortcuts li:hover i { opacity: 1 !important; transform: scale(1.1) !important; transition: all 0.3s ease !important; } .container, .container-fluid { background-color: transparent !important; } .row { background-color: transparent !important; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { background-color: transparent !important; } .sidebar { background-color: transparent !important; } .sidebar .panel { background-color: #2d2d2d !important; } .panel-default { background-color: #2d2d2d !important; border-color: #404040 !important; } .panel-default > .panel-heading { background-color: #3a3a3a !important; border-color: #404040 !important; color: #ffffff !important; } .panel-default > .panel-heading + .panel-collapse > .panel-body { background-color: #2d2d2d !important; border-top-color: #404040 !important; } .panel-info { background-color: #2d2d2d !important; border-color: #4a9eff !important; } .panel-info > .panel-heading { background-color: rgba(74, 158, 255, 0.2) !important; border-color: #4a9eff !important; color: #4a9eff !important; } .panel-info > .panel-heading + .panel-collapse > .panel-body { background-color: #2d2d2d !important; border-top-color: #4a9eff !important; color: #e0e0e0 !important; } .panel-success { background-color: #2d2d2d !important; border-color: #00d4ff !important; } .panel-success > .panel-heading { background-color: rgba(0, 212, 255, 0.2) !important; border-color: #00d4ff !important; color: #00d4ff !important; } .panel-success > .panel-heading + .panel-collapse > .panel-body { background-color: #2d2d2d !important; border-top-color: #00d4ff !important; } .panel-warning { background-color: #2d2d2d !important; border-color: #ffa726 !important; } .panel-warning > .panel-heading { background-color: rgba(255, 167, 38, 0.2) !important; border-color: #ffa726 !important; color: #ffa726 !important; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { background-color: #2d2d2d !important; border-top-color: #ffa726 !important; } .panel-danger { background-color: #2d2d2d !important; border-color: #ff6b6b !important; } .panel-danger > .panel-heading { background-color: rgba(255, 107, 107, 0.2) !important; border-color: #ff6b6b !important; color: #ff6b6b !important; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { background-color: #2d2d2d !important; border-top-color: #ff6b6b !important; } .panel-collapsable > .panel-heading { background-color: #3a3a3a !important; color: #ffffff !important; } .panel-collapsable > .panel-body { background-color: #2d2d2d !important; color: #e0e0e0 !important; } div[class*="panel"]:not(.panel-sidebar) { background-color: #205328!important; } section#header { background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%) !important; background-color: #6D28D9 !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; } @media (min-width: 992px) { section#header { min-height: 100px; overflow: visible !important; } section#header .container { min-height: 90px; overflow: visible; } section#header .logo { position: relative !important; display: inline-block !important; top: auto !important; left: auto !important; z-index: 3; } section#header .logo img { display: block !important; height: 80px !important; width: auto !important; max-width: 320px !important; } } section#header .logo-text { color: #ffffff !important; } section#header .search .form-control { background-color: #3a3a3a !important; border-color: #404040 !important; color: #e0e0e0 !important; } section#header .search .btn { background-color: #3a3a3a !important; border-color: #404040 !important; color: #b0b0b0 !important; } section#header .search .btn:hover { background-color: #4a4a4a !important; color: #ffffff !important; } ul.top-nav > li > a { color: #b0b0b0 !important; } ul.top-nav > li:active > a, ul.top-nav > li:focus > a, ul.top-nav > li:hover > a, ul.top-nav > li > a:focus { color: #ffffff !important; } ul.top-nav .nav-link-cart { position: relative; display: flex; align-items: center; justify-content: center; padding: 0.5rem; color: #b0b0b0 !important; text-decoration: none; border-radius: 6px; transition: all 0.3s ease; width: 40px; height: 40px; margin-right: 0.5rem; } ul.top-nav .nav-link-cart:hover { background-color: #3a3a3a !important; color: #4a9eff !important; transform: scale(1.1); } ul.top-nav .nav-link-cart i { font-size: 1.25rem; } ul.top-nav .cart-count { position: absolute; top: -2px; right: -2px; background: linear-gradient(135deg, #4a9eff 0%, #3a8eef 100%) !important; color: #ffffff !important; font-size: 0.7rem; font-weight: 700; padding: 0.15rem 0.4rem; border-radius: 10px; min-width: 18px; text-align: center; line-height: 1.2; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } ul.top-nav .cart-count:empty { display: none; } ul.top-nav > li.primary-action > a.nav-link-client.btn { background: linear-gradient(135deg, #4a9eff 0%, #3a8eef 100%) !important; color: #ffffff !important; border: none !important; border-radius: 6px !important; transition: all 0.3s ease !important; font-weight: 600 !important; padding: 0.75rem 1.5rem !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; } ul.top-nav > li.primary-action > a.nav-link-client.btn:hover { background: linear-gradient(135deg, #5aaeff 0%, #4a9eff 100%) !important; transform: translateY(-2px) !important; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; color: #ffffff !important; } ul.top-nav > li.primary-action > a.nav-link-client.btn i { font-size: 1rem; margin-right: 0.5rem; } ul.top-nav > li.primary-action > a.nav-link-client.btn .nav-link-text { display: inline-block; } ul.top-nav > li.primary-action > a.btn:not(.nav-link-client) { background-color: #3a3a3a !important; color: #b0b0b0 !important; border: 1px solid #404040 !important; border-radius: 6px !important; transition: all 0.3s ease !important; opacity: 0.8 !important; } ul.top-nav > li.primary-action > a.btn:not(.nav-link-client):hover { background-color: #4a4a4a !important; color: #ffffff !important; border-color: #505050 !important; opacity: 1 !important; transform: none !important; box-shadow: none !important; } ul.top-nav > li.account-menu-item { position: relative; } ul.top-nav > li.account-menu-item > a { color: #b0b0b0 !important; text-decoration: none; padding: 0.5rem 1rem !important; display: inline-block; transition: all 0.3s ease; border-radius: 6px !important; } ul.top-nav > li.account-menu-item > a:hover, ul.top-nav > li.account-menu-item > a:focus { color: #ffffff !important; background-color: #3a3a3a !important; } ul.top-nav > li.account-menu-item.open > a { color: #ffffff !important; background: linear-gradient(135deg, #4a9eff 0%, #3a8eef 100%) !important; font-weight: 600 !important; box-shadow: 0 4px 12px rgba(74, 158, 255, 0.4) !important; border: 1px solid #4a9eff !important; } ul.top-nav > li.account-menu-item .dropdown-menu { position: absolute; top: 100%; right: 0; left: auto; min-width: 200px; background-color: #2d2d2d !important; border: 1px solid #404040 !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important; margin-top: 5px; padding: 0.5rem 0; z-index: 1000; } ul.top-nav > li.account-menu-item .dropdown-menu > li > a { color: rgba(230, 230, 230, 1) !important; padding: 0.75rem 1.25rem; display: block; transition: all 0.2s ease; background-clip: unset !important; -webkit-background-clip: unset !important; } ul.top-nav > li.account-menu-item .dropdown-menu > li > a:hover, ul.top-nav > li.account-menu-item .dropdown-menu > li > a:focus { color: #ffffff !important; background-color: #3a3a3a !important; background-image: none !important; background-clip: unset !important; -webkit-background-clip: unset !important; } ul.top-nav > li.account-menu-item .dropdown-menu > li.divider { height: 1px !important; margin: 0.5rem 0 !important; overflow: hidden !important; background-color: #404040 !important; border: none !important; border-top: none !important; border-bottom: none !important; padding: 0 !important; width: 100% !important; display: block !important; background-image: none !important; background-clip: padding-box !important; } ul.top-nav > li.account-menu-item .dropdown-menu > li.divider::before, ul.top-nav > li.account-menu-item .dropdown-menu > li.divider::after { display: none !important; content: none !important; } ul.top-nav > li.account-menu-item .dropdown-menu > li.divider > a, ul.top-nav > li.account-menu-item .dropdown-menu > li[id*="Divider"] > a { display: block !important; height: 1px !important; padding: 0 !important; margin: 0 !important; background-color: #404040 !important; background-image: none !important; background-clip: unset !important; -webkit-background-clip: unset !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; overflow: hidden !important; pointer-events: none !important; cursor: default !important; border: none !important; } ul.top-nav > li.account-menu-item .dropdown-menu > li[menuItemName="Manage Sub-Accounts"], ul.top-nav > li.account-menu-item .dropdown-menu > li[menuItemName="Manage Contacts"], ul.top-nav > li.account-menu-item .dropdown-menu > li[menuItemName="Account Security"], ul.top-nav > li.account-menu-item .dropdown-menu > li[menuItemName="My Profile"], ul.top-nav > li.account-menu-item .dropdown-menu > li[menuItemName="Change Password"], ul.top-nav > li.account-menu-item .dropdown-menu > li[menuItemName="Security Settings"], ul.top-nav > li.account-menu-item .dropdown-menu > li[id*="Sub-Account"], ul.top-nav > li.account-menu-item .dropdown-menu > li[id*="Contact"], ul.top-nav > li.account-menu-item .dropdown-menu > li[id*="Security"] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } ul.top-nav > li.account-menu-item .dropdown-menu > li.divider > a:hover, ul.top-nav > li.account-menu-item .dropdown-menu > li.divider > a:focus, ul.top-nav > li.account-menu-item .dropdown-menu > li[id*="Divider"] > a:hover, ul.top-nav > li.account-menu-item .dropdown-menu > li[id*="Divider"] > a:focus { background-color: #404040 !important; background-image: none !important; background-clip: unset !important; -webkit-background-clip: unset !important; color: transparent !important; text-decoration: none !important; pointer-events: none !important; } .navbar-main { background: linear-gradient(135deg, #1E293B 0%, #334155 100%) !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important; min-height: 60px !important; padding: 8px 0 !important; display: flex !important; align-items: center !important; } .navbar-main .navbar-nav { display: flex !important; align-items: center !important; flex-wrap: wrap !important; margin-left: 20px !important; padding-left: 0 !important; } .navbar-main .navbar-nav > li { display: flex !important; align-items: center !important; height: auto !important; margin: 0 !important; padding: 0 !important; } .navbar-main li.account { background-color: #3a3a3a !important; display: flex !important; align-items: center !important; vertical-align: middle !important; margin: 0 !important; padding: 0 !important; } .navbar-main .navbar-nav > li > a { color: #e0e0e0 !important; font-size: 17px !important; font-weight: 500 !important; padding: 12px 16px !important; padding-top: 12px !important; padding-bottom: 12px !important; margin: 0 3px !important; border-radius: 8px !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; letter-spacing: 0.2px !important; position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1.4 !important; vertical-align: middle !important; height: auto !important; min-height: 44px !important; } .navbar-main li.account > a { padding: 12px 16px !important; padding-top: 12px !important; padding-bottom: 12px !important; margin: 0 3px !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1.4 !important; vertical-align: middle !important; height: auto !important; min-height: 44px !important; font-size: 17px !important; font-weight: 500 !important; color: #e0e0e0 !important; } .navbar-main .navbar-nav > li > a:hover, .navbar-main .navbar-nav > li > a:focus, .navbar-main .navbar-nav > .active > a, .navbar-main .navbar-nav > .active > a:hover, .navbar-main .navbar-nav > .active > a:focus, .navbar-main .navbar-nav > .open > a, .navbar-main .navbar-nav > .open > a:hover, .navbar-main .navbar-nav > .open > a:focus { color: #ffffff !important; background: linear-gradient(135deg, #7C3AED 0%, #0EA5E9 100%) !important; border-radius: 8px !important; box-shadow: 0 4px 12px rgba(74, 158, 255, 0.3) !important; transform: none !important; } section#main-menu .navbar-main .navbar-nav > li > a:hover, section#main-menu .navbar-main .navbar-nav > li > a:focus, section#main-menu .navbar-main .navbar-nav > .open > a, section#main-menu .navbar-main .navbar-nav > .open > a:hover, section#main-menu .navbar-main .navbar-nav > .open > a:focus { color: #0f172a !important; text-shadow: none !important; } section#main-menu .navbar-main .navbar-nav > li.dropdown.open > a .caret, section#main-menu .navbar-main .navbar-nav > li.open > a .caret { border-top-color: #0f172a !important; } .navbar-main li.account > a:hover, .navbar-main li.account > a:focus, .navbar-main li.account.open > a, .navbar-main li.account.open > a:hover, .navbar-main li.account.open > a:focus { color: #ffffff !important; background: linear-gradient(135deg, #7C3AED 0%, #0EA5E9 100%) !important; border-radius: 8px !important; box-shadow: 0 4px 12px rgba(74, 158, 255, 0.3) !important; transform: none !important; } .navbar-main .dropdown-menu { background-color: #1E293B !important; border: 1px solid rgba(124, 58, 237, 0.3) !important; border-radius: 12px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important; padding: 8px 0 !important; margin-top: 8px !important; min-width: 220px !important; animation: fadeInDown 0.3s ease-out !important; } @keyframes fadeInDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .navbar-main .navbar-nav .dropdown-menu > li > a { color: #e0e0e0 !important; font-size: 16px !important; font-weight: 400 !important; padding: 12px 24px !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; border-radius: 0 !important; margin: 2px 8px !important; border-radius: 6px !important; } .navbar-main .navbar-nav .dropdown-menu > li > a:hover, .navbar-main .navbar-nav .dropdown-menu > li > a:focus, .navbar-main .navbar-nav .dropdown-menu > .active > a, .navbar-main .navbar-nav .dropdown-menu > .active > a:hover, .navbar-main .navbar-nav .dropdown-menu > .active > a:focus, .navbar-main .navbar-nav .dropdown-menu > .open > a, .navbar-main .navbar-nav .dropdown-menu > .open > a:hover, .navbar-main .navbar-nav .dropdown-menu > .open > a:focus { color: #ffffff !important; background: linear-gradient(135deg, #7C3AED 0%, #0EA5E9 100%) !important; padding-left: 28px !important; box-shadow: 0 2px 8px rgba(74, 158, 255, 0.2) !important; } .navbar-main .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #ffffff !important; background: linear-gradient(135deg, #4a9eff 0%, #3a8eef 100%) !important; } @media (max-width: 767px) { .navbar-main .navbar-nav .open .dropdown-menu > li > a { color: #e0e0e0 !important; } .navbar-main .navbar-nav .open .dropdown-menu > li > a:hover { color: #ffffff !important; background-color: #4a9eff !important; } } section#main-menu { background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%) !important; border-bottom: 1px solid #404040 !important; } section#main-menu .container, section#main-menu .container-fluid { display: flex !important; align-items: center !important; justify-content: space-between !important; } section#main-menu .navbar { display: flex !important; align-items: center !important; width: 100% !important; } section#main-body { background-color: #1a1a1a !important; } .main-content { background-color: #1a1a1a !important; } a { color: #4a9eff !important; transition: color 0.3s ease !important; } a:hover, a:focus { color: #00d4ff !important; text-decoration: none !important; } a:has(img), a:has(picture), a.logo, .footer-logo a { -webkit-tap-highlight-color: transparent; } a:has(img):focus, a:has(img):active, a:has(img):focus-visible, a:has(picture):focus, a:has(picture):active, a:has(picture):focus-visible, a.logo:focus, a.logo:active, a.logo:focus-visible, .footer-logo a:focus, .footer-logo a:active, .footer-logo a:focus-visible { outline: none !important; box-shadow: none !important; } a:has(img) img, a:has(picture) img, a.logo img, .footer-logo img { outline: none !important; } h1, h2, h3, h4, h5, h6 { color: #111010 !important; } .hero-carousel h1, .hero-slide h1, .hero-carousel .hero-slide h1, .hero-carousel h2.h1, .hero-slide h2.h1, .hero-slide .hero-slide-title, .hero-carousel .hero-slide h2.h1, .hero-slide .hero-slide-title, .hero-carousel .hero-slide-title, .hero-slide .hero-slide-title { color: #ffffff !important; font-weight: 800 !important; text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2) !important; font-size: clamp(2.5rem, 5vw, 4rem) !important; line-height: 1.2 !important; letter-spacing: -0.5px !important; margin-bottom: 1.75rem !important; min-height: 80px; } .hero-carousel .lead, .hero-slide .lead { color: rgba(255, 255, 255, 0.95) !important; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important; min-height: 60px; } .hero-slide .btn-primary i, .hero-slide .btn-primary .fa, .hero-slide .btn-primary .fas, .hero-slide .btn-primary .fab, .hero-carousel .btn-primary i, .hero-carousel .btn-primary .fa, .hero-carousel .btn-primary .fas, .hero-carousel .btn-primary .fab { color: inherit !important; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) !important; } .hero-image-overlay h3, .hero-image-overlay h1, .hero-image-overlay h2, .hero-image-overlay h4, .hero-image-overlay h5, .hero-image-overlay h6 { color: #ffffff !important; font-weight: 800 !important; text-shadow: 0 4px 15px rgba(0, 0, 0, 0.6), 0 2px 5px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 0, 0, 0.3) !important; line-height: 1.2 !important; letter-spacing: -0.5px !important; } .hero-image-overlay p { color: rgba(255, 255, 255, 0.98) !important; text-shadow: 0 3px 8px rgba(0, 0, 0, 0.6), 0 1px 3px rgba(0, 0, 0, 0.4) !important; font-weight: 400 !important; } div.header-lined h1 { color: #4a9eff !important; border-bottom-color: #404040 !important; } .pricing-carousel-container { padding-top: 30px !important; padding-bottom: 30px !important; overflow: visible !important; } .pricing-carousel-wrapper { overflow: visible !important; } .pricing-carousel { overflow-x: hidden !important; overflow-y: visible !important; } .pricing-carousel-track { overflow-x: auto !important; overflow-y: visible !important; padding-top: 20px !important; padding-bottom: 20px !important; scroll-behavior: smooth !important; } .pricing-carousel-slide { overflow: visible !important; } .pricing-card-featured { overflow: visible !important; margin-top: 20px !important; margin-bottom: 20px !important; } .pricing-badge-featured { position: absolute !important; top: -12px !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 30 !important; white-space: nowrap !important; } .pricing-card { margin-top: 8px !important; margin-bottom: 8px !important; } .pricing-card:hover { transform: translateY(-8px) !important; z-index: 10 !important; position: relative !important; } .pricing-card-dotnet { border-top: 3px solid #0078D4 !important; } .pricing-card-dotnet:hover { border-top-color: #005A9E !important; box-shadow: 0 8px 25px rgba(0, 120, 212, 0.25) !important; } .pricing-icon-dotnet { background: linear-gradient(135deg, #0078D4 0%, #005A9E 100%) !important; color: #ffffff !important; } .pricing-icon-dotnet i { color: #ffffff !important; } .pricing-card-dotnet .pricing-header { border-bottom: 1px solid rgba(0, 120, 212, 0.1) !important; } .pricing-card-dotnet .btn-outline-primary { border-color: #0078D4 !important; color: #0078D4 !important; } .pricing-card-dotnet .btn-outline-primary:hover { background-color: #0078D4 !important; border-color: #0078D4 !important; color: #ffffff !important; } .pricing-card-dotnet .pricing-features li i { color: #0078D4 !important; } .pricing-iva-disclaimer { font-size: 0.875rem; color: var(--gray-600, #475569); text-align: center; display: block; visibility: visible; } .domain-cta-content { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding-top: 1rem !important; } .domain-cta-icon { margin-top: 1.5rem !important; margin-bottom: 2rem !important; margin-left: auto !important; margin-right: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } .domain-search-hero { background: linear-gradient(135deg, #EDE9FE 0%, #F5F3FF 50%, #f8fafc 100%) !important; } .domain-search-hero .section-title, .domain-search-hero .section-title.text-white { color: #1E293B !important; background: none !important; -webkit-background-clip: unset !important; -webkit-text-fill-color: #1E293B !important; background-clip: unset !important; } .domain-search-hero .section-subtitle, .domain-search-hero .section-subtitle.text-white-50 { color: #475569 !important; } .domain-search-input { color: #1E293B !important; } .domain-search-input::placeholder { color: #94a3b8 !important; } .domain-search-icon-left { color: #7C3AED !important; } .domain-search-button { background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%) !important; box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3) !important; } .domain-search-button:hover { background: linear-gradient(135deg, #6D28D9 0%, #5B21B6 100%) !important; box-shadow: 0 6px 20px rgba(124, 58, 237, 0.4) !important; } .section-title.domain-pricing-title, .domain-pricing-title { background: none !important; -webkit-background-clip: unset !important; -webkit-text-fill-color: #7C3AED !important; color: #7C3AED !important; background-clip: unset !important; } .domain-pricing-container { margin-top: 1rem !important; } .domain-pricing-wrapper table tbody { gap: 1rem !important; justify-content: center !important; } .domain-pricing-wrapper table tbody tr { flex: 0 0 calc(25% - 0.75rem) !important; max-width: calc(25% - 0.75rem) !important; min-height: 160px !important; padding-bottom: 2.5rem !important; } .domain-pricing-wrapper table tbody tr:hover { border-color: rgba(124, 58, 237, 0.4) !important; } .domain-pricing-wrapper table tbody tr td { padding: 1rem !important; font-size: 0.95rem !important; } .domain-pricing-wrapper table tbody tr td:nth-child(2) { background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%) !important; color: #ffffff !important; } .domain-pricing-wrapper table tbody tr td:nth-child(3) strong { color: #7C3AED !important; } .domain-pricing-wrapper table tbody tr td:nth-child(3):before { color: #475569 !important; } .domain-card-search-btn { background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%) !important; } .domain-card-search-btn:hover { background: linear-gradient(135deg, #6D28D9 0%, #5B21B6 100%) !important; } .domain-pricing-wrapper { overflow: visible !important; padding-top: 1rem !important; } .domain-pricing-wrapper table tbody { overflow: visible !important; } .domain-pricing-search-btn { background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%) !important; } .domain-pricing-search-btn:hover { background: linear-gradient(135deg, #6D28D9 0%, #5B21B6 100%) !important; } @media (max-width: 992px) { .domain-pricing-wrapper table tbody tr { flex: 0 0 calc(33.333% - 0.67rem) !important; max-width: calc(33.333% - 0.67rem) !important; } } @media (max-width: 768px) { .domain-pricing-wrapper table tbody tr { flex: 0 0 calc(50% - 0.5rem) !important; max-width: calc(50% - 0.5rem) !important; } } @media (max-width: 480px) { .domain-pricing-wrapper table tbody { flex-direction: column !important; align-items: center !important; } .domain-pricing-wrapper table tbody tr { flex: 0 0 100% !important; max-width: 280px !important; } } .feature-card p { color: #475569 !important; font-size: 0.95rem !important; line-height: 1.5 !important; } .feature-icon { background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%) !important; } .feature-card h4 { color: #7C3AED !important; } .benefit-card p { color: #475569 !important; font-size: 0.95rem !important; line-height: 1.5 !important; } .benefit-card { border-left-color: #7C3AED !important; } .benefit-icon { background: #7C3AED !important; } .benefit-card h4 { color: #7C3AED !important; } section:has(#domainFAQ) .row, section:has(#transferFAQ) .row, section:has(#webmasterFAQ) .row { justify-content: center !important; } .section.bg-light .row .col-lg-8.mx-auto, .section.bg-white .row .col-lg-8.mx-auto { margin-left: auto !important; margin-right: auto !important; } #domainFAQ, #transferFAQ, .accordion[id$="FAQ"] { max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; } .accordion-item .accordion-button { color: #7C3AED !important; } .accordion-item .accordion-button:not(.collapsed) { background: #7C3AED !important; color: #ffffff !important; } .accordion-body { color: #475569 !important; } .service-card { color: #475569 !important; background: #ffffff !important; padding: 2rem 2.5rem !important; border-radius: 20px !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04) !important; } .service-card p, .service-card .lead { color: #475569 !important; } .service-card h3, .service-card h4, .service-card h5 { color: #1E293B !important; } .service-card strong { color: #1E293B !important; } .service-card li, .service-card ul li { color: #475569 !important; } .domain-cta-section { background: linear-gradient(135deg, #EDE9FE 0%, #F5F3FF 50%, #f8fafc 100%) !important; } .domain-cta-section::before { opacity: 0 !important; } .domain-cta-icon { background: rgba(124, 58, 237, 0.15) !important; border-color: rgba(124, 58, 237, 0.3) !important; color: #7C3AED !important; } section.domain-cta-section .domain-cta-title, .domain-cta-title { color: #1E293B !important; -webkit-text-fill-color: #1E293B !important; background: none !important; -webkit-background-clip: unset !important; text-shadow: none !important; } section.domain-cta-section .domain-cta-subtitle, .domain-cta-subtitle { color: #475569 !important; text-shadow: none !important; } .domain-cta-button { background: #7C3AED !important; color: #ffffff !important; border-color: #7C3AED !important; } .domain-cta-button:hover { background: #6D28D9 !important; color: #ffffff !important; border-color: #6D28D9 !important; } #scroll-to-top, .scroll-to-top-btn, #scroll-top-btn, .scroll-top-button { background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%) !important; background-color: #1e40af !important; color: #ffffff !important; border: none !important; box-shadow: 0 4px 15px rgba(30, 64, 175, 0.4) !important; } #scroll-to-top:hover, .scroll-to-top-btn:hover, #scroll-top-btn:hover, .scroll-top-button:hover, .scroll-top-button.visible:hover { background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%) !important; background-color: #1e3a8a !important; color: #ffffff !important; box-shadow: 0 6px 20px rgba(30, 64, 175, 0.6) !important; } #scroll-to-top:active, .scroll-to-top-btn:active, #scroll-top-btn:active, .scroll-top-button:active { background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%) !important; background-color: #1e3a8a !important; color: #ffffff !important; } #scroll-to-top i, .scroll-to-top-btn i, #scroll-top-btn i, .scroll-top-button i { color: #ffffff !important; } .ssl-certificate-card, .l-certificate-card { overflow: hidden !important; min-width: 0 !important; } .ssl-certificate-action, .l-certificate-action { min-width: 0 !important; flex-shrink: 1 !important; max-width: 100% !important; } .ssl-buy-button, .l-buy-button, .btn.ssl-buy-button { min-width: 0 !important; max-width: 100% !important; white-space: normal !important; word-wrap: break-word !important; overflow-wrap: break-word !important; box-sizing: border-box !important; } @media (min-width: 993px) and (max-width: 1200px) { .ssl-certificate-card, .l-certificate-card { gap: 1rem !important; padding: 1.5rem !important; } .ssl-certificate-header { flex: 0 0 240px !important; min-width: 0 !important; } .ssl-certificate-features { flex: 1 1 auto !important; min-width: 0 !important; padding: 0 0.5rem !important; } .ssl-certificate-pricing { flex: 0 0 160px !important; min-width: 0 !important; } .ssl-certificate-action, .l-certificate-action { flex: 0 0 150px !important; min-width: 0 !important; max-width: 150px !important; } .ssl-buy-button, .l-buy-button, .btn.ssl-buy-button { width: 100% !important; padding: 0.75rem 1rem !important; font-size: 0.9rem !important; } } @media (min-width: 1201px) and (max-width: 1400px) { .ssl-certificate-action, .l-certificate-action { flex: 0 0 170px !important; min-width: 0 !important; } } div.header-lined .breadcrumb li a { color: #b0b0b0 !important; } div.header-lined .breadcrumb > .active { color: #4a9eff !important; } .accordion-collapse { display: block !important; } .accordion-collapse.collapse { display: none !important; } .accordion-collapse.collapse.show { display: block !important; } .accordion-body { display: block !important; visibility: visible !important; opacity: 1 !important; } .accordion-collapse.collapse.show .accordion-body { display: block !important; visibility: visible !important; opacity: 1 !important; } .accordion-collapse.collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } .panel { background-color: #2d2d2d !important; border-color: #404040 !important; color: #e0e0e0 !important; } .panel-heading { background-color: #3a3a3a !important; border-bottom-color: #404040 !important; color: #ffffff !important; } .panel-title { color: #ffffff !important; } .panel-title a { color: #ffffff !important; } .panel-title i { color: #4a9eff !important; } .panel-body { background-color: #2d2d2d !important; color: #e0e0e0 !important; } .panel-body p, .panel-body div, .panel-body span, .panel-body label { color: #e0e0e0 !important; } .panel-footer { background-color: #3a3a3a !important; border-top-color: #404040 !important; color: #e0e0e0 !important; } .panel.panel-default, .panel.panel-info, .panel.panel-success, .panel.panel-warning, .panel.panel-danger { background-color: #205328 !important; } .panel.panel-default .panel-body, .panel.panel-info .panel-body, .panel.panel-success .panel-body, .panel.panel-warning .panel-body, .panel.panel-danger .panel-body { background-color: #205328 !important; color: #e0e0e0 !important; } .panel-sidebar { border-color: #404040 !important; background-color: #2d2d2d !important; } .panel-sidebar > .panel-heading { background-color: #3a3a3a !important; color: #ffffff !important; border-bottom-color: #404040 !important; } .panel-sidebar .panel-title { color: #ffffff !important; } .panel-sidebar > .panel-footer { background-color: #3a3a3a !important; border-top-color: #404040 !important; color: #e0e0e0 !important; } .list-group-item { background-color: #2d2d2d !important; border-color: #404040 !important; color: #e0e0e0 !important; } .list-group-item:hover { background-color: #3a3a3a !important; } .list-group-item .badge { background-color: #4a9eff !important; color: #ffffff !important; } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { background-color: #4a9eff !important; border-color: #4a9eff !important; color: #ffffff !important; } .panel-sidebar .list-group-item { background-color: transparent !important; border-color: #404040 !important; color: #e0e0e0 !important; } .panel-sidebar .list-group-item:hover { background-color: #3a3a3a !important; } .panel-sidebar a.list-group-item.active, .panel-sidebar a.list-group-item.active:focus, .panel-sidebar a.list-group-item.active:hover { background-color: #4a9eff !important; border-color: #4a9eff !important; color: #ffffff !important; } .panel-sidebar a.list-group-item.active i, .panel-sidebar a.list-group-item.active:focus i, .panel-sidebar a.list-group-item.active:hover i { color: #ffffff !important; } .btn { border-radius: 6px !important; transition: all 0.3s ease !important; } .btn-default { background-color: #3a3a3a !important; border-color: #404040 !important; color: #e0e0e0 !important; } .btn-default:hover, .btn-default:focus { background-color: #4a4a4a !important; border-color: #505050 !important; color: #ffffff !important; } .btn-primary { background: linear-gradient(135deg, #4a9eff 0%, #3a8eef 100%) !important; border-color: #4a9eff !important; color: #ffffff !important; box-shadow: 0 2px 8px rgba(74, 158, 255, 0.3) !important; } .btn-primary:hover, .btn-primary:focus { background: linear-gradient(135deg, #3a8eef 0%, #2a7edf 100%) !important; border-color: #3a8eef !important; transform: translateY(-1px) !important; box-shadow: 0 4px 12px rgba(74, 158, 255, 0.4) !important; } .btn-success { background: linear-gradient(135deg, #00d4ff 0%, #00b4df 100%) !important; border-color: #00d4ff !important; color: #ffffff !important; font-weight: 600 !important; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important; letter-spacing: 0.3px !important; } .btn-success:hover { background: linear-gradient(135deg, #00b4df 0%, #0094bf 100%) !important; border-color: #00b4df !important; color: #ffffff !important; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important; } button.btn-success, input[type="submit"].btn-success, input[type="button"].btn-success, a.btn-success, .btn-success, .btn-success:visited, .btn-success:active, .btn-success:focus { color: #ffffff !important; font-weight: 600 !important; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important; letter-spacing: 0.3px !important; } .btn-success *, .btn-success span, .btn-success text, .btn-success::before, .btn-success::after { color: #ffffff !important; } .btn-success i, .btn-success .fa, .btn-success .fas, .btn-success .far { color: #ffffff !important; opacity: 1 !important; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)) !important; } .panel-danger .panel-footer .btn-success, .panel.panel-danger .panel-footer .btn-success, .panel-footer .col-button-left .btn-success { text-shadow: none !important; -webkit-font-smoothing: subpixel-antialiased !important; -moz-osx-font-smoothing: auto !important; } .panel-danger .panel-footer .btn-success:hover, .panel.panel-danger .panel-footer .btn-success:hover { text-shadow: none !important; } .btn-action { background-color: #7c3aed !important; border-color: #7c3aed !important; color: #ffffff !important; } .btn-action:hover { background-color: #6c2add !important; border-color: #6c2add !important; } .form-control { background-color: #3a3a3a !important; border-color: #404040 !important; color: #e0e0e0 !important; } .form-control:focus { background-color: #3a3a3a !important; border-color: #4a9eff !important; color: #ffffff !important; box-shadow: 0 0 0 3px rgba(74, 158, 255, 0.1) !important; } .form-control::placeholder { color: #808080 !important; } .input-group-addon { background-color: #3a3a3a !important; border-color: #404040 !important; color: #b0b0b0 !important; } .table { background-color: #2d2d2d !important; color: #e0e0e0 !important; } .table > thead > tr > th { background-color: #3a3a3a !important; border-bottom-color: #404040 !important; color: #ffffff !important; } .table > tbody > tr > td { border-top-color: #404040 !important; color: #e0e0e0 !important; } .table > tbody > tr:hover > td { background-color: #3a3a3a !important; } .table-list > tbody > tr > td { background-color: #2d2d2d !important; } .table-list > tbody > tr:nth-child(even) > td { background-color: #252525 !important; } .dataTables_wrapper .dataTables_info { background-color: #3a3a3a !important; border-color: #404040 !important; color: #e0e0e0 !important; } .dataTables_wrapper table.table-list thead th { border-bottom-color: #4a9eff !important; } .dataTables_wrapper .dataTables_length { background-color: #2d2d2d !important; color: #b0b0b0 !important; } .dataTables_wrapper .dataTables_filter label .form-control { background-color: #3a3a3a !important; border-color: #404040 !important; color: #e0e0e0 !important; } #main-body .dataTables_wrapper .dataTables_filter { margin: 0 0 12px !important; } #main-body .dataTables_wrapper .dataTables_filter label { position: relative !important; display: inline-block !important; margin: 0 !important; font-weight: 600 !important; color: #e0e0e0 !important; } #main-body .dataTables_wrapper .dataTables_filter label::before { content: "\f002" !important; font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome !important; font-weight: 900 !important; font-style: normal !important; font-size: 15px !important; line-height: 1 !important; color: #4a9eff !important; position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 2 !important; pointer-events: none !important; background: none !important; box-shadow: none !important; } #main-body .dataTables_wrapper .dataTables_filter input, #main-body .dataTables_wrapper .dataTables_filter input.form-control, #main-body .dataTables_wrapper .dataTables_filter label .form-control { width: 260px !important; max-width: 100% !important; min-height: 40px !important; font-size: 15px !important; line-height: 1.4 !important; padding: 8px 12px 8px 40px !important; margin: 0 !important; background-color: #2a2a2a !important; background-image: none !important; border: 2px solid #4a9eff !important; border-radius: 8px !important; color: #f8fafc !important; -webkit-appearance: none !important; appearance: none !important; } #main-body .dataTables_wrapper .dataTables_filter input::-webkit-search-decoration, #main-body .dataTables_wrapper .dataTables_filter input::-webkit-search-cancel-button, #main-body .dataTables_wrapper .dataTables_filter input::-webkit-search-results-button, #main-body .dataTables_wrapper .dataTables_filter input::-webkit-search-results-decoration { -webkit-appearance: none !important; appearance: none !important; display: none !important; width: 0 !important; height: 0 !important; } #main-body .dataTables_wrapper .dataTables_filter input::placeholder, #main-body .dataTables_wrapper .dataTables_filter input.form-control::placeholder { color: #94a3b8 !important; opacity: 1 !important; } #main-body .dataTables_wrapper .dataTables_filter input:focus, #main-body .dataTables_wrapper .dataTables_filter input.form-control:focus { border-color: #7dd3fc !important; background-color: #333333 !important; background-image: none !important; color: #ffffff !important; outline: none !important; box-shadow: 0 0 0 3px rgba(74, 158, 255, 0.25) !important; } #main-body .dataTables_wrapper .dataTables_filter label:focus-within::before { color: #7dd3fc !important; } #main-body #tableServicesList_wrapper .dataTables_filter { float: none !important; text-align: right !important; clear: both !important; } #main-body .table-container #tableServicesList_wrapper .listtable { overflow-x: auto !important; overflow-y: visible !important; -webkit-overflow-scrolling: touch !important; max-width: 100% !important; } #main-body .table-container, #main-body .table-responsive, #main-body .dataTables_wrapper, #main-body .dataTables_wrapper .listtable { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } #main-body .table-container, #main-body .table-responsive, #main-body .dataTables_wrapper .listtable { overflow-x: auto !important; overflow-y: visible !important; -webkit-overflow-scrolling: touch !important; } #main-body table.dataTable > tbody > tr.child { background-color: #252525 !important; } #main-body table.dataTable > tbody > tr.child ul.dtr-details { width: 100% !important; display: block !important; } #main-body table.dataTable > tbody > tr.child ul.dtr-details > li { border-bottom: 1px solid #404040 !important; padding: 10px 8px !important; color: #e0e0e0 !important; } #main-body table.dataTable > tbody > tr.child span.dtr-title { color: #94a3b8 !important; font-weight: 600 !important; min-width: 40% !important; } #main-body table.dataTable > tbody > tr.child span.dtr-data { color: #f8fafc !important; } #main-body table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, #main-body table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before, #main-body table.dataTable.dtr-column > tbody > tr > td.control:before, #main-body table.dataTable.dtr-column > tbody > tr > th.control:before { background-color: #4a9eff !important; border: none !important; box-shadow: none !important; } @media (max-width: 991px) { #main-body { max-width: none !important; width: 100% !important; overflow-x: visible !important; box-sizing: border-box !important; } #main-body .main-content, #main-body .primary-content { max-width: none !important; overflow-x: visible !important; } html, body { overflow-x: hidden !important; max-width: 100% !important; } #main-body .table-container, #main-body .table-responsive, #main-body .dataTables_wrapper .listtable { display: block !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; } #main-body .dataTables_wrapper { overflow: visible !important; max-width: 100% !important; } #main-body .dataTables_wrapper table.table, #main-body .dataTables_wrapper table.table-list, #main-body .table-container table.table, #main-body .table-container table.table-list, #main-body .table-responsive > table { width: max-content !important; min-width: 720px !important; max-width: none !important; margin-bottom: 0 !important; table-layout: auto !important; } #main-body #tableDomainsList, #main-body #tableServicesList, #main-body #tableTicketsList, #main-body #tableInvoicesList { min-width: 820px !important; } #main-body .dataTables_wrapper .dataTables_filter, #main-body .dataTables_wrapper .dataTables_info, #main-body .dataTables_wrapper .dataTables_paginate, #main-body .dataTables_wrapper .dataTables_length { float: none !important; text-align: left !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } #main-body .dataTables_wrapper .dataTables_filter input, #main-body .dataTables_wrapper .dataTables_filter input.form-control, #main-body .dataTables_wrapper .dataTables_filter label .form-control { width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } #main-body .dataTables_wrapper table.table th, #main-body .dataTables_wrapper table.table td, #main-body .dataTables_wrapper table.table-list th, #main-body .dataTables_wrapper table.table-list td, #main-body .table-container table.table th, #main-body .table-container table.table td, #main-body .table-container table.table-list th, #main-body .table-container table.table-list td { white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; vertical-align: middle !important; padding-left: 12px !important; padding-right: 12px !important; } #main-body table.dataTable > tbody > tr.child td, #main-body table.dataTable > tbody > tr.child ul.dtr-details, #main-body table.dataTable > tbody > tr.child span.dtr-data { white-space: normal !important; word-break: break-word !important; } } @media (max-width: 767px) { #main-body .dataTables_wrapper .dataTables_filter { text-align: left !important; width: 100% !important; } #main-body .dataTables_wrapper .dataTables_filter input, #main-body .dataTables_wrapper .dataTables_filter input.form-control, #main-body .dataTables_wrapper .dataTables_filter label .form-control { width: 100% !important; min-width: 0 !important; max-width: 100% !important; } } .pagination > li > a, .pagination > li > span { background-color: #3a3a3a !important; border-color: #404040 !important; color: #e0e0e0 !important; } .pagination > li > a:hover, .pagination > li > span:hover { background-color: #4a4a4a !important; border-color: #505050 !important; color: #ffffff !important; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #4a9eff !important; border-color: #4a9eff !important; color: #ffffff !important; } section#home-banner { background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%) !important; color: #ffffff !important; } section#home-banner .tooltip-inner { background-color: #4a9eff !important; } section#home-banner .tooltip.left .tooltip-arrow { border-left-color: #4a9eff !important; } section#home-banner .tooltip.bottom .tooltip-arrow { border-bottom-color: #4a9eff !important; } section#home-banner .tooltip.right .tooltip-arrow { border-right-color: #4a9eff !important; } section#home-banner .btn.search { background-color: #4a9eff !important; } section#home-banner .btn.search:hover { background-color: #3a8eef !important; } section#home-banner .btn.transfer { background-color: #3a3a3a !important; } section#home-banner .btn.transfer:hover { background-color: #4a4a4a !important; } .home-shortcuts { background: linear-gradient(135deg, #4a9eff 0%, #3a8eef 100%) !important; color: #ffffff !important; } .home-shortcuts li { border-right-color: rgba(255, 255, 255, 0.2) !important; } .home-shortcuts li:first-child { border-left-color: rgba(255, 255, 255, 0.2) !important; } .home-shortcuts li:hover { background-color: rgba(255, 255, 255, 0.1) !important; } @media (max-width: 767px) { .home-shortcuts li { border-bottom-color: rgba(255, 255, 255, 0.2) !important; } } .tiles .tile { background-color: #2d2d2d !important; border-right-color: #404040 !important; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease, background-color 0.3s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; border-radius: 8px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important; transform-origin: center center !important; will-change: transform, box-shadow !important; } .tiles .tile::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: linear-gradient(135deg, rgba(74, 158, 255, 0.1) 0%, rgba(0, 212, 255, 0.05) 100%) !important; opacity: 0 !important; transition: opacity 0.3s ease !important; z-index: 0 !important; border-radius: 8px !important; } .tiles .tile:hover { background-color: #3a3a3a !important; transform: translateY(-6px) !important; box-shadow: 0 10px 25px rgba(74, 158, 255, 0.35) !important; border-color: #4a9eff !important; z-index: 10 !important; } .tiles .tile:hover::before { opacity: 1 !important; } .tiles .tile a { position: relative !important; z-index: 1 !important; display: block !important; text-decoration: none !important; } .tile .icon { color: #4a9eff !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; position: relative !important; z-index: 1 !important; } .tiles .tile:hover .icon { color: #00d4ff !important; transform: scale(1.15) rotate(5deg) !important; filter: drop-shadow(0 4px 8px rgba(0, 212, 255, 0.5)) !important; } .tile .title { color: #b0b0b0 !important; transition: all 0.3s ease !important; position: relative !important; z-index: 1 !important; } .tiles .tile:hover .title { color: #ffffff !important; font-weight: 600 !important; } .tile .stat { color: #ffffff !important; transition: all 0.3s ease !important; position: relative !important; z-index: 1 !important; } .tiles .tile:hover .stat { color: #4a9eff !important; font-weight: 700 !important; text-shadow: 0 0 10px rgba(74, 158, 255, 0.5) !important; } .tiles .tile .highlight { transition: all 0.3s ease !important; position: relative !important; z-index: 1 !important; } .tiles .tile:hover .highlight { height: 3px !important; box-shadow: 0 2px 8px rgba(74, 158, 255, 0.6) !important; } .client-home-panels { width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; } .client-home-panels .row { margin: 0 !important; width: 100% !important; box-sizing: border-box !important; } .client-home-panels-ordered { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 15px !important; overflow-x: hidden !important; } .client-home-panels .panel { margin-bottom: 25px !important; margin-left: 0 !important; margin-right: 0 !important; order: 999 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .client-home-panels .panel[menuItemName="Services"], .client-home-panels .panel[menuItemName="services"], .client-home-panels .panel[menuItemName="Active Products/Services"], .client-home-panels .panel.client-home-panel-services { order: 1 !important; } .client-home-panels .panel[menuItemName="Active Addons"], .client-home-panels .panel[menuItemName="activeaddons"], .client-home-panels .panel.client-home-panel-addons { order: 2 !important; } .client-home-panels .panel[menuItemName="Support Tickets"], .client-home-panels .panel[menuItemName="supporttickets"] { order: 3 !important; } .client-home-panels .panel[menuItemName="Register Domain"], .client-home-panels .panel[menuItemName="registerdomain"] { order: 4 !important; } .client-home-panels .panel[menuItemName="Announcements"], .client-home-panels .panel[menuItemName="announcements"] { order: 5 !important; } .client-home-panels .panel > .panel-heading { background-color: #3a3a3a !important; border-bottom-color: #404040 !important; padding: 15px !important; box-sizing: border-box !important; } .client-home-panels .panel > .panel-body { background-color: #2d2d2d !important; padding: 15px !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; } .client-home-panels .panel > .list-group { border-top-color: #404040 !important; border-bottom-color: #404040 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .client-home-panels .panel > .list-group .list-group-item { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; overflow-x: hidden !important; word-wrap: break-word !important; overflow-wrap: break-word !important; } .client-home-panels .panel small { color: #b0b0b0 !important; } .client-home-panels .panel * { max-width: 100% !important; box-sizing: border-box !important; } .client-home-panels .list-group-item.client-home-addon-item .badge, .client-home-panels .list-group-item.client-home-service-item .badge { float: right; margin-top: 4px; font-weight: 600; padding: 4px 10px; background-color: #4a9eff !important; color: #ffffff !important; opacity: 1 !important; } .client-home-panels .list-group-item.status-active .badge { background-color: #4a9eff !important; color: #ffffff !important; opacity: 1 !important; } .client-home-panels .list-group-item.status-pending .badge { background-color: #ffc107 !important; color: #1a1a1a !important; } .client-home-panels .list-group-item.status-suspended .badge { background-color: #ffa726 !important; color: #1a1a1a !important; } .client-addons-list { margin-top: 30px; } .client-addons-list-title { margin: 0 0 8px 0; font-size: 20px; font-weight: 600; } .client-addons-list-title .badge { vertical-align: middle; margin-left: 6px; } .client-addons-list-intro { margin-bottom: 15px; opacity: 0.85; } .product-addons-overview { margin: 20px 0 10px 0; } .product-addons-overview-title { margin: 0 0 12px 0; font-size: 16px; font-weight: 600; } .product-addons-overview .list-group-item { overflow: hidden; } .home-kb-search { margin: 20px 0 25px 0 !important; padding: 0 15px !important; width: 100% !important; box-sizing: border-box !important; position: relative !important; } .home-kb-search .form-control, .home-kb-search .form-control.input-lg, .home-kb-search input[type="text"], .home-kb-search input[name="search"] { background: linear-gradient(135deg, #2d2d2d 0%, #3a3a3a 100%) !important; border: 3px solid rgba(74, 158, 255, 0.3) !important; border-radius: 20px !important; color: #ffffff !important; font-size: 22px !important; font-weight: 500 !important; padding: 20px 60px 20px 60px !important; height: auto !important; min-height: 65px !important; line-height: 1.5 !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(74, 158, 255, 0.1) inset, 0 4px 16px rgba(74, 158, 255, 0.15) !important; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; position: relative !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; overflow: visible !important; } .home-kb-search .form-control::placeholder, .home-kb-search input::placeholder { color: #b0b0b0 !important; font-size: 20px !important; font-weight: 400 !important; opacity: 0.8 !important; } .home-kb-search .form-control:focus, .home-kb-search input[type="text"]:focus, .home-kb-search input[name="search"]:focus { background: linear-gradient(135deg, #3a3a3a 0%, #2d2d2d 100%) !important; border-color: #4a9eff !important; border-width: 3px !important; color: #ffffff !important; box-shadow: 0 12px 48px rgba(74, 158, 255, 0.4), 0 0 0 3px rgba(74, 158, 255, 0.2), 0 8px 24px rgba(74, 158, 255, 0.3) !important; outline: none !important; } .home-kb-search .form-control:hover, .home-kb-search input[type="text"]:hover, .home-kb-search input[name="search"]:hover { border-color: rgba(74, 158, 255, 0.5) !important; box-shadow: 0 10px 40px rgba(74, 158, 255, 0.25), 0 0 0 1px rgba(74, 158, 255, 0.15) inset, 0 6px 20px rgba(74, 158, 255, 0.2) !important; } .home-kb-search .input-group { position: relative !important; display: flex !important; align-items: stretch !important; width: 100% !important; margin: 0 !important; } .home-kb-search .input-group-addon, .home-kb-search .input-group .input-group-addon, .home-kb-search .input-group-prepend, .home-kb-search .input-group > .input-group-addon:first-child { background: transparent !important; border: none !important; padding: 0 !important; position: absolute !important; left: 23px !important; top: 50% !important; transform: translateY(-50%) !important; height: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; pointer-events: none !important; width: auto !important; margin: 0 !important; } .home-kb-search .input-group { position: relative !important; overflow: visible !important; } .home-kb-search .input-group > i, .home-kb-search .input-group > .fa, .home-kb-search .input-group > .fas { position: absolute !important; left: 23px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; pointer-events: none !important; } .home-kb-search > i, .home-kb-search > .fa, .home-kb-search > .fas, .home-kb-search > i.fa-search, .home-kb-search > i.fas.fa-search { color: #4a9eff !important; font-size: 22px !important; line-height: 1 !important; position: absolute !important; left: 38px !important; top: 50% !important; margin-top: 0 !important; transform: translateY(-50%) !important; z-index: 10 !important; pointer-events: none !important; text-shadow: 0 2px 8px rgba(74, 158, 255, 0.5) !important; transition: all 0.3s ease !important; display: inline-block !important; margin: 0 !important; vertical-align: middle !important; } .home-kb-search .form-control, .home-kb-search .form-control.input-lg, .home-kb-search input[type="text"], .home-kb-search input[name="search"] { position: relative !important; } .home-kb-search i, .home-kb-search .fa, .home-kb-search .fas, .home-kb-search .input-group-addon i, .home-kb-search .input-group-addon .fa, .home-kb-search .input-group-addon .fas { color: #4a9eff !important; font-size: 22px !important; line-height: 1 !important; vertical-align: middle !important; text-shadow: 0 2px 8px rgba(74, 158, 255, 0.5) !important; transition: all 0.3s ease !important; display: inline-block !important; margin: 0 !important; } .home-kb-search .form-control:focus ~ i, .home-kb-search input:focus ~ i, .home-kb-search .form-control:focus ~ .fa, .home-kb-search input:focus ~ .fa, .home-kb-search .form-control:focus ~ .fas, .home-kb-search input:focus ~ .fas, .home-kb-search:has(.form-control:focus) > i, .home-kb-search:has(input:focus) > i { color: #00d4ff !important; transform: translateY(-50%) scale(1.15) !important; text-shadow: 0 4px 16px rgba(0, 212, 255, 0.6) !important; } .home-kb-search .form-control:focus ~ .input-group-addon i, .home-kb-search .form-control:focus ~ .input-group-addon .fa, .home-kb-search .form-control:focus ~ .input-group-addon .fas, .home-kb-search input:focus ~ .input-group-addon i, .home-kb-search .input-group:focus-within .input-group-addon i, .home-kb-search .input-group:focus-within .input-group-addon .fa, .home-kb-search .input-group:focus-within .input-group-addon .fas { color: #00d4ff !important; transform: scale(1.15) !important; text-shadow: 0 4px 16px rgba(0, 212, 255, 0.6) !important; } .home-kb-search .input-group-btn { position: absolute !important; right: 10px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; margin: 0 !important; } .home-kb-search .input-group-btn .btn, .home-kb-search button[type="submit"], .home-kb-search .btn-primary { background: linear-gradient(135deg, #4a9eff 0%, #3a8eef 100%) !important; border: none !important; color: #ffffff !important; padding: 14px 28px !important; font-size: 18px !important; font-weight: 700 !important; border-radius: 16px !important; box-shadow: 0 6px 20px rgba(74, 158, 255, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; text-transform: uppercase !important; letter-spacing: 1px !important; min-height: 50px !important; } .home-kb-search .input-group-btn .btn:hover, .home-kb-search button[type="submit"]:hover, .home-kb-search .btn-primary:hover { background: linear-gradient(135deg, #5aaeff 0%, #4a9eff 100%) !important; transform: translateY(-2px) scale(1.05) !important; box-shadow: 0 8px 28px rgba(74, 158, 255, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3) !important; } .home-kb-search .form-control::before { content: '' !important; position: absolute !important; top: 0 !important; left: -100% !important; width: 100% !important; height: 100% !important; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent) !important; transition: left 0.5s ease !important; } .home-kb-search .form-control:focus::before { left: 100% !important; } @media (max-width: 767px) { .home-kb-search { margin: 15px 0 20px 0 !important; padding: 0 10px !important; } .home-kb-search .form-control, .home-kb-search .form-control.input-lg, .home-kb-search input[type="text"], .home-kb-search input[name="search"] { font-size: 18px !important; padding: 16px 50px 16px 50px !important; min-height: 55px !important; border-radius: 16px !important; } .home-kb-search .form-control::placeholder, .home-kb-search input::placeholder { font-size: 16px !important; } .home-kb-search .input-group-addon { left: 18px !important; } .home-kb-search > i, .home-kb-search > .fa, .home-kb-search > .fas, .home-kb-search > i.fa-search { left: 28px !important; font-size: 18px !important; } .home-kb-search i, .home-kb-search .fa, .home-kb-search .fas, .home-kb-search .input-group-addon i { font-size: 18px !important; } .home-kb-search .input-group-btn { right: 8px !important; } .home-kb-search .input-group-btn .btn, .home-kb-search button[type="submit"] { padding: 10px 18px !important; font-size: 15px !important; min-height: 40px !important; } } .kb-search .form-control, .kb-search input[type="text"] { background: linear-gradient(135deg, #2d2d2d 0%, #3a3a3a 100%) !important; border: 3px solid rgba(74, 158, 255, 0.3) !important; border-radius: 20px !important; color: #ffffff !important; font-size: 20px !important; padding: 20px 30px !important; min-height: 65px !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(74, 158, 255, 0.15) !important; } .kb-search .form-control:focus { border-color: #4a9eff !important; border-width: 4px !important; box-shadow: 0 12px 48px rgba(74, 158, 255, 0.4), 0 0 0 4px rgba(74, 158, 255, 0.2) !important; } section#footer { background-color: #1a1a1a !important; border-top-color: #404040 !important; color: #b0b0b0 !important; } section#footer .back-to-top i { background-color: #3a3a3a !important; color: #b0b0b0 !important; } section#footer .back-to-top i:hover { background-color: #4a9eff !important; color: #ffffff !important; } .status-pending { color: #ff6b6b !important; } .status-active, .status-open, .status-completed { color: #00d4ff !important; } .status-suspended { color: #ffa726 !important; } .status-paid { color: #00d4ff !important; } .status-unpaid { color: #ff6b6b !important; } .status-cancelled { color: #b0b0b0 !important; } .alert { border-color: #404040 !important; } .alert-success { background-color: rgba(0, 212, 255, 0.1) !important; border-color: #00d4ff !important; color: #00d4ff !important; } .alert-info { background-color: rgba(74, 158, 255, 0.1) !important; border-color: #4a9eff !important; color: #4a9eff !important; } .alert-warning { background-color: rgba(255, 167, 38, 0.1) !important; border-color: #ffa726 !important; color: #ffa726 !important; } .alert-danger { background-color: rgba(255, 107, 107, 0.1) !important; border-color: #ff6b6b !important; color: #ff6b6b !important; } .badge { background-color: #4a9eff !important; color: #ffffff !important; } .label { background-color: #3a3a3a !important; color: #e0e0e0 !important; } .client-home-panels .list-group-item .label, .client-home-panels .list-group-item .label-success, .client-home-panels .list-group-item .label-info, .client-home-panels .list-group-item .label-primary { background-color: #4a9eff !important; color: #ffffff !important; font-weight: 600 !important; padding: 4px 10px !important; border-radius: 10px !important; opacity: 1 !important; font-size: 14px !important; line-height: 1.4 !important; } .client-home-panels .list-group-item .label-warning { background-color: #ffc107 !important; color: #1a1a1a !important; font-weight: 600 !important; padding: 4px 10px !important; border-radius: 10px !important; } .client-home-panels .list-group-item .label-danger, .client-home-panels .list-group-item .label-default { background-color: #6c757d !important; color: #ffffff !important; font-weight: 600 !important; padding: 4px 10px !important; border-radius: 10px !important; } .dropdown-menu { background-color: #2d2d2d !important; border-color: #404040 !important; border-radius: 12px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important; padding: 8px 0 !important; min-width: 220px !important; } .dropdown-menu > li > a { color: #e0e0e0 !important; font-size: 16px !important; font-weight: 400 !important; padding: 12px 24px !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; margin: 2px 8px !important; border-radius: 6px !important; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: linear-gradient(135deg, #4a9eff 0%, #3a8eef 100%) !important; color: #ffffff !important; padding-left: 28px !important; box-shadow: 0 2px 8px rgba(74, 158, 255, 0.2) !important; } .dropdown-menu > li.divider, .dropdown-menu .divider, .navbar-main .dropdown-menu > li.divider, .navbar-main .dropdown-menu .divider, ul.top-nav .dropdown-menu > li.divider, ul.top-nav .dropdown-menu .divider, ul.top-nav > li.account-menu-item .dropdown-menu > li.divider { height: 1px !important; margin: 0.5rem 0 !important; overflow: visible !important; background-color: #404040 !important; background-image: none !important; border: none !important; border-top: 1px solid #404040 !important; border-bottom: none !important; border-left: none !important; border-right: none !important; border-style: solid !important; border-width: 0 0 0 0 !important; border-top-width: 1px !important; padding: 0 !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; display: block !important; background-clip: padding-box !important; -webkit-background-clip: padding-box !important; list-style: none !important; } .dropdown-menu > li.divider::before, .dropdown-menu > li.divider::after, .dropdown-menu .divider::before, .dropdown-menu .divider::after, .navbar-main .dropdown-menu > li.divider::before, .navbar-main .dropdown-menu > li.divider::after, .navbar-main .dropdown-menu .divider::before, .navbar-main .dropdown-menu .divider::after, ul.top-nav .dropdown-menu > li.divider::before, ul.top-nav .dropdown-menu > li.divider::after, ul.top-nav > li.account-menu-item .dropdown-menu > li.divider::before, ul.top-nav > li.account-menu-item .dropdown-menu > li.divider::after { display: none !important; content: none !important; border: none !important; } .dropdown-menu > li.divider > a, .dropdown-menu > li[id*="Divider"] > a, .navbar-main .dropdown-menu > li.divider > a, .navbar-main .dropdown-menu > li[id*="Divider"] > a, ul.top-nav .dropdown-menu > li.divider > a, ul.top-nav .dropdown-menu > li[id*="Divider"] > a { display: block !important; height: 1px !important; padding: 0 !important; margin: 0 !important; background-color: #404040 !important; background-image: none !important; background-clip: unset !important; -webkit-background-clip: unset !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; overflow: hidden !important; pointer-events: none !important; cursor: default !important; border: none !important; } .dropdown-menu > li.divider > a:hover, .dropdown-menu > li.divider > a:focus, .dropdown-menu > li[id*="Divider"] > a:hover, .dropdown-menu > li[id*="Divider"] > a:focus, .navbar-main .dropdown-menu > li.divider > a:hover, .navbar-main .dropdown-menu > li.divider > a:focus, .navbar-main .dropdown-menu > li[id*="Divider"] > a:hover, .navbar-main .dropdown-menu > li[id*="Divider"] > a:focus, ul.top-nav .dropdown-menu > li.divider > a:hover, ul.top-nav .dropdown-menu > li.divider > a:focus, ul.top-nav .dropdown-menu > li[id*="Divider"] > a:hover, ul.top-nav .dropdown-menu > li[id*="Divider"] > a:focus { background-color: #404040 !important; background-image: none !important; background-clip: unset !important; -webkit-background-clip: unset !important; color: transparent !important; text-decoration: none !important; pointer-events: none !important; } .modal-content { background-color: #2d2d2d !important; border-color: #404040 !important; color: #e0e0e0 !important; } .modal-header { background-color: #3a3a3a !important; border-bottom-color: #404040 !important; color: #ffffff !important; } .modal-footer { background-color: #3a3a3a !important; border-top-color: #404040 !important; } .modal-body { background-color: #2d2d2d !important; color: #e0e0e0 !important; } .ticket-number { color: #4a9eff !important; } .ticket-reply { background-color: #2d2d2d !important; border-color: #404040 !important; } .ticket-reply.staff { border-color: #4a9eff !important; } .ticket-reply .user { background-color: #3a3a3a !important; } .ticket-reply.staff .user { background-color: rgba(74, 158, 255, 0.1) !important; } .ticket-reply .attachments { background-color: #3a3a3a !important; border-top-color: #404040 !important; } .kb-category a { color: #4a9eff !important; } .kb-category a small { color: #b0b0b0 !important; } .kbarticles a { color: #4a9eff !important; } .kbarticles a .glyphicon { color: #00d4ff !important; } h3.kb-alsoread { background-color: #3a3a3a !important; color: #e0e0e0 !important; } .kb-rate-article { background-color: rgba(74, 158, 255, 0.1) !important; color: #4a9eff !important; } .kb-article-details { color: #b0b0b0 !important; } #main-body .main-content .kb-article-content h2, section#main-body .main-content .kb-article-content h2 { color: #4a9eff !important; border-bottom: 2px solid #4a9eff; padding-bottom: 6px; margin-top: 30px; } #main-body .main-content .kb-article-content h3, section#main-body .main-content .kb-article-content h3 { color: #3DB9FF !important; margin-top: 20px; font-weight: bold; } div.product-details div.product-icon { background-color: #3a3a3a !important; color: #4a9eff !important; font-size: 1rem !important; line-height: 1.4 !important; padding: 1.25rem 1rem 1rem !important; overflow: hidden !important; border-radius: 10px 10px 0 0 !important; } div.product-details div.product-icon .fa-stack { display: block !important; margin: 0 auto 0.85rem !important; font-size: 1.35rem !important; width: 2.5em !important; height: 2.5em !important; line-height: 2.5em !important; } div.product-details div.product-icon h3, div.product-details div.product-icon h4 { color: #ffffff !important; line-height: 1.4 !important; font-weight: 600 !important; margin: 0.4rem 0 0 !important; padding: 0 0.75rem !important; word-wrap: break-word !important; overflow-wrap: break-word !important; hyphens: auto !important; } div.product-details div.product-icon h3 { font-size: 1.55rem !important; } div.product-details div.product-icon h4 { font-size: 1.3rem !important; color: #cbd5e1 !important; font-weight: 500 !important; } div.product-details .product-status { overflow: hidden !important; border-radius: 10px !important; margin-bottom: 1.25rem !important; } div.product-details .col-md-6.text-center h4 { color: #94a3b8 !important; font-size: 0.95rem !important; font-weight: 600 !important; margin-top: 1rem !important; margin-bottom: 0.25rem !important; text-transform: uppercase; letter-spacing: 0.03em; } div.product-details .col-md-6.text-center { color: #e2e8f0 !important; font-size: 1.15rem !important; } div.product-details .btn-block { font-size: 1.2rem !important; font-weight: 600 !important; padding: 0.8rem 1rem !important; } div.product-details .btn-success, div.product-details .btn-danger { color: #ffffff !important; } .product-status-text { color: #ffffff !important; font-size: 1.15rem !important; font-weight: 700 !important; padding: 0.65rem !important; letter-spacing: 0.04em; } .product-status-active { background-color: #00d4ff !important; } .product-status-pending { background-color: #ffa726 !important; } .product-status-suspended { background-color: #4a9eff !important; } .affiliate-referral-link span { background-color: #2d2d2d !important; border-color: #404040 !important; color: #e0e0e0 !important; } div.credit-card { background-color: #2d2d2d !important; border-color: #404040 !important; } div.credit-card div.card-number { background-color: #3a3a3a !important; color: #ffffff !important; } .invoice-summary { background-color: #2d2d2d !important; border-color: #404040 !important; } .invoice-summary-table td { color: #1a1a1a !important; background-color: #f5f5f5 !important; } .invoice-summary-table tr:first-child td { background-color: #3a3a3a !important; color: #ffffff !important; } .invoice-summary-table td.total-row { background-color: #353535 !important; color: #ffffff !important; } .invoice-summary h2 { color: #ffffff !important; } #main-body .table.table-striped thead th { background-color: #3a3a3a !important; color: #ffffff !important; border-color: #404040 !important; } #main-body .table.table-striped tbody td { color: #1a1a1a !important; background-color: #f5f5f5 !important; border-color: #e5e5e5 !important; } #main-body .table.table-striped tbody tr.masspay-total td { color: #1a1a1a !important; background-color: #eeeeee !important; } #main-body form[action*="masspay"] .table thead th { background-color: #3a3a3a !important; color: #ffffff !important; border-color: #404040 !important; } #main-body form[action*="masspay"] .table tbody td { color: #1a1a1a !important; background-color: #f5f5f5 !important; border-color: #e5e5e5 !important; } #main-body form[action*="masspay"] .table tbody tr.masspay-invoice-detail td { color: #1a1a1a !important; background-color: #f5f5f5 !important; } #main-body form[action*="masspay"] .table td.bg-info { background-color: #d9edf7 !important; color: #1a1a1a !important; } #main-body form[action*="masspay"] .table td.bg-info strong { color: #1a1a1a !important; } #main-body form[action*="masspay"] .table tbody tr.masspay-total td { color: #1a1a1a !important; background-color: #eeeeee !important; font-weight: 600 !important; } #main-body form[action*="masspay"] .table tbody tr:hover td { background-color: #e8e8e8 !important; color: #1a1a1a !important; } #main-body .main-content h2, section#main-body .main-content h2 { color: #ffffff !important; } .domain-pricing, .domain-pricing .table-container, .domain-pricing table, #tableDomainPricing, .domain-pricing .tld-pricing-header .col-xs-2, .domain-pricing .tld-pricing-header .col-sm-2, .domain-pricing .tld-pricing-header .col-xs-4, .domain-pricing .tld-pricing-header .col-sm-4 { background-color: #ffffff !important; border-color: #e2e8f0 !important; color: #1e293b !important; } .domain-pricing .tld-pricing-header div:nth-child(odd) { background-color: #f8fafc !important; border-color: #cbd5e1 !important; color: #334155 !important; } .domain-pricing .tld-row.highlighted { background-color: #f1f5f9 !important; color: #1e293b !important; } .domain-pricing table th, .domain-pricing table thead th, #tableDomainPricing thead th { background-color: #f1f5f9 !important; color: #1e293b !important; border-color: #e2e8f0 !important; } .domain-pricing table td, .domain-pricing table tbody td, #tableDomainPricing tbody td { background-color: #ffffff !important; color: #334155 !important; border-color: #e2e8f0 !important; } .domain-pricing table tbody tr:nth-child(even) td, #tableDomainPricing tbody tr:nth-child(even) td { background-color: #f8fafc !important; } .domain-pricing table tbody tr:hover td, #tableDomainPricing tbody tr:hover td { background-color: #f1f5f9 !important; } .domain-pricing h4, .domain-pricing .tld-pricing-header { color: #1e293b !important; } .upgrade .upgrade-section-title, .upgrade h3 { color: #f0f0f0 !important; margin-bottom: 1rem !important; } .upgrade .product-to-be-upgraded, .upgrade .upgrade-current-card, .upgrade .upgrade-current-config-box { background: #2d2d2d !important; border: 1px solid #4a9eff !important; border-radius: 12px !important; padding: 1.25rem 1.5rem !important; margin-bottom: 1.5rem !important; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2) !important; } .upgrade .upgrade-current-name, .upgrade .product-to-be-upgraded h4 { color: #ffffff !important; font-size: 1.35rem !important; margin-bottom: 0.35rem !important; } .upgrade .upgrade-current-domain, .upgrade .product-to-be-upgraded h5 { color: #b8d4e8 !important; font-size: 1.1rem !important; } .upgrade .upgrade-current-description { margin-top: 0.75rem !important; padding-top: 0.75rem !important; border-top: 1px solid #404040 !important; color: #d8d8d8 !important; font-size: 1.05rem !important; line-height: 1.5 !important; } .upgrade .upgrade-current-label { color: #94a3b8 !important; font-size: 1.35rem !important; margin-bottom: 0.5rem !important; } .upgrade .products .product { background-color: #353535 !important; border: 1px solid #404040 !important; border-radius: 12px !important; overflow: hidden !important; margin-bottom: 1.5rem !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important; } .upgrade .products .product .current { background-color: #ffa726 !important; color: #ffffff !important; } .upgrade .products .product .recommended { background-color: #0ea5e9 !important; color: #ffffff !important; } .upgrade .products .product ul { border-left-color: #505050 !important; border-right-color: #505050 !important; background: #353535 !important; } .upgrade .products .product ul li { border-bottom-color: #454545 !important; color: #e8e8e8 !important; padding: 0.65rem 1.15rem !important; font-size: 1.05rem !important; line-height: 1.55 !important; } .upgrade .products .product ul li span { color: #f0f0f0 !important; font-weight: 500 !important; } .upgrade .products .product .header, .upgrade .products .product .upgrade-product-header { background-color: #404040 !important; color: #ffffff !important; padding: 1rem 1.25rem !important; } .upgrade .products .product .header .upgrade-product-name, .upgrade .products .product .header h4 { color: #ffffff !important; margin-bottom: 0.35rem !important; font-size: 1.15rem !important; } .upgrade .products .product .header p, .upgrade .products .product .upgrade-product-description { color: #d0d0d0 !important; font-size: 1.05rem !important; line-height: 1.55 !important; margin-bottom: 0 !important; } .upgrade .products .product .footer { border-color: #454545 !important; background: #353535 !important; padding: 1rem 1.25rem !important; } .upgrade .products .product .footer .form-control { background: #2d2d2d !important; border-color: #505050 !important; color: #f0f0f0 !important; } .upgrade .products .product .btn { background-color: #4a9eff !important; color: #ffffff !important; font-weight: 600 !important; } .upgrade .upgrade-packages-table, .upgrade .upgrade-packages-table tbody tr, .upgrade .upgrade-packages-table tbody tr:nth-child(odd), .upgrade .upgrade-packages-table tbody tr:nth-child(even) { background-color: #353535 !important; color: #e0e0e0 !important; } .upgrade .upgrade-packages-table td { color: #e0e0e0 !important; vertical-align: middle !important; background-color: #353535 !important; font-size: 1.2rem !important; line-height: 1.65 !important; padding: 1rem 1.25rem !important; } .upgrade .upgrade-packages-table td:first-child { color: #e8e8e8 !important; } .upgrade .upgrade-packages-table strong { color: var(--primary-color) !important; font-size: 1.5rem !important; font-weight: 700 !important; display: block !important; margin-bottom: 0.4rem !important; line-height: 1.3 !important; letter-spacing: -0.02em !important; text-shadow: none !important; } .upgrade .upgrade-packages-table tbody tr { transition: background-color 0.2s ease, color 0.2s ease !important; } .upgrade .upgrade-packages-table tbody tr:hover td { background-color: #f0f0f0 !important; color: #1a1a1a !important; } .upgrade .upgrade-packages-table tbody tr:hover strong { color: #1a1a1a !important; } .upgrade .products .product { transition: background-color 0.2s ease, box-shadow 0.2s ease !important; } .upgrade .products .product:hover { box-shadow: 0 0 0 2px #4a9eff !important; background-color: #f0f0f0 !important; } .upgrade .products .product:hover .header, .upgrade .products .product:hover .upgrade-product-header { background-color: #e8e8e8 !important; color: #1a1a1a !important; } .upgrade .products .product:hover .header .upgrade-product-name, .upgrade .products .product:hover .header h4, .upgrade .products .product:hover .upgrade-product-description, .upgrade .products .product:hover .header p { color: #1a1a1a !important; } .upgrade .products .product:hover ul, .upgrade .products .product:hover ul li { background-color: #f0f0f0 !important; color: #1a1a1a !important; border-bottom-color: #e0e0e0 !important; } .upgrade .products .product:hover ul li span { color: #1a1a1a !important; } .upgrade .products .product:hover .footer { background-color: #f0f0f0 !important; border-color: #e0e0e0 !important; } .upgrade .products .product:hover .footer .form-control { background-color: #ffffff !important; border-color: #ccc !important; color: #1a1a1a !important; } #main-body .upgrade-package-page .upgrade-current-card, #main-body .upgrade-package-page .upgrade-current-config-box, #main-body .upgrade .upgrade-current-card, #main-body .upgrade .upgrade-current-config-box { background: #2d2d2d !important; border: 1px solid #4a9eff !important; color: #e0e0e0 !important; } #main-body .upgrade-package-page .upgrade-current-name, #main-body .upgrade-package-page .upgrade-current-description, #main-body .upgrade .upgrade-current-name, #main-body .upgrade .upgrade-current-description { color: #e8e8e8 !important; } #main-body .upgrade-package-page .upgrade-current-label { font-size: 1.35rem !important; color: #94a3b8 !important; } #main-body .upgrade-package-page .upgrade-current-name, #main-body .upgrade .upgrade-current-name { font-size: 1.35rem !important; } #main-body .upgrade-package-page .upgrade-current-description, #main-body .upgrade .upgrade-current-description { font-size: 1.05rem !important; } #main-body .upgrade-package-page .upgrade-packages-table td, #main-body .upgrade .upgrade-packages-table td { color: #e0e0e0 !important; } #main-body .upgrade-package-page .upgrade-packages-table strong, #main-body .upgrade .upgrade-packages-table strong { color: var(--primary-color) !important; font-size: 1.5rem !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: -0.02em !important; text-shadow: none !important; } #main-body .upgrade-packages-table tbody tr, #main-body .upgrade-packages-table tbody tr:nth-child(odd), #main-body .upgrade-packages-table tbody tr:nth-child(even), #main-body .upgrade-packages-table td { background-color: #353535 !important; color: #e0e0e0 !important; } #main-body .upgrade-packages-table td { font-size: 1.2rem !important; line-height: 1.65 !important; } #main-body .upgrade-packages-table strong { color: var(--primary-color) !important; font-size: 1.5rem !important; font-weight: 700 !important; } #main-body .upgrade-packages-table tbody tr:hover td { background-color: #f0f0f0 !important; color: #1a1a1a !important; } #main-body .upgrade-packages-table tbody tr:hover strong { color: #1a1a1a !important; } #main-body .upgrade-package-page .upgrade-intro, #main-body .upgrade .upgrade-intro { color: #e0e0e0 !important; } #main-body .upgrade-package-page p.upgrade-new-label, #main-body .upgrade .upgrade-new-label { color: #f1f5f9 !important; font-size: 1.5rem !important; font-weight: 700 !important; line-height: 1.4 !important; margin: 0 0 1rem 0 !important; padding: 0.75rem 1rem 0.75rem 1rem !important; border-left: 4px solid var(--primary-color) !important; border-radius: 0 10px 10px 0 !important; background: linear-gradient(90deg, rgba(124, 58, 237, 0.22) 0%, rgba(53, 53, 53, 0.45) 55%, transparent 100%) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset !important; } #main-body .upgrade-package-page .form-control, #main-body .upgrade .form-control { background: #2d2d2d !important; border-color: #505050 !important; color: #f0f0f0 !important; } .upgrade .btn-default, .upgrade a.btn-default, #main-body .upgrade-package-page .btn-default, #main-body .upgrade-package-page a.btn-default { border-color: #505050 !important; outline: none !important; box-shadow: none !important; } .upgrade .btn-default:hover, .upgrade a.btn-default:hover, #main-body .upgrade-package-page .btn-default:hover, #main-body .upgrade-package-page a.btn-default:hover { border-color: #606060 !important; } #registration .field, #registration .form-control { background-color: #3a3a3a !important; border-color: #404040 !important; color: #e0e0e0 !important; } #registration .field:focus, #registration .form-control:focus { border-color: #4a9eff !important; color: #ffffff !important; } #registration .field-icon i { color: #808080 !important; } #registration .sub-heading { border-top-color: #404040 !important; } #registration .sub-heading span { color: #4a9eff !important; background-color: #1a1a1a !important; } .marketing-email-optin { background-color: #2d2d2d !important; border-color: #404040 !important; } .logincontainer { background-color: #2d2d2d !important; border-radius: 8px !important; padding: 30px !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important; } .logincontainer .social-signin-btns { border-top-color: #404040 !important; } @media (min-width: 768px) { .logincontainer.with-social .login-form { border-right-color: #404040 !important; } } .popover-user-notifications { background-color: #2d2d2d !important; border-color: #404040 !important; } .popover-user-notifications ul li { border-bottom-color: #404040 !important; } .popover-user-notifications ul li a { color: #e0e0e0 !important; } .popover-user-notifications ul li a:hover { background-color: #3a3a3a !important; } .popover-user-notifications ul li i.fas.fa-check-circle, .popover-user-notifications ul li i.far.fa-check-circle { color: #00d4ff !important; } .popover-user-notifications ul li i.fas.fa-warning, .popover-user-notifications ul li i.far.fa-warning { color: #ffa726 !important; } .popover-user-notifications ul li i.fas.fa-exclamation-circle, .popover-user-notifications ul li i.far.fa-exclamation-circle { color: #ff6b6b !important; } .compact-control-bar { background-color: #3a3a3a !important; border-radius: 6px !important; } div.sidebar .list-group-item-selected { background-color: #4a9eff !important; color: #ffffff !important; } div.sidebar .list-group-item-selected .badge { background-color: #ffffff !important; color: #4a9eff !important; } .email-verification { background-color: #2d2d2d !important; border-bottom-color: #404040 !important; color: #e0e0e0 !important; } .email-verification .btn { background-color: #4a9eff !important; border-color: #4a9eff !important; color: #ffffff !important; } .email-verification.success { background-color: rgba(0, 212, 255, 0.1) !important; border-bottom-color: #00d4ff !important; color: #00d4ff !important; } .email-verification.failed { background-color: rgba(255, 107, 107, 0.1) !important; border-bottom-color: #ff6b6b !important; color: #ff6b6b !important; } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track { background: #1a1a1a; } ::-webkit-scrollbar-thumb { background: #3a3a3a; border-radius: 5px; } ::-webkit-scrollbar-thumb:hover { background: #4a9eff; } @media (max-width: 991px) { .panel-actions > .list-group .list-group-item { border-color: #404040 !important; } } * { transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease !important; } input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea, select { transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important; } body .container, body .container-fluid { background-color: transparent !important; } body .panel, body .panel.panel-default, body .panel.panel-info, body .panel.panel-success, body .panel.panel-warning, body .panel.panel-danger { background-color: #2d2d2d !important; border-color: #404040 !important; } body .panel .panel-heading, body .panel.panel-default .panel-heading, body .panel.panel-info .panel-heading { background-color: #3a3a3a !important; color: #ffffff !important; } body .panel .panel-body, body .panel.panel-default .panel-body, body .panel.panel-info .panel-body { background-color: #353535 !important; color: #e0e0e0 !important; } body .sidebar .panel { background-color: #2d2d2d !important; } body .sidebar .list-group-item { background-color: #2d2d2d !important; color: #e0e0e0 !important; border-color: #404040 !important; } body .panel-body p, body .panel-body div, body .panel-body span, body .panel-body label, body .panel-body td, body .panel-body th { color: #e0e0e0 !important; } body .panel-heading h1, body .panel-heading h2, body .panel-heading h3, body .panel-heading h4, body .panel-heading h5, body .panel-heading h6, body .panel-heading .panel-title { color: #ffffff !important; } body .panel-body a, body .panel a { color: #fff !important; } body .panel-body a:hover, body .panel a:hover { color: #00d4ff !important; } li[menuItemName*="affiliate"], li[menuItemName*="Affiliate"], li[id*="affiliate"], li[id*="Affiliate"], li a[href*="affiliates.php"], li a[href*="affiliate"], .navbar li a[href*="affiliates"], .navbar li a[href*="affiliate"], .dropdown-menu li a[href*="affiliates"], .dropdown-menu li a[href*="affiliate"], .list-group-item[href*="affiliates"], .list-group-item[href*="affiliate"], a[href*="affiliates.php"], a[href*="affiliate"] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; } .panel[menuItemName*="affiliate"], .panel[menuItemName*="Affiliate"], .panel[id*="affiliate"], .panel[id*="Affiliate"] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; } .affiliate-stat, .affiliate-referral-link, #tableAffiliatesList, .affiliate-* { display: none !important; visibility: hidden !important; } li[menuItemName*="serverstatus"], li[menuItemName*="ServerStatus"], li[menuItemName*="networkstatus"], li[menuItemName*="NetworkStatus"], li[id*="serverstatus"], li[id*="ServerStatus"], li[id*="networkstatus"], li[id*="NetworkStatus"], li a[href*="serverstatus.php"], li a[href*="serverstatus"], li a[href*="networkstatus"], .navbar li a[href*="serverstatus"], .navbar li a[href*="networkstatus"], .dropdown-menu li a[href*="serverstatus"], .dropdown-menu li a[href*="networkstatus"], .list-group-item[href*="serverstatus"], .list-group-item[href*="networkstatus"], a[href*="serverstatus.php"], a[href*="serverstatus"], a[href*="networkstatus"] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; } .panel[menuItemName*="serverstatus"], .panel[menuItemName*="ServerStatus"], .panel[menuItemName*="networkstatus"], .panel[menuItemName*="NetworkStatus"], .panel[id*="serverstatus"], .panel[id*="ServerStatus"], .panel[id*="networkstatus"], .panel[id*="NetworkStatus"] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; } .server-status, .network-status, #serverstatus, .network-issues, .server-status-* { display: none !important; visibility: hidden !important; } #order-standard_cart .domain-checker-container, #order-standard_cart .cart-body .domain-checker-container { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 4px 16px rgba(124, 58, 237, 0.06) !important; } #order-standard_cart .domain-checker-bg, #order-standard_cart .cart-body .domain-checker-bg, #order-standard_cart .domain-checker-bg.clearfix, .domain-checker-bg, .domain-checker-bg.clearfix { background: linear-gradient(180deg, #f5f3ff 0%, #f8fafc 100%) !important; background-color: #f5f3ff !important; border-radius: 16px !important; } #order-standard_cart .cart-body { background-color: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 1.75rem 2rem !important; color: #334155 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important; } #order-standard_cart .cart-body, #order-standard_cart .cart-body * { font-size: 1.5rem !important; } #order-standard_cart .cart-body h1, #order-standard_cart .cart-body h2, #order-standard_cart .cart-body h3, #order-standard_cart .cart-body h4, #order-standard_cart .cart-body .panel-title, #order-standard_cart .cart-body .font-size-24 { color: #1e40af !important; font-size: 3.5rem !important; font-weight: 600 !important; } #order-standard_cart .cart-body > div:first-child, #order-standard_cart .cart-body .headline, #order-standard_cart .cart-body [class*="title"], #order-standard_cart .cart-body label { color: #1e293b !important; font-size: 1.75rem !important; } #order-standard_cart .cart-body p, #order-standard_cart .cart-body span, #order-standard_cart .cart-body .text-muted, #order-standard_cart .cart-body td { color: #6a6cdb !important; font-size: 1.5rem !important; } #order-standard_cart .cart-body a { color: #1e40af !important; font-size: 1.6rem !important; } #order-standard_cart .cart-body a:hover { color: #3b82f6 !important; } #order-standard_cart .cart-body .form-control, #order-standard_cart .cart-body input[type="text"] { background-color: #ffffff !important; border: 1px solid #cbd5e1 !important; color: #1e293b !important; font-size: 1.25rem !important; } #order-standard_cart .cart-body .nav-tabs > li > a { color: #475569 !important; font-size: 1.75rem !important; } #order-standard_cart .cart-body .nav-tabs > li.active > a, #order-standard_cart .cart-body .nav-tabs > li.active > a:hover { color: #ffffff !important; background-color: #1e40af !important; border-color: #1e40af !important; font-size: 1.125rem !important; } #order-standard_cart .cart-body .btn { font-size: 1.125rem !important; } #order-standard_cart .cart-body .btn-primary, #order-standard_cart .cart-body .btn-info, #order-standard_cart .cart-body .btn-success, #order-standard_cart .cart-body #checkout, #orderSummary #checkout, #checkout.btn-checkout { color: #ffffff !important; } #order-standard_cart .cart-body .btn-primary span, #order-standard_cart .cart-body .btn-info span, #order-standard_cart .cart-body .btn-success span, #order-standard_cart .cart-body #checkout span, #orderSummary #checkout span, #checkout.btn-checkout span, #order-standard_cart .cart-body .btn-primary i, #order-standard_cart .cart-body .btn-info i, #order-standard_cart .cart-body .btn-success i, #order-standard_cart .cart-body #checkout i, #orderSummary #checkout i, #checkout.btn-checkout i { color: #ffffff !important; } #order-standard_cart .cart-body select.form-control { color: #1e293b !important; font-size: 1.35rem !important; } #order-standard_cart .cart-body #inputBillingcycle, #inputBillingcycle { font-size: 2rem !important; min-height: 4rem !important; height: auto !important; padding-top: 0.6rem !important; padding-bottom: 0.6rem !important; line-height: 1.4 !important; width: 100% !important; box-sizing: border-box !important; border-radius: 10px !important; border: 1px solid #e2e8f0 !important; background-color: #ffffff !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important; color: #1e293b !important; font-weight: 500 !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; } #order-standard_cart .cart-body #inputBillingcycle:hover, #order-standard_cart .cart-body #inputBillingcycle:focus, #inputBillingcycle:hover, #inputBillingcycle:focus { border-color: #0d47a1 !important; box-shadow: 0 0 0 3px rgba(13, 71, 161, 0.15) !important; outline: none !important; } #order-standard_cart #inputBillingcycle, body.cart-page #inputBillingcycle { display: none !important; } .billing-cycle-cards-wrapper { margin-top: 0.5rem; margin-bottom: 1rem; } .billing-cycle-cards { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 1rem !important; } @media (max-width: 768px) { .billing-cycle-cards { grid-template-columns: 1fr 1fr !important; } } .billing-cycle-card { display: flex !important; flex-direction: column !important; align-items: stretch !important; cursor: pointer !important; margin: 0 !important; } .billing-cycle-card-inner { display: flex !important; flex-direction: column !important; align-items: flex-start !important; padding: 1rem 1.25rem !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; background: #ffffff !important; position: relative !important; min-height: 5rem !important; transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important; } .billing-cycle-card:hover .billing-cycle-card-inner { border-color: #94a3b8 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important; } .billing-cycle-card-selected .billing-cycle-card-inner { background: #ecfdf5 !important; border-color: #059669 !important; box-shadow: 0 0 0 2px rgba(5, 150, 105, 0.2) !important; } .billing-cycle-card-selected .billing-cycle-label, .billing-cycle-card-selected .billing-cycle-price { color: #047857 !important; font-weight: 600 !important; } .billing-cycle-ahorra { display: block !important; background: #10b981 !important; color: #fff !important; font-size: 0.75rem !important; font-weight: 700 !important; padding: 0.25rem 0.5rem !important; border-radius: 6px !important; margin-bottom: 0.5rem !important; width: 100% !important; box-sizing: border-box !important; } .billing-cycle-cards-wrapper .iradio_square-blue, .billing-cycle-cards-wrapper div[class*="iradio"], .billing-cycle-cards-wrapper ins.iCheck-helper { display: none !important; } .billing-cycle-radio { position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; cursor: pointer !important; z-index: 1 !important; } .billing-cycle-label { font-size: 1rem !important; line-height: 1.3 !important; color: #1e293b !important; margin-bottom: 0.35rem !important; } .billing-cycle-price { font-size: 1.35rem !important; font-weight: 700 !important; color: #1e293b !important; } #order-standard_cart .cart-body #btnCompleteProductConfig, #btnCompleteProductConfig { font-size: 1.5rem !important; font-weight: 700 !important; padding: 0.6rem 1.25rem !important; } #order-standard_cart .cart-body #checkout, #orderSummary #checkout, #checkout.btn-checkout { font-size: 1.5rem !important; font-weight: 700 !important; padding: 0.75rem 1.5rem !important; border-radius: 10px !important; border: none !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; } #order-standard_cart .cart-body #checkout:hover, #orderSummary #checkout:hover, #checkout.btn-checkout:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important; } #order-standard_cart .cart-body .sidebar-collapsed { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; gap: 0.75rem 1rem !important; padding: 0.75rem 1rem !important; background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important; border-radius: 12px !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important; overflow: visible !important; } #order-standard_cart .cart-body .sidebar-collapsed select, #order-standard_cart .cart-body .sidebar-collapsed .form-control, #order-standard_cart .cart-body #gidForm, #gidForm { flex: 1 1 220px !important; min-width: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; font-size: 1.75rem !important; min-height: 4rem !important; height: auto !important; padding-top: 0.6rem !important; padding-bottom: 0.6rem !important; padding-left: 1rem !important; padding-right: 1rem !important; line-height: 1.4 !important; border-radius: 10px !important; border: 1px solid #e2e8f0 !important; background-color: #ffffff !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important; color: #1e293b !important; -webkit-text-fill-color: #1e293b !important; font-weight: 500 !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; } #order-standard_cart .cart-body .sidebar-collapsed select option { color: #1e293b !important; background-color: #ffffff !important; } #order-standard_cart .cart-body .sidebar-collapsed select:hover, #order-standard_cart .cart-body .sidebar-collapsed select:focus, #order-standard_cart .cart-body #gidForm:hover, #order-standard_cart .cart-body #gidForm:focus { border-color: #0d47a1 !important; box-shadow: 0 0 0 3px rgba(13, 71, 161, 0.15) !important; outline: none !important; } #order-standard_cart .cart-body .input-group-addon, #order-standard_cart .cart-body .input-group-prepend { background-color: #f1f5f9 !important; border: 1px solid #cbd5e1 !important; color: #1e293b !important; font-size: 1.125rem !important; font-weight: 500 !important; -webkit-font-smoothing: antialiased !important; } #order-standard_cart .cart-body .form-control-static { background-color: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #1e293b !important; font-size: 1.125rem !important; font-weight: 500 !important; -webkit-font-smoothing: antialiased !important; } #order-standard_cart .cart-body .domain-selection-option .option, #order-standard_cart .cart-body .option { color: #1e293b !important; font-size: 1.125rem !important; font-weight: 600 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } #order-standard_cart .cart-body #DomainSearchResults, #order-standard_cart .cart-body .domainresults, #DomainSearchResults { font-size: 1.5rem !important; line-height: 1.55 !important; color: #0a0a0a !important; font-weight: 600 !important; } #order-standard_cart .cart-body #DomainSearchResults .domain-checker-result-headline, #order-standard_cart .cart-body .domainresults .domain-checker-result-headline, #DomainSearchResults .domain-checker-result-headline { font-size: 2rem !important; font-weight: 800 !important; color: #0a0a0a !important; margin-bottom: 1rem !important; } #order-standard_cart .cart-body #DomainSearchResults .domain-checker-available, #order-standard_cart .cart-body #DomainSearchResults .domain-checker-unavailable, #DomainSearchResults .domain-checker-available, #DomainSearchResults .domain-checker-unavailable { font-size: 1.75rem !important; color: #0a0a0a !important; font-weight: 700 !important; } #order-standard_cart .cart-body #DomainSearchResults strong, #order-standard_cart .cart-body .domainresults strong, #DomainSearchResults strong { color: #0d47a1 !important; font-size: 1.15em !important; font-weight: 800 !important; } #order-standard_cart .cart-body #DomainSearchResults .table td, #order-standard_cart .cart-body .domainresults .table td, #DomainSearchResults .table td { font-size: 1.45rem !important; color: #0a0a0a !important; padding: 0.85rem 1rem !important; font-weight: 600 !important; } #order-standard_cart .cart-body #DomainSearchResults .btn, #order-standard_cart .cart-body .domainresults .btn, #DomainSearchResults .btn { font-size: 1.25rem !important; font-weight: 700 !important; } #order-standard_cart .cart-body #DomainSearchResults div, #order-standard_cart .cart-body #DomainSearchResults p, #order-standard_cart .cart-body .domainresults div, #order-standard_cart .cart-body .domainresults p, #DomainSearchResults div, #DomainSearchResults p { font-size: 1.5rem !important; color: #334155 !important; font-weight: 600 !important; } #DomainSearchResults .table, #DomainSearchResults .table thead, #DomainSearchResults .table tbody, #DomainSearchResults .table th, #DomainSearchResults .table td, #order-standard_cart .cart-body #DomainSearchResults .table, #order-standard_cart .cart-body #DomainSearchResults .table thead, #order-standard_cart .cart-body #DomainSearchResults .table tbody, #order-standard_cart .cart-body #DomainSearchResults .table th, #order-standard_cart .cart-body #DomainSearchResults .table td { background-color: #ffffff !important; border-color: #e2e8f0 !important; } #DomainSearchResults .table th, #order-standard_cart .cart-body #DomainSearchResults .table th { color: #0a0a0a !important; } #DomainSearchResults #moreSuggestions, #order-standard_cart .cart-body #DomainSearchResults #moreSuggestions { font-size: 1.375rem !important; font-weight: 700 !important; color: #7C3AED !important; } #DomainSearchResults .btn-add-to-cart.product-domain, #DomainSearchResults .btn.btn-add-to-cart.product-domain, #order-standard_cart .cart-body #DomainSearchResults .btn-add-to-cart.product-domain, #order-standard_cart .cart-body #DomainSearchResults .btn.btn-add-to-cart.product-domain { color: #ffffff !important; background-color: #0d47a1 !important; border-color: #0d47a1 !important; font-size: 1.2rem !important; font-weight: 700 !important; } #DomainSearchResults .btn-add-to-cart.product-domain:hover, #order-standard_cart .cart-body #DomainSearchResults .btn-add-to-cart.product-domain:hover { color: #ffffff !important; background-color: #0a3d8a !important; border-color: #0a3d8a !important; } .domain-tld-pricing-table-responsive { margin-top: 20px !important; } .domain-tld-pricing-table-responsive .table { background-color: #2d2d2d !important; border-radius: 12px !important; overflow: hidden !important; } .domain-tld-pricing-table-responsive .table thead { background-color: #3a3a3a !important; } .domain-tld-pricing-table-responsive .table thead th { color: #ffffff !important; font-weight: 600 !important; padding: 16px !important; border-bottom: 2px solid #404040 !important; font-size: 16px !important; } .domain-tld-pricing-table-responsive .table tbody td { color: #e0e0e0 !important; padding: 14px 16px !important; border-bottom: 1px solid #404040 !important; font-size: 15px !important; } .domain-tld-pricing-table-responsive .table tbody tr:hover { background-color: #3a3a3a !important; } .panel-group .panel { background-color: #2d2d2d !important; border-color: #404040 !important; border-radius: 12px !important; margin-bottom: 12px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important; } .panel-group .panel-heading { background-color: #3a3a3a !important; border-color: #404040 !important; border-radius: 12px 12px 0 0 !important; padding: 16px 20px !important; } .panel-group .panel-title a { color: #ffffff !important; font-size: 18px !important; font-weight: 600 !important; text-decoration: none !important; transition: color 0.3s ease !important; } .panel-group .panel-title a:hover { color: #4a9eff !important; } .panel-group .panel-body { padding: 20px !important; background-color: #2d2d2d !important; } #order-standard_cart .domain-promo-box, .domain-promo-box { background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 32px 28px 32px 32px !important; margin-bottom: 24px !important; box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06) !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important; overflow: hidden !important; min-height: 240px !important; height: auto !important; position: relative !important; } #order-standard_cart .domain-promo-box::before, .domain-promo-box::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: auto !important; bottom: 0 !important; width: 4px !important; height: 100% !important; background: #7C3AED !important; border-radius: 16px 0 0 16px !important; pointer-events: none !important; z-index: 1 !important; } #order-standard_cart .domain-promo-box:hover, .domain-promo-box:hover { transform: translateY(-4px) !important; box-shadow: 0 12px 28px rgba(124, 58, 237, 0.14) !important; border-color: #c4b5fd !important; background: #ffffff !important; } #order-standard_cart .domain-promo-box > *, .domain-promo-box > * { position: relative !important; z-index: 1 !important; } #order-standard_cart .cart-body .domain-promo-box h3, #order-standard_cart .cart-body .domain-promo-box h3.font-size-24, #order-standard_cart .cart-body .domain-promo-box h3.font-size-24.no-wrap, #order-standard_cart .domain-promo-box h3.font-size-24, .domain-promo-box h3.font-size-24, .domain-promo-box h3.font-size-24.no-wrap, .domain-promo-box .font-size-24, h3.font-size-24.no-wrap { color: #7C3AED !important; font-size: 2.15rem !important; font-weight: 700 !important; margin: 0 0 12px 0 !important; padding: 0 !important; line-height: 1.3 !important; text-shadow: none !important; letter-spacing: -0.3px !important; white-space: normal !important; word-wrap: break-word !important; overflow-wrap: break-word !important; display: block !important; } #order-standard_cart .cart-body .domain-promo-box p, #order-standard_cart .cart-body .domain-promo-box .description, #order-standard_cart .cart-body .domain-promo-box span, #order-standard_cart .cart-body .domain-promo-box div:not(.clearfix):not(.icon-left), .domain-promo-box p, .domain-promo-box .description, .domain-promo-box div:not(.clearfix):not(.icon-left) { color: #475569 !important; font-size: 1.35rem !important; line-height: 1.6 !important; margin: 8px 0 !important; font-weight: 400 !important; text-shadow: none !important; } .domain-promo-box .fa, .domain-promo-box .fas, .domain-promo-box .far, .domain-promo-box .fab, .domain-promo-box i[class*="fa-"] { display: none !important; } #order-standard_cart .cart-body .domain-promo-box .btn, #order-standard_cart .cart-body .domain-promo-box a.btn, #order-standard_cart .cart-body .domain-promo-box button, #order-standard_cart .cart-body .domain-promo-box input[type="submit"], #order-standard_cart .cart-body .domain-promo-box .btn-primary, #order-standard_cart .cart-body .domain-promo-box .btn-info, #order-standard_cart .cart-body .domain-promo-box .btn-success, #order-standard_cart .cart-body .domain-promo-box .btn-default, .domain-promo-box .btn, .domain-promo-box button, .domain-promo-box a.btn, .domain-promo-box input[type="submit"], .domain-promo-box .btn-primary, .domain-promo-box .btn-info { background: #0EA5E9 !important; border: none !important; color: #ffffff !important; padding: 14px 28px !important; font-size: 1.15rem !important; font-weight: 700 !important; border-radius: 10px !important; margin-top: 16px !important; box-shadow: 0 4px 12px rgba(14, 165, 233, 0.28) !important; transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important; text-transform: uppercase !important; letter-spacing: 0.4px !important; text-shadow: none !important; display: inline-block !important; position: relative !important; overflow: hidden !important; } #order-standard_cart .cart-body .domain-promo-box .btn::before, #order-standard_cart .cart-body .domain-promo-box a.btn::before, .domain-promo-box .btn::before, .domain-promo-box button::before, .domain-promo-box a.btn::before { content: none !important; } #order-standard_cart .cart-body .domain-promo-box .btn:hover, #order-standard_cart .cart-body .domain-promo-box a.btn:hover, #order-standard_cart .cart-body .domain-promo-box button:hover, #order-standard_cart .cart-body .domain-promo-box .btn-primary:hover, #order-standard_cart .cart-body .domain-promo-box .btn-info:hover, .domain-promo-box .btn:hover, .domain-promo-box button:hover, .domain-promo-box a.btn:hover, .domain-promo-box input[type="submit"]:hover, .domain-promo-box .btn-primary:hover, .domain-promo-box .btn-info:hover { transform: translateY(-1px) !important; box-shadow: 0 6px 16px rgba(14, 165, 233, 0.4) !important; background: #0284c7 !important; color: #ffffff !important; border-color: transparent !important; } #order-standard_cart .cart-body .domain-promo-box .btn, #order-standard_cart .cart-body .domain-promo-box a.btn, #order-standard_cart .cart-body .domain-promo-box a.btn span, #order-standard_cart .cart-body .domain-promo-box .btn span, #order-standard_cart .cart-body .domain-promo-box .btn *, .domain-promo-box .btn, .domain-promo-box a.btn, .domain-promo-box .btn span, .domain-promo-box a.btn span { color: #ffffff !important; } .domain-promo-box .btn .fa, .domain-promo-box .btn .fas, .domain-promo-box .btn i[class*="fa-"] { margin-right: 8px !important; font-size: 16px !important; } .promo-banner { background: linear-gradient(135deg, #2d2d2d 0%, #3a3a3a 100%) !important; border: 3px solid #4a9eff !important; border-radius: 20px !important; padding: 40px 35px !important; margin-bottom: 30px !important; box-shadow: 0 12px 40px rgba(74, 158, 255, 0.3), 0 0 0 1px rgba(74, 158, 255, 0.1) inset !important; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; overflow: visible !important; min-height: 280px !important; height: auto !important; position: relative !important; } .promo-banner::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: linear-gradient(135deg, rgba(74, 158, 255, 0.05) 0%, rgba(124, 58, 237, 0.05) 100%) !important; border-radius: 20px !important; pointer-events: none !important; z-index: 0 !important; } .promo-banner:hover { transform: translateY(-6px) scale(1.02) !important; box-shadow: 0 16px 48px rgba(74, 158, 255, 0.4), 0 0 0 2px rgba(74, 158, 255, 0.2) inset !important; border-color: #00d4ff !important; background: linear-gradient(135deg, #3a3a3a 0%, #2d2d2d 100%) !important; } .promo-banner > * { position: relative !important; z-index: 1 !important; } .promo-banner .panel-body { padding: 0 !important; background: transparent !important; overflow: visible !important; } .promo-banner .icon-left { margin-bottom: 25px !important; text-align: center !important; width: 100% !important; float: none !important; } .promo-banner .icon-left img { max-width: 150px !important; max-height: 150px !important; border-radius: 16px !important; filter: drop-shadow(0 8px 16px rgba(74, 158, 255, 0.4)) !important; transition: transform 0.3s ease !important; } .promo-banner:hover .icon-left img { transform: scale(1.1) !important; } .promo-banner .content { margin-left: 0 !important; width: 100% !important; overflow: visible !important; text-overflow: ellipsis !important; } .promo-banner h3 { color: #ffffff !important; font-size: 32px !important; font-weight: 800 !important; margin: 0 0 18px 0 !important; padding: 0 !important; line-height: 1.2 !important; word-wrap: break-word !important; overflow-wrap: break-word !important; text-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(74, 158, 255, 0.3) !important; letter-spacing: -0.5px !important; } .promo-banner h3.font-size-24, .promo-banner .font-size-24 { color: #ffffff !important; font-size: 36px !important; font-weight: 800 !important; text-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(74, 158, 255, 0.3) !important; } .promo-banner h4 { color: #ffffff !important; font-size: 20px !important; font-weight: 500 !important; margin: 0 0 20px 0 !important; line-height: 1.5 !important; word-wrap: break-word !important; overflow-wrap: break-word !important; opacity: 0.95 !important; } .promo-banner p { color: #e8f4f8 !important; font-size: 18px !important; line-height: 1.8 !important; margin: 16px 0 !important; word-wrap: break-word !important; overflow-wrap: break-word !important; display: block !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; font-weight: 400 !important; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important; } .promo-banner ul { margin: 20px 0 !important; padding-left: 25px !important; list-style: disc !important; color: #ffffff !important; font-size: 17px !important; line-height: 2 !important; } .promo-banner ul li { margin-bottom: 10px !important; word-wrap: break-word !important; overflow-wrap: break-word !important; display: list-item !important; float: none !important; width: 100% !important; color: #e0e0e0 !important; font-weight: 400 !important; } .promo-banner .fa-check-circle-o, .promo-banner .fa-check-circle { color: #4a9eff !important; margin-right: 10px !important; } .promo-banner .btn, .promo-banner button[type="submit"] { background: linear-gradient(135deg, #4a9eff 0%, #3a8eef 100%) !important; border: none !important; color: #ffffff !important; padding: 18px 36px !important; font-size: 18px !important; font-weight: 700 !important; border-radius: 12px !important; margin-top: 25px !important; box-shadow: 0 6px 20px rgba(74, 158, 255, 0.4) !important; transition: all 0.3s ease !important; white-space: normal !important; word-wrap: break-word !important; width: 100% !important; max-width: 100% !important; text-transform: uppercase !important; letter-spacing: 1px !important; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important; } .promo-banner .btn:hover, .promo-banner button[type="submit"]:hover { transform: translateY(-3px) scale(1.02) !important; box-shadow: 0 8px 28px rgba(74, 158, 255, 0.5) !important; background: linear-gradient(135deg, #5aaeff 0%, #4a9eff 100%) !important; } .promo-banner .btn-success { background: linear-gradient(135deg, #ffa726 0%, #ff9800 100%) !important; box-shadow: 0 6px 20px rgba(255, 167, 38, 0.4) !important; } .promo-banner .btn-success:hover { background: linear-gradient(135deg, #ffb74d 0%, #ffa726 100%) !important; box-shadow: 0 8px 28px rgba(255, 167, 38, 0.5) !important; } .promo-banner a { color: #4a9eff !important; text-decoration: none !important; transition: color 0.3s ease !important; font-weight: 500 !important; } .promo-banner a:hover { color: #00d4ff !important; text-decoration: underline !important; } .promo-banner .learn-more { margin-top: 15px !important; } .promo-banner .learn-more a { font-size: 16px !important; color: #4a9eff !important; } .promo-banner-slim { padding: 35px 30px !important; min-height: 250px !important; } .promo-banner-slim .icon-left { width: 100% !important; margin-bottom: 20px !important; float: none !important; } .promo-banner-slim .content { margin-left: 0 !important; width: 100% !important; } .promo-banner-slim h3 { font-size: 28px !important; margin-bottom: 15px !important; color: #ffffff !important; font-weight: 800 !important; } .promo-banner-slim h4 { font-size: 18px !important; margin-bottom: 18px !important; color: #ffffff !important; font-weight: 500 !important; } .promo-banner-slim .btn { padding: 16px 32px !important; font-size: 17px !important; font-weight: 700 !important; } @media (max-width: 767px) { .domain-promo-box { padding: 24px 20px 24px 24px !important; min-height: auto !important; border-radius: 16px !important; } .domain-promo-box h3.font-size-24, .domain-promo-box h3.font-size-24.no-wrap, h3.font-size-24.no-wrap { font-size: 1.75rem !important; } .domain-promo-box p, .domain-promo-box .description { font-size: 1.2rem !important; } .domain-promo-box .btn, .domain-promo-box button, .domain-promo-box a.btn { padding: 14px 22px !important; font-size: 1.1rem !important; width: 100% !important; color: #ffffff !important; } .domain-promo-box .fa, .domain-promo-box .fas, .domain-promo-box i[class*="fa-"] { display: none !important; } } @media (min-width: 768px) { .domain-promo-box { padding: 36px 32px 36px 36px !important; min-height: 240px !important; } .domain-promo-box h3.font-size-24, .domain-promo-box h3.font-size-24.no-wrap, h3.font-size-24.no-wrap { font-size: 2.15rem !important; } .promo-banner { display: flex !important; align-items: flex-start !important; padding: 45px 40px !important; min-height: 320px !important; } .promo-banner .icon-left { width: 200px !important; margin-right: 35px !important; margin-bottom: 0 !important; flex-shrink: 0 !important; float: none !important; } .promo-banner .icon-left img { max-width: 180px !important; max-height: 180px !important; } .promo-banner .content { flex: 1 !important; margin-left: 0 !important; min-width: 0 !important; overflow: visible !important; } .promo-banner h3 { font-size: 36px !important; } .promo-banner h4 { font-size: 22px !important; } .promo-banner p { font-size: 19px !important; } .promo-banner-slim { padding: 40px 35px !important; min-height: 280px !important; } .promo-banner-slim .icon-left { width: 180px !important; margin-right: 30px !important; } .promo-banner-slim h3 { font-size: 32px !important; } .promo-banner-slim h4 { font-size: 20px !important; } } .promo-banner * { max-width: 100% !important; box-sizing: border-box !important; } .promo-banner .content > * { overflow: visible !important; text-overflow: clip !important; white-space: normal !important; } .store-order-container { background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%) !important; border-radius: 20px !important; padding: 40px 35px !important; margin: 30px 0 !important; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important; border: 2px solid #404040 !important; } .store-order-container h2 { color: #ffffff !important; font-size: 42px !important; font-weight: 800 !important; margin: 0 0 20px 0 !important; padding: 0 !important; line-height: 1.2 !important; text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important; letter-spacing: -1px !important; background: linear-gradient(135deg, #ffffff 0%, #4a9eff 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } .store-order-container p { color: #e0e0e0 !important; font-size: 18px !important; line-height: 1.7 !important; margin: 0 0 30px 0 !important; font-weight: 400 !important; } .store-order-container .payment-term { background: linear-gradient(135deg, #3a3a3a 0%, #2d2d2d 100%) !important; border-radius: 16px !important; padding: 25px !important; border: 2px solid #4a9eff !important; box-shadow: 0 8px 24px rgba(74, 158, 255, 0.2) !important; } .store-order-container .payment-term h4 { color: #ffffff !important; font-size: 22px !important; font-weight: 700 !important; margin: 0 0 15px 0 !important; } .store-order-container .payment-term select { background-color: #2d2d2d !important; border: 2px solid #404040 !important; color: #ffffff !important; font-size: 18px !important; padding: 14px 18px !important; border-radius: 10px !important; transition: all 0.3s ease !important; } .store-order-container .payment-term select:focus { border-color: #4a9eff !important; box-shadow: 0 0 0 3px rgba(74, 158, 255, 0.2) !important; outline: none !important; } .store-order-container .store-domain-tabs { background-color: #2d2d2d !important; border-radius: 12px 12px 0 0 !important; padding: 8px 8px 0 8px !important; border-bottom: 2px solid #404040 !important; } .store-order-container .store-domain-tabs li a { background-color: #3a3a3a !important; color: #e0e0e0 !important; border-radius: 10px 10px 0 0 !important; padding: 14px 24px !important; font-size: 16px !important; font-weight: 500 !important; margin-right: 8px !important; transition: all 0.3s ease !important; border: 2px solid transparent !important; border-bottom: none !important; } .store-order-container .store-domain-tabs li.active a, .store-order-container .store-domain-tabs li a:hover { background-color: #4a9eff !important; color: #ffffff !important; border-color: #4a9eff !important; box-shadow: 0 -4px 12px rgba(74, 158, 255, 0.3) !important; } .store-order-container .store-domain-tab-content { background-color: #2d2d2d !important; border: 2px solid #404040 !important; border-top: none !important; border-radius: 0 0 12px 12px !important; padding: 25px !important; margin-bottom: 25px !important; } .store-order-container .store-domain-tab-content .form-control { background-color: #3a3a3a !important; border: 2px solid #404040 !important; color: #ffffff !important; font-size: 16px !important; padding: 14px 18px !important; border-radius: 10px !important; } .store-order-container .store-domain-tab-content .form-control:focus { border-color: #4a9eff !important; box-shadow: 0 0 0 3px rgba(74, 158, 255, 0.2) !important; outline: none !important; } .store-order-container .domain-validation { color: #4a9eff !important; font-size: 16px !important; font-weight: 500 !important; } .store-order-container .domain-validation.ok { color: #00d4ff !important; } .store-order-container .fas, .store-order-container .far, .store-order-container .fa { font-size: 1.2em !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; filter: drop-shadow(0 2px 4px rgba(74, 158, 255, 0.3)) !important; } .store-order-container .fas.fa-check, .store-order-container .far.fa-check-circle { color: #00d4ff !important; filter: drop-shadow(0 2px 6px rgba(0, 212, 255, 0.5)) !important; animation: pulse 2s infinite !important; } @keyframes pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.8; } } .store-order-container .fas.fa-times { color: #ff6b6b !important; filter: drop-shadow(0 2px 6px rgba(255, 107, 107, 0.5)) !important; } .store-order-container .fas.fa-spinner { color: #4a9eff !important; filter: drop-shadow(0 2px 6px rgba(74, 158, 255, 0.5)) !important; } .store-order-container .fas.fa-arrow-left { color: #e0e0e0 !important; margin-right: 8px !important; } .store-order-container .fas.fa-shopping-cart { color: #ffffff !important; margin-left: 8px !important; filter: drop-shadow(0 2px 4px rgba(255, 255, 255, 0.3)) !important; } .store-order-container .btn { padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 12px !important; transition: all 0.3s ease !important; border: none !important; } .store-order-container .btn-default { background-color: #3a3a3a !important; color: #e0e0e0 !important; border: 2px solid #404040 !important; } .store-order-container .btn-default:hover { background-color: #4a4a4a !important; color: #ffffff !important; border-color: #4a9eff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 12px rgba(74, 158, 255, 0.3) !important; } .store-order-container .btn-primary { background: linear-gradient(135deg, #4a9eff 0%, #3a8eef 100%) !important; color: #ffffff !important; box-shadow: 0 6px 20px rgba(74, 158, 255, 0.4) !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } .store-order-container .btn-primary:hover { background: linear-gradient(135deg, #5aaeff 0%, #4a9eff 100%) !important; transform: translateY(-3px) !important; box-shadow: 0 8px 28px rgba(74, 158, 255, 0.5) !important; } .store-promoted-product { background: linear-gradient(135deg, #2d2d2d 0%, #3a3a3a 100%) !important; border-radius: 20px !important; padding: 35px !important; margin-top: 30px !important; border: 3px solid #4a9eff !important; box-shadow: 0 12px 40px rgba(74, 158, 255, 0.3) !important; } .store-promoted-product h3 { color: #ffffff !important; font-size: 32px !important; font-weight: 800 !important; margin: 0 0 12px 0 !important; } .store-promoted-product h4 { color: #4a9eff !important; font-size: 20px !important; font-weight: 600 !important; margin: 0 0 16px 0 !important; } .store-promoted-product p { color: #e0e0e0 !important; font-size: 17px !important; line-height: 1.6 !important; margin: 0 0 20px 0 !important; } .store-promoted-product .features { list-style: none !important; padding: 0 !important; margin: 20px 0 !important; } .store-promoted-product .features li { color: #e0e0e0 !important; font-size: 16px !important; padding: 10px 0 !important; display: flex !important; align-items: center !important; } .store-promoted-product .features li .fa-check-circle { color: #00d4ff !important; margin-right: 12px !important; font-size: 20px !important; filter: drop-shadow(0 2px 6px rgba(0, 212, 255, 0.5)) !important; } .store-promoted-product .btn-success { background: linear-gradient(135deg, #ffa726 0%, #ff9800 100%) !important; color: #ffffff !important; padding: 16px 32px !important; font-size: 18px !important; font-weight: 700 !important; border-radius: 12px !important; box-shadow: 0 6px 20px rgba(255, 167, 38, 0.4) !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; border: none !important; } .store-promoted-product .btn-success:hover { background: linear-gradient(135deg, #ffb74d 0%, #ffa726 100%) !important; transform: translateY(-3px) !important; box-shadow: 0 8px 28px rgba(255, 167, 38, 0.5) !important; } .store-promoted-product .icon img { max-width: 120px !important; filter: drop-shadow(0 8px 16px rgba(74, 158, 255, 0.4)) !important; border-radius: 12px !important; } .domain-pricing h4 { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } .tld-filters { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } [class*="popular"], [class*="other"], [class*="Popular"], [class*="Other"], [id*="popular"], [id*="other"], [id*="Popular"], [id*="Other"] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } button[data-filter*="popular"], button[data-filter*="other"], button[data-filter*="Popular"], button[data-filter*="Other"], a[data-filter*="popular"], a[data-filter*="other"], a[data-filter*="Popular"], a[data-filter*="Other"], button[onclick*="popular"], button[onclick*="other"], button[onclick*="Popular"], button[onclick*="Other"], a[onclick*="popular"], a[onclick*="other"], a[onclick*="Popular"], a[onclick*="Other"] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; } [data-category="popular"], [data-category="other"], [data-category="Popular"], [data-category="Other"], [aria-label*="POPULAR"], [aria-label*="OTHER"], [aria-label*="popular"], [aria-label*="other"], [title*="POPULAR"], [title*="OTHER"], [title*="popular"], [title*="other"] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; } .filter-tabs, .domain-filter-tabs, .tld-filter-tabs, .domain-category-tabs, .tld-category-tabs, .filter-buttons, .category-filters { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } .domain-pricing { background: #ffffff !important; border-radius: 20px !important; padding: 40px 30px !important; margin: 30px 0 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important; border: 1px solid #e2e8f0 !important; color: #1e293b !important; } .domain-pricing .table-container { background-color: transparent !important; border-radius: 16px !important; overflow: hidden !important; margin-top: 30px !important; } #tableDomainPricing { background-color: #ffffff !important; border-radius: 16px !important; overflow: hidden !important; border: 1px solid #e2e8f0 !important; box-shadow: none !important; width: 100% !important; } #tableDomainPricing thead { background: #f1f5f9 !important; border-bottom: 2px solid #cbd5e1 !important; } #tableDomainPricing thead th { color: #1e293b !important; font-size: 20px !important; font-weight: 700 !important; padding: 20px 24px !important; text-align: center !important; text-transform: uppercase !important; letter-spacing: 1px !important; border: none !important; background: #f1f5f9 !important; position: relative !important; text-shadow: none !important; } #tableDomainPricing thead th:first-child { border-radius: 16px 0 0 0 !important; } #tableDomainPricing thead th:last-child { border-radius: 0 16px 0 0 !important; } #tableDomainPricing thead th::before { display: none !important; } #tableDomainPricing tbody tr { background-color: #ffffff !important; border-bottom: 1px solid #e2e8f0 !important; transition: background-color 0.2s ease !important; } #tableDomainPricing tbody tr:nth-child(even) { background-color: #f8fafc !important; } #tableDomainPricing tbody tr:hover { background-color: #f1f5f9 !important; transform: none !important; box-shadow: none !important; border-left: none !important; } #tableDomainPricing tbody td { color: #334155 !important; font-size: 17px !important; padding: 18px 24px !important; text-align: center !important; vertical-align: middle !important; border: none !important; line-height: 1.6 !important; } #tableDomainPricing tbody td:first-child { color: #1e40af !important; font-weight: 600 !important; font-size: 18px !important; text-align: left !important; } #tableDomainPricing tbody td small { color: #64748b !important; font-size: 14px !important; display: block !important; margin-top: 4px !important; font-weight: 400 !important; } #tableDomainPricing .tld-sale-group { background: linear-gradient(135deg, #ffa726 0%, #ff9800 100%) !important; color: #ffffff !important; padding: 4px 12px !important; border-radius: 12px !important; font-size: 12px !important; font-weight: 700 !important; margin-left: 8px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; box-shadow: 0 2px 8px rgba(255, 167, 38, 0.4) !important; } #tableDomainPricing_wrapper { background-color: transparent !important; padding: 0 !important; } #tableDomainPricing_wrapper .dataTables_length, #tableDomainPricing_wrapper .dataTables_filter, #tableDomainPricing_wrapper .dataTables_info, #tableDomainPricing_wrapper .dataTables_paginate { color: #e0e0e0 !important; font-size: 16px !important; margin-bottom: 20px !important; } #tableDomainPricing_wrapper .dataTables_filter input { background-color: #3a3a3a !important; border: 2px solid #404040 !important; color: #ffffff !important; border-radius: 8px !important; padding: 10px 16px !important; font-size: 16px !important; transition: all 0.3s ease !important; } #tableDomainPricing_wrapper .dataTables_filter input:focus { border-color: #4a9eff !important; box-shadow: 0 0 0 3px rgba(74, 158, 255, 0.2) !important; outline: none !important; } #tableDomainPricing_wrapper .dataTables_paginate .paginate_button { background: linear-gradient(135deg, #3a3a3a 0%, #2d2d2d 100%) !important; border: 2px solid #404040 !important; color: #e0e0e0 !important; border-radius: 8px !important; padding: 10px 16px !important; margin: 0 4px !important; transition: all 0.3s ease !important; font-size: 16px !important; font-weight: 500 !important; } #tableDomainPricing_wrapper .dataTables_paginate .paginate_button:hover { background: linear-gradient(135deg, #4a9eff 0%, #3a8eef 100%) !important; border-color: #4a9eff !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 12px rgba(74, 158, 255, 0.3) !important; } #tableDomainPricing_wrapper .dataTables_paginate .paginate_button.current { background: linear-gradient(135deg, #4a9eff 0%, #3a8eef 100%) !important; border-color: #4a9eff !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(74, 158, 255, 0.4) !important; } #tableLoading { color: #4a9eff !important; font-size: 18px !important; padding: 40px !important; } #tableLoading .fa-spinner { font-size: 32px !important; color: #4a9eff !important; filter: drop-shadow(0 2px 8px rgba(74, 158, 255, 0.5)) !important; } @media (max-width: 991px) { .domain-pricing { padding: 25px 20px !important; border-radius: 16px !important; margin: 20px 0 !important; } #tableDomainPricing thead th { font-size: 17px !important; padding: 16px 16px !important; } #tableDomainPricing tbody td { font-size: 16px !important; padding: 14px 12px !important; } } @media (max-width: 768px) { .domain-pricing { padding: 15px 5px !important; border-radius: 12px !important; margin: 15px 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .domain-pricing .table-container { overflow-x: auto !important; overflow-y: visible !important; -webkit-overflow-scrolling: touch !important; margin-top: 20px !important; width: 100% !important; position: relative !important; } .domain-pricing .table-container::after { content: '← Desliza para ver más →' !important; display: block !important; text-align: center !important; color: #4a9eff !important; font-size: 12px !important; margin-top: 10px !important; opacity: 0.7 !important; } #tableDomainPricing { min-width: 650px !important; width: 100% !important; border-radius: 12px !important; display: table !important; table-layout: auto !important; } #tableDomainPricing thead { display: table-header-group !important; } #tableDomainPricing thead th { font-size: 13px !important; padding: 14px 10px !important; letter-spacing: 0.3px !important; white-space: nowrap !important; min-width: 120px !important; text-align: center !important; } #tableDomainPricing thead th:first-child { min-width: 150px !important; position: sticky !important; left: 0 !important; z-index: 10 !important; background: #f1f5f9 !important; color: #1e293b !important; } #tableDomainPricing tbody { display: table-row-group !important; } #tableDomainPricing tbody tr { display: table-row !important; } #tableDomainPricing tbody td { font-size: 13px !important; padding: 12px 10px !important; white-space: nowrap !important; min-width: 120px !important; text-align: center !important; vertical-align: middle !important; } #tableDomainPricing tbody td:first-child { font-size: 14px !important; font-weight: 600 !important; position: sticky !important; left: 0 !important; z-index: 9 !important; background-color: #ffffff !important; color: #1e40af !important; min-width: 150px !important; text-align: left !important; padding-left: 15px !important; } #tableDomainPricing tbody tr:hover td:first-child { background-color: #f1f5f9 !important; } #tableDomainPricing tbody tr:nth-child(even) td:first-child { background-color: #f8fafc !important; } #tableDomainPricing tbody tr:nth-child(even):hover td:first-child { background-color: #f1f5f9 !important; } #tableDomainPricing tbody td small { font-size: 11px !important; display: block !important; margin-top: 3px !important; line-height: 1.3 !important; } #tableDomainPricing_wrapper .dataTables_length, #tableDomainPricing_wrapper .dataTables_filter, #tableDomainPricing_wrapper .dataTables_info { font-size: 14px !important; margin-bottom: 15px !important; text-align: center !important; } #tableDomainPricing_wrapper .dataTables_filter { margin-top: 15px !important; } #tableDomainPricing_wrapper .dataTables_filter input { width: 100% !important; font-size: 14px !important; padding: 10px 14px !important; margin-top: 8px !important; } #tableDomainPricing_wrapper .dataTables_paginate { text-align: center !important; margin-top: 15px !important; } #tableDomainPricing_wrapper .dataTables_paginate .paginate_button { padding: 8px 12px !important; font-size: 14px !important; margin: 2px !important; } } @media (max-width: 480px) { .domain-pricing { padding: 12px 8px !important; border-radius: 10px !important; } #tableDomainPricing { min-width: 550px !important; } #tableDomainPricing thead th { font-size: 12px !important; padding: 10px 6px !important; } #tableDomainPricing tbody td { font-size: 13px !important; padding: 10px 6px !important; } #tableDomainPricing tbody td:first-child { font-size: 14px !important; } #tableDomainPricing tbody td small { font-size: 11px !important; } #tableDomainPricing_wrapper .dataTables_length, #tableDomainPricing_wrapper .dataTables_filter, #tableDomainPricing_wrapper .dataTables_info { font-size: 12px !important; } #tableDomainPricing_wrapper .dataTables_paginate .paginate_button { padding: 6px 10px !important; font-size: 12px !important; margin: 1px !important; } } @media (max-width: 768px) { .domain-pricing .tabs, .domain-pricing .nav-tabs, .domain-pricing .btn-group { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-bottom: 20px !important; width: 100% !important; justify-content: center !important; } .domain-pricing .nav-tabs > li, .domain-pricing .btn-group > button, .domain-pricing .btn-group > a { flex: 1 1 auto !important; min-width: calc(33.333% - 6px) !important; font-size: 13px !important; padding: 10px 8px !important; text-align: center !important; } #tableDomainPricing thead th .nav-tabs, #tableDomainPricing thead th .btn-group, #tableDomainPricing thead th .tabs { display: flex !important; flex-direction: column !important; gap: 4px !important; margin-top: 8px !important; } #tableDomainPricing thead th .nav-tabs > li, #tableDomainPricing thead th .btn-group > button, #tableDomainPricing thead th .btn-group > a { width: 100% !important; font-size: 11px !important; padding: 6px 4px !important; white-space: normal !important; line-height: 1.2 !important; } #tableDomainPricing_wrapper { width: 100% !important; overflow-x: auto !important; } #tableDomainPricing_wrapper .dataTables_scroll { overflow-x: auto !important; overflow-y: visible !important; } #tableDomainPricing_wrapper .dataTables_scrollHead { overflow-x: auto !important; } #tableDomainPricing_wrapper .dataTables_scrollBody { overflow-x: auto !important; overflow-y: visible !important; } } .footer-main { background: var(--gray-900); color: var(--white); padding: 3rem 0 1rem; width: 100%; } .footer-logo { margin-bottom: 1.5rem; } .footer-logo img { height: 80px; width: auto; max-width: 320px; filter: brightness(1.1); transition: var(--transition); } .footer-logo img:hover { transform: scale(1.05); filter: brightness(1.2); } @media (max-width: 767px) { .footer-logo img { height: 60px; max-width: 240px; } } .footer-text { color: rgba(255, 255, 255, 0.92); line-height: 1.6; margin-bottom: 1.5rem; } .footer-social-title { color: #ffffff !important; font-weight: 700; font-size: 1.125rem; letter-spacing: 0.5px; margin-bottom: 0.75rem; margin-top: 0; } .footer-social { display: flex; gap: 1rem; } .footer-social a { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; color: rgba(255, 255, 255, 0.95); font-size: 1.6rem; transition: var(--transition); border: 2px solid rgba(255, 255, 255, 0.2); } .footer-social a:hover { background: var(--color-primary); color: var(--white); border-color: var(--color-action); transform: translateY(-4px) scale(1.05); box-shadow: 0 6px 16px rgba(124, 58, 237, 0.45); } .footer-social-bottom { display: inline-flex; gap: 0.75rem; align-items: center; } .footer-social-bottom a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: rgba(255, 255, 255, 0.88); font-size: 1.1rem; transition: var(--transition); border-radius: 50%; } .footer-social-bottom a:hover { color: var(--white); background: rgba(255, 255, 255, 0.12); } .footer-bottom-row .footer-copyright { margin-bottom: 0; } .footer-title { color: #ffffff !important; margin-bottom: 1.25rem; font-weight: 700; font-size: 1.125rem; letter-spacing: 0.5px; } .footer-main .footer-title, footer .footer-title, .footer-main h2.footer-title, h2.footer-title { color: #ffffff !important; } .footer-links { list-style: none; padding: 0; } .footer-links li { margin-bottom: 0.5rem; } .footer-links a { color: rgba(255, 255, 255, 0.9); text-decoration: none; transition: var(--transition); font-size: 0.95rem; display: inline-block; padding: 0.25rem 0; } .footer-links a:hover { color: var(--color-action); padding-left: 5px; } .footer-contact p { color: rgba(255, 255, 255, 0.8); margin-bottom: 0.5rem; } .footer-contact i { margin-right: 0.5rem; color: var(--primary-color); } .footer-divider { border-color: rgba(255, 255, 255, 0.2); margin: 2rem 0 1rem; } .footer-copyright { color: rgba(255, 255, 255, 0.88); margin-bottom: 0; font-size: 0.9rem; } @media (max-width: 991px) { .footer-main { padding: 2.5rem 0 1rem; } .footer-title { margin-top: 2rem; margin-bottom: 1rem; } .footer-title:first-of-type { margin-top: 0; } } @media (max-width: 767px) { .footer-main { padding: 2rem 0 1rem; } .footer-text { font-size: 0.95rem; margin-bottom: 1.25rem; } .footer-social-title { font-size: 1rem; margin-bottom: 0.5rem; } .footer-social { gap: 0.75rem; } .footer-social a { width: 46px; height: 46px; font-size: 1.35rem; } .footer-title { font-size: 1rem; margin-bottom: 0.875rem; } .footer-links a { font-size: 0.9rem; } .footer-copyright { font-size: 0.875rem; text-align: center; } .footer-copyright:last-child { margin-top: 0.5rem; } .footer-bottom-row { flex-direction: column; text-align: center; gap: 0.75rem; } .footer-bottom-row .col-lg-5, .footer-bottom-row .col-lg-2 { width: 100%; max-width: 100%; } .footer-bottom-row .text-lg-right { text-align: center !important; } .footer-social-bottom { justify-content: center; } .row.align-items-center { flex-direction: column; text-align: center; } .row.align-items-center .col-lg-6 { width: 100%; } } body.homepage .footer-main { width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; left: 0 !important; right: 0 !important; margin-top: auto; background: linear-gradient(180deg, #5B21B6 0%, #1E293B 50%, #0f172a 100%) !important; padding: 3rem 0 1.5rem; flex-shrink: 0; position: relative; overflow-x: hidden; } body.homepage, html body.homepage { overflow-x: hidden; width: 100%; } body:not(.homepage):not(.hook-tf-knowledgebase):not(.hook-tf-contact):not(.hook-tf-announcements) .footer-main { width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; left: 0 !important; right: 0 !important; margin-top: auto; background: var(--gray-900) !important; padding: 3rem 0 1.5rem; flex-shrink: 0; position: relative; overflow-x: hidden; } body:not(.homepage):not(.hook-tf-knowledgebase):not(.hook-tf-contact):not(.hook-tf-announcements), html body:not(.homepage):not(.hook-tf-knowledgebase):not(.hook-tf-contact):not(.hook-tf-announcements) { overflow-x: hidden; width: 100%; } body:not(.hook-tf-knowledgebase):not(.hook-tf-contact):not(.hook-tf-announcements) section#main-body, body:not(.hook-tf-knowledgebase):not(.hook-tf-contact):not(.hook-tf-announcements) .main-content { background-color: transparent !important; } body.homepage #main-body { flex: 1 0 auto; display: flex; flex-direction: column; } @media (max-width: 767px) { body.homepage .footer-main { padding: 2rem 0 1.5rem; } } @media (max-width: 575px) { body.homepage .footer-main { padding: 1.5rem 0 1rem; } } body.homepage { font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; } body .fa, body .fas, body .far, body .fal, body .fad, body .fa::before, body .fas::before, body .far::before, body .fal::before, body .fad::before { font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome !important; font-style: normal !important; font-variant: normal !important; text-rendering: auto !important; -webkit-font-smoothing: antialiased !important; } body .fas, body .fas::before, body .fa, body .fa::before { font-weight: 900 !important; } body .far, body .far::before { font-weight: 400 !important; } body .fab, body .fab::before { font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", FontAwesome !important; font-weight: 400 !important; font-style: normal !important; font-variant: normal !important; text-rendering: auto !important; -webkit-font-smoothing: antialiased !important; } body.homepage { font-size: 18px !important; } body.homepage .logo img { height: 80px !important; width: auto !important; max-width: 320px !important; } body.homepage .section-title { font-size: 2.75rem !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: -0.5px !important; } body.homepage .section-subtitle { font-size: 1.25rem !important; line-height: 1.45 !important; color: #64748b !important; } body.homepage .pricing-card h3 { font-size: 2rem !important; font-weight: 700 !important; } body.homepage .pricing-description { font-size: 1.125rem !important; line-height: 1.6 !important; } body.homepage .price-amount { font-size: 3.5rem !important; font-weight: 700 !important; } body.homepage .pricing-features li { font-size: 1.125rem !important; line-height: 1.8 !important; } body.homepage p { font-size: 1.125rem !important; line-height: 1.7 !important; } body.homepage .btn-lg { font-size: 1.25rem !important; padding: 1rem 2.5rem !important; font-weight: 600 !important; } body.homepage .btn { font-size: 1.125rem !important; } body.homepage .technology-card h4 { font-size: 1.625rem !important; font-weight: 700 !important; } body.homepage .technology-card p { font-size: 1.125rem !important; line-height: 1.6 !important; } body.homepage .tech-features li { font-size: 1.063rem !important; } body.homepage .feature-box h4 { font-size: 1.375rem !important; font-weight: 700 !important; } body.homepage .feature-box p { font-size: 1.125rem !important; line-height: 1.6 !important; } body.homepage .service-card h5 { font-size: 1.25rem !important; font-weight: 600 !important; } body.homepage .service-card p { font-size: 1.125rem !important; line-height: 1.6 !important; } body.homepage .service-card small { font-size: 0.938rem !important; } .testimonial-avatar { flex-shrink: 0; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; border: 3px solid rgba(59, 130, 246, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .testimonial-avatar:hover { border-color: rgba(59, 130, 246, 0.5); box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); transform: scale(1.05); } .testimonial-photo { width: 100%; height: 100%; object-fit: cover; display: block; } body.homepage .domain-card h3 { font-size: 2.5rem !important; font-weight: 700 !important; } body.homepage .domain-description { font-size: 1.125rem !important; line-height: 1.45 !important; } body.homepage .domain-price .price-amount { font-size: 2.75rem !important; } body.homepage .domain-features li { font-size: 1.063rem !important; } @media (max-width: 991px) { body.homepage { font-size: 17px !important; } body.homepage .logo img { height: 70px !important; } body.homepage .section-title { font-size: 1.75rem !important; } body.homepage .section-subtitle { font-size: 1.125rem !important; } body.homepage p { font-size: 1.063rem !important; } } @media (max-width: 767px) { body.homepage { font-size: 16px !important; } body.homepage .logo img { height: 60px !important; } body.homepage .section-title { font-size: 1.5rem !important; } body.homepage .section-subtitle { font-size: 1.063rem !important; } body.homepage .pricing-card h3 { font-size: 1.625rem !important; } body.homepage .price-amount { font-size: 2.75rem !important; } body.homepage p { font-size: 1rem !important; } } @media (max-width: 480px) { body.homepage { font-size: 15px !important; } body.homepage .logo img { height: 50px !important; } body.homepage .section-title { font-size: 1.5rem !important; } body.homepage .section-subtitle { font-size: 1rem !important; } body.homepage p { font-size: 0.938rem !important; } } #order-premium_comparison #headline, #order-premium_comparison h3#headline.font-size-24 { font-size: 2.25rem !important; font-weight: 700 !important; color: #1e40af !important; letter-spacing: 0.02em !important; } #order-premium_comparison #products li, #order-premium_comparison #product1, #order-premium_comparison #product2, #order-premium_comparison #product3 { border-radius: 16px !important; overflow: hidden !important; } #order-standard_cart .cart-body select.form-control, #order-standard_cart .cart-body .form-control.custom-select { font-size: 1.4rem !important; min-height: 3.25rem !important; padding: 0.5rem 0.75rem !important; } #order-standard_cart .cart-body .panel-addon, #order-standard_cart .cart-body .panel.panel-default.panel-addon { border: none !important; border-radius: 14px !important; overflow: visible !important; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important; background: #ffffff !important; } #order-standard_cart .cart-body .panel-addon .panel-heading, #order-standard_cart .cart-body .panel.panel-addon .panel-heading { background: #1e293b !important; color: #fff !important; border: none !important; padding: 1rem 1.25rem !important; font-size: 1.35rem !important; font-weight: 600 !important; border-radius: 14px 14px 0 0 !important; overflow: hidden !important; } #order-standard_cart .cart-body .panel-addon .panel-body, #order-standard_cart .cart-body .panel-addon .panel-body.card-body, #order-standard_cart .cart-body .panel.panel-addon .panel-body { background: #f8fafc !important; color: #334155 !important; font-size: 1.2rem !important; line-height: 1.5 !important; padding: 1.25rem 1.5rem !important; border: none !important; border-radius: 0 0 14px 14px !important; overflow: visible !important; } #order-standard_cart .cart-body .panel-addon .panel-body p, #order-standard_cart .cart-body .panel-addon .panel-body.card-body p { font-size: 1.15rem !important; color: #475569 !important; } #order-standard_cart .cart-body .panel-addon select.form-control, #order-standard_cart .cart-body .panel-addon .form-control, #order-standard_cart .cart-body .addon-products select.form-control, #order-standard_cart .cart-body .addon-products .form-control { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; min-height: 2.75rem !important; height: auto !important; font-size: 1.15rem !important; line-height: 1.35 !important; padding: 0.45rem 2.25rem 0.45rem 0.75rem !important; } #order-standard_cart .cart-body .panel-addon .form-group, #order-standard_cart .cart-body .addon-products .form-group { overflow: visible !important; margin-bottom: 1rem !important; } #order-standard_cart .cart-body .panel-addon .btn-success, #order-standard_cart .cart-body .panel.panel-addon .btn-success { background: #059669 !important; border-color: #059669 !important; color: #fff !important; font-size: 1.15rem !important; font-weight: 600 !important; border-radius: 10px !important; padding: 0.6rem 1.25rem !important; } #order-standard_cart .cart-body .panel-addon .btn-success:hover, #order-standard_cart .cart-body .panel.panel-addon .btn-success:hover { background: #047857 !important; border-color: #047857 !important; } #order-standard_cart .cart-body .row.addon-products, #order-standard_cart .cart-body .addon-products.row { display: flex !important; flex-direction: column !important; overflow: visible !important; } #order-standard_cart .cart-body .row.addon-products > [class*="col-"], #order-standard_cart .cart-body .addon-products.row > [class*="col-"] { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; overflow: visible !important; } #order-standard_cart .products .product, #order-standard_cart #products .product { overflow: hidden !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } #order-standard_cart .products > .row > [class*="col-"], #order-standard_cart #products > .row > [class*="col-"] { min-width: 0 !important; } #order-standard_cart .products .product div.product-desc, #order-standard_cart .products .product div.product-desc-full-width, #order-standard_cart #products .product div.product-desc, #order-standard_cart #products .product div.product-desc-full-width { float: none !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 0.75rem 1rem !important; font-size: 1.15rem !important; overflow: hidden !important; } #order-standard_cart .products .product .form-group, #order-standard_cart #products .product .form-group { width: 100% !important; max-width: 100% !important; margin-bottom: 0.75rem !important; overflow: hidden !important; } #order-standard_cart .products .product select.field, #order-standard_cart .products .product select.form-control, #order-standard_cart .products .product select[name="productid"], #order-standard_cart .products .product .field.form-control, #order-standard_cart #products .product select.field, #order-standard_cart #products .product select.form-control, #order-standard_cart #products .product select[name="productid"], #order-standard_cart #products .product .field.form-control { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; font-size: 1.2rem !important; line-height: 1.4 !important; min-height: 3rem !important; height: auto !important; padding: 0.55rem 2.25rem 0.55rem 0.75rem !important; margin: 0 !important; } #order-standard_cart .products .product footer, #order-standard_cart .products .product footer.col-12, #order-standard_cart #products .product footer, #order-standard_cart #products .product footer.col-12 { float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0.75rem 1rem 1rem !important; box-sizing: border-box !important; text-align: right !important; font-size: 1rem !important; } #order-standard_cart .products .product div.product-pricing, #order-standard_cart #products .product div.product-pricing { margin-bottom: 0.75rem !important; } .support-ticket-form-modern { background: var(--gray-50, #f8fafc); border-radius: var(--border-radius-xl, 16px); padding: 2rem; box-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1)); margin-bottom: 2rem; } .support-ticket-form-modern .support-ticket-form .form-group label { font-weight: 600; color: var(--gray-800, #1e293b); margin-bottom: 0.5rem; } .support-ticket-form-modern .form-control { border-radius: var(--border-radius, 8px); border: 1px solid var(--gray-300, #cbd5e1); padding: 0.625rem 0.875rem; } .support-ticket-form-modern .support-ticket-actions { margin-top: 2rem; margin-bottom: 0; } .support-ticket-form-modern .btn-aura-ticket, .btn-aura-ticket { background: linear-gradient(135deg, #0f766e 0%, #0d5c55 100%) !important; border-color: #0d5c55 !important; color: #fff !important; margin-right: 0.75rem; } .support-ticket-form-modern .btn-aura-ticket:hover, .btn-aura-ticket:hover { background: linear-gradient(135deg, #0d5c55 0%, #0b4d47 100%) !important; border-color: #0b4d47 !important; color: #fff !important; } .support-ticket-form-modern .btn-aura-ticket i { margin-right: 0.35rem; } .support-ticket-form-modern .md-editor, .container-markdown-editor .md-editor { border: 1px solid var(--gray-300, #e2e8f0) !important; border-radius: var(--border-radius-lg, 12px) !important; overflow: hidden !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important; } .support-ticket-form-modern .md-editor > .md-header, .container-markdown-editor .md-editor > .md-header { background: var(--gray-100, #f1f5f9) !important; border-bottom: 1px solid var(--gray-200, #e2e8f0) !important; padding: 0.5rem 0.75rem !important; } .support-ticket-form-modern .md-editor > textarea.markdown-editor, .support-ticket-form-modern .md-editor > .md-preview, .container-markdown-editor .md-editor > textarea.markdown-editor, .container-markdown-editor .md-editor > .md-preview { color: #1e293b !important; background-color: #fff !important; padding: 1rem 1.25rem !important; font-size: 1.5rem !important; line-height: 1.65 !important; } .support-ticket-form-modern .md-editor > textarea.markdown-editor, .container-markdown-editor .md-editor > textarea.markdown-editor, #main-body .md-editor > textarea.markdown-editor { font-family: 'Consolas', 'Monaco', 'Menlo', monospace !important; min-height: 280px !important; font-size: 1.5rem !important; } .support-ticket-form-modern .md-editor > .md-preview, .container-markdown-editor .md-editor > .md-preview { color: #1e293b !important; } .support-ticket-form-modern .md-editor .md-header .btn-toolbar, .container-markdown-editor .md-editor .md-header .btn-toolbar, #main-body .md-editor .md-header .btn-toolbar { flex-wrap: wrap; gap: 2px; } .support-ticket-form-modern .md-editor .btn-toolbar .btn, .support-ticket-form-modern .md-editor .md-header .btn, .support-ticket-form-modern .md-editor .md-header [data-handler], .container-markdown-editor .md-editor .btn-toolbar .btn, .container-markdown-editor .md-editor .md-header .btn, #main-body .md-editor .md-header .btn, #main-body .md-editor .md-header .md-control { color: #1e293b !important; border-color: #94a3b8 !important; background: #fff !important; } .support-ticket-form-modern .md-editor .md-header .btn:hover, .support-ticket-form-modern .md-editor .md-header [data-handler]:hover, #main-body .md-editor .md-header .btn:hover, #main-body .md-editor .md-header .md-control:hover { color: #0f172a !important; background: #f1f5f9 !important; } .support-ticket-form-modern .md-editor .md-header .btn i, .support-ticket-form-modern .md-editor .md-header [data-handler] i, #main-body .md-editor .md-header .btn i, #main-body .md-editor .md-header .md-control i { color: inherit !important; } .support-ticket-form-modern .markdown-editor-status, .container-markdown-editor .markdown-editor-status { color: var(--gray-500, #64748b) !important; font-size: 0.8125rem !important; } #main-body .md-editor > textarea.markdown-editor, #main-body .md-editor > .md-preview { color: #1e293b !important; font-size: 1.5rem !important; } #autoAnswerSuggestions.well, .support-ticket-form-modern #autoAnswerSuggestions.well { background: #fff !important; border: 1px solid var(--gray-200, #e2e8f0) !important; border-radius: var(--border-radius, 8px) !important; color: #1e293b !important; padding: 1.25rem !important; } #autoAnswerSuggestions.well p, #autoAnswerSuggestions.well .text-muted, #autoAnswerSuggestions.well div, .support-ticket-form-modern #autoAnswerSuggestions.well p, .support-ticket-form-modern #autoAnswerSuggestions.well .text-muted, .support-ticket-form-modern #autoAnswerSuggestions.well div { color: #334155 !important; } #autoAnswerSuggestions.well a, .support-ticket-form-modern #autoAnswerSuggestions.well a { color: var(--primary-color, #1e40af) !important; text-decoration: none; } #autoAnswerSuggestions.well a:hover { text-decoration: underline; } .tech-logos-row { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1.5rem 2rem; padding: 1rem 0; } .tech-logo-item { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; padding: 8px; background: var(--white, #fff); border: 1px solid var(--gray-200, #e2e8f0); border-radius: var(--border-radius, 8px); transition: var(--transition, all 0.3s ease); box-shadow: 0 1px 3px rgba(0,0,0,0.06); } .tech-logo-item:hover { transform: translateY(-4px); border-color: var(--primary-color, #1e40af); box-shadow: 0 8px 20px rgba(30, 64, 175, 0.15); } .tech-logo-item img { width: 56px; height: 56px; object-fit: contain; } @media (max-width: 575px) { .tech-logos-row { gap: 1rem; } .tech-logo-item { width: 60px; height: 60px; padding: 6px; } .tech-logo-item img { width: 48px; height: 48px; } } .sitejet-promo-wrapper { background: linear-gradient(135deg, #f0f7ff 0%, #e8f4fd 50%, #f8fafc 100%); padding: 60px 0; margin: 20px 0; } .sitejet-card { background: linear-gradient(to right, #ffffff 0%, #fafcff 100%); border-radius: var(--border-radius-lg); box-shadow: 0 10px 25px rgba(30, 64, 175, 0.08); overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; border: 1px solid rgba(30, 64, 175, 0.12); } .sitejet-promo-image { flex: 0 0 100%; max-width: 100%; line-height: 0; background-color: #f1f5f9; } .sitejet-promo-image img { width: 100%; height: 100%; object-fit: cover; display: block; } .sitejet-promo-text { flex: 0 0 100%; max-width: 100%; padding: 30px; background: rgba(255, 255, 255, 0.6); } .sitejet-badge { display: inline-block; background: #fef3c7; color: #92400e; padding: 6px 12px; border-radius: 6px; font-size: 0.8rem; font-weight: 700; margin-bottom: 15px; text-transform: uppercase; } #main-body .sitejet-promo-text h2, #main-body .sitejet-promo-text h2.sitejet-title, .sitejet-promo-text h2.sitejet-title { color: #0f172a !important; } .sitejet-promo-text h2 { font-weight: 700; font-size: clamp(1.25rem, 4vw, 1.8rem); margin-bottom: 8px; line-height: 1.4; display: block; overflow: visible; word-wrap: break-word; font-family: var(--font-family), system-ui, sans-serif; } #main-body .sitejet-promo-text h2 span, .sitejet-promo-text h2 span { color: #1e40af !important; display: inline; } .sitejet-promo-text .sitejet-alt-caption { color: #475569; font-size: 0.875rem; font-style: italic; margin-bottom: 15px; line-height: 1.4; } .sitejet-promo-text p { color: var(--gray-700); font-size: 1rem; line-height: 1.6; margin-bottom: 25px; } .btn-sitejet { background-color: var(--primary-color); color: #ffffff !important; padding: 12px 28px; border-radius: var(--border-radius); font-weight: 600; text-decoration: none; display: inline-block; transition: background-color 0.2s; border: none; } .btn-sitejet:hover { background-color: var(--primary-dark); color: #ffffff !important; } @media (min-width: 992px) { .sitejet-promo-image { flex: 0 0 45%; max-width: 45%; } .sitejet-promo-text { flex: 0 0 55%; max-width: 55%; padding: 50px; overflow: visible; background: rgba(255, 255, 255, 0.7); } .sitejet-promo-text h2 { font-size: clamp(1.5rem, 2.5vw, 2rem); line-height: 1.35; } } #main-body .wp-content-side h2, #main-body .wp-ecosystem-section .wp-content-side h2 { color: #0f172a !important; } #main-body .wp-content-side h2 span, .wp-ecosystem-section .wp-content-side h2 span { color: #21759b !important; } .wp-ecosystem-section { background: linear-gradient(135deg, #e8f4f8 0%, #d4e8f0 50%, #c5e1ed 100%); padding: 90px 0; border-top: 1px solid rgba(33, 117, 155, 0.2); border-bottom: 1px solid rgba(33, 117, 155, 0.2); } .wp-visual-side { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding-right: 30px; } .wp-logos-row { grid-column: 1 / -1; display: flex; align-items: center; gap: 20px; margin-bottom: 0; } .wp-logo-img { flex-shrink: 0; filter: drop-shadow(0 2px 8px rgba(33, 117, 155, 0.2)); } .wp-plugin-icons { display: flex; gap: 12px; align-items: center; } .wp-plugin-icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.9); border-radius: 8px; color: #21759b; font-size: 1rem; border: 1px solid rgba(33, 117, 155, 0.2); } .wp-icon-card { background: #ffffff; padding: 25px 22px; border-radius: 12px; text-align: center; box-shadow: 0 10px 25px rgba(0, 115, 170, 0.08); border: 1px solid rgba(0, 115, 170, 0.1); transition: transform 0.3s ease; } .wp-icon-card:hover { transform: translateY(-5px); border-color: #0073aa; } .wp-icon-card i { font-size: 2.2rem; color: #0073aa; margin-bottom: 12px; display: block; } .wp-icon-card h4 { color: #0f172a !important; font-size: 1rem; font-weight: 700; margin-bottom: 5px; } .wp-icon-card p { color: #64748b !important; font-size: 0.85rem; line-height: 1.4; margin: 0; } .wp-content-side { padding-left: 30px; padding-right: 40px; max-width: 100%; } .wp-content-side h2 { font-weight: 800; font-size: 2.5rem; line-height: 1.2; margin-bottom: 20px; } .wp-content-side h2 span { color: #21759b !important; } .wp-content-side .lead { color: #334155 !important; margin-bottom: 25px; padding-right: 1em; max-width: 100%; } .wp-benefit-list { list-style: none; padding: 0; } .wp-benefit-list li { font-weight: 600; color: #1e293b; margin-bottom: 12px; display: flex; align-items: center; } .wp-benefit-list li i { color: #10b981; margin-right: 12px; font-size: 1.1rem; } @media (max-width: 991px) { .wp-visual-side { padding-right: 0; margin-bottom: 40px; } .wp-logos-row { flex-wrap: wrap; } .wp-content-side { padding-left: 1.5rem; padding-right: 1.5rem; text-align: center; } .wp-content-side .lead { padding-right: 0; margin-left: auto; margin-right: auto; } .wp-benefit-list li { justify-content: center; } } body .footer-main { background: #7C3AED !important; border-top: 2px solid #0EA5E9 !important; } body .footer-main, body .footer-main h1, body .footer-main h2, body .footer-main h3, body .footer-main h4, body .footer-main p, body .footer-main a { color: #ffffff !important; } body .footer-main a:hover { color: #0EA5E9 !important; text-decoration: none; } #cPanelExtrasPurchasePanel.panel, #cPanelExtrasPurchasePanel.card { border: 1px solid #404040 !important; border-radius: 8px !important; overflow: hidden !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important; background-color: #2d2d2d !important; margin-top: 1.25rem !important; margin-bottom: 1rem !important; } #cPanelExtrasPurchasePanel > .panel-heading, #cPanelExtrasPurchasePanel .panel-heading { background-color: #3a3a3a !important; color: #ffffff !important; border: none !important; border-bottom: 1px solid #404040 !important; padding: 12px 15px !important; } #cPanelExtrasPurchasePanel .panel-heading .panel-title, #cPanelExtrasPurchasePanel .panel-heading.card-header .panel-title, #cPanelExtrasPurchasePanel .panel-heading h3.panel-title { color: #ffffff !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.4 !important; margin: 0 !important; } #cPanelExtrasPurchasePanel .panel-body, #cPanelExtrasPurchasePanel .panel-body.card-body { padding: 15px !important; background-color: #353535 !important; color: #e0e0e0 !important; } #cPanelExtrasPurchasePanel .form-inline { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 1rem 1.25rem !important; margin: 0 !important; } #cPanelExtrasPurchasePanel .form-inline select, #cPanelExtrasPurchasePanel .form-inline select.form-control, #cPanelExtrasPurchasePanel .form-inline .custom-select { flex: 1 1 auto !important; min-width: min(100%, 300px) !important; max-width: 100% !important; font-size: 16px !important; line-height: 1.5 !important; padding: 8px 12px !important; min-height: 40px !important; border: 1px solid #404040 !important; border-radius: 6px !important; background-color: #3a3a3a !important; color: #e0e0e0 !important; } #cPanelExtrasPurchasePanel .form-inline select:focus, #cPanelExtrasPurchasePanel .form-inline select.form-control:focus { border-color: #4a9eff !important; box-shadow: 0 0 0 3px rgba(74, 158, 255, 0.1) !important; outline: none !important; color: #ffffff !important; background-color: #3a3a3a !important; } #cPanelExtrasPurchasePanel .form-inline .btn, #cPanelExtrasPurchasePanel .form-inline input[type="submit"], #cPanelExtrasPurchasePanel .form-inline button[type="submit"] { margin: 0 !important; padding: 10px 18px !important; min-height: 44px !important; font-weight: 600 !important; font-size: 17px !important; line-height: 1.35 !important; border-radius: 6px !important; white-space: nowrap !important; background-color: #3a3a3a !important; border: 1px solid #404040 !important; color: #e0e0e0 !important; } #cPanelExtrasPurchasePanel .form-inline .btn-sm, #cPanelExtrasPurchasePanel .form-inline button.btn-sm { font-size: 17px !important; padding: 10px 18px !important; min-height: 44px !important; } #cPanelExtrasPurchasePanel .form-inline .btn:hover, #cPanelExtrasPurchasePanel .form-inline input[type="submit"]:hover, #cPanelExtrasPurchasePanel .form-inline button[type="submit"]:hover { background-color: #4a4a4a !important; border-color: #505050 !important; color: #ffffff !important; } @media (max-width: 575px) { #cPanelExtrasPurchasePanel .form-inline { flex-direction: column !important; align-items: stretch !important; gap: 1rem !important; } #cPanelExtrasPurchasePanel .form-inline .btn, #cPanelExtrasPurchasePanel .form-inline input[type="submit"], #cPanelExtrasPurchasePanel .form-inline button[type="submit"] { width: 100% !important; } } .legal-page { padding: 8px 0 40px; background: transparent !important; } .legal-page .legal-content, .legal-page .legal-content.announcement-single { color: #f1f5f9 !important; line-height: 1.7; font-size: 16px; } .legal-page .legal-content:hover, .legal-page .legal-content.announcement-single:hover { transform: none; border-color: #475569; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); background-color: #334155; } .legal-page .legal-content .bigheader { margin: 32px 0 16px; } .legal-page .legal-content .bigheader:first-child { margin-top: 0; } .legal-page .legal-content h1, .legal-page .legal-content h2, .legal-page .legal-content h3, .legal-page .legal-content h4, .legal-page .legal-content .bigheader h2, .legal-page .legal-content.announcement-single > h1, .legal-page .legal-content .legal-title, #main-body .main-content .legal-page .legal-content h1, #main-body .main-content .legal-page .legal-content h2, #main-body .main-content .legal-page .legal-content h3, #main-body .main-content .legal-page .legal-content h4, #main-body .main-content .legal-page .legal-content .bigheader h2, #main-body .main-content .legal-page .legal-content.announcement-single > h1, #main-body .main-content .legal-page .legal-content .legal-title { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 22px; font-weight: 700; margin-bottom: 14px; line-height: 1.35; } .legal-page .legal-content > h1:first-child, .legal-page .legal-content .legal-title, #main-body .main-content .legal-page .legal-content > h1:first-child, #main-body .main-content .legal-page .legal-content .legal-title { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 28px; margin-bottom: 20px; } .legal-page .legal-content p, .legal-page .legal-content li, .legal-page .legal-content div, .legal-page .legal-content span, #main-body .main-content .legal-page .legal-content p, #main-body .main-content .legal-page .legal-content li { color: #f1f5f9 !important; line-height: 1.75; font-size: 16px; } .legal-page .legal-content p { margin-bottom: 20px; } .legal-page .legal-content ul, .legal-page .legal-content ol { margin: 0 0 20px 22px; padding-left: 8px; } .legal-page .legal-content a { color: #3b82f6 !important; } .legal-page .legal-content a:hover { color: #60a5fa !important; } @media (max-width: 767px) { .legal-page .legal-content { padding: 20px; } } .footer-legal-links { margin-top: 0.35rem; font-size: 0.875rem; } .footer-legal-links a { color: rgba(255, 255, 255, 0.85); text-decoration: none; } .footer-legal-links a:hover { color: #ffffff; text-decoration: underline; } .announcements-list{display:block}.announcement-single{background-color:#334155;border:1px solid #475569;border-radius:12px;padding:32px;margin-bottom:32px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);color:#f1f5f9;font-size:16px;transition:all .2s ease}.announcement-single:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px);background-color:#2d3a4f}.announcement-single .title{color:#3b82f6!important;font-size:28px;font-weight:700;text-decoration:none;display:block;margin-bottom:16px;line-height:1.3}.announcement-single .title:hover{color:#60a5fa!important;text-decoration:underline}.announcement-single p,.announcement-body p{color:#f1f5f9!important;line-height:1.75!important;margin-bottom:24px;font-size:18px!important;font-family:inherit!important}.announcement-body{color:#f1f5f9!important;font-size:18px!important;line-height:1.75!important}.announcement-body span,.announcement-body div,.announcement-body li{font-family:inherit!important;color:#f1f5f9}.announcement-body a{color:#3b82f6!important}.announcement-body a:hover{color:#60a5fa!important}.announcement-body h2,.announcement-body h3,#main-body .main-content .announcement-body h2,#main-body .main-content .announcement-body h3{color:#3b82f6!important;font-weight:700;margin-top:28px;margin-bottom:12px}.announcement-body h2{border-bottom:2px solid #3b82f6;padding-bottom:6px}.announcement-body strong{color:#fff}.announcement-single .label.label-warning{background-color:#0f172a!important;color:#fff!important;padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;display:inline-block;margin-top:8px;border:1px solid #475569;transition:all .2s ease}.announcement-single .label.label-warning:hover{background-color:#3b82f6!important;border-color:#3b82f6;color:#fff!important;transform:translateY(-1px)}.announcement-single .article-items{color:#cbd5e1;font-size:14px;margin-top:24px;padding-top:16px;border-top:1px solid #475569;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.announcement-single .article-items i{color:#3b82f6;margin-right:4px}.announcement-single .article-items .admin-inline-edit{color:#3b82f6!important;text-decoration:none;margin-left:auto}.announcement-single .article-items .admin-inline-edit:hover{color:#60a5fa!important;text-decoration:underline}body.hook-tf-announcements .header-lined h1,#main-body .main-content .header-lined h1{color:#3b82f6!important}body.viewannouncement .header-lined,body.announcements .header-lined,body.hook-tf-announcements .header-lined{display:block!important}body.viewannouncement .header-lined .breadcrumb,body.announcements .header-lined .breadcrumb,body.hook-tf-announcements .header-lined .breadcrumb{display:block!important;background:transparent!important}body.viewannouncement .header-lined h1,body.announcements .header-lined h1,body.hook-tf-announcements .header-lined h1{display:block!important;color:#3b82f6!important;border-bottom:1px solid #404040!important;margin-top:0;margin-bottom:15px;padding:6px 0;font-weight:700}body.viewannouncement .header-lined .breadcrumb li a,body.announcements .header-lined .breadcrumb li a{color:#94a3b8!important}body.viewannouncement .header-lined .breadcrumb>.active,body.announcements .header-lined .breadcrumb>.active{color:#3b82f6!important}#announcementsPaginationWrap,.col-md-6.col-md-offset-3 .form-inline{display:flex;justify-content:center;margin-top:24px;margin-bottom:48px}#announcementsPaginationWrap .btn-default,.col-md-6.col-md-offset-3 .btn-default{background-color:#334155!important;border:1px solid #475569!important;color:#e2e8f0!important;padding:10px 18px;border-radius:8px}#announcementsPaginationWrap .btn-default.active,#announcementsPaginationWrap .btn-default:hover,.col-md-6.col-md-offset-3 .btn-default.active,.col-md-6.col-md-offset-3 .btn-default:hover{background-color:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}@media (max-width:767px){.announcement-single{padding:20px}.announcement-single .title{font-size:22px}}.kb-article-title h1 { display: inline; margin: 0; font-size: 1.5em; font-weight: 700; line-height: 1.3; } .rich-content, .announcement-body, .kb-article-content { overflow-x: auto; } .rich-content img, .announcement-body img, .kb-article-content img { max-width: 100% !important; height: auto !important; } .rich-content table, .announcement-body table, .kb-article-content table { max-width: 100%; } .rich-content iframe, .announcement-body iframe, .kb-article-content iframe { max-width: 100%; } #order-standard_cart .cart-body .header-lined h1 { color: #1e293b !important; font-size: 2.25rem !important; font-weight: 700 !important; letter-spacing: -0.03em !important; line-height: 1.25 !important; border-bottom: 1px solid #e2e8f0 !important; padding-bottom: 0.85rem !important; margin-bottom: 1.25rem !important; } #order-standard_cart .cart-body .nav-tabs > li.active > a, #order-standard_cart .cart-body .nav-tabs > li.active > a:hover { color: #ffffff !important; background-color: #7C3AED !important; border-color: #7C3AED !important; } #order-standard_cart .view-cart-items-header { background: #7C3AED !important; color: #ffffff !important; border-radius: 12px 12px 0 0 !important; padding: 1.05rem 1.35rem !important; font-size: 1.4rem !important; font-weight: 700 !important; border: none !important; } #order-standard_cart .cart-body .view-cart-items-header, #order-standard_cart .cart-body .view-cart-items-header div, #order-standard_cart .cart-body .view-cart-items-header span, #order-standard_cart .view-cart-items-header div, #order-standard_cart .view-cart-items-header span { color: #ffffff !important; font-size: 1.4rem !important; font-weight: 700 !important; } #order-standard_cart .view-cart-items { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-top: none !important; border-radius: 0 0 12px 12px !important; min-height: 7rem !important; padding: 1.75rem 1.25rem !important; } #order-standard_cart .cart-body .view-cart-items, #order-standard_cart .cart-body .view-cart-items p, #order-standard_cart .cart-body .view-cart-items span, #order-standard_cart .cart-body .view-cart-items td, #order-standard_cart .view-cart-items, #order-standard_cart .view-cart-items p, #order-standard_cart .view-cart-items span { color: #1e293b !important; font-size: 1.35rem !important; } #order-standard_cart #inputPromotionCode, #order-standard_cart .cart-body #inputPromotionCode { border: 1px solid #cbd5e1 !important; border-radius: 10px !important; color: #1e293b !important; font-size: 1.05rem !important; min-height: 3rem !important; box-shadow: none !important; } #order-standard_cart button[name="validatepromo"], #order-standard_cart .cart-body button[name="validatepromo"], #order-standard_cart #validatePromo { background: #7C3AED !important; color: #ffffff !important; border: none !important; border-radius: 10px !important; font-size: 1.05rem !important; font-weight: 600 !important; padding: 0.75rem 1.25rem !important; box-shadow: 0 2px 8px rgba(124, 58, 237, 0.22) !important; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important; } #order-standard_cart button[name="validatepromo"]:hover, #order-standard_cart .cart-body button[name="validatepromo"]:hover, #order-standard_cart #validatePromo:hover { background: #6D28D9 !important; color: #ffffff !important; transform: translateY(-1px) !important; box-shadow: 0 4px 14px rgba(124, 58, 237, 0.3) !important; } #order-standard_cart #orderSummary, #order-standard_cart .order-summary, #orderSummary.order-summary { background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06) !important; } #order-standard_cart #orderSummary h2, #order-standard_cart .order-summary h2, #order-standard_cart .cart-body #orderSummary h2 { background: #1e293b !important; color: #ffffff !important; font-size: 1.15rem !important; font-weight: 700 !important; letter-spacing: 0 !important; padding: 0.9rem 1.25rem !important; margin: 0 !important; border: none !important; line-height: 1.3 !important; } #order-standard_cart #orderSummary .summary-container, #order-standard_cart .order-summary .summary-container { padding: 1.15rem 1.25rem 1.35rem !important; } #order-standard_cart #orderSummary p, #order-standard_cart #orderSummary span, #order-standard_cart #orderSummary .subtotal, #order-standard_cart #orderSummary .recurring, #order-standard_cart #orderSummary .taxed, #order-standard_cart .cart-body #orderSummary p, #order-standard_cart .cart-body #orderSummary span, #order-standard_cart .cart-body #orderSummary .subtotal, #order-standard_cart .cart-body #orderSummary .text-muted { color: #334155 !important; font-size: 1.05rem !important; } #order-standard_cart #orderSummary .total-due-today, #order-standard_cart .cart-body #orderSummary .total-due-today, #order-standard_cart #orderSummary .total-due-today span { color: #475569 !important; font-size: 0.95rem !important; font-weight: 500 !important; } #order-standard_cart #orderSummary .amt, #order-standard_cart #orderSummary .total-due-today .amt, #order-standard_cart .cart-body #orderSummary .amt, #order-standard_cart .cart-body #orderSummary .total-due-today .amt { color: #0f172a !important; font-size: 1.85rem !important; font-weight: 800 !important; display: block !important; margin: 0.25rem 0 0.35rem !important; } #order-standard_cart .cart-body #checkout, #orderSummary #checkout, #checkout.btn-checkout { background: #0EA5E9 !important; color: #ffffff !important; width: 100% !important; font-size: 1.15rem !important; font-weight: 700 !important; padding: 0.85rem 1.25rem !important; border-radius: 10px !important; border: none !important; box-shadow: 0 4px 14px rgba(14, 165, 233, 0.32) !important; } #order-standard_cart .cart-body #checkout:hover, #orderSummary #checkout:hover, #checkout.btn-checkout:hover { background: #0284c7 !important; color: #ffffff !important; } #order-standard_cart .cart-body #checkout i, #orderSummary #checkout i, #checkout.btn-checkout i, #checkout.btn-checkout .fa-arrow-right { display: none !important; } #order-standard_cart #continueShopping, #order-standard_cart .btn-continue-shopping, #order-standard_cart .cart-body #continueShopping, #order-standard_cart .cart-body a.btn-continue-shopping, #order-standard_cart .cart-body a#continueShopping { display: block !important; text-align: center !important; color: #7C3AED !important; font-size: 1rem !important; font-weight: 600 !important; margin-top: 0.85rem !important; text-decoration: none !important; } #order-standard_cart #continueShopping:hover, #order-standard_cart .btn-continue-shopping:hover, #order-standard_cart .cart-body a#continueShopping:hover { color: #6D28D9 !important; text-decoration: underline !important; } #order-standard_cart #frmDomainTransfer, #order-standard_cart .cart-body #frmDomainTransfer, #frmDomainTransfer.js-domain-transfer-card { background: transparent !important; background-color: transparent !important; } #order-standard_cart #frmDomainTransfer .panel, #order-standard_cart #frmDomainTransfer .panel.panel-default, #order-standard_cart #frmDomainTransfer .panel-heading, #order-standard_cart #frmDomainTransfer .panel-body, #order-standard_cart #frmDomainTransfer .transfer-panel, #order-standard_cart .cart-body #frmDomainTransfer .panel, #order-standard_cart .cart-body #frmDomainTransfer .panel.panel-default, #order-standard_cart .cart-body #frmDomainTransfer .panel-heading, #order-standard_cart .cart-body #frmDomainTransfer .panel-body, #order-standard_cart .cart-body #frmDomainTransfer .transfer-panel, #frmDomainTransfer .panel, #frmDomainTransfer .panel.panel-default, #frmDomainTransfer .panel-heading, #frmDomainTransfer .panel-body, #frmDomainTransfer .transfer-panel, #frmDomainTransfer div[class*="panel"]:not(.panel-footer), .panel.js-domain-transfer-card, .panel-heading.js-domain-transfer-card, .panel-body.js-domain-transfer-card, .transfer-panel.js-domain-transfer-card { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #1e293b !important; border-color: #e2e8f0 !important; } #order-standard_cart #frmDomainTransfer .panel, #order-standard_cart .cart-body #frmDomainTransfer .panel, #frmDomainTransfer .panel.panel-default, #frmDomainTransfer .panel.card, .panel.js-domain-transfer-card { border: 2px solid #c4b5fd !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 12px 36px rgba(124, 58, 237, 0.16) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; } #order-standard_cart #frmDomainTransfer .panel-heading, #order-standard_cart #frmDomainTransfer .panel-heading.card-header, #order-standard_cart #frmDomainTransfer .panel-heading.pb-0, #order-standard_cart .cart-body #frmDomainTransfer .panel-heading, #order-standard_cart .cart-body #frmDomainTransfer .panel-heading.card-header, #order-standard_cart .cart-body #frmDomainTransfer .panel-heading.pb-0, #frmDomainTransfer .panel-heading, #frmDomainTransfer .card-header, #frmDomainTransfer .pb-0.panel-heading { border-bottom: 1px solid #ddd6fe !important; padding: 1.75rem 1.75rem 1.25rem !important; padding-top: 1.75rem !important; padding-bottom: 1.25rem !important; } #order-standard_cart #frmDomainTransfer .panel-body, #order-standard_cart .cart-body #frmDomainTransfer .panel-body, #frmDomainTransfer .panel-body { padding: 1.5rem 1.75rem 1.5rem !important; } #order-standard_cart #frmDomainTransfer .panel-footer, #order-standard_cart .cart-body #frmDomainTransfer .panel-footer, #frmDomainTransfer .panel-footer, #frmDomainTransfer div.panel-footer, #frmDomainTransfer div[class*="panel-footer"], #frmDomainTransfer .bottom, .panel-footer.js-domain-transfer-card { background: #f8fafc !important; background-color: #f8fafc !important; background-image: none !important; border: none !important; border-top: 1px solid #e2e8f0 !important; color: #1e293b !important; padding: 1.15rem 1.75rem !important; } #order-standard_cart .cart-body #frmDomainTransfer h3, #order-standard_cart .cart-body #frmDomainTransfer h3.panel-title, #order-standard_cart .cart-body #frmDomainTransfer h3.font-size-24, #order-standard_cart .cart-body #frmDomainTransfer h3.mb-2, #order-standard_cart .cart-body #frmDomainTransfer .panel-title, #order-standard_cart .cart-body #frmDomainTransfer .panel-heading h3, #order-standard_cart #frmDomainTransfer h3, #frmDomainTransfer h3, #frmDomainTransfer h3.panel-title, #frmDomainTransfer h3.card-title, #frmDomainTransfer h3.font-size-24, #frmDomainTransfer .panel-title, #transferHeadline { color: #7C3AED !important; font-size: 2.25rem !important; font-weight: 700 !important; letter-spacing: -0.03em !important; background: transparent !important; background-color: transparent !important; text-shadow: none !important; margin: 0 !important; padding: 0.15rem 0 !important; line-height: 1.35 !important; } #order-standard_cart .cart-body #frmDomainTransfer label, #order-standard_cart .cart-body #frmDomainTransfer .panel-body label, #order-standard_cart .cart-body #frmDomainTransfer .panel-body p, #order-standard_cart .cart-body #frmDomainTransfer .panel-body span, #order-standard_cart .cart-body #frmDomainTransfer .panel-body div, #order-standard_cart #frmDomainTransfer label, #frmDomainTransfer label, #frmDomainTransfer .panel-body, #frmDomainTransfer .panel-body label, #frmDomainTransfer .panel-body p, #frmDomainTransfer .panel-body span, #frmDomainTransfer .panel-body div:not(.g-recaptcha) { color: #0f172a !important; } #order-standard_cart .cart-body #frmDomainTransfer label, #frmDomainTransfer label { font-size: 1.35rem !important; font-weight: 600 !important; margin-bottom: 0.45rem !important; } #order-standard_cart .cart-body #frmDomainTransfer a, #order-standard_cart .cart-body #frmDomainTransfer .panel-body a, #order-standard_cart .cart-body #frmDomainTransfer .panel a, #frmDomainTransfer a, #frmDomainTransfer .panel-body a, body #frmDomainTransfer .panel-body a, body #frmDomainTransfer .panel a { color: #7C3AED !important; font-size: 1.15rem !important; font-weight: 600 !important; } #order-standard_cart .cart-body #frmDomainTransfer .form-control, #order-standard_cart .cart-body #frmDomainTransfer input[type="text"], #frmDomainTransfer .form-control, #frmDomainTransfer input[type="text"], #inputTransferDomain, #inputAuthCode { background: #ffffff !important; color: #0f172a !important; border: 1px solid #cbd5e1 !important; font-size: 1.25rem !important; min-height: 3.35rem !important; border-radius: 10px !important; box-shadow: none !important; } #order-standard_cart .cart-body #frmDomainTransfer #btnTransferDomain, #order-standard_cart .cart-body #frmDomainTransfer .btn-transfer, #order-standard_cart .cart-body #frmDomainTransfer .btn-primary, #order-standard_cart .cart-body #frmDomainTransfer .btn-success, #frmDomainTransfer #btnTransferDomain, #frmDomainTransfer .btn-transfer, #frmDomainTransfer .btn-primary, #frmDomainTransfer .btn-success, #btnTransferDomain { background: #0EA5E9 !important; background-image: none !important; border: none !important; color: #ffffff !important; font-size: 1.25rem !important; font-weight: 700 !important; border-radius: 10px !important; padding: 0.9rem 1.75rem !important; box-shadow: 0 4px 12px rgba(14, 165, 233, 0.28) !important; text-shadow: none !important; } #order-standard_cart .cart-body #frmDomainTransfer #btnTransferDomain span, #order-standard_cart .cart-body #frmDomainTransfer #btnTransferDomain #addToCart, #frmDomainTransfer #btnTransferDomain span, #btnTransferDomain span, #btnTransferDomain #addToCart { color: #ffffff !important; font-size: 1.25rem !important; font-weight: 700 !important; text-shadow: none !important; } #order-standard_cart .cart-body #frmDomainTransfer #btnTransferDomain:hover, #frmDomainTransfer #btnTransferDomain:hover, #btnTransferDomain:hover { background: #0284c7 !important; color: #ffffff !important; } #order-standard_cart .cart-body #frmDomainTransfer + p, #order-standard_cart .cart-body #frmDomainTransfer ~ p, #order-standard_cart .cart-body #frmDomainTransfer ~ small, #order-standard_cart .cart-body #frmDomainTransfer + p span, #order-standard_cart .cart-body #frmDomainTransfer ~ p span { color: #64748b !important; font-size: 1.1rem !important; } #order-standard_cart .suggested-domains, #order-standard_cart .cart-body .suggested-domains, .suggested-domains { background: #ffffff !important; background-color: #ffffff !important; border: 2px solid #c4b5fd !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 12px 32px rgba(124, 58, 237, 0.14) !important; margin-top: 1.5rem !important; } #order-standard_cart .suggested-domains .panel-heading, #order-standard_cart .suggested-domains .panel-heading.offset-holder, #order-standard_cart .cart-body .suggested-domains .panel-heading, #order-standard_cart .cart-body .suggested-domains .panel-heading.offset-holder, .suggested-domains .panel-heading, .suggested-domains div[class*="panel-heading"] { background: #7C3AED !important; background-color: #7C3AED !important; background-image: none !important; color: #ffffff !important; border: none !important; padding: 1rem 1.35rem !important; font-size: 1.35rem !important; font-weight: 700 !important; letter-spacing: -0.02em !important; } #order-standard_cart .cart-body .suggested-domains .panel-heading, #order-standard_cart .cart-body .suggested-domains .panel-heading.offset-holder, #order-standard_cart .cart-body .suggested-domains .panel-heading *, #order-standard_cart .cart-body .suggested-domains .panel-heading span, #order-standard_cart .cart-body .suggested-domains .panel-heading div, #order-standard_cart .cart-body .suggested-domains .panel-heading h1, #order-standard_cart .cart-body .suggested-domains .panel-heading h2, #order-standard_cart .cart-body .suggested-domains .panel-heading h3, #order-standard_cart .cart-body .suggested-domains .panel-heading h4, #order-standard_cart .suggested-domains .panel-heading, #order-standard_cart .suggested-domains .panel-heading * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } #order-standard_cart .suggested-domains .panel-body, #order-standard_cart .cart-body .suggested-domains .panel-body, .suggested-domains .panel-body, .suggested-domains div[class*="panel-body"] { background: #ffffff !important; background-color: #ffffff !important; color: #1e293b !important; border: none !important; } #order-standard_cart .suggested-domains .list-group, #order-standard_cart .suggested-domains #domainSuggestions, #order-standard_cart .cart-body .suggested-domains .list-group { background: #ffffff !important; margin: 0 !important; border: none !important; box-shadow: none !important; } #order-standard_cart .suggested-domains .list-group-item, #order-standard_cart .suggested-domains .domain-suggestion, #order-standard_cart .suggested-domains .domain-suggestion.list-group-item, #order-standard_cart .cart-body .suggested-domains .list-group-item, #order-standard_cart .cart-body .suggested-domains .domain-suggestion, .suggested-domains .list-group-item, .suggested-domains .domain-suggestion { background: #ffffff !important; background-color: #ffffff !important; border: none !important; border-bottom: 1px solid #e2e8f0 !important; color: #0f172a !important; padding: 1rem 1.25rem !important; } #order-standard_cart .suggested-domains .list-group-item:hover, #order-standard_cart .suggested-domains .domain-suggestion:hover, #order-standard_cart .cart-body .suggested-domains .list-group-item:hover { background: #f8fafc !important; background-color: #f8fafc !important; } #order-standard_cart .cart-body .suggested-domains .domain, #order-standard_cart .cart-body .suggested-domains .extension, #order-standard_cart .cart-body .suggested-domains span.domain, #order-standard_cart .cart-body .suggested-domains span.extension, #order-standard_cart .suggested-domains .domain, #order-standard_cart .suggested-domains .extension { color: #0f172a !important; font-size: 1.2rem !important; font-weight: 700 !important; } #order-standard_cart .cart-body .suggested-domains .price, #order-standard_cart .cart-body .suggested-domains .actions, #order-standard_cart .cart-body .suggested-domains .actions span, #order-standard_cart .suggested-domains .price { color: #7C3AED !important; font-size: 1.15rem !important; font-weight: 700 !important; } #order-standard_cart .cart-body .suggested-domains .btn-add-to-cart, #order-standard_cart .cart-body .suggested-domains .btn, #order-standard_cart .suggested-domains .btn-add-to-cart, #order-standard_cart .suggested-domains .btn { background: #0EA5E9 !important; background-image: none !important; border: none !important; color: #ffffff !important; font-size: 1.05rem !important; font-weight: 700 !important; border-radius: 8px !important; padding: 0.5rem 1rem !important; box-shadow: none !important; text-shadow: none !important; } #order-standard_cart .cart-body .suggested-domains .btn-add-to-cart span, #order-standard_cart .cart-body .suggested-domains .btn span, #order-standard_cart .cart-body .suggested-domains .btn .to-add, #order-standard_cart .suggested-domains .btn-add-to-cart span, #order-standard_cart .suggested-domains .btn .to-add { color: #ffffff !important; font-size: 1.05rem !important; font-weight: 700 !important; } #order-standard_cart .suggested-domains .panel-footer, #order-standard_cart .suggested-domains .panel-footer.more-suggestions, #order-standard_cart .cart-body .suggested-domains .panel-footer, #order-standard_cart .cart-body .suggested-domains .more-suggestions, .suggested-domains .panel-footer, .suggested-domains div[class*="panel-footer"] { background: #f8fafc !important; background-color: #f8fafc !important; background-image: none !important; border: none !important; border-top: 1px solid #e2e8f0 !important; padding: 1rem 1.25rem !important; color: #7C3AED !important; } #order-standard_cart .cart-body .suggested-domains #moreSuggestions, #order-standard_cart .cart-body .suggested-domains a, #order-standard_cart .suggested-domains #moreSuggestions, #order-standard_cart .suggested-domains .more-suggestions a, #DomainSearchResults #moreSuggestions, #order-standard_cart .cart-body #DomainSearchResults #moreSuggestions, #btnMoreSuggestions { color: #7C3AED !important; font-size: 1.15rem !important; font-weight: 700 !important; text-decoration: none !important; } #order-standard_cart .cart-body .suggested-domains a:hover, #order-standard_cart .suggested-domains #moreSuggestions:hover, #btnMoreSuggestions:hover { color: #6D28D9 !important; text-decoration: underline !important; } #order-standard_cart .cart-body .btn-add-to-cart, #order-standard_cart .cart-body .domain-lookup-result .btn-add-to-cart, #order-standard_cart .domain-lookup-result .btn-add-to-cart, #DomainSearchResults .btn-add-to-cart { background: #0EA5E9 !important; background-image: none !important; border: none !important; color: #ffffff !important; font-weight: 700 !important; text-shadow: none !important; } #order-standard_cart .cart-body .btn-add-to-cart span, #order-standard_cart .cart-body .btn-add-to-cart .to-add, #order-standard_cart .cart-body .btn-add-to-cart .added, #order-standard_cart .domain-lookup-result .btn-add-to-cart span, #DomainSearchResults .btn-add-to-cart span { color: #ffffff !important; } #suggestionSearchResults, #suggestionSearchResults.domainresults { background: #ffffff !important; border: 2px solid #c4b5fd !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 12px 32px rgba(124, 58, 237, 0.14) !important; } #suggestionSearchResults > div:first-child, #suggestionSearchResults.domainresults > div:first-child { background: #7C3AED !important; color: #ffffff !important; padding: 1rem 1.35rem !important; font-size: 1.35rem !important; font-weight: 700 !important; } #suggestionSearchResults > div:first-child span, #suggestionSearchResults.domainresults > div:first-child span { color: #ede9fe !important; font-size: 1rem !important; font-weight: 500 !important; } #suggestionSearchResults .table, #suggestionSearchResults .table td, #suggestionSearchResults .table tbody, #suggestionResults td { background: #ffffff !important; color: #0f172a !important; border-color: #e2e8f0 !important; } #suggestionSearchResults .btn, #suggestionResults .btn { background: #0EA5E9 !important; color: #ffffff !important; border: none !important; font-weight: 700 !important; } #order-standard_cart .panel.js-domain-choice-card, #order-standard_cart .cart-body .panel.js-domain-choice-card, #order-standard_cart .panel:has(.domain-selection-options), #order-standard_cart .cart-body .panel:has(.domain-selection-options) { background: #ffffff !important; border: 2px solid #c4b5fd !important; border-radius: 16px !important; box-shadow: 0 12px 36px rgba(124, 58, 237, 0.12) !important; overflow: hidden !important; } #order-standard_cart .panel.js-domain-choice-card > .panel-heading, #order-standard_cart .panel:has(.domain-selection-options) > .panel-heading, #order-standard_cart .cart-body .panel:has(.domain-selection-options) > .panel-heading { background: #ffffff !important; border-bottom: 1px solid #e2e8f0 !important; padding: 1.35rem 1.5rem 1rem !important; } #order-standard_cart .cart-body .panel.js-domain-choice-card h3, #order-standard_cart .cart-body .panel:has(.domain-selection-options) h3, #order-standard_cart .cart-body .panel:has(.domain-selection-options) .panel-title, #order-standard_cart .cart-body .panel:has(.domain-selection-options) .font-size-24, #order-standard_cart .cart-body h3:has(+ .domain-selection-options), #order-standard_cart .cart-body h3:has(+ * .domain-selection-options) { color: #0f172a !important; font-size: 2rem !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 !important; } #order-standard_cart .domain-selection-options, #order-standard_cart .cart-body .domain-selection-options { display: flex !important; flex-direction: column !important; gap: 0.75rem !important; padding: 0.25rem 0 0.5rem !important; } #order-standard_cart .domain-selection-options .option, #order-standard_cart .cart-body .domain-selection-options .option, #order-standard_cart .cart-body .domain-selection-option .option { background: #ffffff !important; border: 2px solid #e2e8f0 !important; border-radius: 14px !important; padding: 1rem 1.15rem !important; margin: 0 !important; color: #0f172a !important; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important; transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important; } #order-standard_cart .domain-selection-options .option:hover, #order-standard_cart .cart-body .domain-selection-options .option:hover { border-color: #c4b5fd !important; } #order-standard_cart .domain-selection-options .option.option-selected, #order-standard_cart .domain-selection-options .option.selected, #order-standard_cart .cart-body .domain-selection-options .option.option-selected, #order-standard_cart .domain-selection-options .option:has(input[type="radio"]:checked) { background: #f5f3ff !important; border-color: #7C3AED !important; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.14) !important; } #order-standard_cart .cart-body .domain-selection-options .option, #order-standard_cart .cart-body .domain-selection-options .option label, #order-standard_cart .cart-body .domain-selection-options .option span, #order-standard_cart .cart-body .domain-selection-options .option * { color: #0f172a !important; font-size: 1.15rem !important; font-weight: 600 !important; } #order-standard_cart .domain-selection-options .option .form-control, #order-standard_cart .cart-body .domain-selection-options .option input[type="text"], #order-standard_cart .cart-body .domain-selection-options .option select, #order-standard_cart .cart-body .domain-selection-options .option .input-group-addon, #order-standard_cart .cart-body .domain-selection-options .option .form-control-static { font-weight: 500 !important; color: #1e293b !important; } #order-standard_cart .domain-selection-options input[type="text"], #order-standard_cart .cart-body .domain-selection-options input[type="text"], #order-standard_cart .cart-body .domain-selection-options .form-control { background: #ffffff !important; border: 1px solid #cbd5e1 !important; color: #0f172a !important; min-height: 3rem !important; } #order-standard_cart .domain-selection-options input[type="text"]::placeholder, #order-standard_cart .cart-body .domain-selection-options input[type="text"]::placeholder, #order-standard_cart .cart-body .domain-selection-options .form-control::placeholder { color: #94a3b8 !important; opacity: 1 !important; font-weight: 500 !important; } #order-standard_cart .domain-selection-options input[type="text"]:focus, #order-standard_cart .cart-body .domain-selection-options input[type="text"]:focus, #order-standard_cart .cart-body .domain-selection-options .form-control:focus { border-color: #7C3AED !important; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.16) !important; outline: none !important; } #order-standard_cart .domain-selection-options .btn, #order-standard_cart .domain-selection-options .btn-primary, #order-standard_cart .cart-body .domain-selection-options .btn, #order-standard_cart .cart-body .domain-selection-options button, #order-standard_cart .cart-body .domain-selection-options input[type="submit"] { background: #0EA5E9 !important; background-image: none !important; border: none !important; color: #ffffff !important; font-weight: 700 !important; font-size: 1.05rem !important; border-radius: 10px !important; min-height: 3rem !important; white-space: normal !important; padding-left: 1rem !important; padding-right: 1rem !important; } #order-standard_cart .domain-selection-options .btn:hover, #order-standard_cart .cart-body .domain-selection-options .btn:hover { background: #0284c7 !important; color: #ffffff !important; } #order-standard_cart .cart-body .domain-selection-options .option .btn, #order-standard_cart .cart-body .domain-selection-options .option .btn *, #order-standard_cart .cart-body .domain-selection-options .option button, #order-standard_cart .cart-body .domain-selection-options .option button *, #order-standard_cart .cart-body .domain-selection-options .option input[type="submit"] { color: #ffffff !important; font-weight: 700 !important; } #order-standard_cart .domain-selection-options .input-group-addon, #order-standard_cart .cart-body .domain-selection-options .input-group-addon { background: #f5f3ff !important; border-color: #ddd6fe !important; color: #7C3AED !important; font-weight: 600 !important; } #order-standard_cart .cart-body:has(#frmConfigureProduct) > h3, #order-standard_cart .cart-body.js-configure-product > h3, #order-standard_cart .cart-body:has(#frmConfigureProduct) > h1, #order-standard_cart .cart-body.js-configure-product .header-lined h1 { color: #0f172a !important; font-size: 2rem !important; font-weight: 700 !important; line-height: 1.3 !important; } #order-standard_cart .cart-body:has(#frmConfigureProduct) > p, #order-standard_cart .cart-body.js-configure-product > p { color: #475569 !important; font-size: 1.2rem !important; font-weight: 500 !important; } #order-standard_cart .panel-addon .panel-add .fa-plus, #order-standard_cart .panel-addon .panel-add .fas.fa-plus, #order-standard_cart .cart-body .panel-addon .panel-add i[class*="fa-plus"] { display: none !important; } #order-standard_cart #orderSummary, #order-standard_cart .order-summary, #orderSummary.order-summary, #order-standard_cart .cart-body #orderSummary { background: #ffffff !important; border: 2px solid #c4b5fd !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 12px 36px rgba(124, 58, 237, 0.14) !important; } #order-standard_cart #orderSummary h2, #order-standard_cart .order-summary h2, #order-standard_cart .cart-body #orderSummary h2, #order-standard_cart .cart-body #orderSummary h2 span { background: #7C3AED !important; color: #ffffff !important; font-size: 1.45rem !important; font-weight: 700 !important; letter-spacing: 0 !important; padding: 1.15rem 1.5rem !important; margin: 0 !important; border: none !important; line-height: 1.35 !important; } #order-standard_cart #orderSummary .summary-container, #order-standard_cart .order-summary .summary-container, #order-standard_cart .cart-body #orderSummary .summary-container { padding: 1.5rem 1.6rem 1.7rem !important; } #order-standard_cart #orderSummary .product-name, #order-standard_cart #orderSummary .product-title, #order-standard_cart .cart-body #orderSummary .product-name, #order-standard_cart .cart-body #orderSummary strong { color: #0f172a !important; font-size: 1.35rem !important; font-weight: 700 !important; } #order-standard_cart #orderSummary p, #order-standard_cart #orderSummary span, #order-standard_cart #orderSummary .subtotal, #order-standard_cart #orderSummary .recurring, #order-standard_cart #orderSummary .taxed, #order-standard_cart #orderSummary .clearfix, #order-standard_cart .cart-body #orderSummary p, #order-standard_cart .cart-body #orderSummary span, #order-standard_cart .cart-body #orderSummary .subtotal, #order-standard_cart .cart-body #orderSummary .text-muted, #order-standard_cart .cart-body #orderSummary div { color: #1e293b !important; font-size: 1.2rem !important; line-height: 1.55 !important; } #order-standard_cart #orderSummary .total-due-today, #order-standard_cart .cart-body #orderSummary .total-due-today, #order-standard_cart #orderSummary .total-due-today span, #order-standard_cart .cart-body #orderSummary .total-due-today span { color: #475569 !important; font-size: 1.15rem !important; font-weight: 600 !important; } #order-standard_cart #orderSummary .amt, #order-standard_cart #orderSummary .total-due-today .amt, #order-standard_cart .cart-body #orderSummary .amt, #order-standard_cart .cart-body #orderSummary .total-due-today .amt { color: #0f172a !important; font-size: 2.15rem !important; font-weight: 800 !important; display: block !important; margin: 0.5rem 0 0.45rem !important; line-height: 1.2 !important; } #order-standard_cart .cart-body #btnCompleteProductConfig, #btnCompleteProductConfig, #order-standard_cart #orderSummary #btnCompleteProductConfig, #orderSummary #btnCompleteProductConfig { width: 100% !important; max-width: 100% !important; display: block !important; background: #0EA5E9 !important; color: #ffffff !important; font-size: 1.25rem !important; font-weight: 700 !important; line-height: 1.3 !important; padding: 1rem 1.25rem !important; border-radius: 12px !important; border: none !important; white-space: normal !important; box-shadow: 0 4px 14px rgba(14, 165, 233, 0.28) !important; } #order-standard_cart .cart-body #btnCompleteProductConfig, #order-standard_cart .cart-body #btnCompleteProductConfig span, #order-standard_cart .cart-body #btnCompleteProductConfig i, #btnCompleteProductConfig, #btnCompleteProductConfig span { color: #ffffff !important; } #order-standard_cart .cart-body #btnCompleteProductConfig:hover, #btnCompleteProductConfig:hover { background: #0284c7 !important; color: #ffffff !important; } #order-standard_cart .sub-heading, #order-standard_cart .cart-body .sub-heading { height: auto !important; border: none !important; border-top: none !important; text-align: left !important; margin: 1.75rem 0 1rem !important; overflow: visible !important; } #order-standard_cart .sub-heading span, #order-standard_cart .cart-body .sub-heading span, #order-standard_cart .cart-body .sub-heading .primary-bg-color { background: transparent !important; background-color: transparent !important; color: #0f172a !important; font-size: 1.5rem !important; font-weight: 700 !important; padding: 0 !important; position: static !important; top: auto !important; display: inline-block !important; line-height: 1.3 !important; box-shadow: none !important; } #order-standard_cart .cart-body .billing-cycle-ahorra, #order-standard_cart .cart-body .billing-cycle-ahorra span, .billing-cycle-ahorra, .billing-cycle-ahorra span { background: #7C3AED !important; color: #ffffff !important; font-size: 0.8rem !important; font-weight: 700 !important; letter-spacing: 0.02em !important; padding: 0.3rem 0.55rem !important; border-radius: 8px !important; } .billing-cycle-card-selected .billing-cycle-card-inner, #order-standard_cart .billing-cycle-card-selected .billing-cycle-card-inner { background: #7C3AED !important; border-color: #6D28D9 !important; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.28) !important; } .billing-cycle-card-selected .billing-cycle-label, .billing-cycle-card-selected .billing-cycle-price, #order-standard_cart .cart-body .billing-cycle-card-selected .billing-cycle-label, #order-standard_cart .cart-body .billing-cycle-card-selected .billing-cycle-price, #order-standard_cart .cart-body .billing-cycle-card-selected span { color: #ffffff !important; } .billing-cycle-card-selected .billing-cycle-ahorra, .billing-cycle-card-selected .billing-cycle-ahorra span, #order-standard_cart .cart-body .billing-cycle-card-selected .billing-cycle-ahorra, #order-standard_cart .cart-body .billing-cycle-card-selected .billing-cycle-ahorra span { background: #6D28D9 !important; color: #ffffff !important; } #order-standard_cart .cart-body .panel-addon, #order-standard_cart .cart-body .panel.panel-default.panel-addon, #order-standard_cart .cart-body div.panel-addon, #order-standard_cart .addon-products .panel-addon { background: #ffffff !important; background-color: #ffffff !important; border: 2px solid #e2e8f0 !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06) !important; } #order-standard_cart .cart-body .panel-addon.panel-addon-selected, #order-standard_cart .addon-products .panel-addon-selected { border-color: #7C3AED !important; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.14) !important; } #order-standard_cart .cart-body .panel-addon .panel-heading, #order-standard_cart .cart-body .panel-addon .panel-body, #order-standard_cart .cart-body .panel-addon .panel-footer, #order-standard_cart .cart-body .panel-addon .panel-price, #order-standard_cart .cart-body .panel-addon .panel-add, #order-standard_cart .cart-body div[class*="panel-addon"] .panel-body, #order-standard_cart .cart-body div[class*="panel-addon"] .panel-price { background: #ffffff !important; background-color: #ffffff !important; color: #0f172a !important; border: none !important; } #order-standard_cart .cart-body .panel-addon .panel-body, #order-standard_cart .cart-body .panel-addon .panel-body.card-body { padding: 1.25rem 1.4rem 0.75rem !important; } #order-standard_cart .cart-body .panel-addon .panel-body label, #order-standard_cart .cart-body .panel-addon .panel-body span, #order-standard_cart .cart-body .panel-addon .panel-body strong, #order-standard_cart .cart-body .panel-addon .panel-body * { color: #0f172a !important; } #order-standard_cart .cart-body .panel-addon .panel-body p, #order-standard_cart .cart-body .panel-addon .panel-body .text-muted { color: #475569 !important; font-size: 1.05rem !important; font-weight: 500 !important; line-height: 1.45 !important; } #order-standard_cart .cart-body .panel-addon .panel-price { background: #f8fafc !important; color: #0f172a !important; font-size: 1.2rem !important; font-weight: 700 !important; text-align: left !important; padding: 0.85rem 1.4rem 0.35rem !important; margin: 0 !important; } #order-standard_cart .cart-body .panel-addon .panel-price, #order-standard_cart .cart-body .panel-addon .panel-price span, #order-standard_cart .cart-body .panel-addon .panel-price * { color: #0f172a !important; background: transparent !important; } #order-standard_cart .cart-body .panel-addon .panel-add, #order-standard_cart .cart-body .panel-addon .btn-success, #order-standard_cart .addon-products .panel-add { display: block !important; background: #0EA5E9 !important; background-color: #0EA5E9 !important; color: #ffffff !important; font-size: 1.15rem !important; font-weight: 700 !important; text-align: center !important; margin: 0.5rem 1.15rem 1.15rem !important; padding: 0.85rem 1.15rem !important; border-radius: 12px !important; border: none !important; box-shadow: 0 4px 14px rgba(14, 165, 233, 0.24) !important; line-height: 1.3 !important; } #order-standard_cart .cart-body .panel-addon .panel-add, #order-standard_cart .cart-body .panel-addon .panel-add span, #order-standard_cart .cart-body .panel-addon .panel-add *, #order-standard_cart .cart-body .panel-addon .btn-success { color: #ffffff !important; } #order-standard_cart .cart-body .panel-addon-selected .panel-add { background: #0f172a !important; box-shadow: none !important; } #order-standard_cart .cart-body #orderSummary p, #order-standard_cart .cart-body #orderSummary span, #order-standard_cart .cart-body #orderSummary .subtotal, #order-standard_cart .cart-body #orderSummary .text-muted, #order-standard_cart .cart-body #orderSummary div { font-size: clamp(1.05rem, 1.35vw, 1.35rem) !important; } #order-standard_cart .cart-body #orderSummary .product-name, #order-standard_cart .cart-body #orderSummary strong { font-size: clamp(1.2rem, 1.6vw, 1.5rem) !important; } #order-standard_cart .cart-body #orderSummary .amt, #order-standard_cart .cart-body #orderSummary .total-due-today .amt { font-size: clamp(1.7rem, 2.3vw, 2.45rem) !important; } #order-standard_cart .cart-body #orderSummary h2, #order-standard_cart .cart-body #orderSummary h2 span { font-size: clamp(1.2rem, 1.5vw, 1.55rem) !important; } @media (max-width: 767px) { #order-standard_cart .cart-body #orderSummary .summary-container { padding: 1.15rem 1.1rem 1.25rem !important; } #order-standard_cart .cart-body #orderSummary p, #order-standard_cart .cart-body #orderSummary span, #order-standard_cart .cart-body #orderSummary div { font-size: 1.05rem !important; } #order-standard_cart .cart-body #orderSummary .amt, #order-standard_cart .cart-body #orderSummary .total-due-today .amt { font-size: 1.7rem !important; } #order-standard_cart .cart-body .panel-addon .panel-add { margin-left: 0.85rem !important; margin-right: 0.85rem !important; font-size: 1.05rem !important; } } #frmCheckout, #order-standard_cart #frmCheckout, #order-standard_cart .cart-body #frmCheckout p, #order-standard_cart .cart-body #frmCheckout label, #order-standard_cart .cart-body #frmCheckout span:not(.fa):not(.fas):not(.far):not(.fab):not(.fal), #order-standard_cart .cart-body #frmCheckout td, #order-standard_cart .cart-body #frmCheckout .text-muted, #frmCheckout p, #frmCheckout label, #frmCheckout .form-group { color: #1e293b !important; font-size: 1.2rem !important; line-height: 1.55 !important; } #order-standard_cart .cart-body #frmCheckout h2, #order-standard_cart .cart-body #frmCheckout h3, #frmCheckout h2, #frmCheckout h3, #frmCheckout .sub-heading span, #order-standard_cart #frmCheckout .sub-heading span { color: #0f172a !important; font-size: 1.55rem !important; font-weight: 700 !important; } #containerExistingAccountSelect, #frmCheckout #containerExistingAccountSelect, #order-standard_cart #containerExistingAccountSelect { background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 14px !important; padding: 1rem 1.2rem !important; margin-bottom: 1.5rem !important; } #applyCreditContainer, #frmCheckout #applyCreditContainer, #order-standard_cart #applyCreditContainer, .apply-credit-container { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 14px !important; padding: 1.1rem 1.25rem !important; margin: 1rem 0 1.5rem !important; } #paymentGatewaysContainer, #order-standard_cart #paymentGatewaysContainer, #frmCheckout #paymentGatewaysContainer, #frmCheckout .form-group:has(input[name="paymentmethod"]), #order-standard_cart #frmCheckout div:has(> .radio input[name="paymentmethod"]) { background: #f5f3ff !important; border: 2px solid #7C3AED !important; border-radius: 16px !important; padding: 1.25rem 1.4rem 1.45rem !important; margin: 0.75rem 0 1.75rem !important; box-shadow: 0 8px 24px rgba(124, 58, 237, 0.14) !important; } #paymentGatewaysContainer label, #order-standard_cart #paymentGatewaysContainer label, #frmCheckout #paymentGatewaysContainer label, #frmCheckout label:has(input[name="paymentmethod"]), #order-standard_cart #frmCheckout .radio label, #order-standard_cart #frmCheckout .radio-inline label { color: #0f172a !important; font-size: 1.2rem !important; font-weight: 600 !important; } #frmCheckout textarea, #order-standard_cart #frmCheckout textarea, #order-standard_cart .cart-body #frmCheckout textarea, #frmCheckout #inputNotes, #order-standard_cart #inputNotes { color: #1e293b !important; font-size: 1.1rem !important; border: 1px solid #cbd5e1 !important; border-radius: 10px !important; min-height: 6.5rem !important; padding: 0.85rem 1rem !important; } #btnCompleteOrder, #frmCheckout #btnCompleteOrder, #order-standard_cart #btnCompleteOrder, #order-standard_cart .cart-body #btnCompleteOrder { background: #7C3AED !important; color: #ffffff !important; font-size: 1.3rem !important; font-weight: 700 !important; padding: 0.95rem 2.25rem !important; border-radius: 12px !important; border: none !important; box-shadow: 0 4px 14px rgba(124, 58, 237, 0.28) !important; } #btnCompleteOrder:hover, #frmCheckout #btnCompleteOrder:hover, #order-standard_cart #btnCompleteOrder:hover { background: #6D28D9 !important; color: #ffffff !important; } #btnCompleteOrder i, #btnCompleteOrder .fa, #btnCompleteOrder .fas, #frmCheckout #btnCompleteOrder i, #order-standard_cart #btnCompleteOrder i { display: none !important; } #frmCheckout .accepttos, #order-standard_cart #frmCheckout .accepttos, #frmCheckout label[for="accepttos"] { color: #1e293b !important; font-size: 1.15rem !important; } #order-standard_cart .cart-body a.btn-default, #order-standard_cart .cart-body button.btn-default, #order-standard_cart .cart-body .btn.btn-default, #order-standard_cart .cart-sidebar a.btn-default, #order-standard_cart .cart-sidebar .btn.btn-default { background-color: #7C3AED !important; background-image: none !important; color: #ffffff !important; border: none !important; border-radius: 8px !important; padding: 10px 18px !important; font-weight: 600 !important; } #order-standard_cart .cart-body a.btn-default:hover, #order-standard_cart .cart-body a.btn-default:focus, #order-standard_cart .cart-body button.btn-default:hover, #order-standard_cart .cart-body .btn.btn-default:hover, #order-standard_cart .cart-sidebar a.btn-default:hover, #order-standard_cart .cart-sidebar .btn.btn-default:hover { background-color: #6D28D9 !important; color: #ffffff !important; } #order-standard_cart .cart-body a.btn-default *, #order-standard_cart .cart-body .btn.btn-default *, #order-standard_cart .cart-sidebar a.btn-default * { color: #ffffff !important; } .viafacil-announcement-container { font-family: inherit !important; max-width: 850px !important; margin: 8px auto !important; background: transparent !important; border: none !important; border-radius: 0 !important; padding: 0 !important; box-shadow: none !important; color: #e2e8f0 !important; line-height: 1.65 !important; } .viafacil-announcement-container, .viafacil-announcement-container p, .viafacil-announcement-container li, .viafacil-announcement-container div, .viafacil-announcement-container span, .viafacil-announcement-container strong, .viafacil-announcement-container ol { color: #e2e8f0 !important; } .viafacil-announcement-container h3, .viafacil-announcement-container h4 { color: #ffffff !important; } .viafacil-announcement-container > div { background-color: #252525 !important; border-color: #3f3f3f !important; } .viafacil-announcement-container > div:first-of-type { background-color: rgba(245, 158, 11, 0.16) !important; border: none !important; border-left: 5px solid #f59e0b !important; } .viafacil-announcement-container > div:first-of-type, .viafacil-announcement-container > div:first-of-type p, .viafacil-announcement-container > div:first-of-type h4, .viafacil-announcement-container > div:first-of-type div, .viafacil-announcement-container > div:first-of-type span { color: #fde68a !important; } .viafacil-announcement-container > div:first-of-type h4 { color: #fbbf24 !important; } .viafacil-announcement-container > div:last-of-type { background: transparent !important; border: none !important; box-shadow: none !important; } .viafacil-announcement-container a { background-color: #7C3AED !important; color: #ffffff !important; } .viafacil-announcement-container #viafacil-alias { color: #c4b5fd !important; background-color: #4c1d95 !important; } .viafacil-announcement-container #viafacil-cbu { color: #f8fafc !important; background-color: #111111 !important; } .viafacil-announcement-container .btn-copy-viafacil { background-color: #3a3a3a !important; border: 1px solid #555555 !important; color: #f1f5f9 !important; } .viafacil-announcement-container .btn-copy-viafacil .btn-text { background: transparent !important; color: #f1f5f9 !important; } .viafacil-announcement-container div[style*="background-color: #ffffff"], .viafacil-announcement-container div[style*="background-color: #f8fafc"], .viafacil-announcement-container div[style*="background-color: #fafafa"], .viafacil-announcement-container div[style*="background-color: #eff6ff"], .viafacil-announcement-container div[style*="background-color: #f1f5f9"] { background-color: #1f1f1f !important; } .announcement-body [style*="#202124"], .announcement-body [style*="#333333"], .announcement-body [style*="#333"], .announcement-body [style*="#000000"], .announcement-body [style*="color: rgb(32, 33, 36)"], .announcement-body [style*="color: rgb(51, 51, 51)"] { color: #e2e8f0 !important; } .kb-article-content [style*="#202124"], .kb-article-content [style*="#000000"] { color: #e2e8f0 !important; } .kb-article-content div[style*="border-left"], .kb-article-content div[style*="border-left"] p, .kb-article-content div[style*="border-left"] strong, .kb-article-content div[style*="border-left"] span, .kb-article-content div[style*="border-left"] li, .kb-article-content div[style*="background: #eff7ff"], .kb-article-content div[style*="background:#eff7ff"], .kb-article-content div[style*="background: #fff8e6"], .kb-article-content div[style*="background:#fff8e6"], .kb-article-content div[style*="background: #fff3cd"], .kb-article-content div[style*="background:#fff3cd"], .kb-article-content div[style*="background: #eef7ff"], .kb-article-content div[style*="background:#eef7ff"], .kb-article-content div[style*="background: #f0f7ff"], .kb-article-content div[style*="background:#f0f7ff"], .kb-article-content div[style*="background: #eff7ff"] p, .kb-article-content div[style*="background:#eff7ff"] p, .kb-article-content div[style*="background: #fff8e6"] p, .kb-article-content div[style*="background:#fff8e6"] p, .kb-article-content div[style*="background: #eef7ff"] p, .kb-article-content div[style*="background:#eef7ff"] p, .kb-article-content div[style*="background: #f0f7ff"] p, .kb-article-content div[style*="background:#f0f7ff"] p, .kb-article-content div[style*="background: #eff7ff"] strong, .kb-article-content div[style*="background:#eff7ff"] strong, .kb-article-content div[style*="background: #fff8e6"] strong, .kb-article-content div[style*="background:#fff8e6"] strong { color: #1e293b !important; } .kb-article-content div[style*="border-left"] a { color: #0369a1 !important; } .announcement-body ul { list-style: none; margin: 0 0 24px; padding: 0; } .announcement-body ul li { position: relative; padding-left: 1.7em; margin-bottom: 8px; color: var(--gray-100, #f1f5f9) !important; font-size: 18px !important; line-height: 1.7 !important; } .announcement-body ul li::before { content: "✓"; position: absolute; left: 0; color: #4ade80; font-weight: 700; } .announcement-body a.vf-ann-cta { display: inline-block !important; background-color: #7C3AED !important; color: #ffffff !important; padding: 12px 28px !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 16px !important; text-decoration: none !important; margin: 8px 0 20px !important; } .announcement-body a.vf-ann-cta:hover { background-color: #6D28D9 !important; color: #ffffff !important; } .announcement-body, .announcement-body p { font-size: 18px !important; line-height: 1.75 !important; font-family: inherit !important; color: var(--gray-100, #f1f5f9) !important; } .announcement-body span, .announcement-body div, .announcement-body li { font-family: inherit !important; } .announcement-body [style*="font-size: small"], .announcement-body [style*="font-size:small"] { font-size: 18px !important; }.kb-article-title h1{color:#f1f5f9!important}.kb-article-content,.kb-article-content p,.kb-article-content li,.kb-article-details{color:#e2e8f0!important}#main-body .main-content .kb-article-content h2,section#main-body .main-content .kb-article-content h2,#main-body .main-content .kb-article-content h3,section#main-body .main-content .kb-article-content h3{color:#4a9eff!important;border-bottom-color:#4a9eff}.kb-article-content div[style*=border-left],.kb-article-content div[style*=border-left] p,.kb-article-content div[style*=border-left] strong,.kb-article-content div[style*=border-left] span,.kb-article-content div[style*=border-left] li,.kb-article-content div[style*="background: #eff7ff"],.kb-article-content div[style*="background:#eff7ff"],.kb-article-content div[style*="background: #fff8e6"],.kb-article-content div[style*="background:#fff8e6"],.kb-article-content div[style*="background: #fff3cd"],.kb-article-content div[style*="background:#fff3cd"],.kb-article-content div[style*="background: #eef7ff"],.kb-article-content div[style*="background:#eef7ff"],.kb-article-content div[style*="background: #f0f7ff"],.kb-article-content div[style*="background:#f0f7ff"],.kb-article-content div[style*="background: #eff7ff"] p,.kb-article-content div[style*="background:#eff7ff"] p,.kb-article-content div[style*="background: #fff8e6"] p,.kb-article-content div[style*="background:#fff8e6"] p,.kb-article-content div[style*="background: #eef7ff"] p,.kb-article-content div[style*="background:#eef7ff"] p,.kb-article-content div[style*="background: #f0f7ff"] p,.kb-article-content div[style*="background:#f0f7ff"] p,.kb-article-content div[style*="background: #eff7ff"] strong,.kb-article-content div[style*="background:#eff7ff"] strong,.kb-article-content div[style*="background: #fff8e6"] strong,.kb-article-content div[style*="background:#fff8e6"] strong{color:#1e293b!important}.kb-article-content div[style*=border-left] a{color:#0369a1!important}.panel-sidebar .tags a,.panel-sidebar .tagcloud a{color:#e2e8f0!important}
body.homepage .home-page-h1{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;font-size:1px!important;min-height:0!important}body.hook-tf-knowledgebase .kb-article-content table tbody td,body.hook-tf-knowledgebase .kb-article-content table tbody td strong,body.hook-tf-knowledgebase .kb-article-content table tbody td span,body.hook-tf-knowledgebase .kb-article-content table tbody td p{color:#1e293b!important;background-color:#ffffff!important}body.hook-tf-knowledgebase .kb-article-content table thead th,body.hook-tf-knowledgebase .kb-article-content table thead th strong{color:#ffffff!important}

/* WHMCS 9: buscador de dominios y errores de checkout */
.domain-search-input,
.domain-search-input-cta,
#frmDomainHomepage input[name="domain"],
#domainInput,
#domain-search.domain-search-input-cta {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    caret-color: #0f172a !important;
    background-color: #ffffff !important;
}
.domain-search-input::placeholder,
.domain-search-input-cta::placeholder,
#frmDomainHomepage input[name="domain"]::placeholder,
#domainInput::placeholder {
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    opacity: 1 !important;
}
#order-standard_cart .alert-danger,
#order-standard_cart .alert-danger strong,
#order-standard_cart .alert-danger p,
#order-standard_cart .alert-danger li,
#order-standard_cart .alert-danger span,
#order-standard_cart .alert-danger a,
#order-standard_cart .cart-body .alert-danger,
#order-standard_cart .cart-body .alert-danger strong,
#order-standard_cart .cart-body .alert-danger p,
#order-standard_cart .cart-body .alert-danger li,
#order-standard_cart .cart-body .alert-danger span,
#order-standard_cart .cart-body .alert-danger a {
    color: #7f1d1d !important;
    -webkit-text-fill-color: #7f1d1d !important;
    opacity: 1 !important;
    font-size: 1rem !important;
    line-height: 1.45 !important;
    background-image: none !important;
}

#order-standard_cart .alert-danger *,
#order-standard_cart .cart-body .alert-danger * {
    color: #7f1d1d !important;
    -webkit-text-fill-color: #7f1d1d !important;
}
.d-none,.checkout-error-feedback.d-none,#order-standard_cart .checkout-error-feedback.d-none,#order-standard_cart .alert.d-none,li.vat-error.d-none,#order-standard_cart li.vat-error.d-none,#order-standard_cart .cart-body li.vat-error:empty,#order-standard_cart .checkout-error-feedback li.vat-error:empty{display:none !important}

#order-standard_cart .cart-body .sidebar-collapsed .panel-heading h3.panel-title{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}


#main-body .tiles .tile{background:#fff !important;border:1px solid #e2e8f0 !important;box-shadow:0 1px 3px rgba(15,23,42,.06) !important}
#main-body .tiles .tile .title,#main-body .tiles .tile .stat{color:#1e293b !important}
#main-body .tiles .tile .icon,#main-body .tiles .tile .icon i{color:var(--primary-color,#1e40af) !important}
#main-body .tiles .tile .highlight.bg-color-green{background:var(--primary-color,#1e40af) !important}
#main-body .home-kb-search .form-control,#main-body .home-kb-search input[name="search"]{background:#fff !important;color:#1e293b !important;-webkit-text-fill-color:#1e293b !important;border:1px solid #cbd5e1 !important;border-radius:12px !important;min-height:52px !important;height:auto !important;font-size:16px !important}
#main-body .home-kb-search i{color:var(--primary-color,#1e40af) !important}
#main-body .client-home-panels .panel{background:#fff !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;overflow:hidden !important}
#main-body .client-home-panels .panel>.panel-heading{background:#f8fafc !important;border-bottom:1px solid #e2e8f0 !important;border-top:3px solid var(--primary-color,#1e40af) !important}
#main-body .client-home-panels .panel>.panel-heading .panel-title,#main-body .client-home-panels .panel>.panel-heading h3{color:#0f172a !important;-webkit-text-fill-color:#0f172a !important}
#main-body .client-home-panels .panel>.panel-heading i{color:var(--primary-color,#1e40af) !important}
#main-body .client-home-panels .panel>.panel-body,#main-body .client-home-panels .panel>.panel-footer{background:#fff !important;color:#1e293b !important}
#main-body .client-home-panels .panel>.panel-body p,#main-body .client-home-panels .panel>.panel-body span,#main-body .client-home-panels .panel>.panel-body label,#main-body .client-home-panels .panel>.list-group .list-group-item,#main-body .client-home-panels .panel>.list-group .list-group-item small,#main-body .client-home-panels .panel small{color:#1e293b !important;-webkit-text-fill-color:#1e293b !important}
#main-body .client-home-panels .list-group-item,#main-body .client-home-panels a.list-group-item{background:#fff !important;border-color:#e2e8f0 !important;color:#1e293b !important}
#main-body .client-home-panels .list-group-item:hover,#main-body .client-home-panels a.list-group-item:hover{background:#f8fafc !important;color:#0f172a !important}
#main-body #registerDomainPanel .btn,#main-body #registerDomainPanel .btn-success,#main-body #registerDomainPanel input[type="submit"],#main-body .client-home-panels .panel-heading .btn{background:var(--primary-color,#1e40af) !important;border-color:var(--primary-color,#1e40af) !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
#main-body #registerDomainPanel .input-group,#main-body #registerDomainPanel form .input-group{display:flex !important;flex-wrap:wrap !important;align-items:stretch !important;gap:8px !important;width:100% !important;height:auto !important}
#main-body #registerDomainPanel .input-group>.form-control,#main-body #registerDomainPanel .input-group>input[name="domain"]{flex:1 1 220px !important;width:auto !important;min-width:180px !important;max-width:none !important;height:44px !important;min-height:44px !important;background:#fff !important;color:#0f172a !important;-webkit-text-fill-color:#0f172a !important;border:1px solid #cbd5e1 !important;border-radius:8px !important;float:none !important;display:block !important}
#main-body #registerDomainPanel .input-group>.input-group-btn,#main-body #registerDomainPanel .input-group>.input-group-append,#main-body #registerDomainPanel .input-group>span.input-group-btn{display:flex !important;flex:1 1 160px !important;width:auto !important;max-width:none !important;float:none !important;gap:8px !important;position:static !important}
#main-body #registerDomainPanel .input-group .btn,#main-body #registerDomainPanel .input-group input[type="submit"]{width:auto !important;max-width:none !important;min-height:44px !important;height:auto !important;white-space:normal !important;float:none !important;flex:1 1 auto !important}

/* Laterales del área de clientes: gris pizarra, distinto del negro de la página. */
#main-body .sidebar .panel,
#main-body .sidebar div[class*="panel"],
#main-body .panel-sidebar,
#main-body .panel-sidebar.panel-default {
    background-color: #3e4654 !important;
    border-color: #5c6778 !important;
    color: #f1f5f9 !important;
    -webkit-text-fill-color: #f1f5f9 !important;
}
#main-body .client-home-panels div[class*="panel"] {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #1e293b !important;
}
#main-body .sidebar .panel > .panel-heading,
#main-body .panel-sidebar > .panel-heading {
    background: #4e5868 !important;
    border-bottom: 1px solid #5c6778 !important;
    border-top: none !important;
    color: #ffffff !important;
}
#main-body .sidebar .panel-title,
#main-body .panel-sidebar .panel-title,
#main-body .sidebar .panel-heading h3 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#main-body .sidebar .list-group-item,
#main-body .panel-sidebar .list-group-item,
#main-body .sidebar a.list-group-item {
    background: #3e4654 !important;
    color: #f1f5f9 !important;
    -webkit-text-fill-color: #f1f5f9 !important;
    border-color: #5c6778 !important;
}
#main-body .sidebar .list-group-item:hover,
#main-body .panel-sidebar .list-group-item:hover,
#main-body .sidebar a.list-group-item:hover {
    background: #556070 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#main-body .sidebar .panel-footer,
#main-body .panel-sidebar > .panel-footer,
#main-body .sidebar .panel-footer.clearfix {
    background: #3e4654 !important;
    border-top: 1px solid #5c6778 !important;
    color: #f1f5f9 !important;
    -webkit-text-fill-color: #f1f5f9 !important;
}
#main-body .sidebar .panel-footer .btn,
#main-body .sidebar .panel-footer a,
#main-body .panel-sidebar .panel-footer .btn,
#main-body .panel-sidebar .panel-footer a,
#main-body .sidebar .btn-success,
#main-body .panel-sidebar .btn-success {
    background: var(--primary-light, #3b82f6) !important;
    border-color: var(--primary-light, #3b82f6) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-radius: 8px !important;
    text-shadow: none !important;
}
#main-body #registerDomainPanel form {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
}
#main-body #registerDomainPanel .vf-home-domain-search,
#main-body #registerDomainPanel .vf-home-domain-search .form-control,
#main-body #registerDomainPanel .vf-home-domain-search input[name="domain"] {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
}
#main-body #registerDomainPanel .vf-home-domain-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
}
#main-body #registerDomainPanel .vf-home-domain-actions .btn,
#main-body #registerDomainPanel .vf-home-domain-actions input[type="submit"] {
    flex: 1 1 140px !important;
    min-height: 44px !important;
    width: auto !important;
    max-width: none !important;
}


/* Servicios del inicio y botones del buscador de dominio */
#main-body .vf-home-services .list-group-item,
#main-body .vf-home-services .vf-home-service-name,
#main-body .vf-home-services .vf-home-service-domain {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    background: #ffffff !important;
    opacity: 1 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}
#main-body .vf-home-services .badge {
    float: right;
    margin-top: 2px;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: var(--primary-color, #7c3aed) !important;
}
#main-body #registerDomainPanel .g-recaptcha,
#main-body #registerDomainPanel [class*="captcha"],
#main-body #registerDomainPanel .cf-turnstile {
    display: none !important;
}
#main-body #registerDomainPanel .vf-home-domain-search input {
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    width: 100% !important;
    height: 46px !important;
}
#main-body #registerDomainPanel .vf-home-domain-actions {
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
}
#main-body #registerDomainPanel .vf-home-domain-actions .btn,
#main-body #registerDomainPanel .vf-home-domain-actions input[type="submit"],
#main-body #registerDomainPanel .vf-home-domain-actions button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 128px !important;
    max-width: 180px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    line-height: 40px !important;
}
/* Listados del portal: tarjetas claras, estados como pastilla, mismo criterio que el inicio */
body.clientareaproducts .table-list > tbody > tr > td,
body.clientareaproducts .table-list > tbody > tr:nth-child(even) > td,
body.clientareaproducts .table-list > thead > tr > th,
body.clientareadomains .table-list > tbody > tr > td,
body.clientareadomains .table-list > tbody > tr:nth-child(even) > td,
body.clientareadomains .table-list > thead > tr > th,
body.clientareainvoices .table-list > tbody > tr > td,
body.clientareainvoices .table-list > tbody > tr:nth-child(even) > td,
body.clientareainvoices .table-list > thead > tr > th,
body.supportticketslist .table-list > tbody > tr > td,
body.supportticketslist .table-list > tbody > tr:nth-child(even) > td,
body.supportticketslist .table-list > thead > tr > th,
body.clientareaproducts #client-addons-list .table td,
body.clientareaproducts #client-addons-list .table th {
    background: #ffffff !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    border-color: #e2e8f0 !important;
}
body.clientareaproducts .table-list > tbody > tr:hover > td,
body.clientareadomains .table-list > tbody > tr:hover > td,
body.clientareainvoices .table-list > tbody > tr:hover > td,
body.supportticketslist .table-list > tbody > tr:hover > td,
body.clientareaproducts #client-addons-list .table tbody tr:hover td {
    background: #f8fafc !important;
}
body.clientareaproducts .dataTables_wrapper .dataTables_info,
body.clientareaproducts .dataTables_wrapper .dataTables_length,
body.clientareadomains .dataTables_wrapper .dataTables_info,
body.clientareadomains .dataTables_wrapper .dataTables_length,
body.clientareainvoices .dataTables_wrapper .dataTables_info,
body.clientareainvoices .dataTables_wrapper .dataTables_length,
body.supportticketslist .dataTables_wrapper .dataTables_info,
body.supportticketslist .dataTables_wrapper .dataTables_length {
    background: transparent !important;
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
}
body.clientareaproducts #main-body .dataTables_wrapper .dataTables_filter input,
body.clientareaproducts #main-body .dataTables_wrapper .dataTables_filter input.form-control,
body.clientareadomains #main-body .dataTables_wrapper .dataTables_filter input,
body.clientareadomains #main-body .dataTables_wrapper .dataTables_filter input.form-control,
body.clientareainvoices #main-body .dataTables_wrapper .dataTables_filter input,
body.clientareainvoices #main-body .dataTables_wrapper .dataTables_filter input.form-control,
body.supportticketslist #main-body .dataTables_wrapper .dataTables_filter input,
body.supportticketslist #main-body .dataTables_wrapper .dataTables_filter input.form-control {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    caret-color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
}
body.clientareaproducts #main-body .dataTables_wrapper .dataTables_filter input.form-control::placeholder,
body.clientareadomains #main-body .dataTables_wrapper .dataTables_filter input.form-control::placeholder,
body.clientareainvoices #main-body .dataTables_wrapper .dataTables_filter input.form-control::placeholder,
body.supportticketslist #main-body .dataTables_wrapper .dataTables_filter input.form-control::placeholder {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
    opacity: 1 !important;
}
body.clientareaproducts #main-body .dataTables_wrapper .dataTables_filter input.form-control:focus,
body.clientareadomains #main-body .dataTables_wrapper .dataTables_filter input.form-control:focus,
body.clientareainvoices #main-body .dataTables_wrapper .dataTables_filter input.form-control:focus,
body.supportticketslist #main-body .dataTables_wrapper .dataTables_filter input.form-control:focus {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    border-color: var(--primary-color, #1e40af) !important;
}
body.clientareaproducts .label.status,
body.clientareadomains .label.status,
body.clientareainvoices .label.status,
body.supportticketslist .label.status,
body.clientareaproducts #client-addons-list .label.status {
    display: inline-block !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 4px 12px !important;
    font-weight: 600 !important;
    background: #e2e8f0 !important;
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
}
body.clientareaproducts .label.status.status-active,
body.clientareadomains .label.status.status-active,
body.clientareainvoices .label.status.status-paid,
body.supportticketslist .label.status.status-answered,
body.clientareaproducts #client-addons-list .label.status.status-active {
    background: #dcfce7 !important;
    color: #166534 !important;
    -webkit-text-fill-color: #166534 !important;
}
body.clientareaproducts .label.status.status-pending,
body.clientareadomains .label.status.status-pending,
body.clientareadomains .label.status.status-pendingtransfer,
body.clientareadomains .label.status.status-pendingregistration,
body.supportticketslist .label.status.status-open,
body.supportticketslist .label.status.status-customer-reply,
body.clientareaproducts #client-addons-list .label.status.status-pending {
    background: #fef3c7 !important;
    color: #92400e !important;
    -webkit-text-fill-color: #92400e !important;
}
body.clientareaproducts .label.status.status-suspended,
body.clientareadomains .label.status.status-grace,
body.clientareadomains .label.status.status-redemption,
body.clientareaproducts #client-addons-list .label.status.status-suspended {
    background: #ffedd5 !important;
    color: #9a3412 !important;
    -webkit-text-fill-color: #9a3412 !important;
}
body.clientareainvoices .label.status.status-unpaid,
body.clientareainvoices .label.status.status-collections,
body.clientareainvoices .label.status.status-paymentpending,
body.clientareadomains .label.status.status-expired,
body.clientareaproducts .label.status.status-fraud,
body.clientareadomains .label.status.status-fraud {
    background: #fee2e2 !important;
    color: #991b1b !important;
    -webkit-text-fill-color: #991b1b !important;
}
body.clientareaproducts .label.status.status-cancelled,
body.clientareadomains .label.status.status-cancelled,
body.clientareainvoices .label.status.status-cancelled,
body.clientareaproducts #client-addons-list .label.status.status-cancelled {
    background: #f5f0eb !important;
    color: #7c4a32 !important;
    -webkit-text-fill-color: #7c4a32 !important;
}
body.clientareaproducts .label.status.status-terminated,
body.clientareaproducts #client-addons-list .label.status.status-terminated,
body.supportticketslist .label.status.status-closed {
    background: #e2e8f0 !important;
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
}
body.clientareadomains .label.status.status-transferredaway,
body.clientareainvoices .label.status.status-refunded,
body.supportticketslist .label.status.status-onhold,
body.supportticketslist .label.status.status-in-progress {
    background: #dbeafe !important;
    color: #1e40af !important;
    -webkit-text-fill-color: #1e40af !important;
}
body.supportticketslist a.border-left {
    border: none !important;
    display: block !important;
    padding: 2px 0 !important;
}
body.supportticketslist .ticket-number {
    display: block !important;
    font-weight: 700 !important;
    color: var(--primary-color, #1e40af) !important;
    -webkit-text-fill-color: var(--primary-color, #1e40af) !important;
}
body.supportticketslist .ticket-subject {
    display: block !important;
    margin-top: 2px !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
}
body.clientareaproducts #client-addons-list {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin-top: 24px !important;
}
body.clientareaproducts .client-addons-list-title,
body.clientareaproducts .client-addons-list-intro {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
}
body.clientareadomains input.domids,
body.clientareadomains #domainForm > .btn-group {
    display: none !important;
}

.tooltip,
.tooltip.in,
.tooltip.show {
    opacity: 1 !important;
}
.tooltip-inner {
    background: #1e293b !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}
.tooltip.top .tooltip-arrow,
.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #1e293b !important;
}

body.clientareaproductdetails #main-body .main-content,
body.clientareadomaindetails #main-body .main-content {
    background: #ffffff !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    border-top: 3px solid var(--primary-color, #1e40af) !important;
}
body.clientareaproductdetails #main-body .main-content,
body.clientareadomaindetails #main-body .main-content {
    padding: 20px 22px 28px !important;
}
body.clientareaproductdetails #main-body .main-content .panel,
body.clientareaproductdetails #main-body .main-content div[class*="panel"],
body.clientareaproductdetails #main-body .module-client-area,
body.clientareadomaindetails #main-body .main-content .panel,
body.clientareadomaindetails #main-body .main-content div[class*="panel"] {
    background: #ffffff !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    border-color: #e2e8f0 !important;
    box-shadow: none !important;
}
body.clientareaproductdetails #main-body .main-content h1,
body.clientareaproductdetails #main-body .main-content h2,
body.clientareaproductdetails #main-body .main-content h3,
body.clientareaproductdetails #main-body .main-content h4,
body.clientareaproductdetails #main-body .main-content p,
body.clientareaproductdetails #main-body .main-content li,
body.clientareaproductdetails #main-body .main-content label,
body.clientareaproductdetails #main-body .main-content td,
body.clientareaproductdetails #main-body .main-content th,
body.clientareaproductdetails #main-body .main-content .text-muted,
body.clientareadomaindetails #main-body .main-content h1,
body.clientareadomaindetails #main-body .main-content h2,
body.clientareadomaindetails #main-body .main-content h3,
body.clientareadomaindetails #main-body .main-content h4,
body.clientareadomaindetails #main-body .main-content p,
body.clientareadomaindetails #main-body .main-content li,
body.clientareadomaindetails #main-body .main-content label,
body.clientareadomaindetails #main-body .main-content span,
body.clientareadomaindetails #main-body .main-content td {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
}
body.clientareaproductdetails #main-body .main-content a,
body.clientareadomaindetails #main-body .main-content a {
    color: var(--primary-color, #1e40af) !important;
    -webkit-text-fill-color: var(--primary-color, #1e40af) !important;
}
body.clientareaproductdetails #main-body .main-content .btn-primary,
body.clientareaproductdetails #main-body .main-content .btn-success,
body.clientareadomaindetails #main-body .main-content .btn-primary,
body.clientareadomaindetails #main-body .main-content .btn-success {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
body.clientareaproductdetails #main-body .main-content .breadcrumb,
body.clientareadomaindetails #main-body .main-content .breadcrumb,
body.clientareaproductdetails #main-body .main-content .breadcrumb a,
body.clientareadomaindetails #main-body .main-content .breadcrumb a {
    background: transparent !important;
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
}
body.clientareaproductdetails #main-body .main-content .btn,
body.clientareaproductdetails #main-body .main-content .btn i,
body.clientareaproductdetails #main-body .main-content .btn span,
body.clientareaproductdetails #main-body .main-content button,
body.clientareaproductdetails #main-body .main-content button i,
body.clientareadomaindetails #main-body .main-content .btn,
body.clientareadomaindetails #main-body .main-content .btn i,
body.clientareadomaindetails #main-body .main-content .btn span,
body.clientareadomaindetails #main-body .main-content button,
body.clientareadomaindetails #main-body .main-content button i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
body.clientareaproductdetails #main-body select,
body.clientareaproductdetails #main-body select.form-control,
body.clientareaproductdetails #cPanelExtrasPurchasePanel select,
body.clientareaproductdetails .module-client-area select {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background-color: #334155 !important;
}
body.clientareaproductdetails #main-body select option,
body.clientareaproductdetails #cPanelExtrasPurchasePanel select option,
body.clientareaproductdetails .module-client-area select option {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    background-color: #ffffff !important;
}
body.clientareaproductdetails #cpanel-email-prefix,
body.clientareaproductdetails #cpanel-email-password,
body.clientareaproductdetails #cPanelQuickEmailPanel .input-group-addon,
body.clientareaproductdetails #cPanelQuickEmailPanel .input-group-text,
body.clientareaproductdetails #cPanelQuickEmailPanel .input-group-text small {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    caret-color: #f8fafc !important;
}
body.clientareaproductdetails #cpanel-email-prefix::placeholder,
body.clientareaproductdetails #cpanel-email-password::placeholder {
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
    opacity: 1 !important;
}


/* Portal: pantallas de cuenta, lectura y formularios que seguían en fondo negro */
body.clientareadetails #main-body .main-content,
body.clientareacontacts #main-body .main-content,
body.account-contacts-manage #main-body .main-content,
body.account-contacts-new #main-body .main-content,
body.clientareaaddcontact #main-body .main-content,
body.clientareasecurity #main-body .main-content,
body.clientareaemails #main-body .main-content,
body.viewemail #main-body .main-content,
body.clientareaquotes #main-body .main-content,
body.viewquote #main-body .main-content,
body.masspay #main-body .main-content,
body.clientareaaddfunds #main-body .main-content,
body.clientareacancelrequest #main-body .main-content,
body.viewticket #main-body .main-content,
body.supportticketsubmit-stepone #main-body .main-content,
body.supportticketsubmit-steptwo #main-body .main-content,
body.supportticketsubmit-confirm #main-body .main-content,
body.supportticketsubmit-customfields #main-body .main-content,
body.supportticketsubmit-kbsuggestions #main-body .main-content,
body.upgrade #main-body .main-content,
body.upgrade-configure #main-body .main-content,
body.upgradesummary #main-body .main-content,
body.serverstatus #main-body .main-content,
body.account-user-management #main-body .main-content,
body.account-user-permissions #main-body .main-content,
body.account-paymentmethods #main-body .main-content,
body.account-paymentmethods-manage #main-body .main-content,
body.account-paymentmethods-billing-contacts #main-body .main-content,
body.user-profile #main-body .main-content,
body.user-security #main-body .main-content,
body.user-password #main-body .main-content,
body.clientareachangepw #main-body .main-content,
body.clientareadomainaddons #main-body .main-content,
body.clientareadomaincontactinfo #main-body .main-content,
body.clientareadomaindns #main-body .main-content,
body.clientareadomainemailforwarding #main-body .main-content,
body.clientareadomaingetepp #main-body .main-content,
body.clientareadomainregisterns #main-body .main-content,
body.clientareaproductusagebilling #main-body .main-content {
    background: #ffffff !important;
    color: #1e293b !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    border-top: 3px solid var(--primary-color, #1e40af) !important;
    padding: 20px 22px 28px !important;
}
body.clientareadetails #main-body .main-content h1,
body.clientareadetails #main-body .main-content h2,
body.clientareadetails #main-body .main-content h3,
body.clientareadetails #main-body .main-content h4,
body.clientareadetails #main-body .main-content p,
body.clientareadetails #main-body .main-content li,
body.clientareadetails #main-body .main-content label,
body.clientareacontacts #main-body .main-content h1,
body.clientareacontacts #main-body .main-content h2,
body.clientareacontacts #main-body .main-content h3,
body.clientareacontacts #main-body .main-content label,
body.account-contacts-manage #main-body .main-content h1,
body.account-contacts-manage #main-body .main-content h2,
body.account-contacts-manage #main-body .main-content h3,
body.account-contacts-manage #main-body .main-content label,
body.account-contacts-new #main-body .main-content label,
body.clientareaaddcontact #main-body .main-content label,
body.clientareasecurity #main-body .main-content h1,
body.clientareasecurity #main-body .main-content h2,
body.clientareasecurity #main-body .main-content h3,
body.clientareasecurity #main-body .main-content label,
body.clientareasecurity #main-body .main-content p,
body.clientareaemails #main-body .main-content h1,
body.clientareaemails #main-body .main-content td,
body.clientareaemails #main-body .main-content th,
body.viewemail #main-body .main-content,
body.viewticket #main-body .main-content h1,
body.viewticket #main-body .main-content h2,
body.viewticket #main-body .main-content h3,
body.viewticket #main-body .main-content p,
body.viewticket #main-body .main-content label,
body.viewticket #main-body .main-content td,
body.clientareaquotes #main-body .main-content,
body.masspay #main-body .main-content,
body.clientareaaddfunds #main-body .main-content label,
body.clientareaaddfunds #main-body .main-content p,
body.supportticketsubmit-stepone #main-body .main-content h1,
body.supportticketsubmit-stepone #main-body .main-content label,
body.supportticketsubmit-steptwo #main-body .main-content label,
body.supportticketsubmit-steptwo #main-body .main-content h1,
body.account-user-management #main-body .main-content h1,
body.account-user-management #main-body .main-content td,
body.account-paymentmethods #main-body .main-content h1,
body.account-paymentmethods #main-body .main-content td,
body.user-profile #main-body .main-content label,
body.user-security #main-body .main-content label,
body.clientareachangepw #main-body .main-content label,
body.clientareadomaincontactinfo #main-body .main-content label,
body.clientareadomaindns #main-body .main-content label,
body.clientareadomainregisterns #main-body .main-content label,
body.upgrade #main-body .main-content,
body.clientareacancelrequest #main-body .main-content label,
body.clientareacancelrequest #main-body .main-content p {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
}
body.clientareadetails #main-body .main-content .form-control,
body.clientareacontacts #main-body .main-content .form-control,
body.account-contacts-manage #main-body .main-content .form-control,
body.account-contacts-new #main-body .main-content .form-control,
body.clientareaaddcontact #main-body .main-content .form-control,
body.clientareasecurity #main-body .main-content .form-control,
body.clientareaemails #main-body .main-content .form-control,
body.viewticket #main-body .main-content .form-control,
body.supportticketsubmit-stepone #main-body .main-content .form-control,
body.supportticketsubmit-steptwo #main-body .main-content .form-control,
body.clientareaaddfunds #main-body .main-content .form-control,
body.clientareachangepw #main-body .main-content .form-control,
body.user-password #main-body .main-content .form-control,
body.user-profile #main-body .main-content .form-control,
body.user-security #main-body .main-content .form-control,
body.masspay #main-body .main-content .form-control,
body.clientareaquotes #main-body .main-content .form-control,
body.clientareacancelrequest #main-body .main-content .form-control,
body.clientareadomaincontactinfo #main-body .main-content .form-control,
body.clientareadomaindns #main-body .main-content .form-control,
body.clientareadomainemailforwarding #main-body .main-content .form-control,
body.clientareadomainregisterns #main-body .main-content .form-control,
body.account-paymentmethods-manage #main-body .main-content .form-control {
    background: #ffffff !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: none !important;
}
body.clientareadetails #main-body .main-content .form-control:disabled,
body.account-contacts-manage #main-body .main-content .form-control:disabled,
body.clientareacontacts #main-body .main-content .form-control:disabled,
body.viewticket #main-body .main-content .form-control:disabled {
    background: #f1f5f9 !important;
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
}
body.clientareadetails #main-body .main-content .btn-primary,
body.clientareacontacts #main-body .main-content .btn-primary,
body.account-contacts-manage #main-body .main-content .btn-primary,
body.clientareasecurity #main-body .main-content .btn-primary,
body.viewticket #main-body .main-content .btn-primary,
body.supportticketsubmit-stepone #main-body .main-content .btn-primary,
body.supportticketsubmit-steptwo #main-body .main-content .btn-primary,
body.clientareaaddfunds #main-body .main-content .btn-primary,
body.masspay #main-body .main-content .btn-primary,
body.clientareachangepw #main-body .main-content .btn-primary,
body.user-security #main-body .main-content .btn-primary,
body.account-paymentmethods #main-body .main-content .btn-primary {
    background: var(--primary-color, #1e40af) !important;
    border-color: var(--primary-color, #1e40af) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
body.clientareadetails #main-body .main-content .btn-default,
body.clientareacontacts #main-body .main-content .btn-default,
body.account-contacts-manage #main-body .main-content .btn-default,
body.clientareasecurity #main-body .main-content .btn-default {
    background: #ffffff !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
}
body.clientareacontacts #main-body .main-content .btn-danger,
body.account-contacts-manage #main-body .main-content .btn-danger,
body.viewticket #main-body .main-content .btn-danger,
body.clientareacancelrequest #main-body .main-content .btn-danger {
    background: #b91c1c !important;
    border-color: #b91c1c !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
body.clientareaemails #main-body .main-content .table td,
body.clientareaemails #main-body .main-content .table th,
body.clientareaquotes #main-body .main-content .table td,
body.clientareaquotes #main-body .main-content .table th,
body.masspay #main-body .main-content .table td,
body.masspay #main-body .main-content .table th,
body.account-user-management #main-body .main-content .table td,
body.account-user-management #main-body .main-content .table th,
body.viewticket #main-body .main-content .table td {
    background: #ffffff !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    border-color: #e2e8f0 !important;
}
body.viewticket .label.status.status-open,
body.viewticket .label.status.status-customer-reply,
body.supportticketslist .label.status.status-customer-reply,
body.viewticket .label.status.status-answered,
body.viewticket .label.status.status-closed,
body.viewquote .label.status.status-accepted,
body.viewquote .label.status.status-delivered,
body.clientareaquotes .label.status {
    border-radius: 999px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
}
body.viewticket .label.status.status-open,
body.viewticket .label.status.status-customer-reply {
    background: #fef3c7 !important;
    color: #92400e !important;
    -webkit-text-fill-color: #92400e !important;
}
body.viewticket .label.status.status-answered {
    background: #dcfce7 !important;
    color: #166534 !important;
    -webkit-text-fill-color: #166534 !important;
}
body.viewticket .label.status.status-closed {
    background: #e2e8f0 !important;
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
}

/* Contraste: pastilla Propietario, botones de acciones, paneles y tablas internas */
body.account-user-management #main-body .label,
body.account-user-management #main-body .label-info {
    background: #dbeafe !important;
    color: #1e3a8a !important;
    -webkit-text-fill-color: #1e3a8a !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    display: inline-block !important;
    line-height: 1.3 !important;
}
body.account-user-management #main-body .btn,
body.account-user-management #main-body .btn[disabled],
body.account-user-management #main-body a.btn.disabled {
    opacity: 1 !important;
    border-radius: 999px !important;
}
body.account-user-management #main-body .btn-default,
body.account-user-management #main-body .btn-manage-permissions,
body.account-user-management #main-body .btn-default[disabled] {
    background: #e2e8f0 !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}
body.account-user-management #main-body .btn-danger,
body.account-user-management #main-body .btn-remove-user,
body.account-user-management #main-body .btn-danger[disabled] {
    background: #fee2e2 !important;
    color: #991b1b !important;
    -webkit-text-fill-color: #991b1b !important;
    border: 1px solid #fecaca !important;
}
body.account-user-management #main-body .form-control {
    background: #ffffff !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
}
body.account-user-management #main-body .form-control::placeholder {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
    opacity: 1 !important;
}
body.account-user-management #main-body .btn-primary {
    background: var(--primary-color, #1e40af) !important;
    border-color: var(--primary-color, #1e40af) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-radius: 8px !important;
}
body.clientareaaddfunds #main-body .main-content .panel,
body.clientareaaddfunds #main-body .main-content .panel-body,
body.clientareaaddfunds #main-body .main-content .panel-default {
    background: #ffffff !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    border: 1px solid #e2e8f0 !important;
}
body.clientareaaddfunds #main-body .main-content .panel-footer {
    background: #ecfdf5 !important;
    color: #166534 !important;
    -webkit-text-fill-color: #166534 !important;
    border-color: #bbf7d0 !important;
}
body.clientareaaddfunds #main-body .main-content label,
body.clientareaaddfunds #main-body .main-content .panel-body label {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
}
body.clientareasecurity #main-body .alert,
body.clientareasecurity #main-body .alert-info,
body.clientareasecurity #main-body .alert p {
    background: #e0f2fe !important;
    color: #0c4a6e !important;
    -webkit-text-fill-color: #0c4a6e !important;
    border-color: #7dd3fc !important;
}
body.clientareaquotes #main-body .dataTables_info,
body.clientareaquotes #main-body .dataTables_length,
body.clientareaquotes #main-body .dataTables_paginate,
body.clientareaemails #main-body .dataTables_info,
body.clientareaemails #main-body .dataTables_length,
body.clientareaemails #main-body .dataTables_paginate,
body.masspay #main-body .dataTables_info,
body.masspay #main-body .dataTables_length,
body.masspay #main-body .dataTables_paginate {
    background: #f8fafc !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    border-color: #e2e8f0 !important;
}
body.clientareaquotes #main-body .dataTables_paginate a,
body.clientareaquotes #main-body .paginate_button,
body.clientareaemails #main-body .dataTables_paginate a,
body.clientareaemails #main-body .paginate_button {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
}
body.clientareaquotes #main-body .table-list > tbody > tr > td,
body.clientareaquotes #main-body .table-list > thead > tr > th,
body.clientareaemails #main-body .table-list > tbody > tr > td,
body.clientareaemails #main-body .table-list > thead > tr > th {
    background: #ffffff !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
}

/* Nameservers, estado Activado, plan actual, ciclo de pago y vaciar carrito */
body.clientareadomaindetails #main-body .main-content input.form-control,
body.clientareadomaindetails #main-body .main-content .domnsinputs,
body.clientareadomaindetails #main-body .main-content input.domnsinputs:disabled,
body.clientareadomaindetails #main-body .main-content input.form-control:disabled {
    background-color: #3a3a3a !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    caret-color: #f8fafc !important;
    opacity: 1 !important;
}
body.clientareadomaindetails #main-body .main-content span.label,
body.clientareadomaindetails #main-body .main-content .label.label-success {
    background: #dcfce7 !important;
    color: #166534 !important;
    -webkit-text-fill-color: #166534 !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    display: inline-block !important;
    line-height: 1.3 !important;
}
body.clientareadomaindetails #main-body .main-content .label.label-danger {
    background: #fee2e2 !important;
    color: #991b1b !important;
    -webkit-text-fill-color: #991b1b !important;
    border-radius: 999px !important;
}
body.upgrade #main-body .upgrade-current-card,
body.upgrade #main-body .upgrade-current-config-box,
body.upgrade #main-body .product-to-be-upgraded,
body.upgrade #main-body .upgrade-current-card *,
body.upgrade #main-body .upgrade-current-config-box *,
body.upgrade #main-body .product-to-be-upgraded * {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}
body.upgrade #main-body .main-content select,
body.upgrade #main-body .main-content select.form-control,
body.upgrade #main-body .main-content .checkbox,
body.upgrade #main-body .main-content .checkbox label,
body.upgrade #main-body .main-content label.checkbox-inline {
    background: #ffffff !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    border-color: #cbd5e1 !important;
    opacity: 1 !important;
}
#order-standard_cart #btnEmptyCart,
#order-standard_cart #btnEmptyCart i,
#order-standard_cart #btnEmptyCart span,
#order-standard_cart button#btnEmptyCart {
    background: #7f1d1d !important;
    border-color: #7f1d1d !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

/* Pago masivo: el recuadro de la pasarela quedaba verde oscuro con texto oscuro */
body.masspay #main-body .main-content .panel,
body.masspay #main-body .main-content .panel-default,
body.masspay #main-body .main-content .panel-heading,
body.masspay #main-body .main-content .panel-body,
body.masspay #main-body .main-content .panel-title,
body.masspay #main-body .main-content .panel h3,
body.masspay #main-body .main-content .panel label,
body.masspay #main-body .main-content .panel .control-label {
    background: #ffffff !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    border-color: #e2e8f0 !important;
}
body.masspay #main-body .main-content .panel select,
body.masspay #main-body .main-content .panel .form-control {
    background: #ffffff !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
}
body.masspay #main-body .main-content .panel .btn-primary {
    background: var(--primary-color, #1e40af) !important;
    border-color: var(--primary-color, #1e40af) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Departamentos del ticket: menos blanco, alineado al gris del menú */
body.supportticketsubmit-stepone #main-body .main-content,
body.supportticketsubmit-steptwo #main-body .main-content,
body.supportticketsubmit-confirm #main-body .main-content,
body.supportticketsubmit-customfields #main-body .main-content,
body.supportticketsubmit-kbsuggestions #main-body .main-content,
body.supportticketsubmit-stepone #main-body .header-lined,
body.supportticketsubmit-steptwo #main-body .header-lined,
body.supportticketsubmit-confirm #main-body .header-lined,
body.supportticketsubmit-customfields #main-body .header-lined,
body.supportticketsubmit-kbsuggestions #main-body .header-lined {
    background: #3e4654 !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    border-color: #5c6778 !important;
}
body.supportticketsubmit-stepone #main-body .main-content h1,
body.supportticketsubmit-stepone #main-body .main-content h2,
body.supportticketsubmit-stepone #main-body .main-content p,
body.supportticketsubmit-stepone #main-body .main-content label,
body.supportticketsubmit-steptwo #main-body .main-content h1,
body.supportticketsubmit-steptwo #main-body .main-content label,
body.supportticketsubmit-stepone #main-body .header-lined h1,
body.supportticketsubmit-steptwo #main-body .header-lined h1,
body.supportticketsubmit-confirm #main-body .header-lined h1 {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}
body.supportticketsubmit-stepone #main-body .header-lined .breadcrumb,
body.supportticketsubmit-stepone #main-body .header-lined .breadcrumb > li,
body.supportticketsubmit-stepone #main-body .header-lined .breadcrumb > li + li:before,
body.supportticketsubmit-stepone #main-body .header-lined .breadcrumb li a,
body.supportticketsubmit-stepone #main-body .header-lined .breadcrumb > .active,
body.supportticketsubmit-steptwo #main-body .header-lined .breadcrumb,
body.supportticketsubmit-steptwo #main-body .header-lined .breadcrumb > li,
body.supportticketsubmit-steptwo #main-body .header-lined .breadcrumb li a,
body.supportticketsubmit-steptwo #main-body .header-lined .breadcrumb > .active,
body.viewticket #main-body .header-lined .breadcrumb,
body.viewticket #main-body .header-lined .breadcrumb > li,
body.viewticket #main-body .header-lined .breadcrumb > li + li:before,
body.viewticket #main-body .header-lined .breadcrumb li a,
body.viewticket #main-body .header-lined .breadcrumb > .active {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}
body.supportticketsubmit-stepone #main-body .main-content a,
body.supportticketsubmit-steptwo #main-body .main-content a {
    color: #93c5fd !important;
    -webkit-text-fill-color: #93c5fd !important;
}
body.supportticketsubmit-stepone #main-body .main-content .form-control,
body.supportticketsubmit-steptwo #main-body .main-content .form-control {
    background: #ffffff !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
}
/* Mensaje del ticket: texto claro sobre el recuadro oscuro */
body.viewticket #main-body .ticket-reply .message,
body.viewticket #main-body .ticket-reply .message p,
body.viewticket #main-body .ticket-reply .message li,
body.viewticket #main-body .ticket-reply .message div,
body.viewticket #main-body .ticket-reply .date,
body.viewticket #main-body .ticket-reply .user .name,
body.viewticket #main-body .ticket-reply .user .type {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}
body.viewticket #main-body .ticket-reply .label {
    background: #dbeafe !important;
    color: #1e3a8a !important;
    -webkit-text-fill-color: #1e3a8a !important;
    border-radius: 999px !important;
}

/* Formulario de ticket: rótulos oscuros sobre la tarjeta clara */
body.supportticketsubmit-steptwo #main-body .main-content .support-ticket-form-modern,
body.supportticketsubmit-steptwo #main-body .main-content .support-ticket-form-modern label,
body.supportticketsubmit-steptwo #main-body .main-content .support-ticket-form-modern p,
body.supportticketsubmit-steptwo #main-body .main-content .support-ticket-form-modern .text-muted,
body.supportticketsubmit-customfields #main-body .main-content .support-ticket-form-modern label,
body.supportticketsubmit-confirm #main-body .main-content label,
body.supportticketsubmit-confirm #main-body .main-content p {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    background-color: transparent !important;
}
body.supportticketsubmit-steptwo #main-body .main-content .support-ticket-form-modern {
    background: #f8fafc !important;
    -webkit-text-fill-color: #1e293b !important;
}
/* Responder: título y rótulos claros sobre el panel oscuro */
body.viewticket #main-body .panel > .panel-heading,
body.viewticket #main-body .panel > .panel-heading .panel-title,
body.viewticket #main-body .panel > .panel-heading h3,
body.viewticket #main-body .panel > .panel-heading i,
body.viewticket #main-body .panel-body > form label,
body.viewticket #main-body .panel-body label,
body.viewticket #main-body .panel-body .text-muted,
body.viewticket #main-body .panel-body .ticket-attachments-message,
body.viewticket #main-body .md-editor .md-footer,
body.viewticket #main-body .md-editor .md-footer span {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}
body.viewticket #main-body .panel-body .btn-default,
body.viewticket #main-body .panel-body .btn-default i {
    background: #4e5868 !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    border-color: #5c6778 !important;
}
/* Recuadros claros dentro del mensaje (dominios, citas): texto oscuro */
body.viewticket #main-body .ticket-reply .message span[style*="background"],
body.viewticket #main-body .ticket-reply .message font,
body.viewticket #main-body .ticket-reply .message code,
body.viewticket #main-body .ticket-reply .message mark,
body.viewticket #main-body .ticket-reply .message [style*="background-color"] {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
}
/* Estrellas de valoración */
body.viewticket #main-body .ticket-reply .rating span.star,
body.viewticket #main-body .ticket-reply .rating-done span.star,
body.viewticket #main-body .ticket-reply .rating span.star:before,
body.viewticket #main-body .ticket-reply .rating-done span.star:before {
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
    background: transparent !important;
}
body.viewticket #main-body .ticket-reply .rating-done span.star.active:before,
body.viewticket #main-body .ticket-reply .rating span.star:hover:before,
body.viewticket #main-body .ticket-reply .rating span.star:hover ~ span.star:before {
    color: #fbbf24 !important;
    -webkit-text-fill-color: #fbbf24 !important;
}
body.viewticket #main-body .ticket-reply .rating-done .rated {
    color: #e2e8f0 !important;
    -webkit-text-fill-color: #e2e8f0 !important;
}

/* Títulos dentro del mensaje del ticket: claros sobre el fondo oscuro */
body.viewticket #main-body .ticket-reply .message h1,
body.viewticket #main-body .ticket-reply .message h2,
body.viewticket #main-body .ticket-reply .message h3,
body.viewticket #main-body .ticket-reply .message h4,
body.viewticket #main-body .ticket-reply .message h5,
body.viewticket #main-body .ticket-reply .message h6 {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    border-color: #5c6778 !important;
}

body.domain-transfer .transfer-promo{position:relative;overflow:hidden;padding:1.35rem 0;background:linear-gradient(105deg,#5b21b6 0%,#7c3aed 40%,#0ea5e9 78%,#67e8f9 100%)}
body.domain-transfer .transfer-promo::before,body.domain-transfer .transfer-promo::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
body.domain-transfer .transfer-promo::before{width:180px;height:180px;top:-70px;right:8%;background:rgba(255,255,255,.16)}
body.domain-transfer .transfer-promo::after{width:120px;height:120px;bottom:-50px;left:4%;background:rgba(255,255,255,.12)}
body.domain-transfer .transfer-promo__card{position:relative;z-index:1;display:flex;align-items:center;gap:1.25rem}
body.domain-transfer .transfer-promo__badge{flex:0 0 auto;width:96px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(76,29,149,.28);transform:rotate(-6deg)}
body.domain-transfer .transfer-promo__gift{display:block;margin-bottom:2px}
body.domain-transfer .transfer-promo__badge-num{font-size:1.65rem;font-weight:800;line-height:1;color:#6d28d9}
body.domain-transfer .transfer-promo__badge-unit{font-size:.78rem;font-weight:700;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;color:#5b21b6}
body.domain-transfer .transfer-promo__copy{flex:1 1 auto;min-width:0}
body.domain-transfer .transfer-promo__kicker{display:inline-block;margin:0 0 .35rem;padding:.15rem .55rem;border-radius:999px;background:rgba(255,255,255,.22);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
body.domain-transfer .transfer-promo__title{margin:0;color:#fff;font-size:1.35rem;font-weight:800;line-height:1.25}
body.domain-transfer .transfer-promo__text{margin:.35rem 0 0;color:#f5f3ff;font-size:.95rem;line-height:1.4}
body.domain-transfer a.transfer-promo__cta{flex:0 0 auto;margin-left:auto;padding:.8rem 1.25rem;border-radius:999px;background:#fff;color:#5b21b6;-webkit-text-fill-color:#5b21b6;font-weight:800;line-height:1.2;text-decoration:none;white-space:nowrap;box-shadow:0 8px 18px rgba(76,29,149,.22)}
body.domain-transfer a.transfer-promo__cta:hover,body.domain-transfer a.transfer-promo__cta:focus{background:#f5f3ff;color:#4c1d95;-webkit-text-fill-color:#4c1d95;text-decoration:none}
@media (max-width:767px){body.domain-transfer .transfer-promo__card{flex-wrap:wrap}body.domain-transfer .transfer-promo__badge{width:78px;height:78px}body.domain-transfer .transfer-promo__title{font-size:1.15rem}body.domain-transfer a.transfer-promo__cta{margin-left:0;width:100%;text-align:center}}
body.clientareapromotions .client-promos-lead,body.clientareapromotions .client-promos-none{color:#e2e8f0!important;-webkit-text-fill-color:#e2e8f0!important}
body.clientareapromotions .client-promo{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #f59e0b;border-radius:12px;padding:18px 20px;margin-bottom:16px}
body.clientareapromotions .client-promo--code{border-left-color:#7c3aed}
body.clientareapromotions .client-promo__details{margin-bottom:1.15rem}
body.clientareapromotions .client-promo__details>*{margin:0 0 .65rem}
body.clientareapromotions .client-promo__details>*:last-child{margin-bottom:0}
body.clientareapromotions .client-promo__title{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;font-size:1.25rem;font-weight:800;line-height:1.3}
body.clientareapromotions .client-promos-lead,body.clientareapromotions .client-promo__text,body.clientareapromotions .client-promo__meta{font-size:1rem!important;font-weight:500!important;line-height:1.65!important}
body.clientareapromotions .client-promo__text,body.clientareapromotions .client-promo__meta{color:#1e293b!important;-webkit-text-fill-color:#1e293b!important}
body.clientareapromotions .client-promo__tag{display:inline-block;padding:3px 10px;border-radius:999px;background:#f59e0b;color:#1c1917!important;-webkit-text-fill-color:#1c1917!important;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
body.clientareapromotions .client-promo--code .client-promo__tag{background:#7c3aed;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.clientareapromotions .client-promo__until{display:inline-block;padding:6px 12px;border-radius:999px;background:#fef3c7;color:#92400e!important;-webkit-text-fill-color:#92400e!important;font-size:1rem!important;font-weight:800;line-height:1.4!important}
body.clientareapromotions .client-promo__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;width:100%;margin-top:4px}
body.clientareapromotions .client-promo__actions .client-promo__codebox{margin-right:auto}
body.clientareapromotions .client-promo__use{margin-left:auto}
body.clientareapromotions .client-promo__codebox{display:flex;align-items:center;gap:8px;margin:0}
body.clientareapromotions .client-promo__codebox code{background:transparent;color:#475569!important;-webkit-text-fill-color:#475569!important;padding:0;border-radius:0;font-size:1rem;font-weight:700;letter-spacing:.04em}
body.clientareapromotions .client-promo__copy{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:999px;background:#e2e8f0;color:#334155!important;-webkit-text-fill-color:#334155!important;cursor:pointer}
body.clientareapromotions .client-promo__copy:hover,body.clientareapromotions .client-promo__copy:focus{background:#cbd5e1}
body.clientareapromotions .client-promo__copy .fa-check{display:none}
body.clientareapromotions .client-promo__copy.is-copied .fa-clipboard{display:none}
body.clientareapromotions .client-promo__copy.is-copied .fa-check{display:inline}
@keyframes client-promo-pulse{0%,100%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(234,88,12,.55)}50%{transform:scale(1.045);opacity:.82;box-shadow:0 0 0 12px rgba(234,88,12,0)}}
@media (prefers-reduced-motion:reduce){body.clientareapromotions .client-promo__pulse{animation:none}}
body.clientareapromotions .client-promo .btn-primary{background:#f59e0b!important;border-color:#f59e0b!important;color:#1c1917!important;-webkit-text-fill-color:#1c1917!important;font-weight:800}
body.clientareapromotions .client-promo--code .btn-primary{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.clientareapromotions .client-promo--open a.client-promo__pulse{display:inline-flex;align-items:center;justify-content:center;margin-top:.35rem;padding:.9rem 1.7rem!important;border:0!important;border-radius:999px!important;background:#ea580c!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:1.05rem!important;font-weight:800!important;line-height:1.2!important;text-decoration:none!important;animation:client-promo-pulse 1.35s ease-in-out infinite}
body.clientareapromotions #main-body .client-promos-lead{font-size:16px!important;font-weight:500!important;line-height:1.65!important;color:#e2e8f0!important;-webkit-text-fill-color:#e2e8f0!important}
body.clientareapromotions #main-body .client-promo p.client-promo__text,body.clientareapromotions #main-body .client-promo p.client-promo__meta,body.clientareapromotions #main-body .client-promo .client-promo__details p{font-size:14px!important;font-weight:500!important;line-height:1.625!important;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important}
body.clientareapromotions #main-body .client-promo p.client-promo__until{font-size:14px!important;font-weight:800!important;line-height:1.5!important;color:#92400e!important;-webkit-text-fill-color:#92400e!important}
body.clientareapromotions #main-body .client-promo__choices{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}
body.clientareapromotions #main-body a.client-promo__buy{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;margin-top:0;padding:.7rem 1.15rem;border-radius:999px;background:#7c3aed!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important;text-align:center;text-decoration:none!important}
body.clientareapromotions #main-body a.client-promo__buy.is-copied{background:#16a34a!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.clientareapromotions #main-body .client-promo__plans{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:0}
body.clientareapromotions #main-body a.client-promo__plan{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;padding:.5rem .9rem;border:1.5px solid #7c3aed!important;border-radius:999px;background:#fff!important;color:#6d28d9!important;-webkit-text-fill-color:#6d28d9!important;font-size:14px!important;font-weight:700!important;line-height:1.3!important;text-align:center;text-decoration:none!important}
body.clientareahome #main-body a.client-home-promos{display:flex;align-items:center;gap:12px;margin:16px 0 18px;padding:12px 14px 12px 16px;border-radius:12px;background:linear-gradient(90deg,#f59e0b 0%,#ea580c 100%);color:#1c1917!important;-webkit-text-fill-color:#1c1917!important;font-size:16px!important;font-weight:800!important;line-height:1.3!important;text-decoration:none!important}
body.clientareahome #main-body a.client-home-promos .client-home-promos__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:rgba(28,25,23,.12);font-size:16px;flex:0 0 auto;transform-origin:center;animation:client-home-promos-gift 3.4s ease-in-out infinite}
body.clientareahome #main-body a.client-home-promos .client-home-promos__text{flex:1 1 auto;min-width:0;color:#1c1917!important;-webkit-text-fill-color:#1c1917!important}
body.clientareahome #main-body a.client-home-promos .client-home-promos__cta{display:inline-flex;align-items:center;flex:0 0 auto;padding:.45rem .9rem;border-radius:999px;background:#1c1917;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap}
@keyframes client-home-promos-gift{0%,78%,100%{transform:rotate(0deg) scale(1)}82%{transform:rotate(-14deg) scale(1.08)}86%{transform:rotate(12deg) scale(1.08)}90%{transform:rotate(-8deg) scale(1.04)}94%{transform:rotate(0deg) scale(1)}}
@media (prefers-reduced-motion:reduce){body.clientareahome #main-body a.client-home-promos .client-home-promos__icon{animation:none}}
@media (max-width:480px){body.clientareahome #main-body a.client-home-promos{flex-wrap:wrap}body.clientareahome #main-body a.client-home-promos .client-home-promos__cta{margin-left:auto}}


/* Quitar un item del carrito */
#order-standard_cart .view-cart-items .item {
 position: static;
 padding-right: 0;
}
@media (min-width: 576px) {
 #order-standard_cart .view-cart-items .d-none.d-sm-block,
 #order-standard_cart .view-cart-items .hidden-xs {
 display: block !important;
 }
}
#order-standard_cart .view-cart-items .btn-remove-from-cart {
 position: static !important;
 top: auto;
 right: auto;
 z-index: 1;
 display: inline-flex !important;
 align-items: center;
 gap: 0.35rem;
 margin: 0.15rem 0 0.15rem 0.65rem;
 background: #fee2e2 !important;
 color: #991b1b !important;
 -webkit-text-fill-color: #991b1b !important;
 border: 1px solid #fecaca !important;
 border-radius: 999px !important;
 padding: 0.2rem 0.65rem !important;
 font-size: 0.85rem !important;
 font-weight: 700 !important;
 line-height: 1.2 !important;
 white-space: nowrap !important;
 vertical-align: middle;
 text-decoration: none !important;
 opacity: 1 !important;
 visibility: visible !important;
 width: auto !important;
 height: auto !important;
 overflow: visible !important;
}
#order-standard_cart .view-cart-items .btn-remove-from-cart i,
#order-standard_cart .view-cart-items .btn-remove-from-cart span {
    color: #991b1b !important;
    -webkit-text-fill-color: #991b1b !important;
    font-size: 0.95rem !important;
    display: inline !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
}
#order-standard_cart .view-cart-items .btn-remove-from-cart:hover {
    background: #fecaca !important;
    color: #7f1d1d !important;
}


/* Cambio de contrasena del servicio */
body.clientareaproductdetails #tabChangepw {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}
body.clientareaproductdetails #tabChangepw h3 {
    text-align: center;
}
body.clientareaproductdetails #tabChangepw .alert,
body.clientareaproductdetails #tabChangepw .alert p {
    text-align: center;
}
body.clientareaproductdetails #main-body #tabChangepw input.form-control,
body.clientareaproductdetails #main-body #tabChangepw input[type="password"] {
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}
body.clientareaproductdetails #main-body #tabChangepw .generate-password {
    background: #1e293b !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid #1e293b !important;
    opacity: 1 !important;
}
body.clientareaproductdetails #main-body #tabChangepw input[type="reset"].btn {
    opacity: 1 !important;
    background: #e2e8f0 !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border: 1px solid #94a3b8 !important;
}
#modalGeneratePassword .modal-content,
#modalGeneratePassword .modal-body,
#modalGeneratePassword .form-control,
#modalGeneratePassword label {
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}
#modalGeneratePassword .modal-header,
#modalGeneratePassword .modal-title,
#modalGeneratePassword .modal-header .close {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#modalGeneratePassword .btn {
    opacity: 1 !important;
}

/* Resumen de orden al pagar */
#invoiceIdSummary {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 16px 18px 12px !important;
}
#invoiceIdSummary h2,
#invoiceIdSummary p,
#invoiceIdSummary strong,
#invoiceIdSummary td {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}
#invoiceIdSummary td {
    background: #ffffff !important;
}
#invoiceIdSummary tr:first-child td,
#invoiceIdSummary tr:first-child td strong {
    background: #1e293b !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#invoiceIdSummary td.total-row {
    background: #f8fafc !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-weight: 700 !important;
}

body.clientareaproductdetails #main-body .main-content {
    overflow-x: hidden;
    box-sizing: border-box;
}
body.clientareaproductdetails #tabChangepw .form-group {
    display: block;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
}
body.clientareaproductdetails #tabChangepw .control-label {
    display: block;
    text-align: left !important;
    margin-bottom: 6px;
}
body.clientareaproductdetails #tabChangepw .pw-change-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
body.clientareaproductdetails #tabChangepw .pw-change-input {
    position: relative;
    flex: 1 1 180px;
    width: 100%;
    max-width: 260px;
}
body.clientareaproductdetails #tabChangepw .pw-change-input .form-control {
    width: 100%;
    max-width: 260px;
}
body.clientareaproductdetails #tabChangepw .pw-change-input .form-control-feedback {
    position: absolute;
    top: 0;
    right: 10px;
    width: auto;
    height: 38px;
    line-height: 38px;
    pointer-events: none;
}
body.clientareaproductdetails #tabChangepw .generate-password {
    flex: 0 0 auto;
    max-width: 100%;
    margin: 0;
    white-space: normal;
    box-sizing: border-box;
}
body.clientareaproductdetails #tabChangepw .pw-change-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
body.clientareaproductdetails #tabChangepw .pw-change-actions .btn {
    margin: 0 !important;
}
body.clientareacancelrequest .cancel-request-form {
    max-width: 640px;
    margin: 8px auto 0;
}
body.clientareacancelrequest #main-body .cancel-domain-box,
body.clientareacancelrequest #main-body .cancel-domain-box .panel-heading,
body.clientareacancelrequest #main-body .cancel-domain-box .panel-body {
    background: #f8fafc !important;
    color: #0f172a !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: none !important;
}
body.clientareacancelrequest #main-body .cancel-domain-box {
    border-radius: 12px !important;
    overflow: visible;
    margin: 16px 0;
}
body.clientareacancelrequest #main-body .cancel-domain-box .panel-heading {
    border-bottom: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    padding: 14px 16px !important;
}
body.clientareacancelrequest #main-body .cancel-domain-box .panel-title,
body.clientareacancelrequest #main-body .cancel-domain-box p,
body.clientareacancelrequest #main-body .cancel-domain-box label {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    background: transparent !important;
}
body.clientareacancelrequest #main-body .cancel-domain-box .panel-body {
    padding: 16px !important;
    overflow: visible;
}
body.clientareacancelrequest #main-body .cancel-domain-box label.checkbox {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    margin: 2px 0 0 !important;
    padding-left: 0 !important;
}
body.clientareacancelrequest #main-body .cancel-domain-box label.checkbox input {
    position: static !important;
    margin: 3px 0 0 !important;
    flex: 0 0 auto;
}
body.clientareacancelrequest #main-body .cancel-domain-box p {
    margin-bottom: 12px;
    line-height: 1.5;
}
body.clientareacancelrequest .cancel-when,
body.clientareacancelrequest .cancel-request-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    max-width: 100%;
}
body.clientareacancelrequest .cancel-when {
    flex-direction: column;
    align-items: stretch;
    margin-top: 8px;
}
body.clientareacancelrequest .cancel-when select.form-control {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 46px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}
body.clientareacancelrequest .cancel-when select.form-control option {
    color: #0f172a;
    background: #ffffff;
}
body.clientareacancelrequest .cancel-request-actions .btn {
    min-height: 42px;
    opacity: 1 !important;
    white-space: normal;
    margin: 0 !important;
}
body.clientareacancelrequest .cancel-request-actions .btn-default {
    background: #e2e8f0 !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border: 1px solid #94a3b8 !important;
}