/* ============================================
   X99 Cloud - Shadcn-Inspired Navigation
   Matching VPS Management Page Design
   ============================================ */

/* ============================================
   CSS Variables (matching VPS page)
   ============================================ */
:root {
    /* Card backgrounds - same as VPS cards */
    --x99-card-bg: rgba(255, 255, 255, 0.01);
    --x99-card-border: rgba(255, 255, 255, 0.06);
    --x99-card-radius: 14px;
    
    /* Hover/Active states */
    --x99-hover-bg: rgba(255, 255, 255, 0.04);
    --x99-active-bg: rgba(220, 38, 38, 0.1);
    
    /* Text colors */
    --x99-text: rgba(255, 255, 255, 0.92);
    --x99-text-secondary: rgba(255, 255, 255, 0.6);
    --x99-text-muted: rgba(255, 255, 255, 0.4);
    
    /* Accent - same red as VPS badges */
    --x99-accent: #dc2626;
    --x99-accent-hover: #b91c1c;
    
    /* Transitions */
    --x99-transition: 150ms ease;
}

/* ============================================
   Navigation Container - Full Height Sidebar
   ============================================ */
.app-nav,
.app-nav.app-nav-default {
    background: var(--x99-card-bg) !important;
    border: none !important;
    border-right: 1px solid var(--x99-card-border) !important;
    box-shadow: none !important;
}

/* ============================================
   Header / Logo Area
   ============================================ */
.app-nav #header,
.app-nav .app-nav-header {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    padding: 14px 16px;
}

.app-nav #header .container {
    padding: 0;
}

.app-nav .logo img,
.app-nav .logo-img,
.app-nav #header .logo img,
.app-nav #header .logo-img {
    max-height: 26px !important;
    height: 26px !important;
    width: auto !important;
    max-width: 140px !important;
    object-fit: contain !important;
}

/* Toggle hidden on desktop - mobile handled by vexor-mobile.css */
@media (min-width: 992px) {
    .app-nav-toggle,
    .navbar-toggle {
        display: none !important;
    }
}

/* ============================================
   Main Menu Container
   ============================================ */
#main-menu {
    background: transparent !important;
    border: none !important;
    padding: 0;
}

#main-menu > .container {
    padding: 0;
}

/* ============================================
   X99 Primary Menu - Full Width
   ============================================ */
.menu.menu-primary {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 8px 12px;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* ============================================
   X99 Menu Items
   ============================================ */
.x99-menu-item {
    margin: 0;
    padding: 0;
    list-style: none;
}

.x99-menu-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 8px;
    background: transparent;
    color: var(--x99-text-secondary);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none !important;
    transition: all var(--x99-transition);
    position: relative;
    cursor: pointer;
}

.x99-menu-text {
    flex: 1;
}

/* Chevron */
.x99-chevron {
    width: 14px;
    height: 14px;
    color: var(--x99-text-muted);
    transition: transform var(--x99-transition), color var(--x99-transition);
    flex-shrink: 0;
}

/* Hover */
.x99-menu-link:hover {
    background: var(--x99-hover-bg);
    color: var(--x99-text);
    text-decoration: none !important;
}

.x99-menu-link:hover .x99-chevron {
    color: var(--x99-text-secondary);
}

/* Active */
.x99-menu-item.active > .x99-menu-link {
    background: var(--x99-active-bg);
    color: var(--x99-text);
}

.x99-menu-item.active > .x99-menu-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 16px;
    background: var(--x99-accent);
    border-radius: 0 2px 2px 0;
}

.x99-menu-item.active > .x99-menu-link .x99-chevron {
    color: var(--x99-accent);
}

/* Open (submenu expanded) */
.x99-menu-item.open > .x99-menu-link {
    background: var(--x99-hover-bg);
    color: var(--x99-text);
}

.x99-menu-item.open > .x99-menu-link .x99-chevron {
    transform: rotate(180deg);
}

/* Focus */
.x99-menu-link:focus {
    outline: none;
}

/* ============================================
   X99 Submenu
   ============================================ */
.x99-submenu {
    display: none;
    padding: 4px 0 4px 20px;
    margin: 0 0 0 16px;
    list-style: none;
    border-left: 1px solid var(--x99-card-border);
}

.x99-menu-item.open > .x99-submenu {
    display: block;
}

/* Submenu Items */
.x99-submenu-item {
    margin: 0;
    padding: 0;
    list-style: none;
}

.x99-submenu-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 6px;
    background: transparent;
    color: var(--x99-text-muted);
    font-size: 12px;
    font-weight: 450;
    line-height: 1.4;
    text-decoration: none !important;
    transition: all var(--x99-transition);
}

.x99-submenu-link:hover {
    background: var(--x99-hover-bg);
    color: var(--x99-text-secondary);
    text-decoration: none !important;
}

.x99-submenu-item.active > .x99-submenu-link {
    background: var(--x99-active-bg);
    color: var(--x99-text);
}

/* Submenu headers */
.x99-submenu-header {
    padding: 6px 10px 4px;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--x99-text-muted);
}

/* Submenu dividers - shadcn flat style */
.x99-submenu-divider,
li.x99-submenu-divider {
    height: 1px;
    margin: 6px 12px;
    background: rgba(255, 255, 255, 0.06);
    list-style: none;
    border: none;
    padding: 0 !important;
}

/* ============================================
   Cloud Menu Styling
   ============================================ */

/* Cloud "Add new" button */
li.x99-submenu-item.cloud-add-new {
    margin-bottom: 4px !important;
}

li.x99-submenu-item.cloud-add-new > a.x99-submenu-link {
    color: var(--x99-accent) !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    letter-spacing: 0.3px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    transition: all 0.15s ease !important;
}

li.x99-submenu-item.cloud-add-new > a.x99-submenu-link:hover {
    color: #fff !important;
    background: var(--x99-accent) !important;
}

/* Hide default dot for Add new */
li.x99-submenu-item.cloud-add-new > a.x99-submenu-link > span.x99-submenu-dot {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* Plus icon for Add new */
li.x99-submenu-item.cloud-add-new > a.x99-submenu-link::before {
    content: '+' !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    width: 18px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px dashed currentColor !important;
    border-radius: 4px !important;
    flex-shrink: 0 !important;
    margin-right: 4px !important;
}

li.x99-submenu-item.cloud-add-new > a.x99-submenu-link:hover::before {
    border-style: solid !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

/* ============================================
   Cloud Server Items
   ============================================ */
li.x99-submenu-item.cloud-server-item {
    position: relative !important;
}

li.x99-submenu-item.cloud-server-item > a.x99-submenu-link {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border-radius: 6px !important;
    transition: all 0.15s ease !important;
}

/* Hide the default dot for cloud server items */
li.x99-submenu-item.cloud-server-item > a.x99-submenu-link > span.x99-submenu-dot {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* Status indicator dot via ::before */
li.x99-submenu-item.cloud-server-item > a.x99-submenu-link::before {
    content: '' !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    margin-top: 6px !important;
    transition: all 0.15s ease !important;
}

li.x99-submenu-item.cloud-server-item.status-online > a.x99-submenu-link::before {
    background: #22c55e !important;
    box-shadow: 0 0 8px rgba(34, 197, 94, 0.6) !important;
}

li.x99-submenu-item.cloud-server-item.status-suspended > a.x99-submenu-link::before {
    background: #f59e0b !important;
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.6) !important;
}

li.x99-submenu-item.cloud-server-item.status-pending > a.x99-submenu-link::before {
    background: #6b7280 !important;
    box-shadow: none !important;
}

/* VPS text container */
li.x99-submenu-item.cloud-server-item > a.x99-submenu-link > span.x99-submenu-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    line-height: 1.3 !important;
    overflow: hidden !important;
}

/* Hostname - prominent */
li.x99-submenu-item.cloud-server-item span.cloud-hostname {
    display: block !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* IP - subtle monospace */
li.x99-submenu-item.cloud-server-item span.cloud-ip {
    display: block !important;
    font-size: 11px !important;
    font-family: 'SF Mono', 'Monaco', 'Consolas', 'Courier New', monospace !important;
    color: rgba(255, 255, 255, 0.4) !important;
    letter-spacing: 0.5px !important;
}

/* Hover effects */
li.x99-submenu-item.cloud-server-item > a.x99-submenu-link:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}

li.x99-submenu-item.cloud-server-item:hover span.cloud-ip {
    color: rgba(255, 255, 255, 0.6) !important;
}

li.x99-submenu-item.cloud-server-item:hover > a.x99-submenu-link::before {
    transform: scale(1.3) !important;
}

/* Active cloud server item */
li.x99-submenu-item.cloud-server-item.active > a.x99-submenu-link {
    background: rgba(220, 38, 38, 0.12) !important;
}

li.x99-submenu-item.cloud-server-item.active span.cloud-hostname {
    color: #fff !important;
}

li.x99-submenu-item.cloud-server-item.active span.cloud-ip {
    color: rgba(255, 255, 255, 0.6) !important;
}


/* ============================================
   Badges
   ============================================ */
.menu.menu-primary .badge,
.x99-menu-item .badge {
    background: var(--x99-accent) !important;
    color: #fff !important;
    font-size: 9px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    min-width: 16px;
    text-align: center;
    line-height: 1.3;
}

/* ============================================
   Top Navigation Bar (Secondary Nav)
   ============================================ */
.main-top {
    background: transparent !important;
    border: none !important;
    padding: 8px 0;
}

.top-nav,
.main-top .menu,
.menu-secondary {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.top-nav > li,
.menu-secondary > li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.top-nav > li > a,
.menu-secondary > li > a {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 6px;
    color: var(--x99-text-secondary);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none !important;
    transition: all var(--x99-transition);
}

.top-nav > li > a:hover,
.menu-secondary > li > a:hover {
    background: var(--x99-hover-bg);
    color: var(--x99-text);
    text-decoration: none !important;
}

.top-nav > li.active > a,
.menu-secondary > li.active > a {
    color: var(--x99-accent);
}

/* Account dropdown in top nav */
.top-nav .client-avatar,
.menu-secondary .client-avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--x99-card-border);
    overflow: hidden;
    flex-shrink: 0;
}

.top-nav .client-avatar img,
.menu-secondary .client-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-nav .item-text,
.menu-secondary .item-text {
    font-size: 12px;
    font-weight: 500;
    color: var(--x99-text-secondary);
}

.top-nav > li > a:hover .item-text,
.menu-secondary > li > a:hover .item-text {
    color: var(--x99-text);
}

/* Top nav dropdown caret */
.top-nav > li > a .ls-caret,
.top-nav > li > a > b.ls,
.menu-secondary > li > a .ls-caret,
.menu-secondary > li > a > b.ls {
    font-size: 8px;
    color: var(--x99-text-muted);
    margin-left: 2px;
}

/* ============================================
   Top Nav Dropdowns
   ============================================ */
.top-nav .dropdown-menu,
.menu-secondary .dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    background: rgba(10, 10, 10, 0.98) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--x99-card-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
    padding: 6px !important;
    margin-top: 4px !important;
    min-width: 180px;
    display: none;
    float: none !important;
}

.top-nav .dropdown-menu-right,
.menu-secondary .dropdown-menu-right {
    left: auto !important;
    right: 0 !important;
}

.top-nav .dropdown.open > .dropdown-menu,
.top-nav li.open > .dropdown-menu,
.menu-secondary .dropdown.open > .dropdown-menu,
.menu-secondary li.open > .dropdown-menu {
    display: block !important;
}

.top-nav .dropdown-menu > li,
.menu-secondary .dropdown-menu > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.top-nav .dropdown-menu > li > a,
.menu-secondary .dropdown-menu > li > a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    color: var(--x99-text-secondary);
    font-size: 12px;
    font-weight: 450;
    text-decoration: none !important;
    transition: all var(--x99-transition);
}

.top-nav .dropdown-menu > li > a:hover,
.menu-secondary .dropdown-menu > li > a:hover {
    background: var(--x99-hover-bg);
    color: var(--x99-text);
    text-decoration: none !important;
}

.top-nav .dropdown-menu > li > a > i,
.menu-secondary .dropdown-menu > li > a > i {
    font-size: 12px;
    width: 16px;
    color: var(--x99-text-muted);
}

.top-nav .dropdown-menu > li > a:hover > i,
.menu-secondary .dropdown-menu > li > a:hover > i {
    color: var(--x99-text-secondary);
}

/* Top nav dropdown dividers */
.top-nav .dropdown-menu .divider,
.menu-secondary .dropdown-menu .divider {
    height: 1px;
    margin: 4px 8px;
    background: var(--x99-card-border);
    border: none;
}

/* Top nav dropdown headers */
.top-nav .dropdown-menu .dropdown-header,
.menu-secondary .dropdown-menu .dropdown-header {
    padding: 8px 12px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--x99-text-muted);
}

.top-nav .dropdown-menu .dropdown-header--account,
.menu-secondary .dropdown-menu .dropdown-header--account {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--x99-card-border);
    margin-bottom: 4px;
}

.top-nav .dropdown-header-info,
.menu-secondary .dropdown-header-info {
    font-size: 12px;
    color: var(--x99-text);
    font-weight: 500;
}

/* ============================================
   Footer
   ============================================ */
.main-footer,
.footer {
    background: transparent !important;
    border: none !important;
}

.footer-bottom {
    background: transparent !important;
    border: none !important;
    padding: 16px 0;
}

.footer-bottom,
.footer-bottom a,
.footer-copyright {
    color: var(--x99-text-muted) !important;
    font-size: 12px;
}

.footer-bottom a:hover {
    color: var(--x99-text-secondary) !important;
}

/* ============================================
   Main Content Area
   ============================================ */
.app-main,
.main-body,
.main-content {
    background: transparent;
}

.main-header {
    background: transparent !important;
    border: none !important;
    padding: 8px 0;
}

.main-header .page-title,
.main-header h1 {
    color: var(--x99-text);
    font-weight: 600;
    font-size: 16px;
    margin: 0;
}

/* Breadcrumbs */
.breadcrumb {
    background: transparent !important;
    padding: 0;
    margin: 0 0 4px;
}

.breadcrumb > li,
.breadcrumb > li > a {
    color: var(--x99-text-muted);
    font-size: 11px;
}

.breadcrumb > li > a:hover {
    color: var(--x99-text-secondary);
}

.breadcrumb > .active {
    color: var(--x99-text-secondary);
}

.breadcrumb > li + li::before {
    color: var(--x99-text-muted);
    opacity: 0.5;
    padding: 0 4px;
}

/* ============================================
   Panels & Cards (matching VPS style)
   ============================================ */
.panel,
.sidebar .panel {
    background: var(--x99-card-bg);
    border: 1px solid var(--x99-card-border);
    border-radius: var(--x99-card-radius);
    box-shadow: none;
}

.panel-heading {
    background: transparent !important;
    border-bottom: 1px solid var(--x99-card-border);
    padding: 12px 14px;
}

.panel-title {
    color: var(--x99-text);
    font-size: 11px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.panel-body {
    padding: 14px;
}

/* ============================================
   Buttons (matching VPS style)
   ============================================ */
.btn {
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    padding: 8px 14px;
    transition: all var(--x99-transition);
}

.btn-primary {
    background: var(--x99-accent) !important;
    color: #fff !important;
    border: none !important;
}

.btn-primary:hover {
    background: var(--x99-accent-hover) !important;
}

.btn-default,
.btn-secondary {
    background: var(--x99-card-bg) !important;
    color: var(--x99-text-secondary) !important;
    border: 1px solid var(--x99-card-border) !important;
}

.btn-default:hover,
.btn-secondary:hover {
    background: var(--x99-hover-bg) !important;
    color: var(--x99-text) !important;
}

/* ============================================
   Form Inputs
   ============================================ */
.form-control {
    background: var(--x99-card-bg) !important;
    border: 1px solid var(--x99-card-border) !important;
    border-radius: 8px;
    color: var(--x99-text) !important;
    padding: 8px 12px;
    font-size: 13px;
    transition: border-color var(--x99-transition);
}

.form-control:focus {
    border-color: var(--x99-accent) !important;
    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.15) !important;
    outline: none;
}

.form-control::placeholder {
    color: var(--x99-text-muted);
}

/* ============================================
   Tables
   ============================================ */
.table {
    background: transparent;
}

.table > thead > tr > th {
    background: var(--x99-card-bg);
    border-bottom: 1px solid var(--x99-card-border);
    color: var(--x99-text-muted);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 10px 12px;
}

.table > tbody > tr > td {
    border-bottom: 1px solid var(--x99-card-border);
    color: var(--x99-text-secondary);
    padding: 10px 12px;
    font-size: 13px;
}

.table > tbody > tr:hover > td {
    background: var(--x99-hover-bg);
}

.table > tbody > tr:last-child > td {
    border-bottom: none;
}

/* ============================================
   Alerts
   ============================================ */
.alert {
    background: var(--x99-card-bg);
    border: 1px solid var(--x99-card-border);
    border-radius: 10px;
    color: var(--x99-text-secondary);
    padding: 12px 14px;
    font-size: 13px;
}

.alert-success { border-left: 3px solid #22c55e; }
.alert-warning { border-left: 3px solid #f59e0b; }
.alert-danger, .alert-error { border-left: 3px solid var(--x99-accent); }
.alert-info { border-left: 3px solid #3b82f6; }

/* ============================================
   Cards
   ============================================ */
.card,
.box {
    background: var(--x99-card-bg);
    border: 1px solid var(--x99-card-border);
    border-radius: var(--x99-card-radius);
    box-shadow: none;
}

/* ============================================
   Responsive - Mobile Navigation (old - kept for compatibility)
   ============================================ */
/* Mobile styles consolidated below in Mobile Top Bar section */

/* ============================================
   Print
   ============================================ */
@media print {
    .app-nav,
    .main-top,
    .main-footer {
        display: none !important;
    }
}

/* ============================================
   Hide legacy FAB toggle (replaced by mobile topbar)
   ============================================ */
.x99-fab-toggle,
#x99-fab-toggle,
button.x99-fab-toggle {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}

/* ============================================
   Mobile Top Bar - shadcn inspired
   ============================================ */
.x99-mobile-topbar {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 56px;
    background: rgba(10, 10, 10, 0.98);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    z-index: 1050;
    padding: 0 16px;
    align-items: center;
    justify-content: space-between;
}

.x99-mobile-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.x99-mobile-logo img {
    height: 26px;
    width: auto;
    opacity: 0.95;
}

/* Mobile Toggle Button - shadcn style */
.x99-mobile-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    cursor: pointer !important;
    transition: all 150ms ease !important;
    padding: 0 !important;
}

.x99-mobile-toggle:hover,
.x99-mobile-toggle:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    outline: none !important;
}

.x99-mobile-toggle .bar {
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    background: rgba(255, 255, 255, 0.7) !important;
    border-radius: 1px !important;
    transition: all 200ms ease !important;
    transform-origin: center center !important;
}

.x99-mobile-toggle.active .bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
}

.x99-mobile-toggle.active .bar:nth-child(2) {
    opacity: 0 !important;
    transform: scaleX(0) !important;
}

.x99-mobile-toggle.active .bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
}

/* Mobile Overlay */
.x99-mobile-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    z-index: 1040;
    opacity: 0;
    transition: opacity 200ms ease;
    pointer-events: none;
}

.x99-mobile-overlay.active {
    display: block !important;
    opacity: 1;
    pointer-events: auto;
}

/* Mobile menu handled by vexor-mobile.css + vexor-mobile.js */

/* Ocultar produtos com estoque 0 */
.bm-card[data-qty="0"],
.package[data-qty="0"] {
    display: none !important;
}

/* Ocultar seletor de ciclo de pagamento */
.section-billing-cycle,
.billing-cycle-container,
.package-billing-cycle,
.cycle-selector,
.price-breakdown,
div[class*="cycle"]:not(.price-cycle):not(.bm-price-cycle),
.panel-billing-cycle,
.form-group:has(select[name="billingcycle"]),
label[for*="billingcycle"] {
    display: none !important;
}

/* Forçar exibição apenas do preço mensal */
.price-cycle {
    display: block !important;
}

/* Location Filter - Modern Chip Design */
.loc-filter,.loc-filter-section{margin:0 0 24px 0}
.loc-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.loc-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1}
.loc-filter-all{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);border-radius:20px;cursor:pointer;transition:all .15s ease;font-size:13px;color:rgba(255,255,255,.7)}
.loc-filter-all:hover{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.3)}
.loc-filter-all:active{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.4)}
.loc-filter-all.active{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.5);color:#fff}
.loc-filter-all-icon{font-size:13px}
.loc-filter-all-text{font-weight:500}
.loc-filter-all-count{font-size:11px;color:rgba(59,130,246,.8);padding:2px 6px;background:rgba(59,130,246,.15);border-radius:10px}
.loc-filter-all.active .loc-filter-all-count{background:rgba(59,130,246,.25);color:rgba(255,255,255,.9)}
.loc-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:20px;cursor:pointer;transition:all .15s ease;font-size:13px;color:rgba(255,255,255,.7)}
.loc-chip:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.9)}
.loc-chip:active{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
.loc-chip.active,.loc-chip.selected{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.4);color:#fff}
.loc-chip-flag{width:22px;height:16px;border-radius:3px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);flex-shrink:0}
.loc-chip-flag img{width:22px;height:16px;object-fit:cover}
.loc-chip-flag span{font-size:14px;line-height:1}
.loc-chip-name{font-weight:500;white-space:nowrap}
.loc-chip-count{font-size:11px;color:rgba(255,255,255,.4);padding:2px 6px;background:rgba(255,255,255,.05);border-radius:10px}
.loc-chip.selected .loc-chip-count{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}
.loc-chip-instant{display:inline-flex;align-items:center;gap:2px;font-size:9px;font-weight:600;color:#22c55e;text-transform:uppercase;letter-spacing:.3px}
.loc-chip-instant svg{width:9px;height:9px}
.loc-divider{width:1px;height:24px;background:rgba(255,255,255,.08);margin:0 4px}
/* Sort Dropdown */
.loc-sort{position:relative;flex-shrink:0}
.loc-sort-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .15s ease;font-size:12px;color:rgba(255,255,255,.6);-webkit-tap-highlight-color:transparent}
.loc-sort-btn:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.8)}
.loc-sort-btn:active{background:rgba(255,255,255,.08)}
.loc-sort-btn svg{width:14px;height:14px;opacity:.5}
.loc-sort-btn .sort-arrow{width:10px;height:10px;transition:transform .2s ease}
.loc-sort.open .loc-sort-btn .sort-arrow{transform:rotate(180deg)}
.loc-sort-label{font-weight:500;color:rgba(255,255,255,.8)}
.loc-sort-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:rgba(30,30,35,.98);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .15s ease;z-index:1010;overflow:hidden}
.loc-sort.open .loc-sort-menu{opacity:1;visibility:visible;transform:translateY(0)}
.loc-sort-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:all .1s ease;font-size:13px;color:rgba(255,255,255,.7);-webkit-tap-highlight-color:transparent}
.loc-sort-option:hover{background:rgba(255,255,255,.06);color:#fff}
.loc-sort-option:active{background:rgba(255,255,255,.1)}
.loc-sort-option.active{background:rgba(239,68,68,.1);color:#fff}
.loc-sort-option.active .sort-check{opacity:1}
.sort-check{width:14px;height:14px;opacity:0;color:#ef4444}
.loc-sort-option svg:first-child{width:14px;height:14px;opacity:.5}
@media(max-width:991px){.loc-filter-row{flex-direction:column;align-items:stretch}.loc-chips{gap:6px}.loc-chip{padding:8px 12px 8px 8px;font-size:13px;min-height:40px}.loc-chip-flag{width:20px;height:14px}.loc-chip-flag img{width:20px;height:14px}.loc-filter-all{padding:8px 12px;font-size:13px;min-height:40px}.loc-sort{margin-top:8px}.loc-sort-btn{width:100%;justify-content:space-between;min-height:44px}.loc-sort-menu{width:100%;max-height:60vh;overflow-y:auto}}

/* Bare Metal Grid - shadcn style - FORÇADO */
.section-body > .bm-grid,
div.bm-grid{
    display: grid !important;
    grid-template-columns: repeat(2,1fr) !important;
    gap: 12px !important;
    margin-top: 8px !important;
    width: 100% !important;
}
.bm-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:12px;margin-top:8px}
.bm-card{position:relative;background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;cursor:pointer;transition:all .15s ease;overflow:hidden}
.bm-card:hover{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1);transform:translateY(-1px)}
.bm-card:active{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);transform:scale(.99)}
.bm-card.selected{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.3)}
.bm-card.selected::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ef4444,#f97316)}
.bm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.bm-location{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(255,255,255,.04);border-radius:6px;font-size:11px;color:rgba(255,255,255,.7)}
.bm-location img{width:16px;height:12px;border-radius:2px}
.bm-location span{font-weight:500}
.loc-chip-flag img{width:22px;height:16px;object-fit:cover}
.bm-stock{display:flex;align-items:center;gap:6px}
.bm-stock-count{display:flex;align-items:center;gap:4px;font-size:10px;color:rgba(34,197,94,.9);font-weight:500}
.bm-stock-count::before{content:'';width:5px;height:5px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
.bm-deploy{display:inline-flex;align-items:center;gap:2px;padding:2px 5px;background:rgba(234,179,8,.12);border-radius:3px;font-size:8px;font-weight:600;color:#eab308;text-transform:uppercase;letter-spacing:.2px}
.bm-deploy svg{width:8px;height:8px}
.bm-cpu{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:rgba(255,255,255,.9);margin-bottom:10px;line-height:1.3;flex-wrap:wrap}
.bm-cpu-logo{height:14px;width:auto;flex-shrink:0;filter:grayscale(100%) brightness(0.8) contrast(1.2);opacity:0.9}
.bm-specs{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-bottom:12px}
.bm-spec{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.5)}
.bm-spec i{width:14px;font-size:12px;opacity:.4;flex-shrink:0;text-align:center}
.bm-spec-value{color:rgba(255,255,255,.85);font-weight:500}
.bm-highlight{color:#ef4444;font-weight:600;background:rgba(239,68,68,.1);padding:2px 6px;border-radius:3px;margin-left:4px;display:inline-flex;align-items:center;gap:3px}
.bm-highlight.bm-highlight-red{color:#ef4444;background:rgba(239,68,68,.1)}
.bm-highlight.bm-highlight-red i.fa-bolt{font-size:10px;color:#ef4444}
.bm-highlight.bm-highlight-blue-alt{color:#3b82f6;background:rgba(59,130,246,.1)}
.bm-highlight-blue{color:#3b82f6;font-weight:600;background:rgba(59,130,246,.1);padding:1px 4px;border-radius:3px;margin-left:2px}
.bm-highlight-green{color:#22c55e;font-weight:600;background:rgba(34,197,94,.1);padding:1px 4px;border-radius:3px;margin-left:2px}
.bm-info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;margin-left:4px;font-size:8px;font-weight:600;color:rgba(255,255,255,.5);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:50%;cursor:help;transition:all .15s ease}
.bm-info-tip:hover{color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.15)}
.bm-info-tip .bm-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:220px;padding:10px 12px;background:rgba(17,17,17,.98);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:11px;font-weight:400;line-height:1.5;color:rgba(255,255,255,.8);text-align:left;opacity:0;visibility:hidden;transition:all .15s ease;z-index:100;pointer-events:none}
.bm-info-tip .bm-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(17,17,17,.98)}
.bm-info-tip:hover .bm-tooltip{opacity:1;visibility:visible}
.bm-badge-dual{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;background:rgba(59,130,246,.15);border-radius:4px;font-size:9px;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.3px;margin-left:4px}
.bm-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}
.bm-price{display:flex;flex-direction:column}
.bm-price-value{font-size:18px;font-weight:700;color:#fff;line-height:1}
.bm-price-cycle{font-size:10px;color:rgba(255,255,255,.4);margin-top:2px}
.bm-btn{padding:12px 20px;min-height:44px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,.8);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}
.bm-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);color:#fff}
.bm-btn:active{background:rgba(255,255,255,.14);transform:scale(.97)}
.bm-card.selected .bm-btn{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#fff}
@media(max-width:900px){.bm-grid{grid-template-columns:1fr !important}}
@media(max-width:576px){.bm-specs{grid-template-columns:1fr 1fr}}

/* Ocultar "Notas Adicionais" - FORÇADO */
.section-additional-information,
.additional-information-container,
.panel-additional-information,
.section[class*="notes"],
.section[class*="additional"],
div[class*="notes"]:not(.bm-stock-count),
.form-group:has([name*="notes"]),
.form-group:has(textarea[name*="notes"]),
.form-group:has(label:contains("Notas")),
label[for*="notes"],
textarea[name*="notes"],
textarea[id*="notes"],
input[name*="notes"],
.notes-section,
#notes,
[name="notes"],
.section-number:contains("6") + *,
h3:contains("Notas Adicionais"),
h3:contains("Additional Notes"),
.panel:has(h3:contains("Notas")) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* VPS Grid - shadcn style */
.vps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:8px}
.vps-card{position:relative;background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;cursor:pointer;transition:all .15s ease;overflow:hidden}
.vps-card:hover{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1);transform:translateY(-1px)}
.vps-card.selected{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.3)}
.vps-card.selected::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ef4444,#f97316)}
.vps-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.vps-name{font-size:14px;font-weight:600;color:rgba(255,255,255,.95);display:flex;align-items:center;gap:8px}
.vps-icon{width:28px;height:28px;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(147,51,234,.15));border-radius:8px;display:flex;align-items:center;justify-content:center}
.vps-icon svg{width:14px;height:14px;color:#3b82f6}
.vps-specs{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-bottom:12px}
.vps-spec{display:flex;align-items:center;gap:6px;font-size:11px;color:rgba(255,255,255,.5)}
.vps-spec i{width:12px;font-size:11px;opacity:.4;flex-shrink:0;text-align:center}
.vps-spec-value{color:rgba(255,255,255,.85);font-weight:500}
.vps-os-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:10px}
.vps-os-icon{width:18px;height:18px;opacity:.5;transition:all .15s ease}
.vps-card:hover .vps-os-icon{opacity:.7}
.vps-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}
.vps-price{display:flex;flex-direction:column}
.vps-price-value{font-size:16px;font-weight:700;color:#fff;line-height:1}
.vps-price-cycle{font-size:10px;color:rgba(255,255,255,.4);margin-top:2px}
.vps-btn{padding:6px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:11px;font-weight:500;color:rgba(255,255,255,.8);cursor:pointer;transition:all .15s ease}
.vps-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);color:#fff}
.vps-card.selected .vps-btn{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#fff}
@media(max-width:768px){.vps-grid{grid-template-columns:repeat(2,1fr);gap:10px}.vps-card{padding:12px}.vps-specs{gap:4px 8px}}
@media(max-width:480px){.vps-grid{grid-template-columns:1fr}}

/* Config Options Panel - shadcn inspired redesign */
.section--config-options .panel.panel-check,
.section--config-option .panel.panel-check,
.VueForm .panel.panel-check{
    background:rgba(255,255,255,.02) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:12px !important;
    transition:all .15s ease !important;
    overflow:hidden !important;
    box-shadow:none !important;
}
.section--config-options .panel.panel-check:hover,
.section--config-option .panel.panel-check:hover,
.VueForm .panel.panel-check:hover{
    background:rgba(255,255,255,.04) !important;
    border-color:rgba(255,255,255,.12) !important;
    transform:translateY(-1px) !important;
}
.section--config-options .panel.panel-check.checked,
.section--config-option .panel.panel-check.checked,
.VueForm .panel.panel-check.checked{
    background:rgba(239,68,68,.06) !important;
    border-color:rgba(239,68,68,.35) !important;
    box-shadow:0 0 20px rgba(239,68,68,.08) !important;
}
.section--config-options .panel.panel-check.checked::before,
.section--config-option .panel.panel-check.checked::before,
.VueForm .panel.panel-check.checked::before{
    content:'' !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:2px !important;
    background:linear-gradient(90deg,#ef4444,#f97316) !important;
}
/* Hide radio buttons and checkmarks for cleaner design */
.section--config-options .panel.panel-check .radio-styled,
.section--config-option .panel.panel-check .radio-styled,
.VueForm .panel.panel-check .radio-styled{
    display:none !important;
}
.section--config-options .panel.panel-check .check-sign,
.section--config-option .panel.panel-check .check-sign,
.VueForm .panel.panel-check .check-sign{
    display:none !important;
}
/* Remove margins on OS logo icons */
.section--config-options .panel.panel-check .check-icon,
.section--config-option .panel.panel-check .check-icon,
.VueForm .panel.panel-check .check-icon{
    margin:0 !important;
    background:transparent !important;
}
/* Row adjustments for grid layout */
.section--config-options .row.row-eq-height,
.section--config-option .row.row-eq-height{
    margin:-6px !important;
}
.section--config-options .row.row-eq-height > [class*="col-"],
.section--config-option .row.row-eq-height > [class*="col-"]{
    padding:6px !important;
}
.range-slider {
  position: relative;
}
.range-slider,
.range-slider * {
  user-select: none;
  touch-action: none;
}
.range-slider[disabled] .range-slider-connect {
  background: #b8b8b8;
}
.range-slider[disabled].range-slider,
.range-slider[disabled].range-slider-handle {
  cursor: not-allowed;
}
.range-slider-base,
.range-slider-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.range-slider-connects {
  background: var(--range-slider-bg);
  border-radius: var(--range-slider-border-radius);
  z-index: 0;
}
.range-slider-connects:after,
.range-slider-connects:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 100%;
  background: var(--range-slider-bg);
}
.range-slider-connects:before {
  background: var(--range-slider-fill-bg);
  border-top-left-radius: var(--range-slider-border-radius);
  border-bottom-left-radius: var(--range-slider-border-radius);
  left: -12px;
}
.range-slider-connects:after {
  left: auto;
  border-top-right-radius: var(--range-slider-border-radius);
  border-bottom-right-radius: var(--range-slider-border-radius);
  right: -12px;
}
.range-slider-connect,
.range-slider-origin {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform-origin: 0 0;
}
.range-slider-connect {
  background: var(--range-slider-fill-bg);
  border-radius: 200px;
}
.range-slider-origin {
  left: auto;
  right: 0;
}
.range-slider-handle {
  position: absolute;
  right: calc(var(--range-slider-handle-width) / -2);
  left: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  box-shadow: var(--range-slider-handle-box-shadow);
  background: var(--range-slider-handle-bg);
  height: var(--range-slider-handle-height);
  width: var(--range-slider-handle-width);
  border-radius: var(--range-slider-handle-border-radius);
}
.range-slider-handle:active,
.range-slider-handle:focus,
.range-slider-handle:hover {
  outline: none;
  cursor: pointer;
}
.range-slider-state-tap,
.range-slider-state-tap .range-slider-connect,
.range-slider-state-tap .range-slider-origin {
  transition: transform 0.3s;
}
.range-slider-state-drag * {
  cursor: inherit !important;
}
.range-slider-horizontal {
  height: var(--range-slider-height);
}
.range-slider-pips {
  position: relative;
  height: 80px;
  top: 50%;
  left: 0;
  width: 100%;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .range-slider-pips {
    top: 50%;
  }
}
.range-slider-marker {
  display: none;
}
.range-slider-value {
  top: 0;
  position: absolute;
  white-space: nowrap;
  text-align: center;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  color: var(--range-slider-value-color);
  border: 1px solid transparent;
  min-width: var(--range-slider-value-min-width);
  height: var(--line-height-sm);
  border-radius: var(--range-slider-value-border-radius);
  cursor: pointer;
  padding: var(--range-slider-value-padding);
  transform: translate(-50%, 28%);
}
.range-slider-value.is-active {
  color: var(--range-slider-value-active-color);
  border: var(--range-slider-value-active-border);
}
.range-slider-value.is-active:after,
.range-slider-value.is-active:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.range-slider-value.is-active:before {
  border-color: hsla(0, 0%, 100%, 0);
  border-bottom-color: var(--range-slider-value-active-color);
  border-width: 6px;
  margin-left: -6px;
}
.range-slider-value.is-active:after {
  border-color: hsla(0, 0%, 100%, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
  top: -10px;
}
.range-slider-container {
  display: flex;
  align-items: stretch;
  padding: 16px 24px;
  min-height: 124px;
  border-radius: var(--border-radius-base);
  border: var(--ui-block-border);
  background: var(--ui-block-bg);
  box-shadow: var(--ui-block-shadow);
}
.range-slider-container-left,
.range-slider-container-right {
  display: flex;
  align-items: center;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .range-slider-container-left,
  .range-slider-container-right {
    min-height: 88px;
  }
}
.range-slider-container-left {
  flex: 1 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.range-slider-container-right {
  padding-left: 73px;
  min-width: 204px;
  display: flex;
  align-items: center;
  align-content: center;
}
.range-slider-container-right.has-icon {
  padding-left: 53px;
  min-width: 250px;
}
.range-slider-container-label {
  color: var(--text-lighter-color);
  font-size: 13px;
  margin-bottom: 17px;
}
.range-slider-container-slider {
  width: 100%;
  margin: 0 14px;
}
.range-slider-container-price {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.range-slider-container-prefix,
.range-slider-container-suffix {
  color: var(--text-lighter-color);
  font-size: 13px;
}
.range-slider-container-icon {
  margin-left: auto;
  margin-right: -4px;
  height: 64px;
  width: 64px;
}
.range-slider-container-value {
  color: var(--range-slider-price-color);
  font-size: var(--range-slider-price-font-size);
  line-height: var(--range-slider-price-line-height);
  margin: var(--range-slider-price-spacing);
  font-weight: var(--range-slider-price-font-weight);
}
.range-slider-container .range-slider-container-range {
  margin-right: 30px;
  color: #333640;
  opacity: 0.5;
}
.range-slider-container * + .range-slider-container-range {
  margin-left: var(--ui-block-padding-base);
  margin-right: 0;
}
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
.ps .ps__rail-x {
  width: 11px;
  bottom: 0;
}
.ps .ps__rail-x .ps__thumb-x {
  transition:
    background-color 0.2s linear,
    height 0.2s ease-in-out;
  -webkit-transition:
    background-color 0.2s linear,
    height 0.2s ease-in-out;
  height: 6px;
  bottom: 2px;
}
.ps .ps__rail-y {
  right: 0;
}
.ps .ps__rail-y .ps__thumb-y {
  transition:
    background-color 0.2s linear,
    width 0.2s ease-in-out;
  -webkit-transition:
    background-color 0.2s linear,
    width 0.2s ease-in-out;
  width: 6px;
  right: 2px;
}
.ps .ps__rail-x,
.ps .ps__rail-y {
  display: none;
  opacity: 0;
  transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  -webkit-transition:
    background-color 0.2s linear,
    opacity 0.2s linear;
  position: absolute;
}
.ps .ps__thumb-x,
.ps .ps__thumb-y {
  background-color: #7c8088;
  border-radius: 6px;
  position: absolute;
}
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y,
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y {
  opacity: 0.6;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
@media (max-width: 767.98px) {
  .range-slider-container {
    flex-direction: column;
    padding-left: 40px;
    padding-right: 40px;
  }
  .range-slider-container-right {
    margin-left: 0;
    padding: 0;
    margin-top: 64px;
  }
}
.lagom-layout-banner .app-main-order .main-body {
  padding-top: 0;
}
.lagom-layout-banner .app-main-order .main-header {
  padding-bottom: 0;
}
.lagom-layout-banner .app-main-order .main-header-actions > .dropdown > .btn {
  background-color: #fff;
}
.lagom-layout-banner .app-main-order .main-header .nav-tabs .nav-link {
  color: var(--main-header-banner-breadcrumb-color, #fff);
}
.lagom-layout-banner .app-main-order .main-header .nav-tabs .nav-link:hover {
  color: var(
    --main-header-banner-breadcrumb-color-active,
    var(--brand-primary-lighter-2)
  ) !important;
}
.lagom-layout-banner .app-main-order .main-header .nav-tabs .nav-link:after {
  background: var(
    --main-header-banner-breadcrumb-color-active,
    var(--brand-primary-lighter-2)
  );
}
.lagom-layout-banner
  .app-main-order
  .main-header
  .nav-tabs
  .nav-item.active
  .nav-link {
  color: var(
    --main-header-banner-breadcrumb-color-active,
    var(--brand-primary-lighter-2)
  );
}
@media (min-width: 992px) {
  .lagom-layout-banner .app-main-order .main-header-nav .tab-nav.container {
    max-width: 1004px;
    padding: 0 32px;
  }
}
@media (min-width: 1320px) {
  .lagom-layout-banner .app-main-order .main-header-nav .tab-nav.container {
    max-width: 1332px;
    padding: 0 32px;
  }
}
.lagom-layout-banner .app-main-order .main-header-nav .nav-tabs {
  padding: 0;
  margin: 0;
}
.lagom-layout-banner .app-main-order .main-header-nav .nav-arrow {
  background-color: unset;
}
.lagom-layout-banner .app-main-order .main-header-nav .nav-arrow:first-of-type,
.lagom-layout-banner .app-main-order .main-header-nav .nav-arrow:last-of-type {
  background: none;
}
.lagom-layout-banner
  .app-main-order
  .main-header-nav
  .nav-arrow
  > .nav-link
  > i {
  color: var(--main-header-banner-breadcrumb-color-active, #fff);
}
.lagom-layout-banner
  .app-main-order
  .main-header-nav
  .nav-arrow
  > .nav-link:hover
  > i {
  opacity: 0.64;
}
.lagom-layout-banner .app-main-order .main-body {
  padding-top: var(--spacing-7x);
}
.lagom-layout-top .app-nav {
  z-index: 1061;
}
.fa-container form > div {
  display: flex;
}
.fa-container form input {
  margin: var(--spacing-3x) 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .lagom-layout-top
    .app-main-order
    .main-content
    [data-fixed-actions].is-fixed
    .bottom-content
    .summary-actions
    .btn {
    margin-left: var(--spacing-2x) !important;
  }
  .lagom-layout-top
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed {
    padding: 12px var(--panel-body-padding);
  }
  .lagom-layout-top
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .lagom-layout-top
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content.container {
    padding-left: var(--spacing-2x);
    padding-right: var(--spacing-2x);
  }
  .lagom-layout-top
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content
    .summary-actions {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  .lagom-layout-top
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content
    .summary-actions
    .checkbox-custom {
    margin: 0;
    padding-left: var(--spacing-4x);
  }
  .lagom-layout-top
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content
    .summary-actions
    > .btn {
    margin-left: var(--spacing-2x);
    width: 216px !important;
    min-width: 216px;
  }
  .lagom-layout-top
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content
    .summary-actions-orderfields
    .form-flex--orderfields
    .form-group {
    padding-left: var(--spacing-4x);
  }
  .lagom-layout-top
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content
    .summary-actions-orderfields
    .form-flex--orderfields
    .checkbox-custom {
    padding-left: 0;
  }
  .lagom-layout-top
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .price {
    display: flex;
  }
  .lagom-layout-top
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .price
    .price-total {
    margin-bottom: 0;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-content
    [data-fixed-actions].is-fixed
    .bottom-content
    .summary-actions
    .btn {
    margin-left: var(--spacing-2x) !important;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed {
    padding: 12px 0;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content.container {
    padding-left: var(--layout-left-container-gutter);
    padding-right: var(--layout-left-container-gutter);
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content
    .summary-actions {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content
    .summary-actions
    .checkbox-custom {
    margin: 0;
    padding-left: var(--spacing-4x);
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content
    .summary-actions
    > .btn {
    margin-left: var(--spacing-2x);
    width: 216px !important;
    min-width: 216px;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .price {
    display: flex !important;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .price
    .price-total {
    margin-bottom: 0;
  }
}
@media (min-width: 1320px) and (max-width: 1450px) {
  :where(.lagom-layout-left-wide)
    .app-main-order
    .section-show-overflow
    .swiper-sidebar:not(.swiper-container)
    .row
    > .col-lg-3,
  :where(.lagom-layout-left-wide)
    .app-main-order
    .section-show-overflow
    .swiper-sidebar:not(.swiper-container)
    .row
    > .col-lg-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1319.98px) {
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .section-show-overflow
    .swiper-full-width:not(.slider-container)
    .row
    > .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content
    .summary-actions {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content
    .summary-actions
    .checkbox-custom {
    margin: 0;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content
    .summary-actions
    > .btn {
    width: 216px !important;
    min-width: 216px;
    margin-left: var(--spacing-5x);
  }
}
@media (min-width: 992px) and (max-width: 1319.98px) and (min-width: 992px) and (max-width: 1120px) {
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .bottom-content
    .summary-actions
    > .btn {
    margin-left: var(--spacing-2x);
  }
}
@media (min-width: 992px) and (max-width: 1319.98px) {
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .price {
    display: flex;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .main-sidebar
    [data-fixed-actions].is-fixed
    .price
    .price-total {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  :where(.lagom-layout-top) .main-content.main-content-m-w {
    max-width: calc(
      100% - (var(--main-sidebar-lg-width) * 0.8) -
        var(--main-sidebar-spacing-h)
    );
  }
  :where(.lagom-layout-left) .main-content.main-content-m-w {
    max-width: calc(
      100% - (var(--main-sidebar-lg-width) * 0.8) -
        var(--main-sidebar-spacing-h)
    ) !important;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .main-content.full-width
    .summary-bottom.is-fixed {
    margin-left: var(--app-nav-left-width);
    background: var(--ui-block-overlay-bg);
    backdrop-filter: blur(10px);
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide):not(
      .lagom-futuristic
    ):not(.lagom-default):not(.lagom-depth)
    .main-content.full-width
    .summary-bottom.is-fixed {
    clip-path: inset(-32px -32px -32px 2px);
  }
  :where(.lagom-layout-left-wide)
    .main-content.full-width
    .summary-bottom.is-fixed {
    margin-left: var(--app-nav-left-wide-width);
  }
}
@media (min-width: 1320px) {
  :where(.lagom-layout-left-wide, .lagom-layout-left, .lagom-layout-top)
    .main-content.main-content-m-w {
    max-width: calc(
      100% - var(--main-sidebar-lg-width) - var(--main-sidebar-spacing-h)
    ) !important;
  }
}
@media (min-width: 992px) and (max-width: 1319.98px) {
  :where(.lagom-layout-left, .lagom-layout-left-wide):not(
      .lagom-futuristic
    ):not(.lagom-default):not(.lagom-depth)
    .main-sidebar
    .summary-bottom {
    padding: var(--panel-body-padding) var(--spacing-5x);
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide):not(
      .lagom-futuristic
    ):not(.lagom-default):not(.lagom-depth)
    .main-sidebar
    .summary-bottom.is-fixed {
    clip-path: inset(-32px -32px -32px 2px);
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide):not(
      .lagom-futuristic
    ):not(.lagom-default):not(.lagom-depth)
    .main-sidebar
    .summary-bottom.is-fixed
    .summary-actions {
    padding-top: 0;
  }
}
@media (max-width: 1319.98px) {
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .app-main-order
    .order-sidebar {
    margin: var(--spacing-4x) 0;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide) .main-grid {
    flex-direction: column;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide) .main-grid .main-sidebar {
    order: 2;
    width: 100%;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .main-grid
    .main-sidebar
    .order-summary
    .content-scroll {
    max-height: unset;
    min-height: unset;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .main-content
    + .main-sidebar {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide) .order-sidebar {
    margin: 32px 0;
    z-index: 1005;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .order-sidebar
    [data-fixed-actions].is-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 16px;
    box-shadow:
      0 0 1px rgba(0, 0, 0, 0.12),
      0 -2px 32px rgba(0, 0, 0, 0.08);
    z-index: 1003;
  }
  :where(.lagom-layout-left, .lagom-layout-left-wide)
    .order-sidebar
    [data-fixed-actions].is-fixed
    .price {
    display: none;
  }
  .lagom-layout-left .order-sidebar [data-fixed-actions].is-fixed {
    left: var(--app-nav-left-width);
  }
  .lagom-layout-left-wide .order-sidebar [data-fixed-actions].is-fixed {
    left: var(--app-nav-left-wide-width);
  }
}
@media (min-width: 768px) {
  .lagom-layout-left-wide .app-main .main-body {
    margin-top: 0;
  }
}
.lagom.scroll-up .sticky-navigation {
  z-index: 1061;
}
.page-complete .main-body .main-content .order-content {
  max-width: unset !important;
}
.page-complete .section--extension {
  display: none;
}
.order-summary {
  box-shadow:
    0 0 2px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.marketing-emails {
  border: 1px solid var(--gray-lighter-3);
  border-radius: var(--border-radius-base);
}
.marketing-emails label {
  padding: 16px !important;
  display: flex;
  align-items: center;
}
.marketing-emails .checkbox-styled {
  top: 18px !important;
  left: 17px !important;
}
.marketing-emails .check-content {
  margin-left: 36px;
  color: var(--gray-base);
}
.inline-form .inline-form-element {
  margin-right: 24px;
}
.divider {
  padding: 8px 0;
  display: flex;
}
.divider:before {
  position: relative;
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--gray-lighter-4);
}
.load-more {
  border: 1px dashed var(--gray-lighter-3);
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  border-radius: var(--border-radius-base);
  cursor: pointer;
}
.load-more span {
  margin-left: 16px;
  color: var(--gray-base);
}
.load-more i.ls {
  color: var(--gray-icons);
  font-size: var(--ui-icon-size-base) !important;
}
.password-content-top {
  margin-top: 0;
  margin-bottom: 8px;
}
.password-content-top label {
  margin-bottom: 0;
  width: 30%;
}
.cc-input-container .cc-item > * {
  padding: 0;
}
label {
  margin-bottom: 8px;
}
.tooltip-inner--lg {
  padding: 14px var(--spacing-1x);
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #fff !important;
}
.tooltip.top {
  padding: 5px 0 !important;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #fff !important;
}
.panel-group {
  border-radius: var(--border-radius-base);
}
.price {
  word-break: break-word !important;
}
.price-discount {
  background-color: #ffe7ec;
  padding: 2px 6px;
  border-radius: var(--border-radius-xs);
  margin-left: 4px;
  font-weight: var(--font-weight-medium);
}
.price-row {
  display: flex;
}
.price-row .price-cycle {
  display: inline;
}
.modal-backdrop {
  z-index: 1070;
}
.modal {
  z-index: 1080;
}
.modal-content .modal-body .form-group {
  margin-bottom: var(--spacing-3x);
}
.modal-content .modal-body .form-group p {
  margin-bottom: var(--spacing-1x);
}
.modal-content .modal-body :last-child {
  margin-bottom: 0;
}
.alert-danger {
  color: var(--brand-danger) !important;
}
path.transparent {
  fill: transparent !important;
}
#lagom-one-step-order {
  min-height: 568px;
  flex: 1;
  position: relative;
}
#lagom-one-step-order .cc-item-icon > img,
#lagom-one-step-order .cc-item-icon > svg {
  width: 38px;
}
.preloaded {
  position: absolute;
  top: -100%;
}
.m-l-0 {
  margin-left: 0 !important;
}
.paypal-buttons-container {
  padding: 0 16px 8px;
}
#payment-credits-component > .panel-body > .panel > .panel-body {
  padding: 16px;
}
.tab-nav {
  display: flex;
}
.tab-nav--section {
  overflow: initial;
  position: relative;
}
.tab-nav--section .nav-arrow {
  margin: 0;
  display: flex;
  z-index: 10;
  position: absolute;
  background-color: var(--body-bg);
  transition:
    opacity var(--transition-base),
    visibility var(--transition-base);
  height: var(--line-height-lg);
}
.tab-nav--section .nav-arrow > .nav-link {
  display: flex;
  width: 32px;
  min-width: 32px;
  height: 100%;
  justify-content: center;
}
.tab-nav--section .nav-arrow > .nav-link > i {
  line-height: 28px;
  margin: 0;
  transition: var(--transition-base);
  display: flex;
  align-items: center;
}
.tab-nav--section .nav-arrow > .nav-link:hover > i {
  opacity: 0.64;
}
.tab-nav--section .nav-arrow > .nav-link.disabled {
  pointer-events: none;
}
.tab-nav--section .nav-arrow:first-of-type {
  margin-left: -8px;
  margin-right: 8px;
  background: linear-gradient(
    270deg,
    hsla(0, 0%, 100%, 0) -14.06%,
    var(--body-bg) 42.97%
  );
  left: 0;
}
.tab-nav--section .nav-arrow:last-of-type {
  margin-left: auto;
  padding-left: 8px;
  margin-right: -8px;
  background: linear-gradient(
    270deg,
    var(--body-bg) 63.76%,
    hsla(0, 0%, 100%, 0)
  );
  right: 0;
}
.tab-nav--section .nav-arrow--hidden {
  opacity: 0;
  visibility: hidden;
}
.tab-nav--section .nav-img {
  max-height: 28px;
  margin-right: var(--spacing-1x);
}
.tab-nav.has-scroll > .container:after,
.tab-nav.has-scroll > .container:before {
  content: "";
  position: absolute;
  height: 50px;
  width: 50px;
  z-index: 5;
}
.tab-nav.has-scroll > .container:before {
  left: 0;
  background: linear-gradient(
    270deg,
    hsla(0, 0%, 100%, 0) -14.06%,
    var(--body-bg) 42.97%
  );
}
.tab-nav.has-scroll > .container:after {
  right: 0;
  background: linear-gradient(
    270deg,
    var(--body-bg) 63.76%,
    hsla(0, 0%, 100%, 0)
  );
}
.lagom-depth .app-main-order .main-content.full-width .section-number {
  background: #fff;
  border: none;
  box-shadow: var(--ui-block-shadow);
}
.lagom-futuristic #lagom-one-step-order > .message.message-fullscreen {
  background-color: var(--body-bg);
}
.lagom-futuristic.lagom-layout-banner .main-header-actions .btn-outline,
.lagom-futuristic.lagom-layout-banner
  .main-header-actions
  .btn-outline
  .ls-caret {
  color: #989ba0;
}
.lagom-futuristic.lagom-layout-banner .main-header-actions .btn-outline > span {
  color: #25272a;
}
.lagom-futuristic:not(.lagom-layout-banner) .main-header-nav .nav-tabs {
  padding: 0;
  margin: 0;
}
.lagom-futuristic:not(.lagom-layout-banner) .main-header-nav .nav-arrow {
  background-color: unset;
}
.lagom-futuristic:not(.lagom-layout-banner)
  .main-header-nav
  .nav-arrow:first-of-type,
.lagom-futuristic:not(.lagom-layout-banner)
  .main-header-nav
  .nav-arrow:last-of-type {
  background: none;
}
.lagom-futuristic:not(.lagom-layout-banner)
  .main-header-nav
  .nav-arrow
  > .nav-link
  > i {
  color: #fff;
}
.lagom-futuristic:not(.lagom-layout-banner)
  .main-header-nav
  .nav-arrow
  > .nav-link:hover
  > i {
  opacity: 0.64;
}
.lagom-futuristic .app-main-order {
  background-color: unset;
}
.lagom-futuristic .app-main-order .tab-nav--section.has-scroll:hover {
  overflow-y: unset !important;
  overflow-x: unset !important;
}
.lagom-futuristic .app-main-order .tab-nav--section .nav-arrow {
  background-color: unset;
}
.lagom-futuristic .app-main-order .tab-nav--section .nav-arrow:last-of-type {
  background: none;
  right: -24px;
}
.lagom-futuristic .app-main-order .tab-nav--section .nav-arrow:first-of-type {
  background: none;
  left: -24px;
}
.lagom-futuristic .app-main-order .section-show-overflow .slider-container {
  overflow: hidden;
  padding: var(--spacing-5x) var(--spacing-1x) var(--spacing-5x)
    var(--spacing-3x);
  margin: calc(-1 * var(--spacing-5x)) calc(-1 * var(--spacing-1x))
    calc(-1 * var(--spacing-5x)) calc(-1 * var(--spacing-3x));
}
.lagom-futuristic
  .app-main-order
  .section-show-overflow
  .slider-container
  .swiper-navigation-secondary-left,
.lagom-futuristic
  .app-main-order
  .section-show-overflow
  .slider-container
  .swiper-navigation-secondary-right,
.lagom-futuristic
  .app-main-order
  .section-show-overflow
  .slider-container:after,
.lagom-futuristic
  .app-main-order
  .section-show-overflow
  .slider-container:before {
  display: none;
}
.lagom-futuristic .app-main-order .package-selected {
  border: none;
}
.lagom-futuristic .app-main-order .promocode .form-control {
  background: none;
}
.lagom-futuristic .app-main-order .range-slider-connects {
  border-radius: var(--range-slider-border-radius) 0 0
    var(--range-slider-border-radius);
}
.lagom-futuristic .app-main-order .range-slider-connects:before {
  background: var(--range-slider-fill-bg);
}
.lagom-futuristic .app-main-order .range-slider-connects:after {
  width: 12px;
}
.lagom-futuristic .app-main-order .range-slider-connect {
  background: var(--range-slider-fill-bg);
  border-radius: var(--range-slider-border-radius);
}
.lagom-futuristic .app-main-order .range-slider-current-value {
  color: #5e636e;
}
.lagom-futuristic .app-main-order .range-slider-handle:after {
  background: #e9eaec;
}
.lagom-futuristic .app-main-order .range-slider-handle:before {
  border-color: #e9eaec;
}
.lagom-futuristic
  .app-main-order
  .tab-nav
  .nav-tabs
  > .nav-item.active
  .nav-link {
  color: #fff !important;
}
.lagom-futuristic
  .app-main-order
  .tab-nav
  .nav-tabs
  > .nav-item:not(.active)
  > .nav-link {
  color: var(--text-body-color);
}
.lagom-futuristic
  .app-main-order
  .tab-nav
  .nav-tabs
  > .nav-item:not(.active)
  > .nav-link:hover {
  color: #fff !important;
}
.lagom-futuristic .app-main-order .section--server-fields.panel.panel--main,
.lagom-futuristic
  .app-main-order
  [id^="mg-page-order-config-opt-"].panel.panel--main {
  background: none;
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-primary
  .panel-choose-domain--subdomain
  .search-dropdown
  .tld-wrapper
  .tld-select-domain,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-primary
  .panel-choose-domain--subdomain
  .search-dropdown
  .tld-wrapper
  .tld-select
  .caret,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-secondary
  .panel-choose-domain--subdomain
  .search-dropdown
  .tld-wrapper
  .tld-select-domain,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-secondary
  .panel-choose-domain--subdomain
  .search-dropdown
  .tld-wrapper
  .tld-select
  .caret {
  color: #5e636e;
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-primary
  .panel-choose-domain--subdomain
  .search-dropdown
  .tld-wrapper:hover
  .tld-select-domain,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-primary
  .panel-choose-domain--subdomain
  .search-dropdown
  .tld-wrapper:hover
  .tld-select
  .caret,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-secondary
  .panel-choose-domain--subdomain
  .search-dropdown
  .tld-wrapper:hover
  .tld-select-domain,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-secondary
  .panel-choose-domain--subdomain
  .search-dropdown
  .tld-wrapper:hover
  .tld-select
  .caret {
  color: var(--brand-primary);
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default.box-search-domain--results
  .box-body,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-primary.box-search-domain--results
  .box-body,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-secondary.box-search-domain--results
  .box-body {
  position: relative;
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default.box-search-domain--results
  .box-body:after,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-primary.box-search-domain--results
  .box-body:after,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-secondary.box-search-domain--results
  .box-body:after {
  position: absolute;
  display: block;
  content: "";
  bottom: -1px;
  left: 0;
  width: 53px;
  height: 1px;
  background-color: var(--ui-block-divider-color);
  z-index: 0;
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .box-result,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-primary
  .box-result,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-secondary
  .box-result {
  background: transparent;
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .box-result:after,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-primary
  .box-result:after,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-secondary
  .box-result:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 80px;
  right: 0;
  height: 1px;
  background-color: var(--ui-block-divider-color);
  z-index: 0;
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .box-result:before,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-primary
  .box-result:before,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-secondary
  .box-result:before {
  border: 1px solid var(--ui-block-divider-color);
  clip-path: inset(-16px 5px 5px -3px);
  z-index: 0;
  background: transparent;
}
@media (max-width: 767.98px) {
  .lagom-futuristic
    .app-main-order
    .box-search-domain.search-box-default.box-search-domain--results
    .box-body:after,
  .lagom-futuristic
    .app-main-order
    .box-search-domain.search-box-primary.box-search-domain--results
    .box-body:after,
  .lagom-futuristic
    .app-main-order
    .box-search-domain.search-box-secondary.box-search-domain--results
    .box-body:after {
    left: 0;
    width: calc(50% - 13px);
  }
  .lagom-futuristic
    .app-main-order
    .box-search-domain.search-box-default
    .box-result:after,
  .lagom-futuristic
    .app-main-order
    .box-search-domain.search-box-primary
    .box-result:after,
  .lagom-futuristic
    .app-main-order
    .box-search-domain.search-box-secondary
    .box-result:after {
    left: calc(50% + 14px);
    right: 0;
  }
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .search-group-combined {
  border: none !important;
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary {
  color: var(--btn-primary-faded-color);
  background: var(--btn-primary-faded-bg);
  border-color: var(--btn-primary-faded-border);
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.focus,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary:focus,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary:hover {
  color: var(--btn-primary-faded-hover-color);
  background-color: var(--btn-primary-faded-hover-bg);
  border-color: var(--btn-primary-faded-hover-border);
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary:not(:disabled):not(.disabled).active,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary:not(:disabled):not(.disabled):active,
.open
  > .lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary:not(:disabled):not(.disabled).dropdown-toggle {
  color: var(--btn-primary-faded-hover-color);
  background-color: var(--btn-primary-faded-active-bg);
  border-color: var(--btn-primary-faded-active-border);
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary:not(:disabled):not(.disabled).active.focus,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary:not(:disabled):not(.disabled).active:focus,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary:not(:disabled):not(.disabled).active:hover,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary:not(:disabled):not(.disabled):active.focus,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary:not(:disabled):not(.disabled):active:focus,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary:not(:disabled):not(.disabled):active:hover,
.open
  > .lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary:not(:disabled):not(.disabled).dropdown-toggle.focus,
.open
  > .lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary:not(:disabled):not(.disabled).dropdown-toggle:focus,
.open
  > .lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary:not(:disabled):not(.disabled).dropdown-toggle:hover {
  color: var(--btn-primary-faded-hover-color);
  background-color: var(--btn-primary-faded-hover-bg);
  border-color: var(--btn-primary-faded-hover-border);
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.btn-link:not(.btn-outline) {
  color: var(--btn-primary-faded-color);
  background-color: transparent;
  border-color: transparent;
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.btn-link:not(.btn-outline).focus,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.btn-link:not(.btn-outline):focus,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.btn-link:not(.btn-outline):hover,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.btn-link:not(.btn-outline):not(:disabled):not(.disabled).active,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ).active.focus,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ).active:focus,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ).active:hover,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.btn-link:not(.btn-outline):not(:disabled):not(.disabled):active,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ):active.focus,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ):active:focus,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ):active:hover {
  color: var(--btn-primary-faded-hover-color);
  background-color: transparent;
  border-color: transparent;
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.active,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary:active,
.open
  > .lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.dropdown-toggle {
  background-image: none;
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.disabled:not(.btn-warning):not(.btn-success):not(
    .btn-danger
  ):not(.btn-info):not(.btn-primary-faded),
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary[disabled]:not(.btn-warning):not(.btn-success):not(
    .btn-danger
  ):not(.btn-info):not(.btn-primary-faded),
fieldset[disabled]
  .lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary {
  color: var(--btn-disabled-color);
  background-color: var(--btn-disabled-bg);
  border-color: var(--btn-disabled-border);
  cursor: not-allowed;
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.disabled:not(.btn-warning):not(.btn-success):not(
    .btn-danger
  ):not(.btn-info):not(.btn-primary-faded)
  .loader
  .spinner
  > div,
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary[disabled]:not(.btn-warning):not(.btn-success):not(
    .btn-danger
  ):not(.btn-info):not(.btn-primary-faded)
  .loader
  .spinner
  > div,
fieldset[disabled]
  .lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary
  .loader
  .spinner
  > div {
  background: var(--btn-disabled-color);
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary.disabled:not(.btn-primary):not(.btn-default),
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary[disabled]:not(.btn-primary):not(.btn-default) {
  cursor: not-allowed;
  opacity: 0.6;
}
.lagom-futuristic
  .app-main-order
  .box-search-domain.search-box-default
  .panel-choose-domain
  .search-group-btn
  .btn-primary
  .badge {
  color: var(--btn-primary-faded-bg);
  background-color: var(--btn-primary-faded-color);
}
.lagom-futuristic
  .app-main-order
  .btn-primary-faded.has-loader
  .btn-loader
  .spinner
  > div {
  background: var(--brand-primary);
}
.lagom-futuristic .app-main-order .popover-confirmation .popover-content {
  color: #5e636e;
}
.lagom-futuristic
  .app-main-order
  .popover-confirmation
  .popover-actions
  .btn-default {
  border: 1px solid #dee0e3;
  color: #17191c;
}
.lagom-futuristic
  .app-main-order
  .popover-confirmation
  .popover-actions
  .btn-default:hover {
  background-color: #f7f7f8;
  border-color: #babec7;
}
.lagom-futuristic
  .app-main-order
  .popover-confirmation
  .popover-actions
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-styled {
  border-color: var(--brand-primary);
}
.lagom-futuristic
  .app-main-order
  .popover-confirmation
  .popover-actions
  .checkbox
  .checkbox-styled {
  border: 2px solid #dee0e3;
}
.lagom-futuristic
  .app-main-order
  .popover-confirmation
  .popover-actions
  .checkbox
  .check-content {
  color: #5e636e;
}
.lagom-futuristic
  .app-main-order
  .popover-confirmation
  .popover-actions
  .checkbox:hover
  .checkbox-styled {
  border-color: #babec7;
}
.lagom-futuristic .app-main-order .panel-group-condensed .panel {
  background: transparent;
}
.lagom-futuristic .app-main-order .swiper-switcher__label:not(.active) {
  color: var(--text-body-color);
}
.lagom-futuristic
  .app-main-order
  .search-result--danger
  .search-result-message {
  color: var(--gray-darker);
}
.lagom-futuristic .app-main-order .country-list {
  background-color: #000 !important;
}
.lagom-futuristic .app-main-order .price-savings > span {
  color: var(--text-body-color);
}
@media (min-width: 992px) {
  .col-lg-small {
    width: 20%;
  }
}
@media (min-width: 768px) {
  .panel-group-condensed-full-width .panel-body,
  .section--billing-details
    .panel-group-condensed:not(.panel-group-condensed-full-width)
    .panel-body {
    padding-left: 52px;
  }
}
@media (max-width: 586px) {
  .main-grid-order {
    min-height: 100%;
  }
}
@media (min-width: 555px) {
  .social-login .social-signin-btns .btn {
    min-width: 220px;
  }
}
body > div:not([class])[style^="background-color: rgb(255, 255, 255);"] {
  position: fixed !important;
  top: 50% !important;
  transform: translateY(calc(-50% - 8px));
}
.lagom-default .app-main-order [fill="rgb(209,211,213)"],
.lagom-depth .app-main-order [fill="rgb(209,211,213)"],
.lagom-futuristic .app-main-order [fill="rgb(209,211,213)"] {
  fill: var(--svg-illustration-color-4);
}
.lagom-default .app-main-order [fill="rgb(220,222,225)"],
.lagom-depth .app-main-order [fill="rgb(220,222,225)"],
.lagom-futuristic .app-main-order [fill="rgb(220,222,225)"] {
  fill: var(--svg-illustration-color-5);
}
.lagom-default .app-main-order [fill="rgb(239,240,243)"],
.lagom-depth .app-main-order [fill="rgb(239,240,243)"],
.lagom-futuristic .app-main-order [fill="rgb(239,240,243)"] {
  fill: var(--svg-illustration-color-6);
}
.lagom-futuristic .app-main-order [fill="rgb(255,255,255)"] {
  fill: transparent;
}
.lagom-futuristic .app-main-order #lottie-main-animation > svg {
  clip-path: polygon(0 0, 230% 0, 50% 102%, 0 73%);
}
.lagom-default .order-summary .price-savings,
.lagom-depth .order-summary .price-savings,
.lagom-futuristic .order-summary .price-savings {
  color: #fff;
}
.lagom-default .panel-main-addon,
.lagom-depth .panel-main-addon {
  background: linear-gradient(
    90deg,
    var(--ui-block-bg) 50%,
    var(--brand-primary-lighter-4)
  );
}
label.checkbox + .help-block {
  margin-top: calc(-1 * var(--checkbox-spacing));
}
.page-complete .main-content-m-w.main-content-m-w {
  max-width: unset !important;
}
.page-complete #frmPayment table tbody tr td {
  border: 0;
}
.row--addons > div {
  flex-grow: 1;
  max-width: unset;
}
.country-list {
  background: var(--dropdown-bg);
  backdrop-filter: blur(10px);
}
.main-header-wrapper {
  padding-top: var(--spacing-6x);
}
.checkout-security-msg .alert-body {
  display: flex;
  align-items: flex-start;
}
.checkout-security-msg .alert-body .ls {
  line-height: var(--line-height-base) !important;
  color: var(--brand-warning);
  margin-right: 16px;
}
[dir="rtl"] .app-main-order .main-header-actions {
  margin-left: 0;
  margin-right: auto;
}
[dir="rtl"] .app-main-order .main-header-actions .btn-outline span {
  margin-left: 0;
  margin-right: var(--spacing-1x);
}
[dir="rtl"] .app-main-order .box-search-domain .box-body .form-control {
  padding-left: 0;
  padding-right: calc(var(--ui-icon-size-base) + 2 * var(--spacing-2x));
}
@media (max-width: 479.98px) {
  [dir="rtl"]
    .app-main-order
    .box-search-domain
    .search-group-combined
    .search-group-btn {
    margin-left: var(--spacing-2x);
  }
}
[dir="rtl"] .app-main-order .nav-tabs .nav-item:not(:last-of-type) {
  margin-right: 0;
  margin-left: var(--spacing-4x);
}
[dir="rtl"] .app-main-order .panel-addon .panel-actions-price {
  margin-left: 0 !important;
  margin-right: auto !important;
}
[dir="rtl"] .app-main-order .panel-header .panel-range-select {
  margin-left: 0;
  margin-right: var(--spacing-2x);
}
[dir="rtl"] .app-main-order .panel.checked .check-sign {
  border-top-right-radius: 0;
  border-top-left-radius: 5px;
}
[dir="rtl"] .app-main-order .swiper-nav .swiper-button {
  transform: rotate(180deg);
}
[dir="rtl"] .app-main-order .checkbox-styled {
  margin-left: var(--checkbox-spacing);
  margin-right: 0;
}
[dir="rtl"] .app-main-order .password-content-text i {
  margin-left: 0;
  margin-right: var(--spacing-1x);
}
[dir="rtl"]
  .app-main-order
  .password-content-group
  .progress
  + .password-content-text {
  margin-left: 0;
  margin-right: var(--spacing-2x);
}
[dir="rtl"] .app-main-order .password-content-group > label {
  margin-right: unset;
  margin-left: auto;
}
[dir="rtl"] .app-main-order .range-slider-container-right {
  padding-right: 73px;
  padding-left: 0;
}
[dir="rtl"] .app-main-order .range-slider-container-right.has-icon {
  padding-left: 0;
  padding-right: 53px;
}
[dir="rtl"] .app-main-order .range-slider-handle {
  right: auto;
  left: calc(var(--range-slider-handle-width) / -2);
}
[dir="rtl"] .app-main-order .range-slider-origin {
  left: 0;
  right: auto;
}
[dir="rtl"] .app-main-order .range-slider-connects {
  border-radius: 0 var(--range-slider-border-radius)
    var(--range-slider-border-radius) 0;
}
[dir="rtl"] .app-main-order .range-slider-connects:before {
  left: unset;
  right: -12px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--range-slider-border-radius);
  border-bottom-right-radius: var(--range-slider-border-radius);
}
[dir="rtl"] .app-main-order .range-slider-connects:after {
  left: -12px;
  right: unset;
  border-top-left-radius: var(--range-slider-border-radius);
  border-bottom-left-radius: var(--range-slider-border-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir="rtl"]
  .app-main-order
  .range-slider-two-pips
  .range-slider-pips
  .range-slider-value {
  transform: translate(50%, 28%);
}
[dir="rtl"]
  .app-main-order
  .range-slider-two-pips
  .range-slider-pips
  .range-slider-value:first-of-type,
[dir="rtl"]
  .app-main-order
  .range-slider-two-pips
  .range-slider-pips
  .range-slider-value:last-of-type {
  text-align: center;
}
[dir="rtl"] .app-main-order .section-toolbar > * + * {
  margin-left: 0;
  margin-right: var(--spacing-1x);
}
[dir="rtl"] .app-main-order .tld-filters-label {
  margin-left: var(--spacing-1x);
}
[dir="rtl"] .app-main-order .tld-pagination__pages ul li + li {
  margin-left: 0;
  margin-right: var(--spacing-1x);
}
[dir="rtl"]
  .app-main-order
  .main-content.full-width
  .section:not(.section-packages):not(.section--full-width) {
  padding-left: 0;
  padding-right: 70px;
}
[dir="rtl"] .app-main-order .main-content.full-width .section-number {
  left: unset;
  right: 0;
}
[dir="rtl"]
  .app-main-order
  .main-content.full-width
  .order-summary
  .summary-actions
  .checkbox
  > label {
  padding-left: 0;
  padding-right: var(--spacing-4x);
}
@media (max-width: 767.98px) {
  [dir="rtl"]
    .app-main-order
    .main-content.full-width
    .order-summary
    .summary-actions
    .checkbox
    > label {
    padding-right: 0;
  }
}
[dir="rtl"]
  .app-main-order
  .main-content.full-width
  .order-summary
  .summary-actions
  .btn {
  margin-left: 0;
  margin-right: var(--spacing-5x);
}
[dir="rtl"] .app-main-order .package-featured .label-corner {
  right: auto;
  left: 15px;
  transform: rotate(-45deg) translateX(-50%);
}
[dir="rtl"] .app-main-order .check-sign {
  right: unset;
  left: 0;
  border-top-left-radius: 4px;
}
[dir="rtl"] .app-main-order .check-sign i {
  transform: rotate(-45deg);
}
[dir="rtl"] .app-main-order .check-sign i:before {
  left: 19px;
  right: unset;
  transform: rotate(45deg);
}
[dir="rtl"] .app-main-order .dropdown-menu a.radio .text {
  padding-left: 0;
  padding-right: var(--spacing-4x);
}
[dir="rtl"]
  .app-main-order
  .tld-filters
  .selectize-dropdown
  .selectize-dropdown-content
  .option:before {
  margin-right: 0;
  margin-left: var(--spacing-2x);
}
[dir="rtl"] .app-main-order .cc-item-name {
  padding-left: unset !important;
  padding-right: 34px;
}
[dir="rtl"] .app-main-order .domain-incart-actions {
  margin-left: 0;
  margin-right: auto;
}
[dir="rtl"] .app-main-order .domain-incart-icon,
[dir="rtl"] .app-main-order .search-result-icon {
  margin-left: var(--spacing-2x);
  margin-right: 0;
}
[dir="rtl"]
  .app-main-order
  .order-summary
  .panel-footer.is-fixed
  .price-amount
  #totalDueToday {
  text-align: right;
}
[dir="rtl"] .app-main-order .radio-label .price {
  margin-left: 0;
  margin-right: auto;
  padding-left: 0;
  padding-right: var(--spacing-1x);
}
[dir="rtl"] .modal-footer .checkbox-custom {
  margin-left: unset !important;
  margin-right: auto !important;
}
[dir="rtl"] .modal-footer > .btn {
  margin-right: 0;
  margin-left: var(--modal-footer-margin-between);
}
[dir="rtl"] .modal.modal-info .modal-title:before {
  margin-left: 0;
  margin-right: var(--spacing-2x);
}
[dir="rtl"] .radio-styled {
  margin-left: 0;
  margin-right: var(--spacing-1x);
}
[dir="rtl"] .radio > label > .radio-styled {
  margin-right: 0;
  margin-left: var(--checkbox-spacing);
}
[dir="rtl"] .price-discount {
  margin-left: 0;
  margin-right: 4px;
}
.app-main-order {
  background-color: var(--body-bg);
  position: relative;
}
.app-main-order .row-flex-grow > div[class*="col-"] {
  flex-grow: 1;
}
.app-main-order .row.match-height {
  display: flex;
  flex-wrap: wrap;
}
.app-main-order .row.match-height > div[class*="col-"] {
  display: flex;
}
.app-main-order .row.match-height > div[class*="col-"] > :not(.row) {
  width: 100%;
}
@media (max-width: 767.98px) {
  .app-main-order .row.match-height-sm {
    flex-direction: column;
  }
  .app-main-order .row.match-height-sm > div[class*="col-"] > * {
    flex-grow: 1;
  }
}
@media (min-width: 992px) {
  .app-main-order .row--no-wrap-packages {
    flex-wrap: wrap;
  }
  .app-main-order .row--no-wrap-packages > div {
    width: 25%;
    flex-basis: 25%;
  }
  .app-main-order .row--no-wrap-packages.row--billing-cycles {
    margin-left: -8px;
    margin-right: -8px;
  }
  .app-main-order .row--no-wrap-packages.row--billing-cycles > div {
    width: 20%;
    flex-basis: unset;
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 1320px) {
  .app-main-order .row--no-wrap-packages {
    flex-wrap: nowrap;
  }
  .app-main-order .row--no-wrap-packages > div {
    width: 20%;
    flex-basis: 20%;
  }
  .app-main-order .row--no-wrap-packages.row--billing-cycles {
    margin-left: -8px;
    margin-right: -8px;
  }
  .app-main-order .row--no-wrap-packages.row--billing-cycles > div {
    width: 20%;
    flex-basis: unset;
    padding-left: 8px;
    padding-right: 8px;
  }
}
.app-main-order .row-sm {
  margin-left: -8px;
  margin-right: -8px;
}
.app-main-order .row-sm > div {
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 1199px) {
  .app-main-order .col-lg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }
}
.app-main-order .m-w-400 {
  max-width: 400px;
}
.app-main-order .m-w-335 {
  max-width: 335px;
}
.app-main-order .min-w-115 {
  min-width: 115px;
}
.app-main-order .check-sign {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  width: 30px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  display: none;
  margin-top: 0;
}
.app-main-order .check-sign i {
  position: absolute;
  background: var(--brand-primary);
  width: 80px;
  height: 30px;
  transform: rotate(45deg);
  top: -21px;
}
.app-main-order .check-sign i:before {
  position: absolute;
  bottom: 3px;
  color: #fff;
  right: 19px;
  transform: rotate(-45deg);
}
.app-main-order .modal-open .modal.fade.in {
  visibility: visible;
}
.app-main-order .fade.in {
  opacity: 1;
  visibility: visible;
}
.app-main-order h2:empty {
  display: none;
}
.app-main-order #lottie {
  width: 328px;
  height: 328px;
}
@media (max-width: 479.98px) {
  .app-main-order #lottie {
    height: 160px;
    width: 160px;
    display: flex;
  }
}
.app-main-order .main-header-content {
  display: flex;
  align-items: center;
}
.app-main-order .main-header-actions {
  margin-left: auto;
}
.app-main-order .main-header-actions .btn-outline {
  border-color: var(--gray-lighter-3);
  color: var(--gray-lighter);
  font-weight: var(--font-weight-base);
}
.app-main-order .main-header-actions .btn-outline span {
  color: var(--gray-darker);
  margin-left: 8px;
}
.app-main-order .main-header-actions .btn-outline b {
  margin-left: 6px;
  color: var(--gray-icons);
}
.app-main-order .main-header-nav {
  border-bottom: 1px solid var(--nav-tabs-border-color);
}
.app-main-order .main-header-nav > .container {
  display: flex;
  position: relative;
  overflow: hidden;
}
.app-main-order .main-header-nav .nav {
  max-height: 64px;
  overflow: overlay;
  overflow-y: hidden;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  scrollbar-color: hsla(0, 0%, 100%, 0.3) transparent;
  scrollbar-width: thin;
  transition: var(--transition-base);
  scrollbar-width: none;
}
.app-main-order .main-header-nav .nav::-webkit-scrollbar {
  height: 6px;
  background: transparent;
}
.app-main-order .main-header-nav .nav::-webkit-scrollbar-track {
  background: transparent;
}
.app-main-order .main-header-nav .nav::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 6px;
  height: 6px;
  transition: var(--transition-base);
}
.app-main-order .main-header-nav .nav-tabs {
  position: relative;
  margin: 0 -20px;
  padding: 0 20px;
}
@media (min-width: 1320px) {
  .app-main-order .main-header-nav .nav-tabs {
    padding: 0;
    margin: 0;
  }
}
.app-main-order .main-header-nav .nav-tabs > .nav-item > .nav-link {
  padding-bottom: 21px;
  font-weight: var(--font-weight-light);
}
.app-main-order .main-header-nav .nav-tabs > .nav-item > .nav-link:focus {
  background: none;
}
.app-main-order
  .main-header-nav
  .nav-tabs
  > .nav-item:not(.active)
  > .nav-link:hover {
  color: var(--app-nav-top-menu-link-hover-color);
}
.app-main-order .main-header-nav .nav-tabs > li {
  width: unset !important;
}
.app-main-order .main-header-nav .nav-tabs > li:not(:last-of-type) {
  margin-right: 32px;
}
.app-main-order .main-header-nav .nav-tabs > li:last-of-type {
  margin-right: 16px;
}
.app-main-order .main-header-nav .nav-arrow {
  margin: 0;
  display: flex;
  z-index: 10;
  position: absolute;
  height: 100%;
  background-color: var(--body-bg);
  transition:
    opacity var(--transition-base),
    visibility var(--transition-base);
  cursor: pointer;
}
.app-main-order .main-header-nav .nav-arrow > .nav-link {
  display: flex;
  margin-top: 16px;
  width: 32px;
  min-width: 32px;
}
@media (max-width: 767.98px) {
  .app-main-order .main-header-nav .nav-arrow > .nav-link {
    margin-top: 10px;
  }
}
.app-main-order .main-header-nav .nav-arrow > .nav-link > i {
  transition: var(--transition-base);
}
.app-main-order .main-header-nav .nav-arrow > .nav-link:hover > i {
  opacity: 0.64;
}
.app-main-order .main-header-nav .nav-arrow > .nav-link.disabled {
  pointer-events: none;
}
.app-main-order .main-header-nav .nav-arrow:first-of-type {
  margin-left: auto;
  padding-left: 8px;
  background: linear-gradient(
    270deg,
    hsla(0, 0%, 100%, 0) -14.06%,
    var(--body-bg) 42.97%
  );
  left: 0;
}
.app-main-order .main-header-nav .nav-arrow:first-of-type > .nav-link {
  justify-content: flex-start;
}
.app-main-order .main-header-nav .nav-arrow:last-of-type {
  margin-left: auto;
  padding-right: 8px;
  background: linear-gradient(
    270deg,
    var(--body-bg) 63.76%,
    hsla(0, 0%, 100%, 0)
  );
  right: 0;
}
.app-main-order .main-header-nav .nav-arrow:last-of-type > .nav-link {
  justify-content: flex-end;
}
.app-main-order .main-header-nav .nav-arrow--hidden {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 767.98px) {
  .app-main-order
    .main-header-wrapper
    .main-header-nav
    .nav-tabs
    > .nav-item
    > .nav-link {
    min-height: 44px;
    padding-bottom: 10px;
  }
  .app-main-order .main-header-content {
    flex-direction: column;
    align-items: flex-start;
  }
  .app-main-order .main-header-actions {
    margin-left: 0;
    margin-top: var(--spacing-2x);
    width: 100%;
  }
  .app-main-order .main-header-actions .btn {
    width: 100%;
    justify-content: flex-start;
  }
  .app-main-order .main-header-actions .btn span {
    margin-right: auto;
  }
  .app-main-order .main-header-actions .dropdown-menu {
    width: 100%;
  }
  .app-main-order .main-header-wrapper {
    padding-top: var(--spacing-3x);
  }
}
@media (max-width: 767.98px) {
  .app-main-order .main-body {
    padding: var(--spacing-4x) 0;
  }
}
.app-main-order .main-content .section-packages {
  padding-top: 20px;
}
.app-main-order .nav-tabs {
  padding: 0;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
}
.app-main-order .nav-tabs .nav-link {
  padding: 0;
  min-height: unset;
  padding-bottom: 12px;
  font-weight: var(--font-weight-light);
}
.app-main-order .nav-tabs .nav-link input[type="radio"] {
  display: none;
}
.app-main-order .nav-tabs .nav-link:hover {
  color: var(--brand-primary);
}
.app-main-order .nav-tabs .nav-link:after {
  left: 0;
  right: 0;
  height: 2px;
}
.app-main-order .nav-tabs .nav-item {
  margin-bottom: 0;
}
.app-main-order .nav-tabs .nav-item:not(:last-of-type) {
  margin-right: 32px;
}
.app-main-order .nav-tabs::-webkit-scrollbar {
  display: none;
}
.app-main-order .tab-nav:not(.tab-nav--domain) .nav-tabs .nav-link {
  color: var(--app-nav-top-menu-link-color);
}
.app-main-order .tab-nav:not(.tab-nav--domain) .nav-tabs .nav-link:after {
  background: var(--app-nav-top-menu-link-hover-color);
}
.app-main-order
  .tab-nav:not(.tab-nav--domain)
  .nav-tabs
  .nav-item.active
  .nav-link {
  color: var(--app-nav-top-menu-link-hover-color);
}
.app-main-order .tabs-slider {
  max-width: 100%;
}
.app-main-order .tabs-slider .swiper-slide {
  width: unset;
  white-space: nowrap;
}
.app-main-order .tabs-slider .swiper-wrapper {
  overflow: unset !important;
  white-space: unset !important;
  overflow-x: unset !important;
  flex-wrap: unset !important;
}
@media (max-width: 767.98px) {
  .app-main-order .nav-payment {
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}
.app-main-order .box {
  box-shadow: var(--panel-box-shadow);
  border: var(--panel-border);
}
.app-main-order .box-search-domain {
  border-radius: 6px;
}
.app-main-order .box-search-domain.search-box-default .search-group-combined {
  border: 1px solid var(--input-border-color) !important;
}
.app-main-order
  .box-search-domain.search-box-default
  .spotlight-list
  .spotlight {
  border-color: var(--input-border-color);
  color: var(--text-body-color);
}
.app-main-order
  .box-search-domain.search-box-default
  .spotlight-list
  .spotlight.spotlight-more:hover {
  border-color: var(--input-hover-border-color) !important;
}
.app-main-order
  .box-search-domain.search-box-default
  .spotlight-list
  .spotlight:hover {
  border-color: var(--input-hover-border-color);
}
.app-main-order .box-search-domain.search-box-default .box-result {
  z-index: 0;
}
.app-main-order .box-search-domain.search-box-default .box-result:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--ui-block-divider-color);
  z-index: -1;
}
.app-main-order .box-search-domain.search-box-default .box-result:before {
  border: 1px solid var(--ui-block-divider-color);
  clip-path: inset(-16px 5px 5px -3px);
  z-index: 0;
  background: var(--ui-block-bg);
}
.app-main-order .box-search-domain .box-body {
  padding: 32px;
  border-radius: 6px;
}
.app-main-order .box-search-domain .box-body:after {
  content: unset;
}
.app-main-order .box-search-domain .box-body.has-error .search-box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--brand-danger);
  border-radius: var(--border-radius-base);
}
.app-main-order .box-search-domain .box-body input {
  box-shadow: unset;
  padding-right: 0;
}
.app-main-order .box-search-domain .box-result {
  background: var(--ui-block-bg);
  padding: 40px;
  position: relative;
  border-radius: 4px;
}
.app-main-order .box-search-domain .box-result:before {
  content: "";
  width: 25px;
  height: 25px;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 0;
  left: 45px;
  background: var(--ui-block-bg);
  border-radius: var(--border-radius-base);
}
.app-main-order .box-search-domain .search-group {
  max-width: unset;
  padding: 8px;
  flex-wrap: nowrap;
}
.app-main-order .box-search-domain .search-group:before {
  content: unset;
}
.app-main-order .box-search-domain .search-group-combined {
  border: none;
}
.app-main-order .box-search-domain .search-group .input-group-icon {
  margin: 0 18px 0 13px;
  color: var(--brand-primary);
}
.app-main-order .box-search-domain .search-group .dropdown > a {
  display: flex;
  align-items: center;
  height: var(--ui-height-xlg);
  color: var(--text-heading-color);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  padding: 0 8px;
}
.app-main-order .box-search-domain .search-group .dropdown > a i {
  color: var(--gray-icons);
  margin-left: 8px;
}
.app-main-order .box-search-domain .search-group .dropdown-header {
  padding: 0;
}
.app-main-order
  .box-search-domain
  .search-group
  .dropdown-header
  .form-control {
  padding: 6px 16px;
}
.app-main-order .box-search-domain .search-group .dropdown-menu-items {
  max-height: 180px;
}
.app-main-order .box-search-domain select.form-control {
  width: unset;
  padding-right: 8px !important;
  padding-left: 8px;
  float: unset;
  margin-left: auto;
  margin-right: auto;
}
.app-main-order .box-search-domain .dropdown-header .form-control {
  float: unset;
}
.app-main-order .box-search-domain .dropdown .tld-select {
  padding: 0 4px;
  display: flex;
  align-items: center;
}
.app-main-order .box-search-domain .dropdown .caret {
  margin-left: var(--spacing-1x);
}
.app-main-order .box-search-domain--results .box-body {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.app-main-order .box-search-domain--results .box-result {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.app-main-order .box-search-domain .tld-select-domain {
  line-height: var(--line-height-lg);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  color: #000;
}
.app-main-order .search-group-btn .btn {
  min-width: 134px;
}
.app-main-order .search-group .search-field-sm .search-field-icon {
  top: 50%;
  transform: translateY(-50%);
}
.app-main-order .search-group .search-dropdown .tld-wrapper {
  cursor: pointer;
  transition: var(--transition-base);
}
.app-main-order .search-group .search-dropdown .tld-wrapper:hover {
  color: var(--brand-primary);
}
.app-main-order .search-group .search-dropdown .dropdown-menu-items {
  width: 100%;
  box-shadow: unset;
  padding: 0;
}
.app-main-order .spotlight-list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  flex: 1;
  margin: 12px -4px -4px;
}
.app-main-order .spotlight-list.spotlight-discounted .spotlight {
  min-height: 60px;
  height: 100%;
}
.app-main-order .spotlight-list .spotlight {
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  padding: var(--spacing-1x);
  color: #fff;
  border: 1px solid var(--btn-light-border);
  margin-top: var(--spacing-1x);
  margin-bottom: 0;
  min-width: 118px;
  background: none;
  box-shadow: none;
  cursor: pointer;
  transition: border-color var(--transition-base);
}
.app-main-order .spotlight-list .spotlight-col {
  padding: 0 4px;
  transition:
    opacity var(--transition-base),
    visibility var(--transition-base);
  width: min-content;
  min-width: unset;
  flex: 1;
}
.app-main-order .spotlight-list .spotlight-more {
  border-style: dashed;
  min-width: 82px;
  justify-content: center;
  transition: border var(--transition-base);
  box-shadow: none;
  cursor: pointer;
  font-weight: var(--font-weight-light);
}
.app-main-order .spotlight-list .spotlight-more:hover {
  border-color: #fff !important;
}
.app-main-order .spotlight-list .spotlight-label {
  font-weight: var(--font-weight-light);
  margin-right: var(--spacing-1x);
}
.app-main-order .spotlight-list .spotlight-value {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
.app-main-order .spotlight-list .spotlight-old-price {
  font-size: 10px;
  line-height: 12px;
  margin-left: auto;
  margin-right: 4px;
  text-decoration: line-through;
  font-weight: var(--font-weight-light);
}
.app-main-order .spotlight-list .spotlight:hover {
  border-color: var(--btn-light-active-border);
}
.app-main-order .spotlight-list.open .spotlight-col {
  display: block !important;
}
.app-main-order
  .spotlight-list:not(.spotlight-list--full-width)
  .spotlight-col:nth-of-type(n + 5):not(:last-of-type) {
  display: none;
}
.app-main-order .spotlight-list--full-width .spotlight-col {
  width: min-content;
}
.app-main-order
  .spotlight-list--full-width
  .spotlight-col:nth-of-type(n + 6):not(:last-of-type) {
  display: none;
}
@media (min-width: 587px) {
  .app-main-order .spotlight-list--less .spotlight-col {
    flex: 1;
  }
}
.app-main-order .search-result {
  border-radius: var(--border-radius-base);
  font-size: var(--font-size-xxlg);
  line-height: var(--line-height-xlg);
  width: 100%;
}
.app-main-order .search-result,
.app-main-order .search-result-body {
  display: flex;
  align-items: center;
}
.app-main-order .search-result-message {
  font-weight: var(--font-weight-light);
  margin: 0;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}
.app-main-order .search-result-message b {
  font-weight: var(--font-weight-bold);
  word-break: break-all;
}
.app-main-order .search-result-actions {
  display: flex;
  align-items: center;
  width: 100%;
}
.app-main-order .search-result-actions .btn {
  white-space: normal;
  height: unset;
}
.app-main-order .search-result-actions .btn-lg {
  min-height: var(--ui-height-lg);
}
.app-main-order .search-result-icon {
  min-width: 48px;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--brand-success-lighter-4);
  border-radius: 100%;
  margin-right: 16px;
  font-size: var(--font-size-xlg) !important;
}
.app-main-order .search-result-desc {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  color: var(--text-lighter-color);
}
.app-main-order .search-result--success {
  color: var(--brand-success);
}
.app-main-order .search-result--success .ls-check {
  color: var(--brand-success);
  background-color: var(--brand-success-lighter-4);
}
.app-main-order .search-result--success .search-result-message {
  color: var(--gray-darker);
}
.app-main-order .search-result--danger {
  color: var(--brand-danger);
}
.app-main-order .search-result--danger .ls-close {
  background-color: var(--brand-danger-lighter-4);
}
.app-main-order .search-result--danger p {
  color: var(--brand-danger);
}
.app-main-order .search-result--info .ls {
  color: var(--brand-primary);
  background-color: var(--brand-primary-lighter-4);
  animation: a 1.2s infinite linear;
}
.app-main-order .search-result-price {
  padding: 0 20px;
  color: var(--gray-darker);
  font-weight: var(--font-weight-bold);
  white-space: nowrap;
  margin-bottom: 0;
  display: flex;
  align-items: flex-end;
  font-size: 26px;
  line-height: 34px;
}
.app-main-order .search-result-period {
  font-size: var(--font-size-md);
  line-height: var(--line-height-base);
  font-weight: var(--font-weight-light);
}
@media (max-width: 767px) {
  .app-main-order .search-result-actions {
    margin: spacing(3x) 0 0;
    justify-content: space-between;
  }
}
.app-main-order .domain-incart {
  display: flex;
  align-items: center;
}
.app-main-order .domain-incart-actions {
  position: relative;
  margin-left: auto;
  display: flex;
}
.app-main-order .domain-incart-body {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.app-main-order .domain-incart-message {
  margin: 0;
  color: var(--gray-base);
  font-size: var(--font-size-md);
  word-break: break-all;
}
.app-main-order .domain-incart-message b {
  font-weight: var(--font-weight-medium);
  color: var(--gray-darker);
}
.app-main-order .domain-incart-icon {
  margin-right: 16px;
  color: var(--brand-primary);
}
.app-main-order .domain-incart-popover {
  top: 100%;
  margin-top: 14px;
  right: -25px;
  min-width: 245px;
  left: unset;
}
.app-main-order .domain-incart-popover.bottom > .arrow {
  margin-left: 72px !important;
}
.app-main-order .tld-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-top: 1px solid var(--gray-lighter-4);
}
.app-main-order .tld-pagination__entries {
  color: var(--gray-base);
  font-size: var(--font-size-sm);
  line-height: 20px;
  display: flex;
  align-items: center;
}
.app-main-order .tld-pagination__entries select {
  border-radius: var(--border-radius-base);
  padding: 6px 24px 6px 8px;
}
.app-main-order .tld-pagination__entries select:focus-visible {
  outline: none;
}
.app-main-order .tld-pagination__entries .selectdiv {
  display: none;
}
.app-main-order .tld-pagination__wrapper {
  position: relative;
  margin: 0 8px;
}
.app-main-order .tld-pagination__pages ul {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
}
.app-main-order .tld-pagination__pages ul li {
  padding: 0 12px;
  display: flex;
  align-items: center;
  border-radius: var(--border-radius-base);
  border: 1px solid var(--gray-lighter-3);
  transition:
    color var(--transition-base),
    background-color var(--transition-base),
    border-color var(--transition-base);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
  height: var(--ui-height-sm);
  cursor: pointer;
}
.app-main-order .tld-pagination__pages ul li + li {
  margin-left: 8px;
}
.app-main-order .tld-pagination__pages ul li a {
  color: var(--gray-darker);
}
.app-main-order .tld-pagination__pages ul li.active {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.app-main-order .tld-pagination__pages ul li.active a {
  color: #fff;
}
.app-main-order .tld-pagination__pages ul li.disabled {
  background-color: var(--gray-faded);
}
.app-main-order .tld-pagination__pages ul li.disabled a {
  color: var(--gray-lighter);
}
.app-main-order .tld-pagination__pages ul li.paginationjs-next,
.app-main-order .tld-pagination__pages ul li.paginationjs-prev {
  font-weight: var(--font-weight-medium);
}
.app-main-order .tld-filters {
  display: flex;
  align-items: center;
  margin: 0;
  height: 36px;
}
.app-main-order .tld-filters .selectize-control {
  position: relative;
  z-index: 15;
  width: 240px;
  overflow: hidden;
  transition: overflow var(--transition-base);
  min-height: unset !important;
}
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect {
  height: 36px !important;
  min-height: unset;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  #tldGroupSelect-selectized {
  display: none;
}
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .selectize-input {
  transition: none;
  padding: 2px 16px;
  height: 36px;
  min-height: 36px;
  flex-wrap: nowrap;
  align-items: center;
  border: 1px solid var(--input-border-color);
}
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .selectize-input
  .item {
  padding: 0;
  border: 0;
  margin: 0;
  white-space: nowrap;
  max-width: 60px;
  justify-content: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  line-height: 24px;
}
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .selectize-input
  .item
  a,
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .selectize-input
  .item
  ~ .item {
  display: none;
}
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .selectize-input
  > div
  .remove:before {
  text-indent: 0;
}
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .selectize-input.dropdown-active,
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .selectize-input.input-active {
  flex-wrap: wrap;
  position: absolute;
  padding: 0;
  overflow: visible;
  z-index: 99;
  background: var(--dropdown-bg);
  max-height: unset;
  width: 164px;
  border: 0;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px 4px 0 0;
}
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .selectize-input.dropdown-active:before,
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .selectize-input.input-active:before {
  display: none;
}
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .selectize-input.dropdown-active
  .item,
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .selectize-input.input-active
  .item {
  display: flex;
  justify-content: space-between;
  line-height: var(--line-height-xs);
  color: #393d45;
  white-space: normal;
  max-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px 16px;
  color: #1062fe;
  height: auto;
  width: 100%;
}
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .selectize-input.dropdown-active
  .item
  a,
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .selectize-input.input-active
  .item
  a {
  display: block;
  min-width: 18px;
}
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .item,
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .selectize-input.dropdown-active
  .tld-filters-counter,
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .selectize-input.input-active
  .tld-filters-counter {
  display: none;
}
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .item:first-of-type {
  display: inline;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .item
  a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: transparent;
}
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect
  .tld-filters-counter {
  display: inline;
  order: 3;
}
.app-main-order
  .tld-filters
  .selectize-control
  .form-control.custom-multiselect:after {
  content: "\e902";
  font-family: lagom-small-icons !important;
  color: var(--gray-icons);
  position: absolute;
  display: flex;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  font-size: var(--font-size-xs);
  pointer-events: none;
}
.app-main-order .tld-filters .selectize-control #tldGroupSelect-selectized {
  display: none;
}
.app-main-order .tld-filters .selectize-control.selectize-open {
  overflow: visible;
}
.app-main-order .tld-filters .selectize-control .selectize-dropdown-content {
  box-shadow: unset;
  background: unset;
}
.app-main-order .tld-filters .selectize-control .selectize-input {
  min-height: unset !important;
}
.app-main-order .tld-filters .selectize-input {
  height: 36px !important;
}
.app-main-order .tld-filters-label {
  color: var(--gray-base);
  margin-right: 8px;
}
.app-main-order .tld-filters-counter {
  color: var(--gray-darker);
}
.app-main-order .tld-filters .selectize-dropdown {
  min-width: 164px;
  padding-top: 0;
  position: absolute;
  left: 0 !important;
  top: 100% !important;
  margin-top: 20px;
  box-shadow: var(--box-shadow-xlg);
  padding: 8px 0;
  border-radius: 0 0 4px 4px;
  background: var(--dropdown-bg);
  z-index: -1;
  display: block !important;
  opacity: 0;
  transition: opacity var(--transition-base);
}
.app-main-order
  .tld-filters
  .selectize-dropdown
  .selectize-dropdown-content
  .option {
  padding: var(--ui-padding-base-v) var(--ui-padding-lg-h);
  white-space: normal;
  transition:
    color var(--transition-base),
    background var(--transition-base);
  cursor: pointer;
  display: flex;
  align-items: center;
}
.app-main-order
  .tld-filters
  .selectize-dropdown
  .selectize-dropdown-content
  .option:hover {
  color: var(--dropdown-link-hover-color);
  background: var(--dropdown-link-hover-bg);
}
.app-main-order
  .tld-filters
  .selectize-dropdown
  .selectize-dropdown-content
  .option:before {
  content: "\e911";
  width: 18px;
  height: 18px;
  position: relative;
  border: 2px solid var(--gray-lighter-2);
  margin-right: 16px;
  display: flex;
  border-radius: 2px;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: transparent;
  transition:
    color var(--transition-base),
    background-color var(--transition-base),
    border var(--transition-base);
  font-family: lagom-small-icons;
}
.app-main-order
  .tld-filters
  .selectize-dropdown
  .selectize-dropdown-content
  .option.selected {
  color: var(--dropdown-link-hover-color);
  background-color: unset;
}
.app-main-order
  .tld-filters
  .selectize-dropdown
  .selectize-dropdown-content
  .option.selected:before {
  color: #fff;
  background-color: var(--brand-primary);
  border: none;
}
.app-main-order .tld-filters-item {
  transition: background-color var(--transition-base) !important;
  cursor: pointer;
}
.app-main-order .tld-filters-item:hover {
  transform: unset !important;
  background-color: var(--brand-info-lighter-3);
}
.app-main-order .tld-filters-item:before {
  box-shadow: unset !important;
}
.app-main-order .tld-filters-item .check {
  flex-direction: row !important;
  padding: 8px 24px !important;
  background-color: transparent !important;
}
.app-main-order .tld-filters-item .check .checkbox-styled {
  height: 18px;
  width: 18px;
  top: 11px;
}
.app-main-order .tld-filters-item .check-content {
  margin-left: 0;
}
.app-main-order .tld-filters-item .check label {
  padding: 0 0 0 42px !important;
}
.app-main-order .tld-filters-number {
  margin-right: 3px;
}
.app-main-order .tld-filters .selectize-option {
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--brand-primary);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
}
.app-main-order .tld-filters .selectize-option i {
  margin-left: 12px;
}
.app-main-order .tld-filters .selectize-option--clear-all {
  color: var(--brand-danger);
}
.app-main-order .tld-filters .selectize-open .selectize-dropdown {
  opacity: 1;
  z-index: 3;
}
.app-main-order .label {
  font-size: var(--font-size-xs);
  padding: 5px 8px;
  font-weight: var(--font-weight-medium);
}
.app-main-order .label-purple {
  color: #fff;
}
@keyframes a {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@media (max-width: 1430px) {
  .app-main-order
    .spotlight-list:not(.spotlight-list--less)
    .spotlight-col:nth-of-type(n + 4):not(:last-of-type) {
    display: none;
  }
}
@media (max-width: 1319.98px) {
  .app-main-order
    .spotlight-list:not(.spotlight-list--less)
    .spotlight-col:nth-of-type(n + 3):not(:last-of-type) {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1319.98px) {
  .app-main-order .tld-pagination {
    flex-direction: column-reverse;
  }
  .app-main-order .tld-pagination__entries {
    margin-top: 16px;
  }
}
@media (max-width: 991.98px) {
  .app-main-order
    .spotlight-list:not(.spotlight-list--less)
    .spotlight-col:nth-of-type(n + 2):not(:last-of-type) {
    display: none;
  }
  .app-main-order
    .spotlight-list:not(.spotlight-list--less)
    .spotlight-col:nth-of-type(2):not(:last-of-type) {
    display: block;
  }
}
@media (max-width: 586px) {
  .app-main-order
    .spotlight-list
    .spotlight-col:nth-of-type(n + 3):not(:last-of-type),
  .app-main-order
    .spotlight-list
    .spotlight-col:nth-of-type(n + 4):not(:last-of-type) {
    display: block;
  }
  .app-main-order .box-search-domain .dropdown {
    margin: 0 auto;
  }
  .app-main-order .box-search-domain .search-box {
    display: flex;
    flex-wrap: wrap;
  }
  .app-main-order .box-search-domain .search-box .input-group-icon {
    display: block;
    margin-right: 16px;
  }
  .app-main-order .box-search-domain .search-box input {
    padding-left: 0;
    padding-right: 0;
    width: unset;
    flex-grow: 1;
    margin-bottom: 0;
  }
  .app-main-order .box-search-domain .search-box .input-group-btn {
    margin-top: 8px;
  }
  .app-main-order .box-search-domain .box-body {
    padding: var(--spacing-3x);
  }
  .app-main-order .box-search-domain .box-result {
    padding: var(--spacing-4x) var(--spacing-2x);
  }
}
@media (max-width: 479.98px) {
  .app-main-order .box-search-domain .search-group-combined {
    flex-direction: column;
  }
  .app-main-order .box-search-domain .search-group-combined .search-group-btn {
    width: 100%;
    margin-left: 0;
    margin-top: var(--spacing-1x);
  }
  .app-main-order
    .box-search-domain
    .search-group-combined
    .search-group-btn
    > .btn {
    margin-left: 0;
  }
  .app-main-order .box-search-domain .search-group-combined .search-field {
    width: 100%;
  }
  .app-main-order .box-search-domain.tld-dropdown .search-group-combined {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .app-main-order
    .box-search-domain.tld-dropdown
    .search-group
    > .search-field
    > .form-control {
    padding-right: var(--spacing-1x);
  }
  .app-main-order .panel-domain-incart .domain-incart {
    flex-direction: column;
  }
  .app-main-order .panel-domain-incart .domain-incart-body {
    margin-right: 0;
    margin-bottom: 8px;
  }
  .app-main-order .panel-domain-incart .domain-incart-actions,
  .app-main-order .panel-domain-incart .domain-incart-actions > .btn {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .app-main-order .spotlight-list {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    transition: 0.24s ease;
  }
  .app-main-order .spotlight-list .spotlight-value {
    margin-left: 10px;
  }
  .app-main-order .box-search-domain .box-result:before {
    transform-origin: center;
    left: calc(50% - 21px);
  }
  .app-main-order .box-search-domain.tld-dropdown .search-group-combined {
    flex-wrap: wrap;
  }
  .app-main-order
    .box-search-domain.tld-dropdown
    .search-group-combined
    .search-group-btn {
    flex-basis: 100%;
    transition: margin-left none;
    margin-left: 0;
    margin-top: var(--spacing-1x);
  }
  .app-main-order
    .box-search-domain.tld-dropdown
    .search-group-combined
    .search-group-btn
    > .btn {
    margin-left: 0;
    width: 100%;
  }
  .app-main-order
    .box-search-domain.tld-dropdown
    .search-group-combined
    .dropdown
    .tld-select {
    padding-right: var(--spacing-1x);
  }
  .app-main-order .search-result,
  .app-main-order .search-result-body {
    flex-direction: column;
  }
  .app-main-order .search-result-actions {
    width: 100%;
    flex-direction: column;
  }
  .app-main-order .search-result-icon {
    margin-right: 0;
    margin-bottom: 16px;
    z-index: 5;
  }
  .app-main-order .search-result-message {
    text-align: center;
    margin-right: unset;
  }
  .app-main-order .search-result-price {
    margin-top: 24px;
    margin-bottom: 16px;
  }
  .app-main-order .tld-pagination {
    flex-direction: column-reverse;
  }
  .app-main-order .tld-pagination__entries {
    margin-top: 16px;
  }
}
.app-main-order .box-domain-renewals {
  margin-top: 24px;
  box-shadow: unset;
}
.app-main-order .box-domain-renewals .form-control {
  border: none;
  min-width: 154px;
}
.app-main-order .domain-renewals-list .list-group-item {
  display: flex;
  align-items: center;
  box-shadow: var(--box-shadow-base);
  border: var(--ui-block-border);
  color: var(--gray-darker);
  min-height: 68px;
}
.app-main-order .domain-renewals-list .list-group-item .content {
  display: flex;
  align-items: center;
}
.app-main-order .domain-renewals-list .list-group-item .content i {
  color: var(--brand-primary);
  margin-right: 14px;
  width: inherit;
  height: inherit;
}
.app-main-order .domain-renewals-list .list-group-item .content .domain {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app-main-order .domain-renewals-list .list-group-item .content .label {
  margin-left: var(--spacing-1x);
  margin-bottom: 0;
}
.app-main-order .domain-renewals-list .list-group-item .actions {
  display: flex;
  margin-left: auto;
}
.app-main-order .domain-renewals-list .list-group-item .actions .form-control {
  width: auto;
  min-width: 130px;
  min-height: 36px;
  background-position: 100%;
  padding-right: var(--spacing-2x) !important;
}
.app-main-order
  .domain-renewals-list
  .list-group-item
  .actions
  .form-control
  + *,
.app-main-order .domain-renewals-list .list-group-item .actions > .btn,
.app-main-order .domain-renewals-list .list-group-item .actions > .btn-group {
  margin-left: var(--spacing-3x);
  min-width: 110px;
}
.app-main-order .domain-renewals-list .list-group-item .actions > .btn-group i,
.app-main-order .domain-renewals-list .list-group-item .actions > .btn i {
  margin-right: 0;
}
.app-main-order
  .domain-renewals-list
  .list-group-item
  .actions
  .dropdown-menu-search
  .dropdown-menu-items {
  overflow: auto;
}
.app-main-order
  .domain-renewals-list
  .list-group-item
  .actions
  .dropdown-menu-search
  .dropdown-menu-items
  .dropdown-menu-item {
  cursor: pointer;
}
.app-main-order
  .domain-renewals-list
  .list-group-item
  .actions
  .dropdown-menu.dropdown-menu-domain-renew {
  width: unset;
}
@media (max-width: 768px) {
  .app-main-order .domain-renewals-list .list-group-item .actions {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .app-main-order .domain-renewals-list .list-group-item .actions > .btn {
    margin-left: 0 !important;
    margin-top: 16px;
  }
  .app-main-order
    .domain-renewals-list
    .list-group-item
    .actions
    [data-dropdown-select-value-view] {
    white-space: break-spaces;
  }
}
@media (max-width: 479px) {
  .app-main-order
    .domain-renewals-list
    .list-group-item
    .actions
    .dropdown-menu.dropdown-menu-domain-renew {
    width: 250px;
  }
  .app-main-order
    .domain-renewals-list
    .list-group-item
    .actions
    .dropdown-menu.dropdown-menu-domain-renew
    .dropdown-menu-item
    > a,
  .app-main-order
    .domain-renewals-list
    .list-group-item
    .actions
    [data-dropdown-select-value-view] {
    white-space: break-spaces;
  }
}
.app-main-order .domain-renewals-list .list-group-item + .list-group-item {
  margin-top: var(--spacing-2x);
}
.app-main-order .domain-renewals-list .list-group-item .dropdown {
  display: flex;
  align-items: center;
}
.app-main-order
  .domain-renewals-list
  .list-group-item
  .dropdown__selected-option {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.app-main-order
  .domain-renewals-list
  .list-group-item
  .dropdown__selected-option:hover
  b,
.app-main-order
  .domain-renewals-list
  .list-group-item
  .dropdown__selected-option:hover
  span {
  color: var(--brand-primary);
}
.app-main-order
  .domain-renewals-list
  .list-group-item
  .dropdown__selected-option
  span {
  font-size: var(--font-size-md);
  line-height: var(--line-height-base);
  font-weight: var(--font-weight-medium);
  margin-right: 8px;
}
.app-main-order
  .domain-renewals-list
  .list-group-item
  .dropdown__selected-option
  b {
  transition: color var(--transition-base);
  color: var(--gray-icons);
}
.app-main-order
  .domain-renewals-list
  .list-group-item
  .dropdown.open
  .dropdown__selected-option
  b,
.app-main-order
  .domain-renewals-list
  .list-group-item
  .dropdown.open
  .dropdown__selected-option
  span {
  color: var(--brand-primary);
}
.app-main-order .domain-renewals-list .list-group-item .dropdown-menu {
  padding: 0;
}
.app-main-order .domain-renewals-list .list-group-item .dropdown-menu-items {
  min-height: unset;
}
.app-main-order .no-renew-domains {
  padding: var(--ui-block-padding-lg);
  color: var(--text-heading-color);
}
.app-main-order .no-renew-domains > svg {
  margin-bottom: var(--ui-block-padding-sm);
}
@media (max-width: 1319.98px) {
  .app-main-order .domain-renewals-list .list-group-item {
    flex-direction: column;
    justify-content: center;
    padding: 24px;
  }
  .app-main-order .domain-renewals-list .list-group-item .content {
    width: 100%;
  }
  .app-main-order .domain-renewals-list .list-group-item .content i {
    width: auto;
  }
  .app-main-order .domain-renewals-list .list-group-item .content .domain {
    flex-grow: 1;
  }
  .app-main-order .domain-renewals-list .list-group-item .actions {
    margin-top: 16px;
    width: 100%;
    justify-content: space-between;
  }
}
.app-main-order .panel-title {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-base);
}
.app-main-order .panel-desc {
  color: var(--gray-base);
}
.app-main-order .panel-body .panel-title {
  margin-bottom: 8px;
}
.app-main-order .panel-body > :last-child {
  margin-bottom: 0;
}
.app-main-order .panel-heading .check-content {
  margin-left: 36px;
}
.app-main-order .panel-heading .check-content > * {
  margin-bottom: 0;
}
.app-main-order .panel .check-subtitle {
  margin-top: 4px;
}
.app-main-order .panel.checked {
  overflow: hidden;
}
.app-main-order .panel.checked .check-sign {
  border-top-right-radius: 5px;
  display: flex;
}
.app-main-order .panel-check .check-input {
  display: none;
}
.app-main-order .panel-check .check-price {
  margin-bottom: 0;
  font-weight: var(--font-weight-medium);
}
.app-main-order .panel-check .check-desc {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
  margin-top: 0;
  text-align: center;
}
.app-main-order .panel-check .check-cycle {
  margin-bottom: 8px;
  font-size: var(--font-size-lg);
  line-height: var(--line-height-base);
  font-weight: var(--font-weight-medium);
  text-align: center;
}
.app-main-order .panel-check .check-icon {
  margin-left: var(--spacing-2x);
}
.app-main-order .panel-check .check-icon img {
  width: 42px;
}
.app-main-order .panel-check .check-description {
  flex-grow: 1;
}
.app-main-order .panel-check .check-title {
  font-size: var(--font-size-lg);
}
.app-main-order .panel-check .check-title + .check-title {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-base);
  color: var(--gray-base);
}
.app-main-order .panel-check .check .price {
  text-align: center;
}
.app-main-order .panel-check .check > label {
  align-items: flex-start;
  flex-wrap: wrap;
  height: 100%;
}
.app-main-order .panel-check .panel-footer {
  margin-top: var(--package-sm-element-spacing);
  padding: 0;
  border-top: 0;
  display: flex;
  flex-grow: 1;
  align-items: flex-end;
}
.app-main-order .panel-check:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: var(--panel-box-shadow);
  transition: box-shadow var(--transition-base);
  border-radius: var(--panel-border-radius);
  z-index: 0;
}
.app-main-order .panel-check:hover .check > label:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: -8px;
}
.app-main-order
  .panel--osBox:hover
  .dropdown-menu
  a.radio
  .radio-label:not(.checked)
  .radio-styled:not(.checked) {
  border-color: var(--gray-lighter-3) !important;
}
.app-main-order
  .panel--osBox:hover
  .dropdown-menu
  a.radio
  .radio-label:not(.checked)
  .radio-styled:not(.checked).checked {
  border-color: var(--brand-primary) !important;
}
.app-main-order
  .panel--osBox
  .dropdown-menu
  a.radio
  .radio-label:not(.checked):hover
  .radio-styled:not(.checked) {
  border-color: var(--input-hover-border-color) !important;
}
.app-main-order .panel--osBox .panel-body {
  align-items: center;
}
.app-main-order .panel--osBox .panel-title {
  margin-bottom: 4px !important;
  text-align: center;
  flex-grow: 0;
}
.app-main-order .panel--osBox .panel-desc {
  text-align: center;
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  font-size: var(--font-size-xs);
  line-height: var(--line-height-xs);
}
.app-main-order .panel--osBox .panel-icon {
  margin-bottom: var(--spacing-2x);
  margin-left: 0;
  width: 72px;
  height: 72px;
}
.app-main-order .panel--osBox .panel-actions {
  margin-top: auto;
}
.app-main-order .panel--osBox .panel-actions .btn {
  color: var(--gray-base);
  border: unset;
  white-space: normal;
  height: unset;
  padding: 0;
  box-shadow: unset;
}
.app-main-order .panel--osBox .panel-actions .btn:active {
  background-color: unset !important;
  border: unset !important;
}
.app-main-order .panel--osBox .panel-actions .btn-text > span {
  font-weight: var(--font-weight-base);
}
.app-main-order .panel--osBox .panel-actions .btn-text strong {
  color: var(--gray-darker);
  font-weight: var(--font-weight-medium);
}
.app-main-order .panel--osBox .panel-actions .btn .ls {
  color: var(--gray-icons);
  margin-left: var(--spacing-1x);
}
.app-main-order .panel--osBox .panel-actions .dropdown-menu {
  width: 100%;
}
.app-main-order .panel--osBox .panel-actions .dropdown-menu .text {
  white-space: normal;
  word-break: break-word;
}
.app-main-order .panel--osBox .panel-actions .dropdown-menu .radio-label {
  align-items: flex-start;
}
.app-main-order .panel--osBox .panel-actions .dropdown-menu .radio-styled {
  top: 10px;
  transform: unset;
}
.app-main-order .panel--osBox.panel-check .check-icon img {
  width: -webkit-fill-available;
  width: -moz-available;
  max-height: 100%;
  margin: auto;
}
.app-main-order .panel--addonBox {
  flex-wrap: wrap;
}
.app-main-order .panel--addonBox-section + .panel--addonBox-section {
  margin-top: var(--ui-block-spacing-base);
}
.app-main-order .panel--addonBox .panel-actions {
  flex-direction: column;
}
.app-main-order .panel--addonBox .panel-actions .check-custom {
  width: 100%;
  max-height: 50px;
}
.app-main-order
  .panel--addonBox
  .panel-actions
  .check-custom
  + .check-custom
  > .radio-label {
  padding: 4px 0;
}
.app-main-order .panel--addonBox .panel-actions .check-custom .radio-label {
  cursor: pointer;
  align-items: flex-start;
}
.app-main-order
  .panel--addonBox
  .panel-actions
  .check-custom
  .radio-label
  .radio-styled {
  top: 3px;
}
.app-main-order .panel--addonBox .panel-actions .check-custom > label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.app-main-order .panel--addonBox .panel-actions .check-custom .check-content {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  align-items: flex-start;
  align-self: center;
}
.app-main-order .panel--addonBox .panel-actions .check-custom .check-title {
  font-weight: var(--font-weight-medium);
  color: var(--gray-darker);
}
.app-main-order .panel--addonBox .panel-actions .check-custom .check-subtitle {
  margin-top: 0;
  margin-left: var(--spacing-2x);
  white-space: nowrap;
}
.app-main-order .panel--addonBox .panel-actions .check-custom .check-icon {
  max-width: 24px;
  max-height: 24px;
  margin-left: var(--spacing-1x);
}
.app-main-order .panel--addonBox .panel-actions .check-custom .check-icon img {
  width: unset;
  max-width: -webkit-fill-available;
  max-width: -moz-available;
  max-height: 100%;
  margin: auto;
}
.app-main-order .panel--addonBox .panel-title {
  margin-bottom: var(--spacing-1x) !important;
}
.app-main-order .panel--addonBox .panel-desc {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 100%;
}
.app-main-order .panel--addonBox .panel-options {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: 100% !important;
  padding: var(--panel-body-padding);
  padding-top: 0;
}
.app-main-order .panel--addonBox .panel-options--no-image {
  padding-top: 0;
}
.app-main-order .panel--addonBox .panel-options--top {
  padding-top: var(--panel-body-padding);
}
.app-main-order .panel--addonBox .panel-icon--default,
.app-main-order .panel--addonBox .panel-icon--illustration,
.app-main-order .panel--addonBox .panel-icon--illustration-small {
  height: 164px;
}
.app-main-order .panel--addonBox .panel-icon--default {
  padding-bottom: var(--spacing-1x) !important;
  right: 0 !important;
}
.app-main-order .panel--addonBox .panel-icon--default img {
  border-radius: var(--borde-radius-lg);
  max-width: 100% !important;
  object-fit: contain !important;
  width: unset !important;
}
.app-main-order .panel--addonBox .panel-icon--icon {
  padding-top: var(--panel-body-padding);
  padding-bottom: var(--spacing-1x);
}
.app-main-order .panel--addonBox .panel-body {
  padding-bottom: var(--spacing-1x);
}
.app-main-order .panel--addonBox .panel-body--tooltip {
  flex-direction: row !important;
}
.app-main-order .panel--addonBox .panel-body--tooltip .section-tooltip {
  height: var(--line-height-base);
}
.app-main-order .panel--addonBox .panel-body--tooltip .panel-title {
  flex-basis: unset;
}
.app-main-order .panel--addonBox .panel-body + .panel-options,
.app-main-order .panel--addonBox .panel-icon + .panel-options {
  margin-top: var(--spacing-1x);
}
.app-main-order .panel--addonBox.panel--no-body {
  flex-wrap: nowrap;
}
.app-main-order .panel--addonBox.panel--no-body .panel-options {
  flex-basis: unset !important;
  margin-top: 0;
  padding: var(--panel-body-padding);
}
.app-main-order .panel--addonBox.panel--no-body .panel-icon {
  order: 1;
}
.app-main-order .panel--addonBox.panel--no-body .panel-icon--default,
.app-main-order .panel--addonBox.panel--no-body .panel-icon--icon {
  padding: var(--panel-body-padding) !important;
  padding-left: 0 !important;
  max-height: 100%;
  height: unset;
  margin: auto 0;
}
.app-main-order .panel--addonBox.panel--no-body .panel-icon--default img,
.app-main-order .panel--addonBox.panel--no-body .panel-icon--icon img {
  transform: unset !important;
}
.app-main-order .panel--addonBox.panel--no-body .panel-icon--icon {
  overflow: initial;
  margin-left: var(--spacing-1x);
}
.app-main-order .panel--addonBox.panel--no-body .panel-icon--icon img {
  min-width: 64px;
}
.app-main-order .panel--addonBox.panel--no-body .panel-actions {
  margin-top: 0;
}
.app-main-order .panel--addonBox.panel--no-image .panel-body {
  padding-bottom: 0;
  margin-bottom: var(--spacing-1x);
}
.app-main-order .panel-billingcycle {
  transition:
    transform var(--transition-base),
    border-color var(--transition-base);
  box-shadow: unset;
  z-index: 5;
}
.app-main-order .panel-billingcycle:not(.checked):hover {
  transform: translate3d(0, -8px, 0);
}
.app-main-order .panel-billingcycle:not(.checked):hover:before {
  box-shadow: var(--package-hover-block-shadow);
}
.app-main-order .panel-billingcycle .check {
  padding-top: var(--spacing-2x);
  align-items: center;
}
.app-main-order .panel-billingcycle.checked {
  box-shadow: var(--package-active-shadow-inset);
  overflow: visible;
}
.app-main-order .panel-billingcycle .panel-footer {
  background: transparent;
}
.app-main-order .panel-domain-incart .panel-body {
  padding: 16px 24px;
}
.app-main-order .panel-domain-incart .panel-body + .panel-body {
  border-top: 1px solid var(--gray-lighter-4);
}
.app-main-order .panel-domain-incart * + .panel-nameservers {
  margin-top: var(--spacing-2x);
}
.app-main-order .panel-domain-incart .form-flex .form-group {
  min-height: var(--ui-height-sm);
  align-items: center;
}
.app-main-order .panel-domain-incart .form-flex .form-group > label {
  line-height: var(--ui-height-sm);
  white-space: nowrap;
  place-self: flex-start;
}
.app-main-order .panel-domain-incart .form-flex .form-group .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}
.app-main-order .panel-domain-incart .form-flex .form-group__wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.app-main-order .panel-domain-incart .form-flex .form-group__wrapper .checkbox {
  align-items: flex-start;
}
.app-main-order
  .panel-domain-incart
  .form-flex
  .form-group__wrapper
  .checkbox-styled {
  margin-top: 4px;
}
.app-main-order .panel-domain-incart .form-flex .form-group__wrapper .alert {
  margin-bottom: 0;
  margin-top: 10px;
}
.app-main-order .panel-domain-incart .form-flex > .form-group > label {
  width: unset;
  white-space: normal;
}
.app-main-order .panel-domain-incart .form-flex .form-control {
  height: var(--ui-height-sm);
  padding: var(--ui-padding-sm-v) var(--ui-padding-sm-h);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  border-radius: var(--input-sm-border-radius);
}
.app-main-order .panel-domain-incart .form-flex select.form-control {
  min-width: 140px;
  padding-right: calc(var(--ui-padding-sm-h) + var(--spacing-1x));
}
.app-main-order .panel-domain-incart .form-flex .has-error:after {
  content: unset;
}
.app-main-order .panel-package-info {
  display: flex;
}
.app-main-order .panel-package-info .panel-body {
  position: relative;
  width: 50%;
  min-width: 50%;
}
.app-main-order .panel-package-info .panel-body + .panel-body:before {
  content: "";
  position: absolute;
  width: 1px;
  top: 20px;
  bottom: 20px;
  left: 0;
  background: var(--gray-lighter-4);
}
.app-main-order .panel-package-info ul {
  list-style: none;
  margin-top: 10px;
  padding: 0;
  color: var(--gray-base);
}
.app-main-order .panel-package-info ul b {
  color: var(--text-heading-color);
}
.app-main-order .panel-addon {
  display: flex;
  overflow: visible !important;
}
.app-main-order .panel-addon.checked {
  border-color: var(--panel-active-border-color) !important;
}
.app-main-order .panel-addon.checked:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  box-shadow: var(--panel-box-shadow), var(--package-active-shadow-inset);
  border-radius: 6px;
}
.app-main-order .panel-addon.panel-main-addon .panel-actions {
  position: relative;
  height: var(--ui-height-sm);
  min-width: 180px;
}
.app-main-order .panel-addon.panel-main-addon .panel-actions .btn-group {
  position: absolute;
  left: 0;
  top: 0;
}
.app-main-order .panel-addon .panel-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.app-main-order .panel-addon .panel-icon {
  overflow: hidden;
  width: 250px;
  min-width: 250px;
  position: relative;
  margin-left: auto;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.app-main-order .panel-addon .panel-icon img {
  width: 237px;
  height: 206px;
  opacity: 1;
  min-height: 100%;
}
.app-main-order .panel-addon .panel-actions {
  margin-top: auto;
  display: flex;
  align-items: center;
}
.app-main-order .panel-addon .panel-actions .btn-group {
  white-space: nowrap;
}
.app-main-order .panel-addon .panel-actions .btn {
  margin-top: auto;
}
.app-main-order .panel-addon .panel-actions-price {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  text-align: right;
}
.app-main-order .panel-addon .panel-actions-price .price {
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-lg);
  line-height: var(--line-height-base);
  text-align: right;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.app-main-order .panel-addon .panel-actions-price .price-md {
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
}
.app-main-order .panel-addon .panel-actions-price .price-md .price-cycle {
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  font-weight: var(--font-weight-medium);
}
.app-main-order .panel-addon .panel-actions-price .price-sm {
  font-size: var(--font-size-sm);
  color: var(--gray-base);
  font-weight: var(--font-weight-base);
}
.app-main-order .panel-addon .panel-actions-price .price + .price {
  margin-top: -5px;
  margin-bottom: -6px;
}
.app-main-order .panel-addon .panel-actions-price .price-cycle {
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-lg);
  line-height: var(--line-height-base);
}
.app-main-order .panel-addon.has-actions-right .panel-title {
  font-size: 18px;
  margin-bottom: 4px;
}
.app-main-order .panel-addon.has-actions-right .panel-actions {
  margin: 0;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.app-main-order .panel-addon.has-actions-right .panel-actions .btn {
  min-width: 130px;
  margin-top: unset;
}
.app-main-order .panel-addon.has-actions-right .panel-actions .price {
  margin-bottom: 16px;
}
.app-main-order
  .panel-addon.has-actions-right
  .panel-actions
  .price:not(.price-sm) {
  font-size: 24px;
}
.app-main-order
  .panel-addon.has-actions-right
  .panel-actions
  .price:not(.price-sm)
  .price-cycle {
  font-size: 18px;
}
.app-main-order .panel-addon.has-actions-right .panel-actions .price + .price {
  margin-top: -10px;
  margin-bottom: 10px;
}
.app-main-order .panel-addon.has-icon.checked {
  background: var(--panel-active-bg);
}
.app-main-order .panel-addon.has-icon .promo-slider-icon {
  width: 237px;
  height: 206px;
  right: 0;
  bottom: 16px;
  top: -42px;
  opacity: 1;
}
.app-main-order .panel-addon--has-image.has-icon .panel-actions-price {
  margin-left: var(--spacing-2x);
}
.app-main-order .panel-addon--has-image.has-icon .panel-icon {
  width: unset;
  min-width: unset;
  max-width: 250px;
  padding-right: var(--spacing-3x);
}
.app-main-order .panel-addon--has-image.has-icon .panel-icon--default,
.app-main-order .panel-addon--has-image.has-icon .panel-icon--icon {
  max-width: unset;
}
.app-main-order .panel-addon--has-image.has-icon .panel-icon--default img,
.app-main-order .panel-addon--has-image.has-icon .panel-icon--icon img {
  width: unset;
  height: unset;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.app-main-order .panel-addon--has-image.has-icon .panel-icon--default {
  max-width: 264px;
  min-width: 264px;
  padding: var(--panel-body-padding);
  padding-left: 0;
  display: flex;
  position: relative !important;
}
.app-main-order .panel-addon--has-image.has-icon .panel-icon--default img {
  margin-left: auto;
  min-height: unset;
  max-height: -webkit-fill-available;
  max-height: -moz-available;
  max-width: -webkit-fill-available;
  max-width: -moz-available;
}
.app-main-order .panel-addon--has-image.has-icon .panel-icon--icon img {
  max-width: 64px;
  min-height: unset;
  width: 100% !important;
}
.app-main-order .panel-addon--has-image.has-icon .panel-icon--illustration,
.app-main-order
  .panel-addon--has-image.has-icon
  .panel-icon--illustration-small {
  min-width: 250px;
  width: 250px;
}
.app-main-order
  .panel-addon--has-image.has-icon
  .panel-icon--illustration-small
  img,
.app-main-order .panel-addon--has-image.has-icon .panel-icon--illustration img {
  width: 237px;
  height: 206px;
  right: 0;
  bottom: 16px;
  top: -42px;
  opacity: 1;
  position: absolute;
}
.app-main-order
  .panel-addon--has-image.has-icon
  .panel-icon--illustration-small
  img {
  width: 204px;
  top: -24px;
  margin-top: 12px;
  min-height: unset;
  height: unset;
}
.app-main-order .panel-addon .price-cycle {
  color: inherit;
  display: inline;
}
.app-main-order .panel-addon .promo-slider-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  opacity: 1;
}
.app-main-order .panel-main-addon .panel-icon img {
  right: 0;
  bottom: 16px;
  top: -42px;
  opacity: 1;
  min-height: unset;
  position: absolute;
}
@media (max-width: 767.98px) {
  .app-main-order .panel-main-addon .panel-body {
    width: 100%;
  }
  .app-main-order .panel-main-addon .panel-body .panel-actions .btn-group {
    max-width: 100%;
  }
  .app-main-order
    .panel-main-addon
    .panel-body
    .panel-actions
    .btn-group
    .btn-primary
    .btn-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media (max-width: 479.98px) {
  .app-main-order .panel-main-addon .panel-body {
    width: 100%;
  }
  .app-main-order
    .panel-main-addon
    .panel-body
    .panel-actions
    .dropdown-menu
    > li
    .radio
    .text {
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
.app-main-order .panel-addon .panel-title {
  flex-grow: 0;
}
.app-main-order .panel--no-border {
  overflow: visible !important;
}
.app-main-order .panel--no-border.checked:before {
  content: unset;
}
.app-main-order .panel--main {
  box-shadow: unset;
  background: transparent;
  border: unset;
  margin-bottom: var(--spacing-1x);
  margin-top: var(--spacing-4x);
}
.app-main-order .panel--main .panel {
  border: var(--panel-border);
  box-shadow: var(--panel-box-shadow);
}
.app-main-order .panel--main .panel-check {
  overflow: visible;
  box-shadow: none;
}
.app-main-order .panel--main .panel.checked {
  box-shadow: var(--package-active-shadow-inset);
}
.app-main-order .panel--main .panel-title {
  margin-bottom: 24px;
  padding-right: 0 !important;
}
.app-main-order .panel--main .panel-header {
  flex-wrap: wrap;
}
.app-main-order .panel--main .panel-header .section-tooltip {
  margin-bottom: 0 !important;
}
.app-main-order .panel--main .panel-desc {
  width: 100%;
  margin-bottom: 0;
  margin-top: var(--spacing-1x);
}
.app-main-order .panel--main.has-slider .panel-body {
  min-height: 122px;
  padding: 16px 24px;
  display: flex;
  align-items: center;
}
.app-main-order .panel--main.has-slider .panel-body > .input-group {
  width: 100%;
}
@media (max-width: 767.98px) {
  .app-main-order .panel--main.has-slider .panel-body {
    padding: var(--panel-body-padding);
    padding: 24px;
  }
}
.app-main-order .panel--main.has-checkbox,
.app-main-order .panel--main.has-radio {
  margin-bottom: -24px;
}
.app-main-order .panel--main .row--osBox > div.open,
.app-main-order .panel--main .row--osBox > div.show {
  z-index: 15;
}
.app-main-order .panel--main .section-header > :last-child {
  margin-bottom: 0 !important;
}
.app-main-order .panel--main .package-title {
  word-break: break-all;
}
.app-main-order .panel--first,
.app-main-order .panel--section {
  margin-top: var(--ca-section-spacing) !important;
}
.app-main-order .panel--billing .alert {
  width: unset;
  display: inline-flex;
}
.app-main-order .panel--billing .alert:after {
  content: unset !important;
}
.app-main-order .panel--billing .alert.providerLinkingFeedback {
  display: block;
}
.app-main-order .panel--billing .has-error .control-label {
  color: var(--gray-base);
}
.app-main-order .panel--billing .has-error:after {
  content: unset;
}
.app-main-order .panel--billing .control-label {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--spacing-1x);
}
.app-main-order .panel--billing .control-label-info {
  color: var(--gray-lighter);
  text-transform: lowercase;
  margin-left: auto;
}
.app-main-order .panel-collapse .panel-body address {
  margin-top: 0;
}
.app-main-order .panel-collapse .row > .form-group {
  margin-bottom: 0;
}
.app-main-order .panel-group {
  border-radius: var(--panel-border-radius);
}
.app-main-order .panel-group .panel {
  margin-bottom: 0;
}
.app-main-order
  .panel-group-condensed
  > .panel
  .panel-heading
  + .panel-collapse
  > .list-group,
.app-main-order
  .panel-group-condensed
  > .panel
  .panel-heading
  + .panel-collapse
  > .panel-body {
  padding-top: 0;
}
.app-main-order .panel-group-condensed > .panel + .panel {
  margin-top: 0;
}
.app-main-order .panel-group-condensed .panel-check:before {
  content: unset;
}
.app-main-order .panel .btn-group .btn + .btn-icon,
.app-main-order .panel .btn-group .btn + .btn-icon.btn-sm {
  border-top-right-radius: var(--btn-sm-border-radius);
  border-bottom-right-radius: var(--btn-sm-border-radius);
}
.app-main-order .panel--orderfields .alert:after,
.app-main-order .panel--orderfields .has-error:after {
  content: unset !important;
}
.app-main-order .panel--orderfields .panel-body > div {
  display: flex;
}
.app-main-order .panel--orderfields .panel-body > div .form-group {
  margin-bottom: var(--spacing-1x);
  width: 100%;
}
.app-main-order
  .panel--orderfields
  .panel-body
  > div
  .form-group
  .checkbox-custom {
  margin-bottom: 0;
}
.app-main-order .panel--orderfields .panel-body > div .form-group .help-block {
  margin-top: 5px !important;
  margin-bottom: 0;
  word-break: break-word;
}
.app-main-order
  .panel--orderfields
  .panel-body
  > div
  .form-group
  .form-control {
  margin-bottom: var(--spacing-1x);
}
.app-main-order .panel--orderfields .panel-body > div:last-child .form-group,
.app-main-order
  .panel--orderfields
  .panel-body
  > div:last-child
  .form-group
  > :last-child {
  margin-bottom: 0;
}
.app-main-order
  .panel--orderfields
  .panel-body
  .checkbox-custom
  .control-label-info {
  color: var(--gray-lighter);
  text-transform: lowercase;
  margin-left: auto;
}
.app-main-order .panel--orderfields .panel-body .control-label {
  display: flex;
  justify-content: space-between;
}
.app-main-order .panel--orderfields .panel-body .control-label-info {
  color: var(--gray-lighter);
  text-transform: lowercase;
  margin-left: auto;
}
.app-main-order .panel--orderfields .panel-body .control-label span {
  word-break: break-word;
}
.app-main-order .social-login + .alert {
  margin-top: 24px;
}
.app-main-order .cc-item {
  color: var(--gray-darker);
  max-width: unset;
  border: 1px solid var(--gray-lighter-4);
  padding: 16px;
  display: flex !important;
}
.app-main-order .cc-item-name {
  font-size: var(--font-size-base) !important;
  padding-left: var(--spacing-2x) !important;
  order: unset;
  margin-left: 0;
}
.app-main-order .cc-item-checkbox {
  margin-left: 0;
}
.app-main-order .cc-item-checkbox .radio-styled {
  margin-right: 0;
}
.app-main-order .cc-item-expiry {
  font-size: var(--font-size-sm);
  line-height: 20px;
  margin-right: 24px;
  display: flex;
  color: var(--gray-base);
  margin-left: auto;
}
.app-main-order .cc-item-expiry span {
  color: var(--gray-darker);
  padding-left: 4px;
}
.app-main-order .cc-item-icon {
  width: unset;
}
.app-main-order .cc-item-icon svg {
  border-radius: 4px;
}
.app-main-order .cc-item-desc {
  margin-right: auto;
  margin-right: 16px;
}
.app-main-order .cc-item-status {
  margin-right: 24px;
}
.app-main-order .cc-item-status .status {
  color: var(--gray-darker);
}
.app-main-order .cc-item-status .status,
.app-main-order .cc-item > * {
  font-size: var(--font-size-sm);
  line-height: 20px;
}
.app-main-order .panel-check,
.app-main-order .panel-check--checkbox,
.app-main-order
  .panel-check:not(.panel--billing):not(.panel-check--payments):not(.checked) {
  transition:
    transform var(--transition-base),
    border-color var(--transition-base);
}
.app-main-order .panel-check--checkbox:hover,
.app-main-order
  .panel-check:not(.panel--billing):not(.panel-check--payments):not(
    .checked
  ):hover {
  transform: translate3d(0, -8px, 0);
}
.app-main-order .panel-check--checkbox:hover:before,
.app-main-order
  .panel-check:not(.panel--billing):not(.panel-check--payments):not(
    .checked
  ):hover:before {
  box-shadow: var(--package-hover-block-shadow);
}
.app-main-order .panel-check--checkbox:hover .check .checkbox-styled,
.app-main-order .panel-check--checkbox:hover .check .radio-styled,
.app-main-order
  .panel-check:not(.panel--billing):not(.panel-check--payments):not(
    .checked
  ):hover
  .check
  .checkbox-styled,
.app-main-order
  .panel-check:not(.panel--billing):not(.panel-check--payments):not(
    .checked
  ):hover
  .check
  .radio-styled {
  border-color: var(--brand-primary);
}
.app-main-order .panel-check.panel-check--payments .panel-collapse .panel-body {
  padding-left: 52px;
}
.app-main-order
  .panel-check.panel-check--payments
  .panel-collapse
  .panel-body
  .nav-tabs
  .nav-item
  .nav-link {
  min-height: 36px;
}
.app-main-order .panel-check.panel-check--payments .check-icon img {
  max-height: 25px;
  width: unset;
}
.app-main-order .panel-check.panel-check--payments img.check-icon {
  max-height: 25px;
  width: unset;
  align-self: center;
}
.app-main-order .panel-check .check > label {
  border-radius: var(--panel-border-radius);
}
.app-main-order .panel-header {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-3x);
}
.app-main-order .panel-header > i {
  color: var(--nav-tabs-link-icon-color);
  margin-left: var(--spacing-1x);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color var(--transition-base);
}
.app-main-order .panel-header > i:hover {
  color: var(--brand-primary);
}
.app-main-order .panel-header .panel-title {
  margin-bottom: 0;
  flex-grow: 0;
  display: contents;
}
.app-main-order .panel-header .panel-title + .panel-range-select {
  margin-left: var(--spacing-2x);
}
.app-main-order .panel-header .panel-range-select {
  display: flex;
}
.app-main-order .panel-header .panel-range-select > * + * {
  margin-left: var(--spacing-1x);
}
.app-main-order .panel-header .panel-range-select input {
  border: unset;
  border-bottom: 1px solid var(--gray-lighter-3);
  outline: none;
  padding: 0;
  font-size: var(--font-size-lg);
  line-height: var(--line-height-md);
  font-weight: var(--font-weight-light);
  color: var(--gray-darker);
  max-width: 60px;
  text-align: center;
  background-color: transparent;
  -moz-appearance: textfield;
}
.app-main-order
  .panel-header
  .panel-range-select
  input::-webkit-inner-spin-button,
.app-main-order
  .panel-header
  .panel-range-select
  input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.app-main-order .panel-header .panel-range-btn {
  background-color: unset;
  border: unset;
  width: 24px;
  height: 24px;
  color: var(--gray-icons);
}
@media (min-width: 768px) and (max-width: 1319.98px) {
  .app-main-order .cc-item {
    flex-wrap: wrap;
  }
  .app-main-order .cc-item-desc {
    order: 3;
    max-width: unset;
    width: 100%;
    white-space: normal;
    padding-left: 16px;
  }
  .app-main-order .cc-item-name {
    width: 30%;
    max-width: 30%;
    padding-left: var(--spacing-2x) !important;
  }
  .app-main-order .cc-item-expiry {
    margin-left: var(--spacing-1x);
    margin-right: 0;
  }
}
@media (max-width: 1319.98px) {
  .app-main-order .panel-addon .panel-icon {
    width: 250px;
    min-width: unset;
  }
  .app-main-order .panel-addon.has-icon .promo-slider-icon {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1319.98px) {
  .app-main-order .panel-addon .panel-body .panel-actions.panel-actions-suffix {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }
  .app-main-order
    .panel-addon
    .panel-body
    .panel-actions.panel-actions-suffix
    .btn {
    margin-top: var(--spacing-1x);
    width: 100%;
  }
  .app-main-order
    .panel-addon
    .panel-body
    .panel-actions.panel-actions-suffix
    .btn.btn-icon {
    width: 36px;
    min-width: 36px;
  }
  .app-main-order
    .panel-addon
    .panel-body
    .panel-actions.panel-actions-suffix
    .btn-group {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .app-main-order .panel-addon.checked.has-icon .panel-body {
    border-right: 0;
  }
}
@media (max-width: 991.98px) {
  .app-main-order .panel-addon.has-icon .panel-icon {
    position: absolute;
    right: -8px;
    top: -12px;
    width: 102px;
    height: 91px;
    overflow: hidden;
    clip-path: inset(12px 8px 0 0);
  }
  .app-main-order .panel-addon.has-icon .panel-icon .promo-slider-icon {
    top: -60px;
  }
  .app-main-order .panel-addon.has-icon .panel-body {
    border-radius: var(--panel-border-radius);
  }
  .app-main-order .panel-addon.has-icon .panel-body .panel-desc,
  .app-main-order .panel-addon.has-icon .panel-body .panel-title {
    padding-right: 90px;
  }
  .app-main-order .panel-addon--has-image.has-icon .panel-icon {
    height: auto;
    top: unset;
    clip-path: unset;
    position: relative;
  }
  .app-main-order .panel-addon--has-image.has-icon .panel-icon--default,
  .app-main-order .panel-addon--has-image.has-icon .panel-icon--icon,
  .app-main-order .panel-addon--has-image.has-icon .panel-icon--illustration,
  .app-main-order
    .panel-addon--has-image.has-icon
    .panel-icon--illustration-small {
    position: absolute;
    min-width: unset;
    top: -12px;
    height: 91px;
    clip-path: inset(12px 8px 0 0);
  }
  .app-main-order .panel-addon--has-image.has-icon .panel-icon--default img,
  .app-main-order .panel-addon--has-image.has-icon .panel-icon--icon img,
  .app-main-order
    .panel-addon--has-image.has-icon
    .panel-icon--illustration-small
    img,
  .app-main-order
    .panel-addon--has-image.has-icon
    .panel-icon--illustration
    img {
    width: 100%;
    height: unset;
    top: 0;
  }
  .app-main-order
    .panel-addon--has-image.has-icon
    .panel-icon--illustration-small
    img {
    margin-top: 0;
  }
  .app-main-order .panel-addon--has-image.has-icon .panel-icon--default {
    top: 0;
    clip-path: unset;
  }
  .app-main-order .panel-addon--has-image.has-icon .panel-icon--default img {
    transform: unset;
  }
  .app-main-order .panel-addon--has-image.has-icon .panel-icon--icon {
    clip-path: unset;
    width: unset;
    top: 8px;
  }
  .app-main-order .panel-addon--has-image.has-icon .panel-icon--icon img {
    transform: unset;
  }
  .app-main-order .panel-addon--has-image.has-icon .panel-body .panel-desc {
    padding-right: var(--spacing-2x);
  }
  .app-main-order .panel-addon--has-image.has-icon .panel-actions-price {
    margin-left: var(--spacing-2x);
  }
  .app-main-order .panel-addon--has-image.has-icon .panel-body .panel-desc {
    padding-right: 90px;
  }
  .app-main-order .panel.panel-addon-custom .panel-icon--default {
    position: absolute !important;
  }
  .app-main-order .panel--addonBox.panel--no-body .panel-icon {
    display: none;
  }
  .app-main-order .panel-check {
    max-width: unset;
  }
}
@media (max-width: 767.98px) {
  .app-main-order
    .panel-check.panel-check--payments
    .panel-collapse
    .panel-body {
    padding-left: var(--panel-body-padding);
  }
  .app-main-order .panel-addon .panel-body .btn-group > .btn:first-of-type,
  .app-main-order .panel-addon .panel-body .panel-actions > .btn:first-of-type {
    display: flex;
    justify-content: space-between;
  }
  .app-main-order .panel-addon .panel-body .panel-actions .btn-info {
    width: 100%;
  }
  .app-main-order .panel-collapse .row > .form-group + .form-group {
    margin-top: 16px;
  }
  .app-main-order .panel--main {
    margin-top: var(--spacing-2x);
  }
  .app-main-order .panel--main.has-checkbox,
  .app-main-order .panel--main.has-radio {
    margin-bottom: -16px;
  }
  .app-main-order .panel--main .panel-header {
    margin-bottom: var(--spacing-2x);
  }
  .app-main-order .cc-item-status {
    margin-right: 0;
    order: unset;
    justify-content: flex-end;
  }
  .app-main-order .cc-item-expiry {
    order: 2;
    width: 100%;
    padding-left: 34px;
    margin-top: 12px;
    min-width: 100%;
  }
  .app-main-order .cc-item-desc {
    padding-left: 34px;
    margin-top: 12px;
    width: 100%;
    max-width: unset;
    white-space: normal;
    margin-left: 0;
    min-width: 100%;
  }
  .app-main-order .cc-item-name {
    padding-left: var(--spacing-2x) !important;
  }
}
@media (max-width: 479.98px) {
  .app-main-order .panel-addon .panel-body .panel-actions {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }
  .app-main-order .panel-addon .panel-body .panel-actions .btn {
    margin-top: var(--spacing-1x);
    width: 100%;
    display: flex;
  }
  .app-main-order .panel-addon .panel-body .panel-actions .btn.btn-icon {
    width: 36px;
    min-width: 36px;
  }
  .app-main-order .panel-addon .panel-body .panel-actions .btn-group {
    width: 100%;
  }
  .app-main-order .panel.panel-addon-custom .panel-actions {
    align-items: flex-start;
  }
  .app-main-order
    .panel.panel-addon-custom
    .panel-actions
    .panel-actions-price {
    margin-left: 0 !important;
    margin-right: auto;
  }
  .app-main-order
    .panel.panel-addon-custom
    .panel-actions
    .panel-actions-price
    .price {
    text-align: left;
  }
  .app-main-order .panel.panel-addon-custom .panel-actions > div {
    width: 100%;
  }
  .app-main-order .panel-domain-incart .form-flex .form-group {
    flex-direction: column;
    align-items: flex-start;
  }
  .app-main-order .panel-domain-incart .form-flex .form-group > label {
    margin-bottom: var(--spacing-1x);
  }
}
.app-main-order .form-flex .form-group {
  display: flex;
  margin-bottom: 12px;
}
.app-main-order .form-flex .form-group > label {
  width: 158px;
  min-width: 158px;
  padding-right: 16px;
  margin: 0;
  line-height: var(--ui-height-base);
}
.app-main-order .form-flex .form-group-sm > label {
  line-height: var(--ui-height-sm);
}
.app-main-order .form-flex .form-group-sm .checkbox {
  margin-top: 5px;
  margin-bottom: 5px;
}
.app-main-order .form-flex .form-group:last-of-type {
  margin-bottom: 0;
}
.app-main-order .form-flex select.form-control {
  width: auto;
}
.app-main-order .form-flex--orderfields {
  display: flex;
  width: 100%;
}
.app-main-order .form-flex--orderfields .form-group {
  flex-direction: column;
  width: 100%;
  margin-bottom: var(--spacing-1x) !important;
  display: block;
}
.app-main-order .form-flex--orderfields .form-group .control-label {
  line-height: var(--line-height-base);
  width: 100%;
  padding-right: 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--spacing-1x);
}
.app-main-order .form-flex--orderfields .form-group .control-label-info {
  color: var(--gray-lighter);
  margin-left: auto;
}
.app-main-order .form-flex--orderfields .form-group .checkbox-custom,
.app-main-order .form-flex--orderfields .form-group .control-label {
  color: var(--text-body-color);
}
.app-main-order .form-flex--orderfields .form-group .checkbox-custom span,
.app-main-order .form-flex--orderfields .form-group .control-label span {
  word-break: break-word;
}
.app-main-order .form-flex--orderfields .form-group--checkbox .checkbox-custom {
  width: 100%;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
}
.app-main-order
  .form-flex--orderfields
  .form-group--checkbox
  .checkbox-custom
  .checkbox-styled {
  top: 2px;
}
.app-main-order
  .form-flex--orderfields
  .form-group--checkbox
  span:not(.help-block) {
  line-height: var(--line-height-base);
}
.app-main-order .form-flex--orderfields .form-group--checkbox .help-block {
  width: unset;
  margin-left: var(--spacing-3x);
}
.app-main-order .form-flex--orderfields .form-group .help-block {
  margin-top: 5px !important;
  margin-bottom: 0;
  word-break: break-word;
}
.app-main-order .form-flex--orderfields .form-group .form-control {
  margin-bottom: var(--spacing-1x);
  width: 100%;
}
.app-main-order .form-flex--orderfields .alert:after,
.app-main-order .form-flex--orderfields .has-error:after {
  content: unset !important;
}
.app-main-order .radio-label {
  display: flex;
  flex: 1;
}
.app-main-order .radio-label .price {
  margin-left: auto;
  font-weight: var(--font-weight-medium);
  padding-left: 16px;
}
.app-main-order .radio-label .text {
  color: var(--gray-base);
}
.app-main-order .radio-label .checked + .text {
  color: var(--gray-darker);
}
.app-main-order .checkbox-styled,
.app-main-order .icheckbox_square-blue,
.app-main-order .iradio_square-blue,
.app-main-order .radio-styled {
  height: 18px;
  width: 18px;
}
.app-main-order .checkbox-styled:before,
.app-main-order .icheckbox_square-blue:before {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
}
.app-main-order .checkbox-custom,
.app-main-order .radio-custom {
  display: flex;
  align-items: center;
  margin-top: 0;
}
.app-main-order .checkbox-custom label,
.app-main-order .radio-custom label {
  display: flex;
  align-items: center;
  width: 100%;
}
.app-main-order .checkbox-custom.checkbox-sm .checkbox-styled {
  width: 18px;
  height: 18px;
  margin-right: var(--spacing-1x);
}
.app-main-order .checkbox-custom.checkbox-sm .checkbox-styled:before {
  height: 16px;
  width: 16px;
}
.app-main-order .checkbox-custom.checkbox-sm label {
  padding-left: 26px;
}
.app-main-order .radio-custom {
  margin-top: var(--checkbox-spacing);
}
.app-main-order .radio-custom.radio-sm .radio-styled {
  width: 18px;
  height: 18px;
}
.app-main-order .radio-custom.radio-sm .radio-styled:before {
  height: 16px;
  width: 16px;
}
.app-main-order .radio-custom.radio-sm label {
  padding-left: 26px;
}
.app-main-order .check-custom input[type="checkbox"],
.app-main-order .check-custom input[type="radio"],
.app-main-order .checkbox-custom input[type="checkbox"],
.app-main-order .checkbox-custom input[type="radio"],
.app-main-order .radio-custom input[type="checkbox"],
.app-main-order .radio-custom input[type="radio"] {
  display: none;
}
.app-main-order .check-custom input[type="checkbox"]:checked + .checkbox-styled,
.app-main-order .check-custom input[type="checkbox"]:checked + .radio-styled,
.app-main-order .check-custom input[type="radio"]:checked + .checkbox-styled,
.app-main-order .check-custom input[type="radio"]:checked + .radio-styled,
.app-main-order
  .checkbox-custom
  input[type="checkbox"]:checked
  + .checkbox-styled,
.app-main-order .checkbox-custom input[type="checkbox"]:checked + .radio-styled,
.app-main-order .checkbox-custom input[type="radio"]:checked + .checkbox-styled,
.app-main-order .checkbox-custom input[type="radio"]:checked + .radio-styled,
.app-main-order .radio-custom input[type="checkbox"]:checked + .checkbox-styled,
.app-main-order .radio-custom input[type="checkbox"]:checked + .radio-styled,
.app-main-order .radio-custom input[type="radio"]:checked + .checkbox-styled,
.app-main-order .radio-custom input[type="radio"]:checked + .radio-styled {
  border-color: var(--brand-primary) !important;
  background: var(--brand-primary);
}
.app-main-order
  .check-custom
  input[type="checkbox"]:checked
  + .checkbox-styled:before,
.app-main-order
  .check-custom
  input[type="checkbox"]:checked
  + .radio-styled:before,
.app-main-order
  .check-custom
  input[type="radio"]:checked
  + .checkbox-styled:before,
.app-main-order
  .check-custom
  input[type="radio"]:checked
  + .radio-styled:before,
.app-main-order
  .checkbox-custom
  input[type="checkbox"]:checked
  + .checkbox-styled:before,
.app-main-order
  .checkbox-custom
  input[type="checkbox"]:checked
  + .radio-styled:before,
.app-main-order
  .checkbox-custom
  input[type="radio"]:checked
  + .checkbox-styled:before,
.app-main-order
  .checkbox-custom
  input[type="radio"]:checked
  + .radio-styled:before,
.app-main-order
  .radio-custom
  input[type="checkbox"]:checked
  + .checkbox-styled:before,
.app-main-order
  .radio-custom
  input[type="checkbox"]:checked
  + .radio-styled:before,
.app-main-order
  .radio-custom
  input[type="radio"]:checked
  + .checkbox-styled:before,
.app-main-order
  .radio-custom
  input[type="radio"]:checked
  + .radio-styled:before {
  opacity: 1;
  transform: scale(1);
}
.app-main-order .has-error {
  position: relative;
}
.app-main-order .has-error:after {
  font-family: lagom-small-icons;
  content: "\e912";
  position: absolute;
  top: 38px;
  right: 14px;
  color: var(--brand-danger);
}
.app-main-order .has-error--form:after {
  content: unset;
}
.app-main-order .has-error--form .form-control {
  position: relative;
}
.app-main-order .has-error--form .form-control:after {
  font-family: lagom-small-icons;
  content: "\e912";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 14px;
  color: var(--brand-danger);
}
.app-main-order .has-error.has-checkbox:after {
  content: unset;
}
.app-main-order .has-error .checkbox-styled {
  border-color: var(--brand-danger);
}
.app-main-order .has-error-pw:after {
  display: none;
}
.app-main-order .has-error-pw #passwordStrengthTextLabel,
.app-main-order .has-error-pw [data-toggle="tooltip"]:not(:hover) {
  color: var(--brand-danger);
}
.app-main-order .has-warning-pw #passwordStrengthTextLabel,
.app-main-order .has-warning-pw [data-toggle="tooltip"]:not(:hover) {
  color: var(--brand-warning);
}
.app-main-order .has-success-pw #passwordStrengthTextLabel,
.app-main-order .has-success-pw [data-toggle="tooltip"]:not(:hover) {
  color: var(--brand-success);
}
.app-main-order #mg-card-container-stripe .form-control {
  padding: 12px 16px;
}
.app-main-order .form-control-qty::-webkit-inner-spin-button,
.app-main-order .form-control-qty::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.app-main-order .form-control-qty[type="number"] {
  -moz-appearance: textfield;
}
.app-main-order .panel-range-select .panel-range-btn svg path {
  transition: fill var(--transition-base);
}
.app-main-order .panel-range-select .panel-range-btn:hover svg path {
  fill: var(--brand-primary);
}
.app-main-order .input-container-qty {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.app-main-order .input-container-qty .panel-range-btn {
  position: absolute;
  background-color: unset;
  color: var(--gray-icons);
  width: 32px;
  height: 32px;
  border: unset;
}
.app-main-order .input-container-qty .panel-range-btn--decrease {
  left: 16px;
  z-index: 3;
}
.app-main-order .input-container-qty .panel-range-btn--increase {
  right: 16px;
  z-index: 3;
}
.app-main-order .input-container-qty .panel-range-btn svg path {
  transition: fill var(--transition-base);
}
.app-main-order .input-container-qty .panel-range-btn:hover svg path {
  fill: var(--brand-primary);
}
.app-main-order .input-container-qty .form-control-qty {
  padding-left: 60px;
}
.app-main-order .input-container-qty + .range-slider-container-right {
  padding-left: 32px;
  min-width: 180px;
}
@media (max-width: 767.98px) {
  .app-main-order .input-group--qty {
    flex-direction: column;
  }
  .app-main-order .input-container-qty + .range-slider-container-right {
    padding-left: 0;
    min-width: unset;
    margin-top: var(--spacing-3x);
  }
}
.app-main-order .check-content.has-pcg {
  display: flex;
  align-items: center;
}
.app-main-order .check-content.has-pcg .pcg-label {
  border: 1px solid var(--gray-lighter-4);
  border-radius: var(--border-radius-sm);
  display: flex;
  margin-left: 10px;
  font-size: 12px;
  padding: 1px 8px;
}
.app-main-order .check-content.has-pcg .pcg-label span:first-of-type {
  color: var(--gray-base);
  margin-right: 4px;
}
@media (max-width: 479px) {
  .app-main-order .form-flex .form-group > * {
    width: 100%;
    min-width: unset;
  }
  .app-main-order .form-flex .form-group label {
    flex-grow: 1;
    width: unset;
    min-width: unset;
  }
}
.app-main-order .btn-group .btn + .btn-icon {
  border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
  margin-left: 0;
}
.app-main-order .btn-group .btn + .btn-icon.btn-default {
  color: var(--btn-default-color);
  background: var(--btn-default-bg);
  border-color: var(--btn-default-border);
}
.app-main-order .btn-group .btn + .btn-icon.btn-default.focus,
.app-main-order .btn-group .btn + .btn-icon.btn-default:focus,
.app-main-order .btn-group .btn + .btn-icon.btn-default:hover {
  color: var(--btn-default-hover-color);
  background-color: var(--btn-default-hover-bg);
  border-color: var(--btn-default-hover-border);
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default:not(:disabled):not(.disabled).active,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default:not(:disabled):not(.disabled):active,
.open
  > .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default:not(:disabled):not(.disabled).dropdown-toggle {
  color: var(--btn-default-hover-color);
  background-color: var(--btn-default-active-bg);
  border-color: var(--btn-default-active-border);
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default:not(:disabled):not(.disabled).active.focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default:not(:disabled):not(.disabled).active:focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default:not(:disabled):not(.disabled).active:hover,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default:not(:disabled):not(.disabled):active.focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default:not(:disabled):not(.disabled):active:focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default:not(:disabled):not(.disabled):active:hover,
.open
  > .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default:not(:disabled):not(.disabled).dropdown-toggle.focus,
.open
  > .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default:not(:disabled):not(.disabled).dropdown-toggle:focus,
.open
  > .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default:not(:disabled):not(.disabled).dropdown-toggle:hover {
  color: var(--btn-default-hover-color);
  background-color: var(--btn-default-hover-bg);
  border-color: var(--btn-default-hover-border);
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default.btn-link:not(.btn-outline) {
  color: var(--btn-default-color);
  background-color: transparent;
  border-color: transparent;
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default.btn-link:not(.btn-outline).focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default.btn-link:not(.btn-outline):focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default.btn-link:not(.btn-outline):hover,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ).active,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ).active.focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ).active:focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ).active:hover,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ):active,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ):active.focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ):active:focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ):active:hover {
  color: var(--btn-default-hover-color);
  background-color: transparent;
  border-color: transparent;
}
.app-main-order .btn-group .btn + .btn-icon.btn-default.active,
.app-main-order .btn-group .btn + .btn-icon.btn-default:active,
.open
  > .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default.dropdown-toggle {
  background-image: none;
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default.disabled:not(.btn-warning):not(.btn-success):not(
    .btn-danger
  ):not(.btn-info):not(.btn-primary-faded),
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default[disabled]:not(.btn-warning):not(.btn-success):not(
    .btn-danger
  ):not(.btn-info):not(.btn-primary-faded),
fieldset[disabled] .app-main-order .btn-group .btn + .btn-icon.btn-default {
  color: var(--btn-disabled-color);
  background-color: var(--btn-disabled-bg);
  border-color: var(--btn-disabled-border);
  cursor: not-allowed;
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default.disabled:not(.btn-warning):not(.btn-success):not(
    .btn-danger
  ):not(.btn-info):not(.btn-primary-faded)
  .loader
  .spinner
  > div,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default[disabled]:not(.btn-warning):not(.btn-success):not(
    .btn-danger
  ):not(.btn-info):not(.btn-primary-faded)
  .loader
  .spinner
  > div,
fieldset[disabled]
  .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default
  .loader
  .spinner
  > div {
  background: var(--btn-disabled-color);
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default.disabled:not(.btn-primary):not(.btn-default),
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-default[disabled]:not(.btn-primary):not(.btn-default) {
  cursor: not-allowed;
  opacity: 0.6;
}
.app-main-order .btn-group .btn + .btn-icon.btn-default .badge {
  color: var(--btn-default-bg);
  background-color: var(--btn-default-color);
}
.app-main-order .btn-group .btn + .btn-icon.btn-default i.ls-caret {
  color: var(--ui-icon-color);
}
.app-main-order .btn-group .btn + .btn-icon.btn-primary {
  color: var(--btn-primary-color) !important;
  background: var(--btn-primary-bg) !important;
  border-color: var(--btn-primary-border);
}
.app-main-order .btn-group .btn + .btn-icon.btn-primary.focus,
.app-main-order .btn-group .btn + .btn-icon.btn-primary:focus,
.app-main-order .btn-group .btn + .btn-icon.btn-primary:hover {
  color: var(--btn-primary-hover-color) !important;
  background-color: var(--btn-primary-hover-bg) !important;
  border-color: var(--btn-primary-hover-border);
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary:not(:disabled):not(.disabled).active,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary:not(:disabled):not(.disabled):active,
.open
  > .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary:not(:disabled):not(.disabled).dropdown-toggle {
  color: var(--btn-primary-hover-color) !important;
  background-color: var(--btn-primary-active-bg) !important;
  border-color: var(--btn-primary-active-border) !important;
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary:not(:disabled):not(.disabled).active.focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary:not(:disabled):not(.disabled).active:focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary:not(:disabled):not(.disabled).active:hover,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary:not(:disabled):not(.disabled):active.focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary:not(:disabled):not(.disabled):active:focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary:not(:disabled):not(.disabled):active:hover,
.open
  > .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary:not(:disabled):not(.disabled).dropdown-toggle.focus,
.open
  > .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary:not(:disabled):not(.disabled).dropdown-toggle:focus,
.open
  > .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary:not(:disabled):not(.disabled).dropdown-toggle:hover {
  color: var(--btn-primary-hover-color) !important;
  background-color: var(--btn-primary-hover-bg) !important;
  border-color: var(--btn-primary-hover-border);
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary.btn-link:not(.btn-outline) {
  color: var(--btn-primary-color) !important;
  background-color: transparent;
  border-color: transparent;
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary.btn-link:not(.btn-outline).focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary.btn-link:not(.btn-outline):focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary.btn-link:not(.btn-outline):hover,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ).active,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ).active.focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ).active:focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ).active:hover,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ):active,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ):active.focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ):active:focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ):active:hover {
  color: var(--btn-primary-hover-color) !important;
  background-color: transparent;
  border-color: transparent;
}
.app-main-order .btn-group .btn + .btn-icon.btn-primary.active,
.app-main-order .btn-group .btn + .btn-icon.btn-primary:active,
.open
  > .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary.dropdown-toggle {
  background-image: none;
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary.disabled:not(.btn-warning):not(.btn-success):not(
    .btn-danger
  ):not(.btn-info):not(.btn-primary-faded),
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary[disabled]:not(.btn-warning):not(.btn-success):not(
    .btn-danger
  ):not(.btn-info):not(.btn-primary-faded),
fieldset[disabled] .app-main-order .btn-group .btn + .btn-icon.btn-primary {
  color: var(--btn-disabled-color) !important;
  background-color: var(--btn-disabled-bg) !important;
  border-color: var(--btn-disabled-border);
  cursor: not-allowed;
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary.disabled:not(.btn-warning):not(.btn-success):not(
    .btn-danger
  ):not(.btn-info):not(.btn-primary-faded)
  .loader
  .spinner
  > div,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary[disabled]:not(.btn-warning):not(.btn-success):not(
    .btn-danger
  ):not(.btn-info):not(.btn-primary-faded)
  .loader
  .spinner
  > div,
fieldset[disabled]
  .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary
  .loader
  .spinner
  > div {
  background: var(--btn-disabled-color) !important;
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary.disabled:not(.btn-primary):not(.btn-default),
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary[disabled]:not(.btn-primary):not(.btn-default) {
  cursor: not-allowed;
  opacity: 0.6;
}
.app-main-order .btn-group .btn + .btn-icon.btn-primary .badge {
  color: var(--btn-primary-bg) !important;
  background-color: var(--btn-primary-color) !important;
}
.app-main-order .btn-group .btn + .btn-icon.btn-primary-faded {
  color: var(--btn-primary-faded-color) !important;
  background: var(--btn-primary-faded-bg) !important;
  border-color: var(--btn-primary-faded-border);
}
.app-main-order .btn-group .btn + .btn-icon.btn-primary-faded.focus,
.app-main-order .btn-group .btn + .btn-icon.btn-primary-faded:focus,
.app-main-order .btn-group .btn + .btn-icon.btn-primary-faded:hover {
  color: var(--btn-primary-faded-hover-color) !important;
  background-color: var(--btn-primary-faded-hover-bg) !important;
  border-color: var(--btn-primary-faded-hover-border);
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded:not(:disabled):not(.disabled).active,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded:not(:disabled):not(.disabled):active,
.open
  > .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded:not(:disabled):not(.disabled).dropdown-toggle {
  color: var(--btn-primary-faded-hover-color) !important;
  background-color: var(--btn-primary-faded-active-bg) !important;
  border-color: var(--btn-primary-faded-active-border) !important;
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded:not(:disabled):not(.disabled).active.focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded:not(:disabled):not(.disabled).active:focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded:not(:disabled):not(.disabled).active:hover,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded:not(:disabled):not(.disabled):active.focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded:not(:disabled):not(.disabled):active:focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded:not(:disabled):not(.disabled):active:hover,
.open
  > .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded:not(:disabled):not(
    .disabled
  ).dropdown-toggle.focus,
.open
  > .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded:not(:disabled):not(
    .disabled
  ).dropdown-toggle:focus,
.open
  > .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded:not(:disabled):not(
    .disabled
  ).dropdown-toggle:hover {
  color: var(--btn-primary-faded-hover-color) !important;
  background-color: var(--btn-primary-faded-hover-bg) !important;
  border-color: var(--btn-primary-faded-hover-border);
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded.btn-link:not(.btn-outline) {
  color: var(--btn-primary-faded-color) !important;
  background-color: transparent;
  border-color: transparent;
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded.btn-link:not(.btn-outline).focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded.btn-link:not(.btn-outline):focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded.btn-link:not(.btn-outline):hover,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ).active,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ).active.focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ).active:focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ).active:hover,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ):active,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ):active.focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ):active:focus,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded.btn-link:not(.btn-outline):not(:disabled):not(
    .disabled
  ):active:hover {
  color: var(--btn-primary-faded-hover-color) !important;
  background-color: transparent;
  border-color: transparent;
}
.app-main-order .btn-group .btn + .btn-icon.btn-primary-faded.active,
.app-main-order .btn-group .btn + .btn-icon.btn-primary-faded:active,
.open
  > .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded.dropdown-toggle {
  background-image: none;
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded.disabled:not(.btn-warning):not(
    .btn-success
  ):not(.btn-danger):not(.btn-info):not(.btn-primary-faded),
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded[disabled]:not(.btn-warning):not(
    .btn-success
  ):not(.btn-danger):not(.btn-info):not(.btn-primary-faded),
fieldset[disabled]
  .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded {
  color: var(--btn-disabled-color) !important;
  background-color: var(--btn-disabled-bg) !important;
  border-color: var(--btn-disabled-border);
  cursor: not-allowed;
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded.disabled:not(.btn-warning):not(
    .btn-success
  ):not(.btn-danger):not(.btn-info):not(.btn-primary-faded)
  .loader
  .spinner
  > div,
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded[disabled]:not(.btn-warning):not(
    .btn-success
  ):not(.btn-danger):not(.btn-info):not(.btn-primary-faded)
  .loader
  .spinner
  > div,
fieldset[disabled]
  .app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded
  .loader
  .spinner
  > div {
  background: var(--btn-disabled-color) !important;
}
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded.disabled:not(.btn-primary):not(.btn-default),
.app-main-order
  .btn-group
  .btn
  + .btn-icon.btn-primary-faded[disabled]:not(.btn-primary):not(.btn-default) {
  cursor: not-allowed;
  opacity: 0.6;
}
.app-main-order .btn-group .btn + .btn-icon.btn-primary-faded .badge {
  color: var(--btn-primary-faded-bg) !important;
  background-color: var(--btn-primary-faded-color) !important;
}
.app-main-order .btn-loader {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
}
.app-main-order .btn.is-loading .btn-text {
  visibility: hidden;
}
.app-main-order .dropdown-menu {
  transition:
    var(--show-animation),
    visibility 0.08s;
  display: block;
}
.app-main-order .dropdown-menu a.radio {
  margin: 0;
  padding: 0;
}
.app-main-order .dropdown-menu a.radio:hover {
  padding-left: 0 !important;
}
.app-main-order .dropdown-menu a.radio .radio-label {
  padding: var(--spacing-1x) var(--spacing-2x);
}
.app-main-order .dropdown-menu a.radio .radio-label.checked .radio-styled {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
}
.app-main-order
  .dropdown-menu
  a.radio
  .radio-label.checked
  .radio-styled:before {
  opacity: 1;
  transform: scale(1);
}
.app-main-order .dropdown-menu a.radio .radio-styled {
  top: 50%;
  left: unset;
  transform: translateY(-50%);
  position: absolute;
  margin-right: var(--spacing-1x);
}
.app-main-order .dropdown-menu a.radio .text {
  padding-left: 26px;
}
.app-main-order .dropdown-menu a.radio .radio-text-content {
  padding-left: 26px;
  width: 100%;
}
.app-main-order .dropdown-menu a.radio .radio-text-content .radio-name-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.app-main-order .dropdown-menu a.radio .radio-text-content .text {
  margin-right: auto;
  padding-left: 0;
}
.app-main-order .dropdown-menu a.radio .radio-text-content .radio-price {
  font-weight: var(--font-weight-medium);
}
.app-main-order .dropdown-menu a.radio .radio-text-content .radio-setupfee {
  font-size: var(--font-size-sm);
}
.app-main-order .dropdown-menu.ps {
  max-height: 268px;
}
.app-main-order .dropdown-menu-item::marker {
  display: none;
}
.app-main-order .order-summary {
  padding: 0;
  z-index: 999;
}
@media (max-width: 991.98px) {
  .app-main-order .order-summary {
    max-height: unset;
  }
}
.app-main-order .order-summary .panel-footer {
  margin-top: calc(
    var(--panel-summary-list-item-padding-v) - var(--panel-body-padding)
  );
}
.app-main-order .order-summary .panel-footer:not(.has-divider):after,
.app-main-order .order-summary .panel-footer:not(.has-divider):before {
  display: none !important;
}
.app-main-order .order-summary .panel-footer .btn {
  transition:
    color var(--btn-transition),
    background-color var(--btn-transition),
    border-color var(--btn-transition);
}
.app-main-order .order-summary .panel-footer.is-fixed {
  align-items: center;
  background: var(--ui-block-bg);
  border-radius: 0 !important;
}
.app-main-order .order-summary .panel-footer.is-fixed:after {
  display: none;
}
.app-main-order .order-summary .panel-footer.is-fixed .summary-actions {
  min-height: 72px;
}
.app-main-order .order-summary .panel-footer.is-fixed .summary-no-data {
  display: none !important;
}
.app-main-order .order-summary .panel-footer.is-fixed .price-amount {
  align-items: center;
  position: relative;
}
.app-main-order
  .order-summary
  .panel-footer.is-fixed
  .price-amount
  #totalDueToday {
  text-align: left;
}
.app-main-order .order-summary .panel-footer.is-fixed .price-amount .loader {
  display: block !important;
  position: absolute;
  right: -28px;
  top: 50%;
  transform: translateY(-50%);
}
.app-main-order .order-summary .panel-footer:not(.is-fixed):before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: var(--panel-body-padding);
  right: var(--panel-body-padding);
  height: 1px;
  background-color: var(--ui-block-divider-color);
}
.app-main-order .order-summary .panel-footer .summary-actions {
  flex-basis: 0;
  flex-grow: 1;
}
.app-main-order .order-summary .panel-footer .summary-actions-orderfields {
  overflow-y: scroll;
  max-height: 56px;
  flex-grow: 1;
}
.app-main-order
  .order-summary
  .panel-footer
  .summary-actions-orderfields::-webkit-scrollbar {
  width: 4px;
}
.app-main-order
  .order-summary
  .panel-footer
  .summary-actions-orderfields::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 2px;
}
.app-main-order
  .order-summary
  .panel-footer
  .summary-actions-orderfields
  > :last-child
  .form-group,
.app-main-order
  .order-summary
  .panel-footer
  .summary-actions-orderfields
  > :last-child
  .form-group
  > :last-child {
  margin-bottom: 0;
}
.app-main-order .order-summary .content-scroll {
  overflow: hidden;
  margin-right: -16px;
  padding-right: 16px;
  scrollbar-color: var(--gray-lighter-4) #fff;
  scrollbar-width: thin;
}
.app-main-order .order-summary .content-scroll.has-scroll {
  overflow-y: auto;
  min-height: 160px;
  max-height: calc(100vh - 520px);
}
@media (max-width: 991.98px) {
  .app-main-order .order-summary .content-scroll {
    overflow-y: visible;
    overflow: visible;
    max-height: unset;
  }
}
.app-main-order .order-summary .content-scroll > .summary-list:first-of-type {
  padding-top: 0;
}
.app-main-order .order-summary .content-scroll::-webkit-scrollbar {
  width: var(--scrollbar-width);
}
.app-main-order .order-summary .content-scroll::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: calc(var(--scrollbar-width) / 2);
}
.app-main-order .order-summary .content-scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: calc(var(--scrollbar-width) / 2);
}
.app-main-order .order-summary .content-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.25);
}
.app-main-order .order-summary .checkbox {
  margin: var(--spacing-2x) 0 0;
}
.app-main-order .order-summary .checkbox > label,
.app-main-order .order-summary .radio > label {
  color: var(--text-body-color);
}
.app-main-order .order-summary .checkbox > label a,
.app-main-order .order-summary .radio > label a {
  color: var(--link-color);
}
.app-main-order .order-summary .checkbox > label a:hover,
.app-main-order .order-summary .radio > label a:hover {
  color: var(--link-hover-color);
}
.app-main-order .order-summary.panel-summary-primary .summary-list {
  border-bottom-color: var(--primary-block-divider-color) !important;
  border-top-color: var(--primary-block-divider-color) !important;
}
.app-main-order
  .order-summary.panel-summary-primary
  .summary-list
  .item-value--savings {
  color: #fff;
}
.app-main-order .order-summary.panel-summary-primary .checkbox > label,
.app-main-order .order-summary.panel-summary-primary .radio > label,
.app-main-order
  .order-summary.panel-summary-primary
  .summary-list
  .list-item
  .item-name
  span {
  color: var(--primary-block-title-color);
}
.app-main-order .order-summary.panel-summary-primary .checkbox > label a,
.app-main-order .order-summary.panel-summary-primary .radio > label a {
  color: var(--primary-block-text-color);
}
.app-main-order .order-summary.panel-summary-primary .checkbox > label a:hover,
.app-main-order .order-summary.panel-summary-primary .radio > label a:hover {
  color: var(--primary-block-text-faded-color);
}
.app-main-order .order-summary.panel-summary-primary .panel-footer.is-fixed {
  background: var(--primary-block-bg);
}
.app-main-order .order-summary.panel-summary-primary .panel-footer:before {
  background-color: unset;
  background-color: var(--primary-block-divider-color);
}
.app-main-order .order-summary.panel-summary-primary .item-domain {
  color: var(--primary-block-text-color) !important;
}
.app-main-order
  .order-summary.panel-summary-primary
  .summary-list-setup
  .list-item
  .item-name,
.app-main-order
  .order-summary.panel-summary-primary
  .summary-list-setup
  .list-item
  .item-value,
.app-main-order
  .order-summary.panel-summary-primary
  .summary-list-setup
  .list-item:not(.faded) {
  color: var(--primary-block-text-color);
}
.app-main-order
  .order-summary.panel-summary-primary
  .content-scroll::-webkit-scrollbar-track {
  background: var(--scrollbar-secondary-track-bg);
}
.app-main-order
  .order-summary.panel-summary-primary
  .content-scroll::-webkit-scrollbar-thumb {
  background: var(--scrollbar-secondary-thumb-bg);
}
.app-main-order
  .order-summary.panel-summary-primary
  .content-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-secondary-thumb-hover-bg);
}
.app-main-order
  .order-summary.panel-summary-primary
  .form-flex--orderfields
  .form-group
  .checkbox-custom,
.app-main-order
  .order-summary.panel-summary-primary
  .form-flex--orderfields
  .form-group
  .control-label {
  color: var(--primary-block-title-color);
}
.app-main-order
  .order-summary.panel-summary-primary
  .form-flex--orderfields
  .form-group
  .checkbox-custom
  a,
.app-main-order
  .order-summary.panel-summary-primary
  .form-flex--orderfields
  .form-group
  .control-label
  a,
.app-main-order
  .order-summary.panel-summary-primary
  .form-flex--orderfields
  .help-block {
  color: var(--primary-block-text-color);
}
.app-main-order .order-summary.panel-summary-secondary .summary-list {
  border-bottom-color: var(--secondary-block-divider-color) !important;
  border-top-color: var(--secondary-block-divider-color) !important;
}
.app-main-order
  .order-summary.panel-summary-secondary
  .summary-list
  .item-value--savings {
  color: #fff;
}
.app-main-order .order-summary.panel-summary-secondary .checkbox > label,
.app-main-order .order-summary.panel-summary-secondary .radio > label,
.app-main-order
  .order-summary.panel-summary-secondary
  .summary-list
  .list-item
  .item-name
  span {
  color: var(--secondary-block-title-color);
}
.app-main-order .order-summary.panel-summary-secondary .checkbox > label a,
.app-main-order .order-summary.panel-summary-secondary .radio > label a {
  color: var(--secondary-block-text-color);
}
.app-main-order
  .order-summary.panel-summary-secondary
  .checkbox
  > label
  a:hover,
.app-main-order .order-summary.panel-summary-secondary .radio > label a:hover {
  color: var(--secondary-block-text-faded-color);
}
.app-main-order .order-summary.panel-summary-secondary .panel-footer.is-fixed {
  background: var(--secondary-block-bg);
}
.app-main-order .order-summary.panel-summary-secondary .panel-footer:before {
  background-color: unset;
  background: var(--secondary-block-divider-color);
}
.app-main-order .order-summary.panel-summary-secondary .item-domain {
  color: var(--secondary-block-text-color) !important;
}
.app-main-order
  .order-summary.panel-summary-secondary
  .summary-list-setup
  .list-item
  .item-name,
.app-main-order
  .order-summary.panel-summary-secondary
  .summary-list-setup
  .list-item
  .item-value,
.app-main-order
  .order-summary.panel-summary-secondary
  .summary-list-setup
  .list-item:not(.faded) {
  color: var(--secondary-block-text-color);
}
.app-main-order
  .order-summary.panel-summary-secondary
  .content-scroll::-webkit-scrollbar-track {
  background: var(--scrollbar-secondary-track-bg);
}
.app-main-order
  .order-summary.panel-summary-secondary
  .content-scroll::-webkit-scrollbar-thumb {
  background: var(--scrollbar-secondary-thumb-bg);
}
.app-main-order
  .order-summary.panel-summary-secondary
  .content-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-secondary-thumb-hover-bg);
}
.app-main-order
  .order-summary.panel-summary-secondary
  .form-flex--orderfields
  .form-group
  .checkbox-custom,
.app-main-order
  .order-summary.panel-summary-secondary
  .form-flex--orderfields
  .form-group
  .control-label {
  color: var(--primary-block-title-color);
}
.app-main-order
  .order-summary.panel-summary-secondary
  .form-flex--orderfields
  .form-group
  .checkbox-custom
  a,
.app-main-order
  .order-summary.panel-summary-secondary
  .form-flex--orderfields
  .form-group
  .control-label
  a,
.app-main-order
  .order-summary.panel-summary-secondary
  .form-flex--orderfields
  .help-block {
  color: var(--primary-block-text-color);
}
.app-main-order .order-summary + .promocode {
  margin-top: calc(-1 * var(--spacing-1x));
}
.app-main-order .summary-list .list-item {
  align-items: center;
}
.app-main-order .summary-list .list-item .item-value {
  flex-basis: 25%;
  white-space: nowrap;
}
.app-main-order .summary-list .list-item .item-value .line-through,
.app-main-order
  .summary-list
  .list-item
  .item-value
  [style*="font-size: 1.2em; text-decoration: line-through;"] {
  font-size: inherit !important;
  color: hsla(0, 0%, 100%, 0.48);
}
.app-main-order .summary-list .list-item .item-name {
  max-width: 75%;
  flex-basis: 75%;
}
.app-main-order .summary-list .list-item .item-name span {
  color: var(--gray-darker);
}
.app-main-order .summary-list .list-item .item-actions {
  padding-left: 8px;
}
.app-main-order .summary-list .list-item .item-actions a {
  color: var(--panel-summary-list-color-faded);
}
.app-main-order .summary-list .list-item .item-actions a:hover {
  color: #fff;
}
.app-main-order .summary-list .list-item-main .item-domain {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  font-weight: var(--font-weight-base);
  color: var(--brand-primary);
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-main-order .summary-list .list-item-main .item-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-width: 75%;
  flex-basis: 75%;
}
.app-main-order .summary-list .list-item-main .item-info > * {
  max-width: unset;
  flex-basis: unset;
}
.app-main-order .summary-list .product-wrapper {
  padding-top: 4px;
}
.app-main-order .summary-list .product-wrapper .list-item {
  padding-bottom: 2px;
  padding-top: 0;
  line-height: 20px;
}
.app-main-order .summary-list .product-wrapper .list-item:last-of-type {
  padding-bottom: 0;
}
.app-main-order .summary-list .item-name--savings {
  line-height: 20px;
}
.app-main-order .summary-list .item-name--savings span {
  color: var(--panel-summary-list-color-faded);
}
.app-main-order .summary-list .item-delete {
  cursor: pointer;
  margin-left: 8px;
  transition: color var(--transition-base);
}
.app-main-order .summary-list .item-delete:hover {
  color: var(--brand-danger-darker);
}
.app-main-order .summary-list-main > * + * {
  margin-top: 16px;
}
.app-main-order .summary-list-main .product-name .item-name {
  font-size: var(--font-size-base) !important;
  line-height: var(--line-height-base);
}
.app-main-order .summary-list-totals .product-name .item-name {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-base);
  line-height: 20px;
}
.app-main-order .summary-list-totals .list-item {
  padding-bottom: 0;
  line-height: 20px;
}
.app-main-order .summary-list-totals .list-item + * {
  padding-top: 6px;
}
.app-main-order .summary-list-taxes:not(:last-of-type) {
  border-bottom: 1px solid var(--ui-block-divider-color);
}
.app-main-order .summary-list-renewal {
  padding-bottom: 0;
}
.app-main-order .summary-list-renewal-last {
  border-bottom: 1px solid var(--ui-block-divider-color);
  padding-bottom: 16px;
}
.app-main-order
  .summary-list-renewal.order-summary-list--renewal-last:not(:last-child),
.app-main-order .summary-list-renewal:not(.order-summary-list--renewal-last) {
  padding-bottom: 20px;
}
.app-main-order .summary-list-renewal li + li {
  margin-top: 8px;
}
.app-main-order .summary-list-domain-last {
  border-bottom: 1px solid var(--ui-block-divider-color);
}
.app-main-order .summary-list-domain .product-domain-info .item-name {
  font-size: var(--font-size-base) !important;
}
.app-main-order .summary-list-setup {
  padding-bottom: 0;
  border-top: 1px solid var(--ui-block-divider-color);
}
.app-main-order .summary-list-setup .list-item .item-name,
.app-main-order .summary-list-setup .list-item .item-value,
.app-main-order .summary-list-setup .list-item:not(.faded) {
  color: var(--panel-summary-list-color-faded);
}
.app-main-order .summary-bottom:not(.is-fixed) .bottom-content {
  padding: 0;
  width: auto;
}
@media (max-width: 767.98px) {
  .app-main-order .summary-bottom .summary-actions {
    flex-direction: column-reverse;
    display: flex;
  }
  .app-main-order .summary-bottom .summary-actions .checkbox {
    margin: 0;
  }
  .app-main-order .summary-bottom .summary-actions .btn {
    width: 100%;
    margin: var(--spacing-2x) 0 0;
  }
  .app-main-order .summary-bottom .price-amount {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
@media (min-width: 768px) {
  .app-main-order .summary-sidebar .bottom-content {
    width: unset;
  }
  .app-main-order .summary-sidebar .summary-actions label {
    padding-left: 0;
  }
  .app-main-order .summary-sidebar .bottom-content {
    padding: 0;
  }
}
.app-main-order .summary-actions .checkbox-custom {
  flex-direction: column;
  width: 100%;
}
.app-main-order .summary-actions .checkbox-custom .alert {
  width: 100%;
}
.app-main-order .summary-actions .checkbox-custom .alert:after {
  content: unset;
}
.app-main-order .summary-actions .checkbox-custom .checkbox-styled {
  position: relative;
  margin-right: 6px;
}
.app-main-order .summary-no-data {
  padding: 24px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  flex-direction: column;
  margin-bottom: 8px;
  margin-top: -8px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23DCDEE2FF' stroke-width='2' stroke-dasharray='7, 12' stroke-linecap='square'/%3E%3C/svg%3E");
}
.app-main-order .summary-no-data i {
  color: var(--gray-icons);
}
.app-main-order .summary-no-data__text {
  font-size: var(--font-size-sm);
  line-height: 20px;
  margin-top: 16px;
  color: var(--gray-darker);
}
.app-main-order .order-summary.panel-summary-primary .summary-no-data i {
  color: var(--primary-block-text-faded-color);
}
.app-main-order .order-summary.panel-summary-primary .summary-no-data__text {
  color: var(--primary-block-title-color);
}
.app-main-order .order-summary.panel-summary-secondary .summary-no-data i {
  color: var(--secondary-block-text-faded-color);
}
.app-main-order .order-summary.panel-summary-secondary .summary-no-data__text {
  color: var(--secondary-block-title-color);
}
.app-main-order .promocode {
  position: relative;
  margin-top: 16px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.app-main-order .promocode > .btn {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  opacity: 1;
}
.app-main-order .promocode > .btn:not(:hover) {
  color: var(--gray-base);
  opacity: 0.64;
}
.app-main-order .promocode .input-group {
  border: 1px solid transparent;
  width: 100%;
  padding: 8px 8px 8px 16px;
  border-radius: var(--border-radius-base);
  z-index: 5;
  flex-wrap: nowrap;
  border: var(--ui-block-border);
  box-shadow: var(--ui-block-shadow);
  background: var(--ui-block-bg);
}
.app-main-order .promocode .input-group input {
  height: 36px;
}
.app-main-order .promocode .input-group .btn {
  height: 36px;
  min-width: 68px;
}
.app-main-order .promocode .form-control {
  border: 0;
  padding: 0;
  font-size: var(--font-size-base);
  box-shadow: none;
}
.app-main-order .promocode .form-control[readonly] {
  background: transparent;
}
.app-main-order .promocode.has-error:after {
  content: unset;
}
.app-main-order .promocode.has-error .alert:after {
  right: 44px;
}
.app-main-order .promocode.has-error .input-group {
  border: 1px solid var(--brand-danger);
}
.app-main-order .promocode-btn {
  color: var(--text-body-color);
  text-align: center;
  cursor: pointer;
  font-size: var(--font-size-sm);
  line-height: 20px;
}
.app-main-order .promocode .alert-danger {
  margin-top: 8px;
  margin-bottom: 0;
}
.app-main-order .promocode--invalid-code .input-group {
  border-color: var(--brand-danger);
}
.app-main-order .promocode--not-applied {
  width: 100%;
  margin-top: 0;
}
.app-main-order .order-content:not(.full-width) .order-summary {
  min-height: 386px;
}
.app-main-order .order-content:not(.full-width) .order-summary .content-scroll {
  min-height: 97px;
}
@media (min-width: 992px) {
  .app-main-order .order-sidebar .panel-footer .summary-actions-orderfields {
    max-height: unset;
    overflow-y: unset;
  }
}
@media (min-width: 992px) {
  .app-main-order .order-sidebar-content {
    transition: top var(--transition-base);
    position: sticky;
    top: 24px;
    z-index: 1;
  }
}
@media (max-width: 991.98px) {
  .app-main-order .order-sidebar {
    margin: 32px 0;
  }
  .app-main-order .order-sidebar [data-fixed-actions].is-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 16px;
    box-shadow:
      0 0 1px rgba(0, 0, 0, 0.12),
      0 -2px 32px rgba(0, 0, 0, 0.08);
    z-index: 1003;
  }
  .app-main-order .order-sidebar [data-fixed-actions].is-fixed .price {
    display: none;
  }
  .app-main-order
    .order-sidebar
    .panel-footer:not(.is-fixed)
    .summary-actions-orderfields {
    max-height: unset;
    overflow-y: unset;
  }
  .app-main-order .summary-bottom:not(.is-fixed) .bottom-content {
    flex-direction: column;
    width: 100%;
  }
  .app-main-order .summary-bottom .bottom-content {
    flex-direction: column;
  }
  .app-main-order .summary-bottom.is-fixed .summary-actions {
    padding-top: 0;
  }
  .app-main-order .summary-no-data {
    margin-top: 0;
  }
  .app-main-order .summary-no-data + .summary-actions {
    padding-top: 0;
  }
  .app-main-order
    .order-content.full-width
    .summary-bottom
    .summary-actions
    .btn {
    margin-left: auto !important;
  }
  .app-main-order
    .order-summary
    .panel-footer:not(.has-divider)
    .summary-actions {
    padding-top: 0;
  }
}
@media (max-width: 767.98px) {
  .app-main-order .summary-bottom.is-fixed {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 586px) {
  .app-main-order
    .order-sidebar
    .order-summary-sidebar
    .summary-actions
    .checkbox-custom {
    margin-top: 16px;
  }
  .app-main-order .order-sidebar .order-summary-sidebar .summary-actions .btn {
    margin-left: 0 !important;
  }
}
@media (max-width: 479.98px) {
  .app-main-order .summary-bottom:not(.is-fixed) .bottom-content.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.app-main-order .alert {
  justify-content: center;
  border: 0;
}
.app-main-order .alert-actions {
  float: right;
  margin: -2px 0;
}
.app-main-order .alert-estimate {
  padding-top: 11px;
  padding-bottom: 11px;
}
.app-main-order .alert-estimate .alert-icon:before {
  content: "\e934";
  margin-top: -4px;
}
.app-main-order .alert-estimate .alert-actions {
  margin: -4px 0;
}
.app-main-order .alert-estimate .alert-actions .btn {
  height: 32px;
  border: 1px solid rgba(5, 108, 234, 0.16);
  font-size: var(--font-size-sm);
}
.app-main-order .alert-sm {
  padding: 3px 6px;
  border-radius: var(--input-border-radius);
}
.app-main-order .alert--full-width {
  width: 100% !important;
}
.app-main-order .has-error .alert {
  margin: 10px 0 0;
  overflow: visible;
}
.app-main-order .has-error .alert:after {
  position: absolute;
  top: -4px;
  right: 15px;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid var(--state-danger-bg);
}
.app-main-order .has-error .help-block:not(:empty) + .alert {
  margin-top: 0;
}
.app-main-order .has-error.has-checkbox .alert:after {
  left: 4px;
  right: unset;
}
.app-main-order .range-slider-container {
  margin-bottom: var(--spacing-3x);
}
.app-main-order .range-slider-two-pips .range-slider-pips .range-slider-value {
  display: none;
  color: var(--text-body-color);
}
.app-main-order
  .range-slider-two-pips
  .range-slider-pips
  .range-slider-value:first-of-type {
  text-align: left;
}
.app-main-order
  .range-slider-two-pips
  .range-slider-pips
  .range-slider-value:last-of-type,
.app-main-order
  .range-slider-two-pips
  .range-slider-pips
  .range-slider-value:nth-of-type(2) {
  display: block;
}
.app-main-order
  .range-slider-two-pips
  .range-slider-pips
  .range-slider-value:nth-of-type(2) {
  text-align: center;
}
.app-main-order
  .range-slider-two-pips
  .range-slider-pips
  .range-slider-value:last-of-type {
  text-align: right;
}
.app-main-order
  .range-slider-two-pips
  .range-slider-pips
  .range-slider-value.is-active {
  border: 0;
}
.app-main-order
  .range-slider-two-pips
  .range-slider-pips
  .range-slider-value.is-active:after,
.app-main-order
  .range-slider-two-pips
  .range-slider-pips
  .range-slider-value.is-active:before {
  content: unset;
}
.app-main-order .range-slider-connect {
  background: var(--brand-primary-gradient-h);
}
.app-main-order .range-slider-handle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-main-order .range-slider-handle:before {
  content: "";
  width: 6px;
  height: 16px;
  background-color: transparent;
  border-left: 1px solid var(--gray-lighter-4);
  border-right: 1px solid var(--gray-lighter-4);
}
.app-main-order .range-slider-handle:after {
  content: "";
  width: 1px;
  height: 16px;
  background-color: var(--gray-lighter-4);
  margin-left: 4px;
}
.app-main-order .range-slider-current-value {
  position: absolute;
  top: 120%;
  height: 23px;
  min-width: 28px;
  padding: 0 4px;
  background-color: #fff;
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
  filter: drop-shadow(0 0 1px #1062fe)
    drop-shadow(0 2px 24px rgba(0, 0, 0, 0.08));
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-main-order .range-slider-current-value:before {
  content: "";
  background-color: #fff;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.app-main-order .range-slider-container {
  padding: 24px;
  min-height: unset;
  border-radius: var(--border-radius-lg);
  background-color: var(--panel-bg);
}
.app-main-order .range-slider-container-prefix {
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: var(--gray-base);
}
.app-main-order .range-slider-container-value {
  font-size: var(--font-size-h4);
  line-height: var(--line-height-h4);
  font-weight: var(--font-weight-h4);
  margin-top: 4px;
  margin-bottom: 0;
  display: flex;
  color: var(--gray-darker);
}
.app-main-order .range-slider-container-value > div {
  display: flex;
}
.app-main-order .range-slider-container-currency {
  margin-left: 3px;
}
.app-main-order .range-slider-container-left {
  margin-top: 8px;
}
.app-main-order .range-slider-container-left--setup-fee {
  margin-top: 18px;
}
.app-main-order .range-slider-container-right {
  align-items: flex-start;
}
.app-main-order
  .range-slider-container--no-price
  .range-slider-container-slider {
  width: 98%;
  margin: 0 8px;
}
.app-main-order .range-slider-value {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-sm);
}
@media (max-width: 767.98px) {
  .app-main-order .range-slider-connects:before {
    left: 0;
    width: 10px;
  }
  .app-main-order .range-slider-connects:after {
    right: 0;
    width: 10px;
  }
  .app-main-order .range-slider-container {
    margin-bottom: var(--spacing-2x);
  }
  .app-main-order .range-slider-container-price {
    flex-direction: row;
    align-items: center;
  }
  .app-main-order .range-slider-container-value {
    margin-top: 0;
    margin-left: 8px;
  }
  .app-main-order .range-slider-container-right {
    margin-top: 50px;
  }
  .app-main-order .range-slider-container-right .range-slider-container-price {
    flex-direction: column;
    align-items: flex-start;
  }
  .app-main-order .range-slider-container-right .range-slider-container-value {
    margin-left: 0;
  }
  .app-main-order .range-slider-container-slider {
    margin: 0;
  }
}
.app-main-order .package {
  position: relative;
  transition:
    transform var(--transition-base),
    box-shadow var(--transition-base);
  cursor: pointer;
}
.app-main-order .package-features > li:last-child {
  padding-bottom: 0;
}
.app-main-order .package-title + .package-price {
  margin-top: calc(var(--package-title-spacing-bottom) - 4px);
}
.app-main-order .package-content {
  word-break: break-word;
}
.app-main-order .package-featured {
  border-color: var(--gray-lighter-4);
}
.app-main-order .package-selected {
  background: var(--panel-active-bg);
  border: 1px solid var(--panel-active-border-color);
}
.app-main-order .package-selected .check-sign {
  border-top-right-radius: 4px;
  display: flex;
}
.app-main-order .package-popover.bottom {
  top: 100%;
  left: -1px;
  right: -1px;
  margin-top: -8px;
}
@media (min-width: 768px) {
  .app-main-order .package-horizontal .package-name {
    display: flex;
    align-items: center;
    margin-bottom: auto;
  }
  .app-main-order .package-horizontal .package-name span {
    margin-bottom: 0;
  }
  .app-main-order .package-horizontal .package-qty {
    padding-top: 0;
    margin-bottom: 0;
  }
}
.app-main-order
  .package-horizontal.package-featured
  .label.label-product-horizontal {
  position: static;
  transform: unset;
  padding: 6px;
  font-size: var(--font-size-xs);
  line-height: var(--line-height-xs);
  margin-left: 16px;
}
@media (max-width: 767.98px) {
  .app-main-order .package-horizontal {
    text-align: center;
  }
  .app-main-order .package-horizontal .package-footer {
    justify-content: center;
    flex-direction: column;
  }
  .app-main-order .package-horizontal .package-footer .package-price {
    display: none;
  }
  .app-main-order .package-horizontal .package-price .price-amount {
    flex-direction: column;
  }
  .app-main-order .package-horizontal .package-price .price.price-right-h {
    align-items: center !important;
  }
  .app-main-order .package-horizontal .package-qty {
    margin-bottom: var(--spacing-1x);
  }
  .app-main-order .package-horizontal .package-buttons {
    margin-top: 24px;
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .app-main-order .package-horizontal--bottom .package-features li {
    width: 33.33%;
    min-width: 33.33%;
  }
}
.app-main-order .package.is-disabled {
  pointer-events: none;
  border: 1px solid var(--gray-lighter-4) !important;
  box-shadow: unset;
}
.app-main-order .package.is-disabled .package-name,
.app-main-order .package.is-disabled .package-name span:not(.label),
.app-main-order .package.is-disabled .package-price {
  color: var(--gray-base);
}
.app-main-order .package.is-disabled .package-price .price-cycle {
  color: var(--gray-lighter);
}
.app-main-order .package.is-disabled .package-price .price-amount {
  color: var(--gray-base);
}
.app-main-order .package.is-disabled .package-cycle {
  color: var(--gray-lighter);
}
.app-main-order
  .package.is-disabled
  .package-body
  .package-content
  .package-features
  > li {
  color: var(--gray-lighter-2);
}
.app-main-order
  .package.is-disabled
  .package-body
  .package-content
  .package-features
  > li
  b {
  color: var(--gray-lighter);
}
.app-main-order .package.is-disabled .package-footer .btn {
  background-color: var(--btn-disabled-bg);
  border-color: var(--btn-disabled-border);
}
.app-main-order .package.is-disabled .package-footer .btn-text {
  color: var(--gray-lighter);
}
.app-main-order .package:not(.package-horizontal)-qty {
  margin-bottom: 0;
  padding-top: 0;
  margin-top: 8px;
}
.app-main-order .package:not(.package-horizontal) .price-amount {
  flex-direction: column;
}
.app-main-order .package:not(.package-selected):hover {
  transform: translate3d(0, -8px, 0);
  box-shadow: var(--package-hover-block-shadow);
}
.app-main-order .package-sm .package-actions .btn,
.app-main-order .package-sm .package-footer .btn {
  min-width: 108px;
}
.app-main-order .package-icon {
  max-width: 100%;
  max-height: 72px;
  width: 200px;
  height: 72px;
}
.app-main-order .package-icon img {
  max-width: 100%;
  height: 100%;
}
.app-main-order .package:hover:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 16px;
}
@media (max-width: 1319.98px) {
  .app-main-order .package-footer .btn {
    min-width: unset;
  }
}
@media (max-width: 991.98px) {
  .app-main-order .package {
    max-width: unset;
  }
}
@media (max-width: 767.98px) {
  .app-main-order .package-sm .package-actions .btn,
  .app-main-order .package-sm .package-footer .btn {
    min-width: unset;
    max-width: 100%;
  }
}
.app-main-order .swiper-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  transition:
    left var(--transition-base),
    transform var(--transition-base);
  left: 0;
}
.app-main-order .swiper-wrapper:before {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  background-color: #fff;
}
@media (max-width: 1275px) {
  .app-main-order .swiper-wrapper.swiper-steps {
    max-width: 820px;
  }
}
.app-main-order .swiper-wrapper--move {
  transition-duration: 0.24s !important;
}
.app-main-order .swiper-temp-off {
  transform: translateZ(0) !important;
}
.app-main-order .swiper-container {
  visibility: visible;
  position: relative;
  z-index: 1;
  overflow: visible;
  margin-right: auto;
  margin-left: auto;
}
.app-main-order .swiper-container--packages .col-sm-3 {
  min-width: 25%;
}
.app-main-order .swiper-disabled .swiper-steps > * {
  width: 100% !important;
}
.app-main-order .swiper-nav {
  display: flex;
  align-items: center;
  position: relative;
}
.app-main-order .swiper-nav .ls {
  cursor: pointer;
  color: var(--gray-icons);
  font-size: 18px;
}
.app-main-order .swiper-nav .ls:after {
  content: unset;
}
.app-main-order .swiper-nav .swiper-navigation {
  margin: 0 24px;
  display: flex;
  font-size: 16px;
  user-select: none;
}
.app-main-order .swiper-nav .swiper-button {
  font-size: 18px !important;
  display: flex;
  cursor: pointer;
  transition: opacity var(--transition-base);
}
.app-main-order .swiper-nav .swiper-button svg path {
  transition: fill var(--transition-base);
}
.app-main-order
  .swiper-nav
  .swiper-button:not(.swiper-button-disabled):hover
  svg
  path {
  fill: var(--brand-primary);
}
.app-main-order .swiper-nav .swiper-button-disabled {
  opacity: 0.4;
}
.app-main-order .swiper-switcher {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gray-lighter-4);
  border-radius: 24px;
  padding: 3px;
}
.app-main-order .swiper-switcher__label {
  min-width: 55px;
  color: var(--brand-primary);
  font-size: var(--font-size-sm);
  line-height: 20px;
  transition:
    background-color var(--transition-base),
    color var(--transition-base);
  padding: 3px 0;
  text-align: center;
  border-radius: 24px;
  cursor: pointer;
}
.app-main-order .swiper-switcher__label.active {
  background-color: var(--brand-primary);
  color: #fff;
}
.app-main-order .swiper-navigation-secondary {
  position: absolute;
  width: 32px;
  top: -48px;
  bottom: -50px;
  z-index: 5;
  cursor: pointer;
}
.app-main-order .swiper-navigation-secondary-left {
  background: linear-gradient(90deg, var(--body-bg), hsla(0, 0%, 100%, 0));
  left: -32px;
}
.app-main-order .swiper-navigation-secondary-right {
  background: linear-gradient(
    270deg,
    var(--body-bg) -14.06%,
    hsla(0, 0%, 100%, 0)
  );
  right: -32px;
}
.app-main-order .slider-container.swiper-sidebar .row > div {
  min-width: 288px;
  max-width: 288px;
  flex-basis: unset;
}
.app-main-order .slider-container.swiper-full-width .row > div {
  flex-basis: unset;
  min-width: 305px;
  max-width: 305px;
}
.app-main-order
  .slider-container.swiper-full-width.swiper-full-width--number
  .row
  > div {
  min-width: 288px;
  max-width: 288px;
  flex-basis: unset;
}
.app-main-order .popover-confirmation {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  display: block;
  min-width: 268px;
  border: none;
  border-radius: 2px;
}
.app-main-order .popover-confirmation.bottom {
  left: unset;
  right: 0;
  margin-top: 4px;
}
.app-main-order .popover-confirmation.bottom .arrow {
  left: unset;
  right: 14px;
}
.app-main-order .popover-confirmation.bottom .arrow:before {
  margin-left: calc(-1 * var(--popover-arrow-width));
}
.app-main-order .popover-confirmation.bottom .arrow:after {
  display: none;
}
.app-main-order .popover-confirmation .popover-title {
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  display: flex;
  background: none;
  color: var(--brand-info);
  padding: 12px 16px 8px;
  align-items: center;
  border: 0;
}
.app-main-order .popover-confirmation .popover-title i {
  margin-right: 8px;
}
.app-main-order .popover-confirmation .popover-content {
  text-align: left;
  padding: 0 16px;
  color: var(--text-body-color);
}
.app-main-order .popover-confirmation .popover-actions {
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
}
.app-main-order .popover-confirmation .popover-actions .btn {
  height: 28px;
  font-size: 13px;
}
.app-main-order .popover-confirmation .popover-actions .btn + .btn {
  margin-left: 8px;
}
.app-main-order .popover-confirmation .popover-actions .checkbox {
  margin-bottom: 0;
  margin-top: 16px;
  width: 100%;
}
.app-main-order .popover-confirmation .popover-actions .checkbox label {
  color: var(--gray-base);
}
.app-main-order .popover-confirmation.bottom > .arrow {
  margin-left: -7px;
  top: -14px;
  border-width: 7px;
}
.app-main-order .popover-confirmation > .arrow {
  border-width: 7px;
}
@media (max-width: 586px) {
  .app-main-order .popover-confirmation .popover-actions .btn + .btn {
    margin-left: 0;
    margin-top: 8px;
  }
}
.app-main-order .section-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.app-main-order .section-header.has-toolbar {
  display: flex;
}
.app-main-order .section-header--tooltip {
  display: flex;
  align-items: center;
}
.app-main-order .section-header--tooltip .section-title {
  margin-bottom: 0;
}
.app-main-order .section-header--tooltip .section-desc {
  margin-top: var(--headings-margin-bottom);
}
.app-main-order .section-header .section-desc {
  width: 100%;
  margin-bottom: 0 !important;
}
.app-main-order .section-title + .panel-range-select {
  margin-left: var(--spacing-2x);
}
.app-main-order .section-toolbar {
  margin-left: auto;
  display: flex;
  align-items: flex-start;
}
.app-main-order .section-toolbar > * + * {
  margin-left: 8px;
}
.app-main-order .section-body > :last-child {
  margin-bottom: 0;
}
.app-main-order .section .search-group-sm {
  min-width: 190px;
}
.app-main-order .section .search-group-sm:before {
  font-size: 13px;
  padding-left: 8px;
  width: 36px;
}
.app-main-order .section .search-group-sm .form-control {
  padding-left: 36px;
}
.app-main-order .section .search-group-sm .input-sm {
  height: 36px;
}
.app-main-order .section .search-group--tld input {
  min-width: 240px;
}
.app-main-order .section-packages {
  padding-top: 0 !important;
}
.app-main-order .section-packages .row:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  background-color: #fff;
}
.app-main-order .section-packages .package {
  cursor: pointer;
}
.app-main-order
  .section-show-overflow
  > .section-body:not(.slider-container)
  .swiper-navigation-secondary-left,
.app-main-order
  .section-show-overflow
  > .section-body:not(.slider-container)
  .swiper-navigation-secondary-right {
  display: none;
}
.app-main-order .section-show-overflow .slider-container {
  margin: -40px;
  padding: 40px;
  overflow: hidden;
}
.app-main-order
  .section-show-overflow
  .slider-container
  .swiper-navigation-secondary-left {
  left: 0;
}
.app-main-order
  .section-show-overflow
  .slider-container
  .swiper-navigation-secondary-right {
  right: 0;
}
.app-main-order .section-show-overflow .slider-container .row > div {
  padding-left: 12px;
  padding-right: 12px;
}
.app-main-order .section-show-overflow .slider-container:after,
.app-main-order .section-show-overflow .slider-container:before {
  content: "" !important;
  position: absolute;
  top: -48px;
  bottom: -12px;
  background-color: var(--body-bg);
  width: 1000%;
  z-index: 5;
}
.app-main-order .section-show-overflow .slider-container:before {
  right: calc(100% + 32px);
}
.app-main-order .section-show-overflow .slider-container:after {
  left: calc(100% + 32px);
}
.app-main-order .section-tooltip {
  color: var(--nav-tabs-link-icon-color);
  margin-left: var(--spacing-1x);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: unset !important;
  transition: color var(--transition-base);
}
.app-main-order .section-tooltip--sm {
  width: 12px;
  height: 12px;
  font-size: var(--font-size-xs) !important;
}
.app-main-order .section-tooltip:hover {
  color: var(--brand-primary);
}
.app-main-order .section--domain .tab-nav--domain {
  position: relative;
}
.app-main-order .section--domain .nav-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  scrollbar-color: hsla(0, 0%, 100%, 0.3) transparent;
  scrollbar-width: thin;
  transition: 0.24s ease;
  margin-bottom: var(--spacing-2x);
}
.app-main-order .section--domain ::-webkit-scrollbar {
  height: 0;
}
.app-main-order .section--custom-fields .panel,
.app-main-order .section--server-fields .panel {
  border-color: var(--gray-lighter-4);
}
.app-main-order .section--custom-fields .panel .row,
.app-main-order .section--server-fields .panel .row {
  margin-bottom: 0 !important;
}
.app-main-order .section--custom-fields .panel-body,
.app-main-order .section--server-fields .panel-body {
  padding-bottom: 12px;
}
.app-main-order .section-top-nav {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app-main-order .section-top-nav .swiper-nav,
.app-main-order .section-top-nav .swiper-switcher {
  z-index: 2;
}
.app-main-order .section-order-summary-bottom {
  margin-top: 48px;
}
@media (min-width: 992px) {
  .app-main-order
    .section--addons
    .row
    .field-sm
    .panel-addon.panel-main-addon
    .panel-body {
    max-width: 334px;
    overflow: visible;
  }
  .app-main-order
    .section--addons
    .row
    .field-sm
    .panel-addon.panel-main-addon
    .panel-body
    .btn-group {
    display: -webkit-box;
    z-index: 555;
    margin-top: auto;
  }
}
.app-main-order .section--addons + .section--billing-details {
  margin-top: calc(var(--ca-section-spacing) - var(--ui-block-spacing-base));
}
.app-main-order .section--extension {
  margin-top: 48px;
}
.app-main-order .section--promocode .box-promo-code {
  padding: 24px;
  border-radius: 4px;
}
.app-main-order .section--promocode .box-promo-code .box-body {
  display: flex;
  align-items: center;
}
.app-main-order .section--promocode .box-promo-code .box-body .search-group {
  flex-grow: 1;
  padding: 0;
  border: 0;
}
.app-main-order
  .section--promocode
  .box-promo-code
  .box-body
  .search-field-icon {
  top: 50%;
  transform: translateY(-50%);
  color: var(--gray-icons);
}
.app-main-order
  .section--promocode
  .box-promo-code
  .box-body
  .search-field
  form {
  width: 100%;
}
.app-main-order .section--promocode .box-promo-code .promocode .alert {
  margin-top: 0;
}
.app-main-order .section .section-header .section-desc {
  width: 100%;
  margin-bottom: 0 !important;
}
.app-main-order
  .section:first-child
  .section-body
  .section-config-options
  .panel--first:first-child,
.app-main-order
  .section:first-child
  .section-body
  .section-config-options
  .panel--section:first-child {
  margin-top: 0 !important;
}
.app-main-order
  .section:first-child
  .section-body
  .section-config-options
  .panel--first:first-child
  .section-header {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .app-main-order
    .section-order-summary-bottom
    .order-content.full-width
    .order-summary-actions {
    margin-left: 0;
    margin-top: 16px;
  }
  .app-main-order
    .section-order-summary-bottom
    .order-content.full-width
    .order-summary-actions
    label {
    padding-left: 0;
  }
  .app-main-order .section-header.has-toolbar {
    flex-direction: column;
  }
  .app-main-order .section-header.has-toolbar .section-toolbar {
    margin-left: 0;
    margin-bottom: 24px;
  }
  .app-main-order .section-header.has-toolbar .section-toolbar .tld-filters {
    width: 100%;
  }
  .app-main-order .section-header.has-toolbar .section-toolbar .search-group {
    min-width: unset;
    width: 100%;
  }
  .app-main-order
    .section-header.has-toolbar
    .section-toolbar
    .selectize-control {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .app-main-order .m-b-neg-24 {
    margin-bottom: -8px !important;
  }
  .app-main-order .section-header.has-toolbar {
    flex-direction: column;
  }
  .app-main-order .section-header.has-toolbar .section-toolbar {
    margin-left: 0;
    margin-bottom: 24px;
  }
  .app-main-order .section-header.has-toolbar .section-toolbar .tld-filters {
    width: 100%;
  }
  .app-main-order .section-header.has-toolbar .section-toolbar .search-group {
    min-width: unset;
    width: 100%;
  }
  .app-main-order
    .section-header.has-toolbar
    .section-toolbar
    .selectize-control {
    width: 100%;
  }
  .app-main-order .section-config-options .panel--main:last-child.has-checkbox,
  .app-main-order .section-config-options .panel--main:last-child.has-radio {
    margin-bottom: -16px !important;
  }
  .app-main-order .section-packages {
    margin-bottom: -16px;
  }
}
@media (max-width: 586px) {
  .app-main-order .section-header.has-toolbar .section-toolbar {
    flex-direction: column;
    margin-top: 8px;
  }
  .app-main-order .section-header.has-toolbar .section-toolbar .search-group {
    margin-left: 0;
    margin-top: 16px;
  }
}
@media (max-width: 479.98px) {
  .app-main-order .section--promocode .box-promo-code .box-body {
    flex-direction: column;
  }
  .app-main-order .section--promocode .box-promo-code .box-body .search-group {
    width: 100%;
  }
  .app-main-order
    .section--promocode
    .box-promo-code
    .box-body
    .input-group-btn {
    width: 100%;
    margin-top: var(--spacing-1x);
  }
  .app-main-order
    .section--promocode
    .box-promo-code
    .box-body
    .input-group-btn
    .btn {
    width: 100%;
    margin-left: 0;
  }
}
.app-main-order .message-fullscreen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0;
  z-index: 11;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  box-shadow: none;
  height: 100%;
}
.app-main-order .message-subtext {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-lg);
  display: block;
  margin-top: var(--spacing-3x);
  font-weight: var(--font-weight-light);
  text-align: center;
}
.app-main-order .message-text--bold {
  margin-top: var(--spacing-6x);
  font-weight: var(--font-weight-bold);
}
.app-main-order .message--loading-order {
  text-align: center;
  margin-top: var(--spacing-6x);
  color: var(--main-header-title-color);
  font-size: var(--main-header-title-font-size);
  font-weight: var(--main-header-title-font-weight);
  line-height: var(--main-header-title-line-height);
}
@media (max-width: 479.98px) {
  .app-main-order .message-fullscreen .message-text {
    font-size: var(--font-size-xxlg);
    line-height: var(--line-height-lg);
  }
  .app-main-order .message-fullscreen .message-subtext {
    margin-top: var(--spacing-2x);
  }
}
.app-main-order .main-content.full-width {
  max-width: 100% !important;
}
.app-main-order .main-content.full-width .section {
  position: relative;
}
.app-main-order
  .main-content.full-width
  .section:not(.section-packages):not(.section--full-width) {
  padding-left: 70px;
}
.app-main-order .main-content.full-width .section-number {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid var(--gray-lighter-4);
  position: absolute;
  top: -5px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.app-main-order
  .main-content.full-width
  .section--config-options.panel--main.section:not(.section-packages):not(
    .section--full-width
  ) {
  margin-left: -70px;
}
.app-main-order .main-content.full-width .order-sidebar-content {
  position: static;
}
.app-main-order .main-content.full-width .order-summary {
  position: static;
  display: block;
}
.app-main-order .main-content.full-width .order-summary .content-scroll {
  max-height: unset;
}
.app-main-order
  .main-content.full-width
  .order-summary
  .summary-list:first-of-type {
  padding-top: 0;
}
.app-main-order .main-content.full-width .order-summary .summary-container {
  padding-top: var(--ui-block-padding-base);
}
.app-main-order
  .main-content.full-width
  .order-summary
  .summary-bottom
  .bottom-content {
  display: flex;
  justify-content: flex-end;
}
.app-main-order
  .main-content.full-width
  .order-summary
  .summary-bottom.is-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow:
    0 0 1px rgba(0, 0, 0, 0.12),
    0 -2px 32px rgba(0, 0, 0, 0.08);
  z-index: 1003;
  border-radius: 0;
  padding: 12px 0;
}
.app-main-order
  .main-content.full-width
  .order-summary
  .summary-bottom.is-fixed
  .summary-actions {
  padding-top: 0;
}
.app-main-order
  .main-content.full-width
  .order-summary
  .summary-bottom.is-fixed
  .price
  .price-total {
  margin-bottom: 0;
}
.app-main-order
  .main-content.full-width
  .order-summary
  .summary-bottom
  .price-amount
  .loader {
  display: none;
}
.app-main-order .main-content.full-width .order-summary .summary-actions {
  flex-direction: row-reverse;
  margin-top: 0;
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.app-main-order .main-content.full-width .order-summary .summary-actions .btn {
  margin-left: 40px;
  min-width: 216px;
}
.app-main-order
  .main-content.full-width
  .order-summary
  .summary-actions
  .checkbox {
  margin: 0;
}
.app-main-order
  .main-content.full-width
  .order-summary
  .summary-actions
  .checkbox
  label {
  align-items: center;
}
.app-main-order .main-content.full-width .order-summary .summary-no-data {
  margin-bottom: 0;
  flex-grow: 1;
  margin-top: 0;
  margin-right: 100px;
}
.app-main-order .main-content.full-width .order-summary .price {
  margin-right: 100px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom.is-fixed
    .bottom-content {
    flex-direction: row;
  }
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom.is-fixed
    .bottom-content
    .btn-submit {
    margin-left: 0;
  }
}
@media (max-width: 991.98px) {
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom:not(.is-fixed)
    .summary-actions {
    flex-direction: column;
  }
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom:not(.is-fixed)
    .summary-actions
    .btn {
    width: 100%;
    margin: var(--spacing-2x) 0;
  }
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom:not(.is-fixed)
    .summary-actions
    .checkbox-custom
    label {
    padding-left: 0;
  }
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom.is-fixed {
    padding: 12px 0;
  }
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom.is-fixed
    .summary-actions {
    padding-top: 0;
  }
  .app-main-order .main-content.full-width .section {
    padding-left: 0 !important;
  }
  .app-main-order .main-content.full-width .section-header {
    padding-left: 70px;
  }
  .app-main-order .main-content.full-width .section--config-options {
    margin-left: 0 !important;
  }
}
@media (max-width: 767.98px) {
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom.is-fixed {
    padding: var(--spacing-2x) 0;
  }
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom.is-fixed
    .summary-actions {
    padding-top: 0;
    min-height: unset;
  }
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom.is-fixed
    .price {
    display: none;
  }
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom.is-fixed
    .price
    .price-total {
    margin-bottom: var(--spacing-1x);
  }
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom:not(.is-fixed)
    .summary-actions {
    flex-direction: column-reverse;
  }
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom:not(.is-fixed)
    .summary-actions
    .btn {
    margin: var(--spacing-2x) 0 0;
  }
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom:not(.is-fixed)
    .summary-actions
    .checkbox {
    margin-top: var(--spacing-2x);
    margin-bottom: 0;
  }
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom
    .summary-actions {
    flex-direction: column-reverse;
  }
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom
    .summary-actions
    .btn {
    width: 100%;
    margin: 0;
    margin-top: 12px;
  }
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom
    .summary-actions
    .checkbox-custom {
    margin: 0 0 var(--spacing-2x);
  }
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-bottom
    .summary-actions
    .checkbox-custom
    label {
    padding-left: 0;
  }
}
@media (max-width: 586px) {
  .app-main-order
    .main-content.full-width
    .order-summary
    .summary-actions
    .btn {
    margin-left: auto !important;
  }
  .app-main-order .main-content.full-width .section {
    padding-left: 0 !important;
  }
  .app-main-order .main-content.full-width .section-header {
    padding-left: 70px;
  }
}
.app-main-order .tld-table .tld-price {
  display: flex;
  align-items: center;
}
.app-main-order .tld-table .tld-price > .price-savings {
  margin-right: 4px;
}
.app-main-order [fill="rgb(209,211,213)"] {
  fill: var(--svg-illustration-gray-3);
}
.app-main-order [fill="rgb(220,222,225)"] {
  fill: var(--svg-illustration-gray-5);
}
.app-main-order [fill="rgb(239,240,243)"] {
  fill: var(--svg-illustration-gray-7);
}
.app-main-order [fill="rgb(3,103,228)"] {
  fill: var(--brand-primary);
}
.app-main-order [fill="rgb(4,97,210)"] {
  fill: var(--brand-primary-darker);
}
.app-main-order [fill="rgb(32,121,233)"] {
  fill: var(--brand-primary-lighter);
}
.app-main-order [stroke="rgb(255,255,255)"] {
  stroke: var(--svg-illustration-gray-w);
}
.app-main-order
  #one-page-order-init-loader:not(.hidden)
  + .vue-app-main-container {
  display: none;
}


/* ========================================
   X99 - NAVBAR: SUPORTE E IDIOMA
======================================== */

/* Botão Suporte - Estilo X99 */
.top-nav .nav-item-btn.x99-support-btn a {
    background: transparent !important;
    border: 1px solid rgba(239, 68, 68, 0.5) !important;
    color: #ef4444 !important;
    border-radius: 4px !important;
    padding: 8px 16px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.top-nav .nav-item-btn.x99-support-btn a:hover {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: #ef4444 !important;
}

.top-nav .nav-item-btn.x99-support-btn a i {
    font-size: 14px !important;
    color: #ef4444 !important;
}

/* Seletor de Idioma - Estilo X99 */
.top-nav li[data-language-select] > a {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.top-nav li[data-language-select] > a:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}

.top-nav li[data-language-select] .language-flag img {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
}

/* Botão Entrar - Estilo X99 */
.top-nav .nav-item:has(a[href*="login"]):not(.x99-support-btn):not([data-language-select]) a,
.top-nav .nav-item:has(a[href*="clientarea"]):not(.x99-support-btn):not([data-language-select]) a {
    background: #ef4444 !important;
    border: 1px solid #ef4444 !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.top-nav .nav-item:has(a[href*="login"]):not(.x99-support-btn):not([data-language-select]) a:hover,
.top-nav .nav-item:has(a[href*="clientarea"]):not(.x99-support-btn):not([data-language-select]) a:hover {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
}

/* Ajuste do espaçamento entre botões */
.top-nav .nav-item {
    margin-left: 8px !important;
}

.top-nav .nav-item:first-child {
    margin-left: 0 !important;
}

/* Ocultar ícones padrão em alguns casos */
.top-nav .nav-item-btn.x99-support-btn .item-text,
.top-nav li[data-language-select] .item-text {
    font-size: 14px !important;
    line-height: 1 !important;
}


/* ========================================
   X99 - BOTÃO ENTRAR FULL WIDTH
======================================== */

/* Botão Entrar - Largura total */
.top-nav .nav-item:has(a[href*="login"]):not(.x99-support-btn):not([data-language-select]),
.top-nav .nav-item:has(a[href*="clientarea"]):not(.x99-support-btn):not([data-language-select]) {
    flex: 1 !important;
    width: 100% !important;
}

.top-nav .nav-item:has(a[href*="login"]):not(.x99-support-btn):not([data-language-select]) a,
.top-nav .nav-item:has(a[href*="clientarea"]):not(.x99-support-btn):not([data-language-select]) a {
    width: 100% !important;
    justify-content: center !important;
}

/* ========================================
   X99 - MENU USUÁRIO LOGADO
   ======================================== */

/* Botão conta do cliente (nome do usuário) - Estilo X99 */
.top-nav .nav-item.has-dropdown > a[data-toggle="dropdown"] {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 8px 14px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    transition: all .3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.top-nav .nav-item.has-dropdown > a[data-toggle="dropdown"]:hover {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.3) !important;
}

/* Botão de logout separado no estilo X99 */
.top-nav .nav-item > a[href*="logout"] {
    background: #ef4444 !important;
    border: 1px solid #ef4444 !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 8px 14px !important;
    font-weight: 600 !important;
    transition: all .3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.top-nav .nav-item > a[href*="logout"]:hover {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
}

/* ========================================
   X99 - OCULTAR HEADER SUPERIOR (CLIENTE LOGADO)
   No X99, o menu fica apenas na sidebar esquerda
   ======================================== */

/* Ocultar o header superior (.main-top) para manter visual limpo como X99 */
.main-top {
    display: none !important;
}

/* Ocultar também o top-nav no header da nav (app-nav-header) em telas grandes */
@media (min-width: 992px) {
    .app-nav-header .top-nav {
        display: none !important;
    }
}

/* ========================================
   X99 - NAVIGATION SIDEBAR (Imported from X99)
   ======================================== */

/* Menu container - full height */
#main-menu {
    display: flex !important;
    flex-direction: column !important;
    height: calc(100vh - 54px) !important;
    overflow: hidden !important;
}

#main-menu > .container {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    overflow: hidden !important;
}

/* Primary Menu */
.menu.menu-primary {
    background: transparent !important;
    border: none !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Área inferior - Suporte, Idioma, Usuário */
.menu-secondary {
    margin-top: auto !important;
    padding: 12px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    background: transparent !important;
    flex-shrink: 0 !important;
}

/* Botão Suporte - X99 Style */
.menu-secondary .nav-item-btn.x99-support-btn a,
.menu-secondary li:has(a[href*="ticket"]) > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 12px 16px !important;
    border-radius: 10px !important;
    background: rgba(239, 68, 68, 0.12) !important;
    border: 1px solid rgba(239, 68, 68, 0.25) !important;
    color: #ef4444 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 150ms ease !important;
}

.menu-secondary .nav-item-btn.x99-support-btn a:hover,
.menu-secondary li:has(a[href*="ticket"]) > a:hover {
    background: rgba(239, 68, 68, 0.2) !important;
    border-color: rgba(239, 68, 68, 0.4) !important;
    transform: translateY(-1px) !important;
}

.menu-secondary .nav-item-btn.x99-support-btn a i,
.menu-secondary li:has(a[href*="ticket"]) > a i {
    font-size: 14px !important;
    color: #ef4444 !important;
}

/* Seletor de Idioma - X99 Style */
.menu-secondary li[data-language-select] {
    width: 100% !important;
}

.menu-secondary li[data-language-select] > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 8px 10px !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 12px !important;
    transition: all 150ms ease !important;
}

.menu-secondary li[data-language-select] > a:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

.menu-secondary li[data-language-select] .flag-icon {
    font-size: 14px !important;
    margin-right: 8px !important;
}

/* Usuário - Row com nome e botão logout */
.menu-secondary .nav-item.has-dropdown {
    width: 100% !important;
}

.menu-secondary .nav-item.has-dropdown > a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 !important;
    padding: 10px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 150ms ease !important;
}

.menu-secondary .nav-item.has-dropdown > a:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}

/* Avatar do usuário */
.menu-secondary .client-avatar {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.06) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.menu-secondary .client-avatar i {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.4) !important;
}

/* Nome do usuário */
.menu-secondary .item-text {
    flex: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Dropdown do usuário */
.menu-secondary .dropdown-menu {
    background: rgba(12, 12, 12, 0.98) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    padding: 4px !important;
    min-width: 200px !important;
}

.menu-secondary .dropdown-menu li a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 10px !important;
    border-radius: 6px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: all 150ms ease !important;
}

.menu-secondary .dropdown-menu li a:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

.menu-secondary .dropdown-menu li a i {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.4) !important;
    width: 16px !important;
}

/* Logout no dropdown - vermelho */
.menu-secondary .dropdown-menu li a[href*="logout"] {
    color: rgba(220, 38, 38, 0.8) !important;
}

.menu-secondary .dropdown-menu li a[href*="logout"]:hover {
    background: rgba(220, 38, 38, 0.1) !important;
    color: #dc2626 !important;
}

.menu-secondary .dropdown-menu li a[href*="logout"] i {
    color: rgba(220, 38, 38, 0.8) !important;
}

/* Divider */
.menu-secondary .dropdown-menu .divider,
.menu-secondary .dropdown-menu li.divider {
    height: 1px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    margin: 4px 0 !important;
    padding: 0 !important;
}

/* ======================================
   X99 Sidebar Bottom Section
   ====================================== */

.x99-sidebar-bottom {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 12px !important;
    background: #0c0c0c !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    z-index: 100 !important;
}

/* Support Button */
.x99-support-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 12px 16px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 150ms ease !important;
}

.x99-support-btn:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.x99-support-btn i,
.x99-support-btn svg {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    flex-shrink: 0 !important;
}

/* Preferences Wrapper (Language/Currency) */
.x99-prefs-wrapper {
    position: relative !important;
}

.x99-prefs-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 10px 12px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 8px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: all 150ms ease !important;
}

.x99-prefs-trigger:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}

.x99-prefs-current {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.x99-prefs-flag {
    font-size: 16px !important;
    line-height: 1 !important;
}

.x99-prefs-label {
    color: rgba(255, 255, 255, 0.85) !important;
}

.x99-prefs-value {
    color: rgba(255, 255, 255, 0.5) !important;
}

.x99-prefs-chevron {
    width: 14px !important;
    height: 14px !important;
    color: rgba(255, 255, 255, 0.4) !important;
    transition: transform 200ms ease !important;
}

.x99-prefs-wrapper.open .x99-prefs-chevron {
    transform: rotate(180deg) !important;
}

.x99-prefs-dropdown {
    display: none !important;
    position: absolute !important;
    bottom: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin-bottom: 4px !important;
    background: rgba(12, 12, 12, 0.98) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    padding: 8px !important;
    max-height: 300px !important;
    overflow-y: auto !important;
    z-index: 1000 !important;
}

.x99-prefs-wrapper.open .x99-prefs-dropdown {
    display: block !important;
}

.x99-prefs-section-title {
    padding: 8px 10px 6px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: rgba(255, 255, 255, 0.4) !important;
}

.x99-prefs-option {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 10px !important;
    border-radius: 6px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: all 150ms ease !important;
}

.x99-prefs-option:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.x99-prefs-option.active {
    background: rgba(239, 68, 68, 0.12) !important;
    color: #ef4444 !important;
}

.x99-prefs-divider {
    height: 1px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    margin: 8px 0 !important;
}

/* User Section */
.x99-user-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.x99-user-section {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 150ms ease !important;
}

.x99-user-section:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}

.x99-user-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.06) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.x99-user-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.x99-user-avatar svg {
    width: 18px !important;
    height: 18px !important;
    color: rgba(255, 255, 255, 0.4) !important;
}

.x99-user-info {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.x99-user-name {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.x99-user-company {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.x99-user-chevron {
    width: 14px !important;
    height: 14px !important;
    color: rgba(255, 255, 255, 0.4) !important;
    flex-shrink: 0 !important;
    transition: transform 200ms ease !important;
}

.x99-user-section.open .x99-user-chevron {
    transform: rotate(180deg) !important;
}

.x99-user-dropdown {
    display: none !important;
    position: absolute !important;
    bottom: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin-bottom: 4px !important;
    background: rgba(12, 12, 12, 0.98) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    padding: 4px !important;
    z-index: 1000 !important;
}

.x99-user-section.open .x99-user-dropdown {
    display: block !important;
}

.x99-user-dropdown-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border-radius: 6px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: all 150ms ease !important;
}

.x99-user-dropdown-item:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.x99-user-dropdown-item svg {
    width: 16px !important;
    height: 16px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    flex-shrink: 0 !important;
}

.x99-user-dropdown-item.logout {
    color: rgba(220, 38, 38, 0.8) !important;
}

.x99-user-dropdown-item.logout:hover {
    background: rgba(220, 38, 38, 0.1) !important;
    color: #dc2626 !important;
}

.x99-user-dropdown-item.logout svg {
    color: rgba(220, 38, 38, 0.8) !important;
}

.x99-user-dropdown-divider {
    height: 1px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    margin: 4px 0 !important;
}

/* Logout Button (standalone) */
.x99-logout-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    background: rgba(220, 38, 38, 0.1) !important;
    border: 1px solid rgba(220, 38, 38, 0.2) !important;
    border-radius: 8px !important;
    color: #dc2626 !important;
    cursor: pointer !important;
    transition: all 150ms ease !important;
    flex-shrink: 0 !important;
}

.x99-logout-btn:hover {
    background: rgba(220, 38, 38, 0.15) !important;
    border-color: rgba(220, 38, 38, 0.3) !important;
    text-decoration: none !important;
}

.x99-logout-btn svg {
    width: 18px !important;
    height: 18px !important;
}

/* Login Button (for guests) */
.x99-login-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 12px 16px !important;
    background: #dc2626 !important;
    border: none !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 150ms ease !important;
}

.x99-login-btn:hover {
    background: #b91c1c !important;
    color: #fff !important;
    text-decoration: none !important;
}

.x99-login-btn svg {
    width: 18px !important;
    height: 18px !important;
}

/* Ajuste para o container do menu */
#main-menu .container {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    padding-bottom: 220px !important;
}

#main-menu .menu-primary {
    flex: 1 !important;
    overflow-y: auto !important;
}