@charset "UTF-8"; /********************/ /* IGNITE CSS REVISION HISTORY */ /* DATE WHO Comments ---------- --- --------------------------------------------------- 03/01/2022 GG base code sent to DG 03/01/2022 DG added logo in lower nav bar 03/07/2022 GG Styling to fix commandbar js not working 03/08/2022 GG Styling to restore commandbar spacing and fixing responsive styles 03/09/2022 GG Styling for the lead detail 03/10/2022 GG Styling changes for lead detail page after review 03/11/2022 GG Telerik specific styling 03/14/2022 GG Layout style tweaks for pages without context menus and groupbar change 03/15/2022 GG Style tweaks for lead detail page 03/16/2022 GG Lead detail page style fine tuning 03/17/2022 GG Post-review style updates 03/18/2022 GG Style updates for lead management and lead detail page 03/21/2022 GG Style updates for responsive and to get Telerik dropdowns working with sticky/fixed containers 03/22/2022 GG Styling mobile group slider and style support for lead list 03/23/2022 GG Tweaks for mobile/responsive search-results view 03/24/2022 GG Style support for changes to groupbar 03/24/2022 DG Login page style 03/25/2022 GG Hiding info icon on mobile/responsive and palette cleanup 03/28/2022 GG Styling for search/company menu 03/29/2022 GG Style adjustments for lead detail info forms and import page 03/30/2022 GG Style support for Telerik RadLabels and re-styling mobile topnav 03/31/2022 GG Topbar styling and manage group page styling 04/01/2022 GG Group edit styling and importing Dino's additional styles 04/04/2022 GG Styling for skin manager support 04/05/2022 GG Styling for skin manager support 04/05/2022 GG Styling for import page 04/06/2022 GG Styling support for lead detail page header 04/07/2022 GG Styling support for lead detail mobile footer and skin styling 04/08/2022 GG Styling for new search results header 04/11/2022 GG Button and footer styling 04/11/2022 GG Bringing in Montserrat font for header branding 04/12/2022 GG Style updates for buttons and fields 04/13/2022 GG Style tweaks for bootstrap skin and glow skin 04/14/2022 GG Style support for Sunset, Metro, Black, Material, and WebBlue Skins and cleaning up spark sites page styles 04/18/2022 GG Style refinements for lead detail/login page. 04/19/2022 GG Style support for filters 04/20/2022 GG Breadcrumb support styling, styling for mobile bugs and adding overflow scrollbar to filter menu 04/21/2022 GG Styling for entry structure changes, mobile/responisve updates for entry tag list. Styles for new "smart" tag container Styles for new "smart" company info container 04/22/2022 GG Styling for taglist, new icon for filtering, new show all tags button 04/25/2022 GG Styling and wrapper to apply border radius to context filter menu 04/26/2022 GG Re-styling for new mobile quick menu 04/27/2022 GG Styling overhaul to allow scrollable menus across devices and for mobile quick menu 04/27/2022 GG Adding Dino's style updates for SS page 04/28/2022 GG Style support for "smart" menus and emptylistmessage 04/29/2022 GG Style revisions for the lead detail page and tags component 05/02/2022 GG Style tweaks for search header on mobile 05/03/2022 GG Styling for new 'clear filters' sub-button 05/04/2022 GG Style cleanup for Spark Sites Page 05/05/2022 GG Styling for Spark Site page 05/06/2022 GG Styling and bug fixes for dynamic scrollbar New 'no-tags' state for lead info cells 05/09/2022 GG Styling for spark sites modal and switch, code cleanup 05/11/2022 GG Styling support for modals and hidding certail fields 05/12/2022 GG Styling for modals 05/13/2022 GG Styling for modals 05/13/2022 GG Styling modal v3, Updating header and border-radius, Icon support for modal headers 05/16/2022 GG Styling for new dynamic modals 05/17/2022 GG Styling tweaks for responsive and lead details 05/18/2022 GG Styling for new SS design using previous HTML 05/19/2022 GG Styling for Dashboard Page 05/20/2022 GG Additional Styling for Dashboard Page 05/31/2022 GG Responsive styling for commandbar and Dashboard Page 07/05/2022 GG Styling changes for second address field in lead detail page. 07/06/2022 GG Styling updates for lead detail page 07/06/2022 GG Styling for form field errors 07/06/2022 GG Styling updates for lead detail form and fields 07/07/2022 GG Updating form field error styling 07/07/2022 GG Updating all labels for background color 07/07/2022 GG Styling for available tags multiselect in lead details 07/08/2022 GG Styling for dashboard widgets layout 07/08/2022 GG Additional style updates for the dashboard page 07/13/2022 GG Style updates for the dashboard page 07/18/2022 GG Style updates for the manage actions list and edit 07/18/2022 GG Restyled sticky parts to be easier to manage 07/19/2022 GG Styling for radlist items and fields on the manage actions page 07/20/2022 GG Removing obsolete 'constrain' styles 07/20/2022 GG Style adjustments for the topbar, context menu, and list entries on responsive/mobile 07/20/2022 GG Slight font-weight increase 07/21/2022 GG Restyling labels and fields for inputs 07/22/2022 GG Support styling for changes to the lead tags 07/25/2022 GG Styling for new recurring action card header (lead detail) 07/26/2022 GG Updates for tags in the lead detail page container to wrap 07/27/2022 GG Styling for new action comments 07/28/2022 GG Styling for new action comments and manage actions page 07/29/2022 GG Styling updates for the lead detail page comments 08/01/2022 GG Styling for the new 'Admin' page 08/02/2022 GG Styling for the settings page 08/03/2022 GG Styling for the settings page 08/04/2022 GG Styling for lead upload landing page 08/09/2022 GG Mobile/responsive styling for lead detail page 08/09/2022 GG Lead detail style fix for close button and mobile menu 08/10/2022 GG Updating fields in the create action form 08/10/2022 GG Styling for recurring actions 08/11/2022 GG Styling for recurring actions (mobile/responsive) 08/11/2022 GG Styling for new recurring actions form 08/12/2022 GG Styling adjustments for scheduled actions 08/12/2022 GG Tightening up lead detail spacing 08/15/2022 GG Import preview page styling 08/15/2022 GG Styling for new due date icon in action cards 08/16/2022 GG Styling for new due date status column 08/16/2022 GG Styling for new due date status column on mobile/responsive 08/16/2022 GG Styling tweak for lead action card status/tooltips getting cut off 08/17/2022 GG Manage actions list styling 08/17/2022 GG Lead detail recurring action card style updates 08/18/2022 GG New class for invalid RadComboBoxes 08/18/2022 GG Styling card headers for all card types 08/18/2022 GG Updating card header colors and title weight 08/19/2022 GG Updating styling for PageHeaderInfoWrap 08/19/2022 GG Updating styling for calendar 08/19/2022 GG Style adjustment for action card comments 08/23/2022 GG Manage tags page styling 08/24/2022 GG Manage tags page styling 08/25/2022 GG Manage tags page styling 08/26/2022 GG Re-styling main layout div with grid instead of flex for modular control 08/26/2022 GG Style adjustments for import landing page 08/29/2022 GG Style adjustments for import preview page (No ID column) 08/29/2022 GG Styling for import progress modal 08/30/2022 GG Styling for consistency between config pages. 08/31/2022 GG Styling updates for the import pages 08/31/2022 GG Styling updates for the import pages (mobile) 08/31/2022 GG Styling updates for the import mapping pages (slider) 09/01/2022 GG Styling for consistency in configuration pages 09/02/2022 GG Styling updates for edge issue and new display column 09/02/2022 GG Disabled class for system actions 09/02/2022 GG Tags list updates for new columns and disabled classes 09/06/2022 GG Styling for tags list cell truncation 09/07/2022 GG Styling updates for no "Is Default Action" column in manage actions page 09/07/2022 GG Import page styling updates for error state on preview page 09/07/2022 GG Config page style updates (System entry icons) 09/07/2022 GG Fix for import preview error log download button 09/08/2022 GG Layout re-styling for performance improvement 09/08/2022 GG Getting rid of content-visibility: auto; (Too buggy on Edge) 09/08/2022 GG Styling for scrollbar and tags tooltip overflow issue 09/09/2022 GG Styled topbar and groupbar with grid to address layout bugs 09/12/2022 GG Styling entry selection for new checkbox button inside 09/12/2022 GG Updating styling for side menu scrollbar 09/13/2022 GG Updating styling for buggy side menu 09/13/2022 GG Updating styling for mobile/responsive 09/13/2022 GG Updates for Groupbar and SearchNav 09/13/2022 GG Suspending groupbar scrollbars 09/14/2022 GG Styling for color picker 09/15/2022 GG Styling for statuses and groups config pages 09/16/2022 GG Styling for admin company 09/16/2022 GG Removing suppressed pointer events for main groupbar 09/19/2022 GG Style updates for the admin page (companies section) 09/19/2022 GG Style tweaks for admin config pages 09/21/2022 GG Style updates for Admin Companies' section 09/21/2022 GG Styles to hide new entry checkbox 09/22/2022 GG Styling for admin company list 09/26/2022 GG Updating styling for footer pagination 09/27/2022 GG Styling for company settings form and list 09/27/2022 GG Styling for master list pagination 09/27/2022 GG Styling for quick menu background-color and counters 09/29/2022 GG Styling for lead counters on groupbar 09/30/2022 GG Updating groupbar nav counter to use spans instead of radlabels 09/30/2022 GG Making left margin consistent on groupbar 09/30/2022 GG Config pages styling (orange theme) 09/30/2022 GG Config pages style updates for the tags page 10/03/2022 GG Grid CSS framework and styling for dashboard 10/03/2022 GG Updating styling for missing telerik stylesheet 10/03/2022 GG Updating styling for manage tags page extra lead count column 10/05/2022 GG Styling updates for config pages 10/05/2022 GG Navigation container style updates for consistency across browsers 10/05/2022 GG Company settings form/list responsive/mobile styling 10/05/2022 GG NoRecord styling for empty lists 10/06/2022 GG Commandbar styling fixes for mobile/responsive 10/07/2022 GG Styling updates for empty list message and graphic 10/07/2022 GG Styling updates for admin company list 10/07/2022 GG SparkSite style updates 10/10/2022 GG SparkSite style tweaks 10/10/2022 GG SparkSite style tweaks for tabs 10/12/2022 GG Dashboard style updates for Campaigns section 10/13/2022 GG Dashboard responsive styling 10/14/2022 GG Dashboard sponsor section responsive styling 10/18/2022 GG Dashboard styling for campaign section 10/19/2022 GG Dashboard widget grid/responsive styling 10/21/2022 GG Fixing z-index issue for share button on sparks sites page 10/21/2022 GG Mobile responsive styling for spark sites page 10/24/2022 GG Styling for the Spark Sites Page Tabs and Tab Content 10/24/2022 GG Color styling for the Spark Sites Page Tabs and Tab Content 10/25/2022 GG Styling tweak updates for Spark Sites Page Charts 10/26/2022 GG Styling updates for modals 10/26/2022 GG Style adjustments for Spark Sites charts and charts analytics 10/27/2022 GG Responsive/Mobile style updates for dashboard 10/27/2022 GG Updating commandbar active/hover state 10/28/2022 GG Updating print media styling for lead detail page 10/31/2022 GG Styling for new edit control trigger for lists 11/01/2022 GG Updating print styling for lead detail page 11/01/2022 GG Mobile/responsive styling for Dashboard 11/01/2022 GG Settings page style updates 11/01/2022 GG Admin page list style tweaks 11/02/2022 GG Settings page mobile/responsive style updates 11/02/2022 GG Updating admin page styling to prevent overflow issues on mobile 11/02/2022 GG Edit trigger style updates specifically for the TagsList 11/03/2022 GG TagCloud style updates 11/04/2022 GG TagCloud styling for color coding 11/04/2022 GG Communications page styling 11/07/2022 GG Communications page Styles 11/08/2022 GG Communications page Styles 11/10/2022 GG Communications page styling 11/14/2022 GG Styling re-vamp on communications page for block-edit and template-design 11/17/2022 GG Styling for communications template designer 11/17/2022 GG Styling for communications review page 11/21/2022 GG Styling for the communications page editor and progress area 11/22/2022 GG Styling for the communications page editor and progress area 11/23/2022 GG Mobile/Responsive styling for the communications page 11/23/2022 GG TagsList Style updates for new campaign column 11/28/2022 GG Style updates for communications and communications template page 11/30/2022 GG Style updates for communications editors and template fields 12/01/2022 GG Updating styles for communications pages and the manage communications page 12/02/2022 GG Manage campaigns updates for detail page navigation 12/02/2022 GG Unifying admin config lists' styling 12/02/2022 GG Toggling appropriate communications fields based on selcted platform 12/05/2022 GG Style updates for the campaign detail page 12/08/2022 GG Styling for the communications page for campaigns 12/09/2022 GG Styling support for the campaign detail page 12/12/2022 GG Styling update for updated Spark Site section in the Dashboard 12/13/2022 GG Updating dashboard styling for spark site widget redesign 12/13/2022 GG Communications page updates 12/14/2022 GG Communications page updates 12/14/2022 GG Fixing bugs with the manage leads page 12/14/2022 GG Dashboard SparkSite widget style tweaks 12/15/2022 GG Styling classes for layout/templates 12/16/2022 GG Styling for dashboard widgets and empty data templates 12/19/2022 GG Updates for dashboard grid classes 12/20/2022 GG Updates for dashboard empty templates 12/21/2022 GG Updating empty donut styles 12/21/2022 GG Class updates for Dashboard Donuts 12/22/2022 GG Styling for spark site layout/template divs 12/27/2022 GG Updates for layout/template pages 12/27/2022 GG Updates and support classes for the dashboard hero widget 12/28/2022 GG Styling for campaign detail-page fields 12/29/2022 GG Campaign-detail page updates 12/29/2022 GG Dashboard style updates (get rid of grey bar bug) 12/29/2022 GG Support styling for Dashboard sponsor 12/29/2022 GG Styling for dashboard hero title section 01/03/2023 GG Updates to fix styling bugs on dashboard 01/03/2023 GG Initial styling for the onboarding page 01/04/2023 GG Styles for onboarding and manage campaign detail page 01/05/2023 GG Styles for onboarding sign-up 01/06/2023 GG Tweaks for onboarding form 01/09/2023 GG Style updates for ignite onboarding 01/10/2023 GG Manage campaigns (edit-mode) styles 01/10/2023 GG Dashboard widgets mobile/responsive styling 01/11/2023 GG MAJOR UPDATE : Including generic classes 01/11/2023 GG Fixing manage campaigns list not being interactive 01/12/2023 GG Styling updates for onboarding page 3 form labels 01/13/2023 GG Responsive styling for dashboard widgets 01/16/2023 GG Onboarding receipt-page styling 01/16/2023 GG Bug style fixing 01/16/2023 GG Updating background-color for the "new" list items 01/17/2023 GG Centralizing list styles for improved consistency 01/18/2023 GG Styling for onboarding step4 01/18/2023 GG Styling for the manage_campaigns list controls 01/19/2023 GG Style update for new manage campaign columns 01/20/2023 GG Style updates for the managecampaigns list on mobile/responsive 01/23/2023 GG Style tweaks for lists and hover states 01/25/2023 GG Styling for message/layout editor 01/26/2023 GG Styling for message/layout editor 01/27/2023 GG Styling for message/layout editor 01/30/2023 GG Styling for message/layout editor 02/02/2023 GG Styling for message/layout editor 02/03/2023 GG Styling for message/layout editor 02/06/2023 GG Styling updates for the layout editor "RESIZE" mode 02/07/2023 GG Styling updates for the layout editor "RESIZE" mode 02/10/2023 GG Styling for layout flyout menu 02/14/2023 GG Styling for message/layout editor 03/06/2023 GG Styling updates for skins 03/06/2023 GG Styling support for 5 Custom Fields on import-mapping page 03/07/2023 GG Palette/Variable and Skin CSS Optimizations 03/08/2023 GG Style updates for lists' consistency 03/09/2023 GG Style updates for buttons 03/09/2023 GG Style updates for LeadDetail fields 03/10/2023 GG Styling updates for layout editor 03/13/2023 GG Styling updates for list consistency 03/14/2023 GG Styling updates manage leads list 03/22/2023 GG Styling updates manage leads list 03/23/2023 GG Responsive/mobile styling for the ManageLeads list 03/24/2023 GG Style updates for entry tags 03/24/2023 GG Styling "Change Lead Status" combo 03/28/2023 GG Styling for mobile/responsive task menu 03/29/2023 GG Fixing hidden Group Select combo for mobile 03/30/2023 GG Style updates for filters label 03/30/2023 GG Style Mobile responsive style bugs 03/31/2023 GG Styling for QuickMenu on mobile/responsive 04/03/2023 GG Styling for the filters label 04/03/2023 GG Styling for the Search Header 04/04/2023 GG Styling for cards and search header 04/04/2023 GG Search Header styling update 04/04/2023 GG Tag Delete Styling 04/05/2023 GG Tag Styling 04/05/2023 GG Communication's page styling 04/05/2023 GG Unhiding recipients list pager for the communications page 04/06/2023 GG Styling for the communications page editors 04/06/2023 GG Campaign Detail page styling 04/10/2023 GG Communications page styling 04/10/2023 GG Manage Campaigns styling 04/11/2023 GG Settings page styling 04/12/2023 GG Settings page styling 04/13/2023 GG Settings page styling 04/14/2023 GG Communications Editor Styling 04/17/2023 GG Settings page styling 04/17/2023 GG Import page styling 04/19/2023 GG Communications layout styling 04/20/2023 GG Campaign Detail page styling 04/20/2023 GG Styling for preview window 04/24/2023 GG Settings responsive/mobile styling 04/25/2023 GG Settings card list styling 04/27/2023 GG Styling for credit purchasing modal 04/28/2023 GG Styling for communications page 05/01/2023 GG Style updates for the settings/manage-detail page 05/01/2023 GG Style updates for campaign detail list 05/01/2023 GG Campaign-detail page messages list styling 05/03/2023 GG Button styling updates 05/03/2023 GG Pay window updates 05/04/2023 GG Syling optimizations for textboxes and comboboxes 05/04/2023 GG Addressing style bugs 05/05/2023 GG Addressing style bugs 05/08/2023 GG Styling for pay templates and settings page 05/08/2023 GG Print styling for Lead Detail 05/08/2023 GG Lead Detail print styling 05/11/2023 GG SparkSite page styling 05/12/2023 GG SparkSite page styling 05/12/2023 GG SparkSite detail page styling 05/16/2023 GG Styling for consistent windows 05/17/2023 GG Styling to address various bugs 05/19/2023 GG Communications page styling 05/22/2023 GG Content detail-page updates 05/22/2023 GG Style bug fixes 05/23/2023 GG Style updates for Communications page 05/24/2023 GG Style updates for Communications page 05/24/2023 GG Centralizing text-size styling 05/25/2023 GG Style updates for Communications page 05/25/2023 GG Random style tweaks 05/30/2023 GG Styling for the message history list in lead detail 05/30/2023 GG Adding "invisible" class 06/01/2023 GG Styling for detail page (email templates) 06/03/2023 GG SMS Character Counter 06/05/2023 GG SMS Character Counter 06/07/2023 GG Addressing various style bugs 06/13/2023 GG Addressing mobile style bugs 06/14/2023 GG Addressing mobile style bugs 06/16/2023 GG Request Code List Styling 06/19/2023 GG Request Code List Styling 06/22/2023 GG Fixing tag preview style bug 06/22/2023 GG Mobile style bugs 06/23/2023 GG Mobile style bugs 06/26/2023 GG Placeholder space for empty value labels 06/26/2023 GG Updates to spinner overlay 07/05/2023 GG Style updates for searchbar (getting rid of blue) 07/07/2023 GG Updating styling for labels 07/07/2023 GG Updating styling for admin page toggler/span 07/11/2023 GG Message history new columns 07/12/2023 GG Campaign message history list styling 07/13/2023 GG Style updates for commandbar 07/17/2023 GG Style adjustments for spinner overlay 07/20/2023 GG Styling for utilities section 07/21/2023 GG Styling for manage leads page invalid email icon 07/25/2023 GG Styling for dashboard campaigns list 07/26/2023 GG Dashboard campaign widget styling 07/28/2023 GG Dashboard campaign details mobile styling 07/31/2023 GG Style fixes for import page tags 07/31/2023 GG Styling for Library Asset page 08/01/2023 GG Asset Library Styling 08/02/2023 GG Asset Library Styling 08/10/2023 GG Assign Tags Styling 08/18/2023 GG New icon for tags 08/18/2023 GG Styling for tag icon 08/24/2023 GG Styling for assign tags modal 08/30/2023 GG Updating styling for tags preview 09/05/2023 GG Builder style updates 09/05/2023 GG Assign Tags Modal Styling 09/06/2023 GG Updates for tag unassign modal 09/07/2023 GG Styling for HTML upload 09/08/2023 GG Styling for communications template builder 09/13/2023 GG Content builder styling 09/15/2023 GG Token Overlay Styling 09/18/2023 GG Token Overlay Styling 09/19/2023 GG Spacing for error labels on web content pages 09/20/2023 GG Adding Dino's updates for onboarding pages 09/21/2023 GG Styling for new SparkSite tab 09/25/2023 GG Styling for web content thumbnails 09/26/2023 GG Style updates for onboarding process 09/26/2023 GG Preview thumbnail for templates 09/29/2023 GG Updating look for list thumbnails 10/02/2023 GG Styling for the modals and thumbnails 10/03/2023 GG Fix for credit/upgrade modals 10/04/2023 GG State updates for lists 10/04/2023 GG Styling for manage campaigns list 10/06/2023 GG Styling for lists with thumbnails 10/12/2023 GG Onboarding styling updates 10/16/2023 GG Styling for settings page 10/17/2023 GG Staff Account Styling 10/19/2023 GG Staff Account Styling 10/20/2023 GG Support list styling 10/23/2023 GG Support page styling 10/24/2023 GG Visual Editor style updates 10/26/2023 GG Fix for error labels in staff accounts overlay 10/30/2023 GG Staff Account Styling 11/02/2023 GG Updates for permission denied styling 11/06/2023 GG Addressing style bugs 11/07/2023 GG Styling for the subscription expiration page 11/13/2023 GG Updates for visual editor 11/15/2023 GG Style updates for subscription renewal 11/17/2023 GG Styling for subscription renewal 12/14/2023 GG Styling for froala editor 01/12/2024 GG Increasing checkbox size 12/31/2024 GG Size /* END REVISION HISTORY * /************************/ @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,500;0,800;1,200&display=swap"); :root { /* S 03/06/23 */ --wgtIgnite-font: Poppins,sans-serif; --wgtIgnite-br: 6px; --wgtIgnite-lead-columns: 15% 25px 5% 10% 10% 10% 1fr 8%; /* E 03/06/23 */ /*S 05/24/23 */ --wgtIgnite-text-size-small: 10px; --wgtIgnite-text-size-default: 12px; --wgtIgnite-text-size-medium: 14px; --wgtIgnite-text-size-large: 20px; --wgtIgnite-text-size-hero: 30px; --wgtIgnite-text-size-max: 40px; --wgtIgnite-gap: 2px; /*E 05/24/23 */ --wgtIgnite-touchscreen-height: 100vh; /* S 4/20/2022 */ --wgtIgnite-palette-grey-1: #f0f0f0; --wgtIgnite-palette-grey-2: #eeeeee; --wgtIgnite-palette-grey-3: #dddddd; --wgtIgnite-palette-grey-4: #cccccc; --wgtIgnite-palette-grey-5: #bbbbbb; --wgtIgnite-palette-grey-6: #aaaaaa; --wgtIgnite-palette-grey-7: #888888; --wgtIgnite-palette-grey-8: #555555; --wgtIgnite-palette-grey-9: #474747; /* E 4/20/2022 */ --wgtIgnite-palette-alert: #ff5555; --wgtIgnite-palette-base: #474747; --wgtIgnite-palette-background: #fff; --wgtIgnite-palette-important: #ff5555; --wgtIgnite-palette-shadow: #ccc; /* Start swiper specific variables */ --swiper-navigation-color: var(--wgtIgnite-color-1); } /*SET TELERIK SKINS COLORS*/ /* Start Skin Variable */ /* BOOTSTRAP IS DEFAULT SKIN */ .RadLabel_Bootstrap + .wgtIgnite, form.wgtIgniteStaffLoginPage { /* Main Color Settings (Purple: #5E3A90) */ --theme-color-1: 265, 43%; --l-1: 40%; /* Secondary Color Settings (Orange: #ffa500) */ --theme-color-2: 39, 100%; --l-2: 50%; /* 3rd Color Settings (Green: #3a905e) */ --theme-color-3: 145, 43%; --l-3: 40%; /*4th Color Settings (Blue :#09BBFE )*/ --theme-color-4: 196, 99%; --l-4: 52%; --wgtIgnite-font: Poppins, sans-serif; --wgtIgnite-palette-base: #474747; --wgtIgnite-palette-background: #fff; --wgtIgnite-br: 6px; } .RadLabel_Black + .wgtIgnite { --wgtIgnite-palette-shadow: #35434B; --wgtIgnite-palette-background: #474747; --wgtIgnite-palette-base: #e2e8eb; } .RadLabel_Material + .wgtIgnite { /* S 4/14/22 */ --wgtIgnite-palette-base: #607D8B; /* E 4/14/22 */ } /* Start Metro Skin */ .RadLabel_Metro + .wgtIgnite { /* Main Color Settings (White : #) */ --theme-color-1: 0, 0%; --l-1: 100%; /* Secondary Color Settings (Light Green: #b7cbd4) */ --theme-color-2: 199, 25%; --l-2: 75%; /* 3rd Color Settings (Teel: #1c9fcc) */ --theme-color-3: 195, 76%; --l-3: 45%; /*4th Color Settings (Blue :#09BBFE )*/ --theme-color-4: 196, 99%; --l-4: 52%; --wgtIgnite-palette-shadow: #35434B; --wgtIgnite-palette-background: #fff; --wgtIgnite-palette-base: #474747; } /* End Metro Skin */ .RadLabel_Sunset + .wgtIgnite { --wgtIgnite-br: 4px; --wgtIgnite-palette-shadow: #35434B; --wgtIgnite-palette-background: #ffffff; --wgtIgnite-palette-base: #474747; } /* End Sunset Skin */ /* Start Web Blue Skin */ /* Official Glow Colors */ /* #6e8aa8 Dark-blue */ /* #d7e2e7 Light Blue */ /* #E2E8EB light-grey */ .RadLabel_WebBlue + .wgtIgnite { /* Main Color Settings (Light Blue : #d4eaf8) */ --theme-color-1: 265, 43%; --l-1: 40%; /* Secondary Color Settings (Light Green: #b7cbd4) */ --theme-color-2: 199, 25%; --l-2: 75%; /* 3rd Color Settings (Teel: #1c9fcc) */ --theme-color-3: 195, 76%; --l-3: 45%; /*4th Color Settings (Blue :#09BBFE )*/ --theme-color-4: 196, 99%; --l-4: 52%; --wgtIgnite-palette-shadow: #35434B; --wgtIgnite-palette-background: #fff; --wgtIgnite-palette-base: #474747; } /* End Web Blue Skin */ /* Start Telerik Skin */ .RadLabel_Telerik + .wgtIgnite { /* Main Color Settings (Light Blue : #47ba22) */ --theme-color-1: 105, 69%; --l-1: 43%; /* Secondary Color Settings (Light Green: #b7cbd4) */ --theme-color-2: 199, 25%; --l-2: 75%; /* 3rd Color Settings (Dark Green: #4d862c) */ --theme-color-3: 98, 51%; --l-3: 35%; /*4th Color Settings (Dark Green: #4d862c)*/ --theme-color-4: 98, 51%; --l-4: 35%; --wgtIgnite-palette-shadow: #35434B; --wgtIgnite-palette-background: #fff; --wgtIgnite-palette-base: #474747; } /* End Telerik Skin */ /* Official Glow Colors */ /* #35434B Dark-grey */ /* #1C262C black */ /* #CD8100 brown */ /* #E2E8EB light-grey */ .RadLabel_Glow + .wgtIgnite { /* Main Color Settings #FFA915 gold*/ --theme-color-1: 38, 100%; --l-1: 54%; /* 2nd Color Settings (Dark Grey: #35434b) */ --theme-color-2: 202, 17%; --l-2: 25%; /* 3rd Color Settings #FFA915 gold */ --theme-color-3: 38, 100%; --l-3: 54%; /* 4th Color Settings #FFA915 gold */ --theme-color-4: 38, 100%; --l-4: 54%; --wgtIgnite-palette-shadow: #35434B; --wgtIgnite-palette-background: #29343b; --wgtIgnite-palette-base: #e2e8eb; } .RadLabel + .wgtIgnite, form.wgtIgniteStaffLoginPage, .wgtIgniteExpiredSubscriptionRenewalForm { --wgtIgnite-color-1: hsl(var(--theme-color-1),var(--l-1)); --wgtIgnite-color-2: hsl(var(--theme-color-2),var(--l-2)); --wgtIgnite-color-3: hsl(var(--theme-color-3),var(--l-3)); --wgtIgnite-color-4: hsl(var(--theme-color-4),var(--l-4)); --wgtIgnite-color-1d1: hsl(var(--theme-color-1),calc(var(--l-1) - 15%)); --wgtIgnite-color-1d2: hsl(var(--theme-color-1),calc(var(--l-1) - 25%)); --wgtIgnite-color-1d3: hsl(var(--theme-color-1),calc(var(--l-1) - 35%)); --wgtIgnite-color-1d4: hsl(var(--theme-color-1),calc(var(--l-1) - 45%)); --wgtIgnite-color-1d5: hsl(var(--theme-color-1),calc(3%)); --wgtIgnite-color-1l1: hsl(var(--theme-color-1),calc(var(--l-1) + 15%)); --wgtIgnite-color-1l2: hsl(var(--theme-color-1),calc(var(--l-1) + 25%)); --wgtIgnite-color-1l3: hsl(var(--theme-color-1),calc(var(--l-1) + 35%)); --wgtIgnite-color-1l4: hsl(var(--theme-color-1),calc(var(--l-1) + 45%)); --wgtIgnite-color-1l5: hsl(var(--theme-color-1),calc(96%)); --wgtIgnite-color-2d1: hsl(var(--theme-color-2),calc(var(--l-2) - 15%)); --wgtIgnite-color-2d2: hsl(var(--theme-color-2),calc(var(--l-2) - 25%)); --wgtIgnite-color-2d3: hsl(var(--theme-color-2),calc(var(--l-2) - 35%)); --wgtIgnite-color-2d4: hsl(var(--theme-color-2),calc(var(--l-2) - 45%)); --wgtIgnite-color-2d5: hsl(var(--theme-color-2),calc(3%)); --wgtIgnite-color-2l1: hsl(var(--theme-color-2),calc(var(--l-2) + 15%)); --wgtIgnite-color-2l2: hsl(var(--theme-color-2),calc(var(--l-2) + 25%)); --wgtIgnite-color-2l3: hsl(var(--theme-color-2),calc(var(--l-2) + 35%)); --wgtIgnite-color-2l4: hsl(var(--theme-color-2),calc(var(--l-2) + 45%)); --wgtIgnite-color-2l5: hsl(var(--theme-color-2),calc(96%)); --wgtIgnite-color-3d1: hsl(var(--theme-color-3),calc(var(--l-3) - 15%)); --wgtIgnite-color-3d2: hsl(var(--theme-color-3),calc(var(--l-3) - 25%)); --wgtIgnite-color-3d3: hsl(var(--theme-color-3),calc(var(--l-3) - 35%)); --wgtIgnite-color-3d4: hsl(var(--theme-color-3),calc(var(--l-3) - 45%)); --wgtIgnite-color-3d5: hsl(var(--theme-color-3),calc(3%)); --wgtIgnite-color-3l1: hsl(var(--theme-color-3),calc(var(--l-3) + 15%)); --wgtIgnite-color-3l2: hsl(var(--theme-color-3),calc(var(--l-3) + 25%)); --wgtIgnite-color-3l3: hsl(var(--theme-color-3),calc(var(--l-3) + 35%)); --wgtIgnite-color-3l4: hsl(var(--theme-color-3),calc(var(--l-3) + 45%)); --wgtIgnite-color-3l5: hsl(var(--theme-color-3),calc(96%)); --wgtIgnite-color-4d1: hsl(var(--theme-color-4),calc(var(--l-4) - 15%)); --wgtIgnite-color-4d2: hsl(var(--theme-color-4),calc(var(--l-4) - 25%)); --wgtIgnite-color-4d3: hsl(var(--theme-color-4),calc(var(--l-4) - 35%)); --wgtIgnite-color-4d4: hsl(var(--theme-color-4),calc(var(--l-4) - 45%)); --wgtIgnite-color-4d5: hsl(var(--theme-color-4),calc(3%)); --wgtIgnite-color-4l1: hsl(var(--theme-color-4),calc(var(--l-4) + 15%)); --wgtIgnite-color-4l2: hsl(var(--theme-color-4),calc(var(--l-4) + 25%)); --wgtIgnite-color-4l3: hsl(var(--theme-color-4),calc(var(--l-4) + 35%)); --wgtIgnite-color-4l4: hsl(var(--theme-color-4),calc(var(--l-4) + 45%)); --wgtIgnite-color-4l5: hsl(var(--theme-color-4),calc(96%)); --wgtIgnite-palette-commandbar-bg: var(--wgtIgnite-color-1); --wgtIgnite-palette-commandbar-icon: var(--wgtIgnite-palette-base); --wgtIgnite-palette-scrollbar: var(--wgtIgnite-color-2); --wgtIgnite-palette-search-icon: var(--wgtIgnite-color-1); --wgtIgnite-palette-list-item-bg: var(--wgtIgnite-color-2l4); --wgtIgnite-palette-list-item-fade: var(--wgtIgnite-color-2l4); } .RadLabel + .wgtIgnite .icoContextMenu, form.wgtIgniteStaffLoginPage .icoContextMenu, .wgtIgniteExpiredSubscriptionRenewalForm .icoContextMenu { fill: var(--wgtIgnite-color-1); } .RadLabel + .wgtIgnite::before, form.wgtIgniteStaffLoginPage::before, .wgtIgniteExpiredSubscriptionRenewalForm::before { background-color: var(--wgtIgnite-palette-grey-2); } /* End Skin Palettes */ /* Breakpoints and media queries Used for generic/helper classes */ /* Small Range <= 500 */ /* Medium Range 500 - 900 */ /* Large Range 900 - 1400 */ /* End breakpoints and media queries */ @-webkit-keyframes blink { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes collapse { 0% { height: 500px; } 100% { height: 0px; } } @keyframes collapse { 0% { height: 500px; } 100% { height: 0px; } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes wave { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @keyframes wave { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } /*S 9/30/22 */ /*E 9/30/22 */ /*S 03/13/23 */ /*E 03/13/23 */ /*S 05/22/23 */ /*E 05/22/23 */ /*S 9/8/22 */ /*E 9/8/22 */ /*S 10/3/22 */ .grd-col-start-1 { grid-column-start: 1; } @media screen and (min-width: 1300px) { .grd-col-start-1--1300-min { grid-column-start: 1 !important; } } @media screen and (max-width: 1300px) { .grd-col-start-1--1300-max { grid-column-start: 1 !important; } } @media screen and (min-width: 1260px) { .grd-col-start-1--1260-min { grid-column-start: 1 !important; } } @media screen and (max-width: 1260px) { .grd-col-start-1--1260-max { grid-column-start: 1 !important; } } @media screen and (min-width: 1200px) { .grd-col-start-1--1200-min { grid-column-start: 1 !important; } } @media screen and (max-width: 1200px) { .grd-col-start-1--1200-max { grid-column-start: 1 !important; } } @media screen and (min-width: 1160px) { .grd-col-start-1--1160-min { grid-column-start: 1 !important; } } @media screen and (max-width: 1160px) { .grd-col-start-1--1160-max { grid-column-start: 1 !important; } } @media screen and (min-width: 1100px) { .grd-col-start-1--1100-min { grid-column-start: 1 !important; } } @media screen and (max-width: 1100px) { .grd-col-start-1--1100-max { grid-column-start: 1 !important; } } @media screen and (min-width: 1060px) { .grd-col-start-1--1060-min { grid-column-start: 1 !important; } } @media screen and (max-width: 1060px) { .grd-col-start-1--1060-max { grid-column-start: 1 !important; } } @media screen and (min-width: 1000px) { .grd-col-start-1--1000-min { grid-column-start: 1 !important; } } @media screen and (max-width: 1000px) { .grd-col-start-1--1000-max { grid-column-start: 1 !important; } } @media screen and (min-width: 960px) { .grd-col-start-1--960-min { grid-column-start: 1 !important; } } @media screen and (max-width: 960px) { .grd-col-start-1--960-max { grid-column-start: 1 !important; } } @media screen and (min-width: 900px) { .grd-col-start-1--900-min { grid-column-start: 1 !important; } } @media screen and (max-width: 900px) { .grd-col-start-1--900-max { grid-column-start: 1 !important; } } @media screen and (min-width: 860px) { .grd-col-start-1--860-min { grid-column-start: 1 !important; } } @media screen and (max-width: 860px) { .grd-col-start-1--860-max { grid-column-start: 1 !important; } } @media screen and (min-width: 800px) { .grd-col-start-1--800-min { grid-column-start: 1 !important; } } @media screen and (max-width: 800px) { .grd-col-start-1--800-max { grid-column-start: 1 !important; } } @media screen and (min-width: 760px) { .grd-col-start-1--760-min { grid-column-start: 1 !important; } } @media screen and (max-width: 760px) { .grd-col-start-1--760-max { grid-column-start: 1 !important; } } @media screen and (min-width: 700px) { .grd-col-start-1--700-min { grid-column-start: 1 !important; } } @media screen and (max-width: 700px) { .grd-col-start-1--700-max { grid-column-start: 1 !important; } } @media screen and (min-width: 660px) { .grd-col-start-1--660-min { grid-column-start: 1 !important; } } @media screen and (max-width: 660px) { .grd-col-start-1--660-max { grid-column-start: 1 !important; } } @media screen and (min-width: 600px) { .grd-col-start-1--600-min { grid-column-start: 1 !important; } } @media screen and (max-width: 600px) { .grd-col-start-1--600-max { grid-column-start: 1 !important; } } @media screen and (min-width: 560px) { .grd-col-start-1--560-min { grid-column-start: 1 !important; } } @media screen and (max-width: 560px) { .grd-col-start-1--560-max { grid-column-start: 1 !important; } } @media screen and (min-width: 500px) { .grd-col-start-1--500-min { grid-column-start: 1 !important; } } @media screen and (max-width: 500px) { .grd-col-start-1--500-max { grid-column-start: 1 !important; } } @media screen and (min-width: 460px) { .grd-col-start-1--460-min { grid-column-start: 1 !important; } } @media screen and (max-width: 460px) { .grd-col-start-1--460-max { grid-column-start: 1 !important; } } @media screen and (min-width: 400px) { .grd-col-start-1--400-min { grid-column-start: 1 !important; } } @media screen and (max-width: 400px) { .grd-col-start-1--400-max { grid-column-start: 1 !important; } } @media screen and (min-width: 360px) { .grd-col-start-1--360-min { grid-column-start: 1 !important; } } @media screen and (max-width: 360px) { .grd-col-start-1--360-max { grid-column-start: 1 !important; } } @media screen and (min-width: 300px) { .grd-col-start-1--300-min { grid-column-start: 1 !important; } } @media screen and (max-width: 300px) { .grd-col-start-1--300-max { grid-column-start: 1 !important; } } .grd-col-start-2 { grid-column-start: 2; } @media screen and (min-width: 1300px) { .grd-col-start-2--1300-min { grid-column-start: 2 !important; } } @media screen and (max-width: 1300px) { .grd-col-start-2--1300-max { grid-column-start: 2 !important; } } @media screen and (min-width: 1260px) { .grd-col-start-2--1260-min { grid-column-start: 2 !important; } } @media screen and (max-width: 1260px) { .grd-col-start-2--1260-max { grid-column-start: 2 !important; } } @media screen and (min-width: 1200px) { .grd-col-start-2--1200-min { grid-column-start: 2 !important; } } @media screen and (max-width: 1200px) { .grd-col-start-2--1200-max { grid-column-start: 2 !important; } } @media screen and (min-width: 1160px) { .grd-col-start-2--1160-min { grid-column-start: 2 !important; } } @media screen and (max-width: 1160px) { .grd-col-start-2--1160-max { grid-column-start: 2 !important; } } @media screen and (min-width: 1100px) { .grd-col-start-2--1100-min { grid-column-start: 2 !important; } } @media screen and (max-width: 1100px) { .grd-col-start-2--1100-max { grid-column-start: 2 !important; } } @media screen and (min-width: 1060px) { .grd-col-start-2--1060-min { grid-column-start: 2 !important; } } @media screen and (max-width: 1060px) { .grd-col-start-2--1060-max { grid-column-start: 2 !important; } } @media screen and (min-width: 1000px) { .grd-col-start-2--1000-min { grid-column-start: 2 !important; } } @media screen and (max-width: 1000px) { .grd-col-start-2--1000-max { grid-column-start: 2 !important; } } @media screen and (min-width: 960px) { .grd-col-start-2--960-min { grid-column-start: 2 !important; } } @media screen and (max-width: 960px) { .grd-col-start-2--960-max { grid-column-start: 2 !important; } } @media screen and (min-width: 900px) { .grd-col-start-2--900-min { grid-column-start: 2 !important; } } @media screen and (max-width: 900px) { .grd-col-start-2--900-max { grid-column-start: 2 !important; } } @media screen and (min-width: 860px) { .grd-col-start-2--860-min { grid-column-start: 2 !important; } } @media screen and (max-width: 860px) { .grd-col-start-2--860-max { grid-column-start: 2 !important; } } @media screen and (min-width: 800px) { .grd-col-start-2--800-min { grid-column-start: 2 !important; } } @media screen and (max-width: 800px) { .grd-col-start-2--800-max { grid-column-start: 2 !important; } } @media screen and (min-width: 760px) { .grd-col-start-2--760-min { grid-column-start: 2 !important; } } @media screen and (max-width: 760px) { .grd-col-start-2--760-max { grid-column-start: 2 !important; } } @media screen and (min-width: 700px) { .grd-col-start-2--700-min { grid-column-start: 2 !important; } } @media screen and (max-width: 700px) { .grd-col-start-2--700-max { grid-column-start: 2 !important; } } @media screen and (min-width: 660px) { .grd-col-start-2--660-min { grid-column-start: 2 !important; } } @media screen and (max-width: 660px) { .grd-col-start-2--660-max { grid-column-start: 2 !important; } } @media screen and (min-width: 600px) { .grd-col-start-2--600-min { grid-column-start: 2 !important; } } @media screen and (max-width: 600px) { .grd-col-start-2--600-max { grid-column-start: 2 !important; } } @media screen and (min-width: 560px) { .grd-col-start-2--560-min { grid-column-start: 2 !important; } } @media screen and (max-width: 560px) { .grd-col-start-2--560-max { grid-column-start: 2 !important; } } @media screen and (min-width: 500px) { .grd-col-start-2--500-min { grid-column-start: 2 !important; } } @media screen and (max-width: 500px) { .grd-col-start-2--500-max { grid-column-start: 2 !important; } } @media screen and (min-width: 460px) { .grd-col-start-2--460-min { grid-column-start: 2 !important; } } @media screen and (max-width: 460px) { .grd-col-start-2--460-max { grid-column-start: 2 !important; } } @media screen and (min-width: 400px) { .grd-col-start-2--400-min { grid-column-start: 2 !important; } } @media screen and (max-width: 400px) { .grd-col-start-2--400-max { grid-column-start: 2 !important; } } @media screen and (min-width: 360px) { .grd-col-start-2--360-min { grid-column-start: 2 !important; } } @media screen and (max-width: 360px) { .grd-col-start-2--360-max { grid-column-start: 2 !important; } } @media screen and (min-width: 300px) { .grd-col-start-2--300-min { grid-column-start: 2 !important; } } @media screen and (max-width: 300px) { .grd-col-start-2--300-max { grid-column-start: 2 !important; } } .grd-col-start-3 { grid-column-start: 3; } @media screen and (min-width: 1300px) { .grd-col-start-3--1300-min { grid-column-start: 3 !important; } } @media screen and (max-width: 1300px) { .grd-col-start-3--1300-max { grid-column-start: 3 !important; } } @media screen and (min-width: 1260px) { .grd-col-start-3--1260-min { grid-column-start: 3 !important; } } @media screen and (max-width: 1260px) { .grd-col-start-3--1260-max { grid-column-start: 3 !important; } } @media screen and (min-width: 1200px) { .grd-col-start-3--1200-min { grid-column-start: 3 !important; } } @media screen and (max-width: 1200px) { .grd-col-start-3--1200-max { grid-column-start: 3 !important; } } @media screen and (min-width: 1160px) { .grd-col-start-3--1160-min { grid-column-start: 3 !important; } } @media screen and (max-width: 1160px) { .grd-col-start-3--1160-max { grid-column-start: 3 !important; } } @media screen and (min-width: 1100px) { .grd-col-start-3--1100-min { grid-column-start: 3 !important; } } @media screen and (max-width: 1100px) { .grd-col-start-3--1100-max { grid-column-start: 3 !important; } } @media screen and (min-width: 1060px) { .grd-col-start-3--1060-min { grid-column-start: 3 !important; } } @media screen and (max-width: 1060px) { .grd-col-start-3--1060-max { grid-column-start: 3 !important; } } @media screen and (min-width: 1000px) { .grd-col-start-3--1000-min { grid-column-start: 3 !important; } } @media screen and (max-width: 1000px) { .grd-col-start-3--1000-max { grid-column-start: 3 !important; } } @media screen and (min-width: 960px) { .grd-col-start-3--960-min { grid-column-start: 3 !important; } } @media screen and (max-width: 960px) { .grd-col-start-3--960-max { grid-column-start: 3 !important; } } @media screen and (min-width: 900px) { .grd-col-start-3--900-min { grid-column-start: 3 !important; } } @media screen and (max-width: 900px) { .grd-col-start-3--900-max { grid-column-start: 3 !important; } } @media screen and (min-width: 860px) { .grd-col-start-3--860-min { grid-column-start: 3 !important; } } @media screen and (max-width: 860px) { .grd-col-start-3--860-max { grid-column-start: 3 !important; } } @media screen and (min-width: 800px) { .grd-col-start-3--800-min { grid-column-start: 3 !important; } } @media screen and (max-width: 800px) { .grd-col-start-3--800-max { grid-column-start: 3 !important; } } @media screen and (min-width: 760px) { .grd-col-start-3--760-min { grid-column-start: 3 !important; } } @media screen and (max-width: 760px) { .grd-col-start-3--760-max { grid-column-start: 3 !important; } } @media screen and (min-width: 700px) { .grd-col-start-3--700-min { grid-column-start: 3 !important; } } @media screen and (max-width: 700px) { .grd-col-start-3--700-max { grid-column-start: 3 !important; } } @media screen and (min-width: 660px) { .grd-col-start-3--660-min { grid-column-start: 3 !important; } } @media screen and (max-width: 660px) { .grd-col-start-3--660-max { grid-column-start: 3 !important; } } @media screen and (min-width: 600px) { .grd-col-start-3--600-min { grid-column-start: 3 !important; } } @media screen and (max-width: 600px) { .grd-col-start-3--600-max { grid-column-start: 3 !important; } } @media screen and (min-width: 560px) { .grd-col-start-3--560-min { grid-column-start: 3 !important; } } @media screen and (max-width: 560px) { .grd-col-start-3--560-max { grid-column-start: 3 !important; } } @media screen and (min-width: 500px) { .grd-col-start-3--500-min { grid-column-start: 3 !important; } } @media screen and (max-width: 500px) { .grd-col-start-3--500-max { grid-column-start: 3 !important; } } @media screen and (min-width: 460px) { .grd-col-start-3--460-min { grid-column-start: 3 !important; } } @media screen and (max-width: 460px) { .grd-col-start-3--460-max { grid-column-start: 3 !important; } } @media screen and (min-width: 400px) { .grd-col-start-3--400-min { grid-column-start: 3 !important; } } @media screen and (max-width: 400px) { .grd-col-start-3--400-max { grid-column-start: 3 !important; } } @media screen and (min-width: 360px) { .grd-col-start-3--360-min { grid-column-start: 3 !important; } } @media screen and (max-width: 360px) { .grd-col-start-3--360-max { grid-column-start: 3 !important; } } @media screen and (min-width: 300px) { .grd-col-start-3--300-min { grid-column-start: 3 !important; } } @media screen and (max-width: 300px) { .grd-col-start-3--300-max { grid-column-start: 3 !important; } } .grd-col-start-4 { grid-column-start: 4; } @media screen and (min-width: 1300px) { .grd-col-start-4--1300-min { grid-column-start: 4 !important; } } @media screen and (max-width: 1300px) { .grd-col-start-4--1300-max { grid-column-start: 4 !important; } } @media screen and (min-width: 1260px) { .grd-col-start-4--1260-min { grid-column-start: 4 !important; } } @media screen and (max-width: 1260px) { .grd-col-start-4--1260-max { grid-column-start: 4 !important; } } @media screen and (min-width: 1200px) { .grd-col-start-4--1200-min { grid-column-start: 4 !important; } } @media screen and (max-width: 1200px) { .grd-col-start-4--1200-max { grid-column-start: 4 !important; } } @media screen and (min-width: 1160px) { .grd-col-start-4--1160-min { grid-column-start: 4 !important; } } @media screen and (max-width: 1160px) { .grd-col-start-4--1160-max { grid-column-start: 4 !important; } } @media screen and (min-width: 1100px) { .grd-col-start-4--1100-min { grid-column-start: 4 !important; } } @media screen and (max-width: 1100px) { .grd-col-start-4--1100-max { grid-column-start: 4 !important; } } @media screen and (min-width: 1060px) { .grd-col-start-4--1060-min { grid-column-start: 4 !important; } } @media screen and (max-width: 1060px) { .grd-col-start-4--1060-max { grid-column-start: 4 !important; } } @media screen and (min-width: 1000px) { .grd-col-start-4--1000-min { grid-column-start: 4 !important; } } @media screen and (max-width: 1000px) { .grd-col-start-4--1000-max { grid-column-start: 4 !important; } } @media screen and (min-width: 960px) { .grd-col-start-4--960-min { grid-column-start: 4 !important; } } @media screen and (max-width: 960px) { .grd-col-start-4--960-max { grid-column-start: 4 !important; } } @media screen and (min-width: 900px) { .grd-col-start-4--900-min { grid-column-start: 4 !important; } } @media screen and (max-width: 900px) { .grd-col-start-4--900-max { grid-column-start: 4 !important; } } @media screen and (min-width: 860px) { .grd-col-start-4--860-min { grid-column-start: 4 !important; } } @media screen and (max-width: 860px) { .grd-col-start-4--860-max { grid-column-start: 4 !important; } } @media screen and (min-width: 800px) { .grd-col-start-4--800-min { grid-column-start: 4 !important; } } @media screen and (max-width: 800px) { .grd-col-start-4--800-max { grid-column-start: 4 !important; } } @media screen and (min-width: 760px) { .grd-col-start-4--760-min { grid-column-start: 4 !important; } } @media screen and (max-width: 760px) { .grd-col-start-4--760-max { grid-column-start: 4 !important; } } @media screen and (min-width: 700px) { .grd-col-start-4--700-min { grid-column-start: 4 !important; } } @media screen and (max-width: 700px) { .grd-col-start-4--700-max { grid-column-start: 4 !important; } } @media screen and (min-width: 660px) { .grd-col-start-4--660-min { grid-column-start: 4 !important; } } @media screen and (max-width: 660px) { .grd-col-start-4--660-max { grid-column-start: 4 !important; } } @media screen and (min-width: 600px) { .grd-col-start-4--600-min { grid-column-start: 4 !important; } } @media screen and (max-width: 600px) { .grd-col-start-4--600-max { grid-column-start: 4 !important; } } @media screen and (min-width: 560px) { .grd-col-start-4--560-min { grid-column-start: 4 !important; } } @media screen and (max-width: 560px) { .grd-col-start-4--560-max { grid-column-start: 4 !important; } } @media screen and (min-width: 500px) { .grd-col-start-4--500-min { grid-column-start: 4 !important; } } @media screen and (max-width: 500px) { .grd-col-start-4--500-max { grid-column-start: 4 !important; } } @media screen and (min-width: 460px) { .grd-col-start-4--460-min { grid-column-start: 4 !important; } } @media screen and (max-width: 460px) { .grd-col-start-4--460-max { grid-column-start: 4 !important; } } @media screen and (min-width: 400px) { .grd-col-start-4--400-min { grid-column-start: 4 !important; } } @media screen and (max-width: 400px) { .grd-col-start-4--400-max { grid-column-start: 4 !important; } } @media screen and (min-width: 360px) { .grd-col-start-4--360-min { grid-column-start: 4 !important; } } @media screen and (max-width: 360px) { .grd-col-start-4--360-max { grid-column-start: 4 !important; } } @media screen and (min-width: 300px) { .grd-col-start-4--300-min { grid-column-start: 4 !important; } } @media screen and (max-width: 300px) { .grd-col-start-4--300-max { grid-column-start: 4 !important; } } .grd-col-start-5 { grid-column-start: 5; } @media screen and (min-width: 1300px) { .grd-col-start-5--1300-min { grid-column-start: 5 !important; } } @media screen and (max-width: 1300px) { .grd-col-start-5--1300-max { grid-column-start: 5 !important; } } @media screen and (min-width: 1260px) { .grd-col-start-5--1260-min { grid-column-start: 5 !important; } } @media screen and (max-width: 1260px) { .grd-col-start-5--1260-max { grid-column-start: 5 !important; } } @media screen and (min-width: 1200px) { .grd-col-start-5--1200-min { grid-column-start: 5 !important; } } @media screen and (max-width: 1200px) { .grd-col-start-5--1200-max { grid-column-start: 5 !important; } } @media screen and (min-width: 1160px) { .grd-col-start-5--1160-min { grid-column-start: 5 !important; } } @media screen and (max-width: 1160px) { .grd-col-start-5--1160-max { grid-column-start: 5 !important; } } @media screen and (min-width: 1100px) { .grd-col-start-5--1100-min { grid-column-start: 5 !important; } } @media screen and (max-width: 1100px) { .grd-col-start-5--1100-max { grid-column-start: 5 !important; } } @media screen and (min-width: 1060px) { .grd-col-start-5--1060-min { grid-column-start: 5 !important; } } @media screen and (max-width: 1060px) { .grd-col-start-5--1060-max { grid-column-start: 5 !important; } } @media screen and (min-width: 1000px) { .grd-col-start-5--1000-min { grid-column-start: 5 !important; } } @media screen and (max-width: 1000px) { .grd-col-start-5--1000-max { grid-column-start: 5 !important; } } @media screen and (min-width: 960px) { .grd-col-start-5--960-min { grid-column-start: 5 !important; } } @media screen and (max-width: 960px) { .grd-col-start-5--960-max { grid-column-start: 5 !important; } } @media screen and (min-width: 900px) { .grd-col-start-5--900-min { grid-column-start: 5 !important; } } @media screen and (max-width: 900px) { .grd-col-start-5--900-max { grid-column-start: 5 !important; } } @media screen and (min-width: 860px) { .grd-col-start-5--860-min { grid-column-start: 5 !important; } } @media screen and (max-width: 860px) { .grd-col-start-5--860-max { grid-column-start: 5 !important; } } @media screen and (min-width: 800px) { .grd-col-start-5--800-min { grid-column-start: 5 !important; } } @media screen and (max-width: 800px) { .grd-col-start-5--800-max { grid-column-start: 5 !important; } } @media screen and (min-width: 760px) { .grd-col-start-5--760-min { grid-column-start: 5 !important; } } @media screen and (max-width: 760px) { .grd-col-start-5--760-max { grid-column-start: 5 !important; } } @media screen and (min-width: 700px) { .grd-col-start-5--700-min { grid-column-start: 5 !important; } } @media screen and (max-width: 700px) { .grd-col-start-5--700-max { grid-column-start: 5 !important; } } @media screen and (min-width: 660px) { .grd-col-start-5--660-min { grid-column-start: 5 !important; } } @media screen and (max-width: 660px) { .grd-col-start-5--660-max { grid-column-start: 5 !important; } } @media screen and (min-width: 600px) { .grd-col-start-5--600-min { grid-column-start: 5 !important; } } @media screen and (max-width: 600px) { .grd-col-start-5--600-max { grid-column-start: 5 !important; } } @media screen and (min-width: 560px) { .grd-col-start-5--560-min { grid-column-start: 5 !important; } } @media screen and (max-width: 560px) { .grd-col-start-5--560-max { grid-column-start: 5 !important; } } @media screen and (min-width: 500px) { .grd-col-start-5--500-min { grid-column-start: 5 !important; } } @media screen and (max-width: 500px) { .grd-col-start-5--500-max { grid-column-start: 5 !important; } } @media screen and (min-width: 460px) { .grd-col-start-5--460-min { grid-column-start: 5 !important; } } @media screen and (max-width: 460px) { .grd-col-start-5--460-max { grid-column-start: 5 !important; } } @media screen and (min-width: 400px) { .grd-col-start-5--400-min { grid-column-start: 5 !important; } } @media screen and (max-width: 400px) { .grd-col-start-5--400-max { grid-column-start: 5 !important; } } @media screen and (min-width: 360px) { .grd-col-start-5--360-min { grid-column-start: 5 !important; } } @media screen and (max-width: 360px) { .grd-col-start-5--360-max { grid-column-start: 5 !important; } } @media screen and (min-width: 300px) { .grd-col-start-5--300-min { grid-column-start: 5 !important; } } @media screen and (max-width: 300px) { .grd-col-start-5--300-max { grid-column-start: 5 !important; } } .grd-col-start-6 { grid-column-start: 6; } @media screen and (min-width: 1300px) { .grd-col-start-6--1300-min { grid-column-start: 6 !important; } } @media screen and (max-width: 1300px) { .grd-col-start-6--1300-max { grid-column-start: 6 !important; } } @media screen and (min-width: 1260px) { .grd-col-start-6--1260-min { grid-column-start: 6 !important; } } @media screen and (max-width: 1260px) { .grd-col-start-6--1260-max { grid-column-start: 6 !important; } } @media screen and (min-width: 1200px) { .grd-col-start-6--1200-min { grid-column-start: 6 !important; } } @media screen and (max-width: 1200px) { .grd-col-start-6--1200-max { grid-column-start: 6 !important; } } @media screen and (min-width: 1160px) { .grd-col-start-6--1160-min { grid-column-start: 6 !important; } } @media screen and (max-width: 1160px) { .grd-col-start-6--1160-max { grid-column-start: 6 !important; } } @media screen and (min-width: 1100px) { .grd-col-start-6--1100-min { grid-column-start: 6 !important; } } @media screen and (max-width: 1100px) { .grd-col-start-6--1100-max { grid-column-start: 6 !important; } } @media screen and (min-width: 1060px) { .grd-col-start-6--1060-min { grid-column-start: 6 !important; } } @media screen and (max-width: 1060px) { .grd-col-start-6--1060-max { grid-column-start: 6 !important; } } @media screen and (min-width: 1000px) { .grd-col-start-6--1000-min { grid-column-start: 6 !important; } } @media screen and (max-width: 1000px) { .grd-col-start-6--1000-max { grid-column-start: 6 !important; } } @media screen and (min-width: 960px) { .grd-col-start-6--960-min { grid-column-start: 6 !important; } } @media screen and (max-width: 960px) { .grd-col-start-6--960-max { grid-column-start: 6 !important; } } @media screen and (min-width: 900px) { .grd-col-start-6--900-min { grid-column-start: 6 !important; } } @media screen and (max-width: 900px) { .grd-col-start-6--900-max { grid-column-start: 6 !important; } } @media screen and (min-width: 860px) { .grd-col-start-6--860-min { grid-column-start: 6 !important; } } @media screen and (max-width: 860px) { .grd-col-start-6--860-max { grid-column-start: 6 !important; } } @media screen and (min-width: 800px) { .grd-col-start-6--800-min { grid-column-start: 6 !important; } } @media screen and (max-width: 800px) { .grd-col-start-6--800-max { grid-column-start: 6 !important; } } @media screen and (min-width: 760px) { .grd-col-start-6--760-min { grid-column-start: 6 !important; } } @media screen and (max-width: 760px) { .grd-col-start-6--760-max { grid-column-start: 6 !important; } } @media screen and (min-width: 700px) { .grd-col-start-6--700-min { grid-column-start: 6 !important; } } @media screen and (max-width: 700px) { .grd-col-start-6--700-max { grid-column-start: 6 !important; } } @media screen and (min-width: 660px) { .grd-col-start-6--660-min { grid-column-start: 6 !important; } } @media screen and (max-width: 660px) { .grd-col-start-6--660-max { grid-column-start: 6 !important; } } @media screen and (min-width: 600px) { .grd-col-start-6--600-min { grid-column-start: 6 !important; } } @media screen and (max-width: 600px) { .grd-col-start-6--600-max { grid-column-start: 6 !important; } } @media screen and (min-width: 560px) { .grd-col-start-6--560-min { grid-column-start: 6 !important; } } @media screen and (max-width: 560px) { .grd-col-start-6--560-max { grid-column-start: 6 !important; } } @media screen and (min-width: 500px) { .grd-col-start-6--500-min { grid-column-start: 6 !important; } } @media screen and (max-width: 500px) { .grd-col-start-6--500-max { grid-column-start: 6 !important; } } @media screen and (min-width: 460px) { .grd-col-start-6--460-min { grid-column-start: 6 !important; } } @media screen and (max-width: 460px) { .grd-col-start-6--460-max { grid-column-start: 6 !important; } } @media screen and (min-width: 400px) { .grd-col-start-6--400-min { grid-column-start: 6 !important; } } @media screen and (max-width: 400px) { .grd-col-start-6--400-max { grid-column-start: 6 !important; } } @media screen and (min-width: 360px) { .grd-col-start-6--360-min { grid-column-start: 6 !important; } } @media screen and (max-width: 360px) { .grd-col-start-6--360-max { grid-column-start: 6 !important; } } @media screen and (min-width: 300px) { .grd-col-start-6--300-min { grid-column-start: 6 !important; } } @media screen and (max-width: 300px) { .grd-col-start-6--300-max { grid-column-start: 6 !important; } } .grd-col-start-7 { grid-column-start: 7; } @media screen and (min-width: 1300px) { .grd-col-start-7--1300-min { grid-column-start: 7 !important; } } @media screen and (max-width: 1300px) { .grd-col-start-7--1300-max { grid-column-start: 7 !important; } } @media screen and (min-width: 1260px) { .grd-col-start-7--1260-min { grid-column-start: 7 !important; } } @media screen and (max-width: 1260px) { .grd-col-start-7--1260-max { grid-column-start: 7 !important; } } @media screen and (min-width: 1200px) { .grd-col-start-7--1200-min { grid-column-start: 7 !important; } } @media screen and (max-width: 1200px) { .grd-col-start-7--1200-max { grid-column-start: 7 !important; } } @media screen and (min-width: 1160px) { .grd-col-start-7--1160-min { grid-column-start: 7 !important; } } @media screen and (max-width: 1160px) { .grd-col-start-7--1160-max { grid-column-start: 7 !important; } } @media screen and (min-width: 1100px) { .grd-col-start-7--1100-min { grid-column-start: 7 !important; } } @media screen and (max-width: 1100px) { .grd-col-start-7--1100-max { grid-column-start: 7 !important; } } @media screen and (min-width: 1060px) { .grd-col-start-7--1060-min { grid-column-start: 7 !important; } } @media screen and (max-width: 1060px) { .grd-col-start-7--1060-max { grid-column-start: 7 !important; } } @media screen and (min-width: 1000px) { .grd-col-start-7--1000-min { grid-column-start: 7 !important; } } @media screen and (max-width: 1000px) { .grd-col-start-7--1000-max { grid-column-start: 7 !important; } } @media screen and (min-width: 960px) { .grd-col-start-7--960-min { grid-column-start: 7 !important; } } @media screen and (max-width: 960px) { .grd-col-start-7--960-max { grid-column-start: 7 !important; } } @media screen and (min-width: 900px) { .grd-col-start-7--900-min { grid-column-start: 7 !important; } } @media screen and (max-width: 900px) { .grd-col-start-7--900-max { grid-column-start: 7 !important; } } @media screen and (min-width: 860px) { .grd-col-start-7--860-min { grid-column-start: 7 !important; } } @media screen and (max-width: 860px) { .grd-col-start-7--860-max { grid-column-start: 7 !important; } } @media screen and (min-width: 800px) { .grd-col-start-7--800-min { grid-column-start: 7 !important; } } @media screen and (max-width: 800px) { .grd-col-start-7--800-max { grid-column-start: 7 !important; } } @media screen and (min-width: 760px) { .grd-col-start-7--760-min { grid-column-start: 7 !important; } } @media screen and (max-width: 760px) { .grd-col-start-7--760-max { grid-column-start: 7 !important; } } @media screen and (min-width: 700px) { .grd-col-start-7--700-min { grid-column-start: 7 !important; } } @media screen and (max-width: 700px) { .grd-col-start-7--700-max { grid-column-start: 7 !important; } } @media screen and (min-width: 660px) { .grd-col-start-7--660-min { grid-column-start: 7 !important; } } @media screen and (max-width: 660px) { .grd-col-start-7--660-max { grid-column-start: 7 !important; } } @media screen and (min-width: 600px) { .grd-col-start-7--600-min { grid-column-start: 7 !important; } } @media screen and (max-width: 600px) { .grd-col-start-7--600-max { grid-column-start: 7 !important; } } @media screen and (min-width: 560px) { .grd-col-start-7--560-min { grid-column-start: 7 !important; } } @media screen and (max-width: 560px) { .grd-col-start-7--560-max { grid-column-start: 7 !important; } } @media screen and (min-width: 500px) { .grd-col-start-7--500-min { grid-column-start: 7 !important; } } @media screen and (max-width: 500px) { .grd-col-start-7--500-max { grid-column-start: 7 !important; } } @media screen and (min-width: 460px) { .grd-col-start-7--460-min { grid-column-start: 7 !important; } } @media screen and (max-width: 460px) { .grd-col-start-7--460-max { grid-column-start: 7 !important; } } @media screen and (min-width: 400px) { .grd-col-start-7--400-min { grid-column-start: 7 !important; } } @media screen and (max-width: 400px) { .grd-col-start-7--400-max { grid-column-start: 7 !important; } } @media screen and (min-width: 360px) { .grd-col-start-7--360-min { grid-column-start: 7 !important; } } @media screen and (max-width: 360px) { .grd-col-start-7--360-max { grid-column-start: 7 !important; } } @media screen and (min-width: 300px) { .grd-col-start-7--300-min { grid-column-start: 7 !important; } } @media screen and (max-width: 300px) { .grd-col-start-7--300-max { grid-column-start: 7 !important; } } .grd-col-start-8 { grid-column-start: 8; } @media screen and (min-width: 1300px) { .grd-col-start-8--1300-min { grid-column-start: 8 !important; } } @media screen and (max-width: 1300px) { .grd-col-start-8--1300-max { grid-column-start: 8 !important; } } @media screen and (min-width: 1260px) { .grd-col-start-8--1260-min { grid-column-start: 8 !important; } } @media screen and (max-width: 1260px) { .grd-col-start-8--1260-max { grid-column-start: 8 !important; } } @media screen and (min-width: 1200px) { .grd-col-start-8--1200-min { grid-column-start: 8 !important; } } @media screen and (max-width: 1200px) { .grd-col-start-8--1200-max { grid-column-start: 8 !important; } } @media screen and (min-width: 1160px) { .grd-col-start-8--1160-min { grid-column-start: 8 !important; } } @media screen and (max-width: 1160px) { .grd-col-start-8--1160-max { grid-column-start: 8 !important; } } @media screen and (min-width: 1100px) { .grd-col-start-8--1100-min { grid-column-start: 8 !important; } } @media screen and (max-width: 1100px) { .grd-col-start-8--1100-max { grid-column-start: 8 !important; } } @media screen and (min-width: 1060px) { .grd-col-start-8--1060-min { grid-column-start: 8 !important; } } @media screen and (max-width: 1060px) { .grd-col-start-8--1060-max { grid-column-start: 8 !important; } } @media screen and (min-width: 1000px) { .grd-col-start-8--1000-min { grid-column-start: 8 !important; } } @media screen and (max-width: 1000px) { .grd-col-start-8--1000-max { grid-column-start: 8 !important; } } @media screen and (min-width: 960px) { .grd-col-start-8--960-min { grid-column-start: 8 !important; } } @media screen and (max-width: 960px) { .grd-col-start-8--960-max { grid-column-start: 8 !important; } } @media screen and (min-width: 900px) { .grd-col-start-8--900-min { grid-column-start: 8 !important; } } @media screen and (max-width: 900px) { .grd-col-start-8--900-max { grid-column-start: 8 !important; } } @media screen and (min-width: 860px) { .grd-col-start-8--860-min { grid-column-start: 8 !important; } } @media screen and (max-width: 860px) { .grd-col-start-8--860-max { grid-column-start: 8 !important; } } @media screen and (min-width: 800px) { .grd-col-start-8--800-min { grid-column-start: 8 !important; } } @media screen and (max-width: 800px) { .grd-col-start-8--800-max { grid-column-start: 8 !important; } } @media screen and (min-width: 760px) { .grd-col-start-8--760-min { grid-column-start: 8 !important; } } @media screen and (max-width: 760px) { .grd-col-start-8--760-max { grid-column-start: 8 !important; } } @media screen and (min-width: 700px) { .grd-col-start-8--700-min { grid-column-start: 8 !important; } } @media screen and (max-width: 700px) { .grd-col-start-8--700-max { grid-column-start: 8 !important; } } @media screen and (min-width: 660px) { .grd-col-start-8--660-min { grid-column-start: 8 !important; } } @media screen and (max-width: 660px) { .grd-col-start-8--660-max { grid-column-start: 8 !important; } } @media screen and (min-width: 600px) { .grd-col-start-8--600-min { grid-column-start: 8 !important; } } @media screen and (max-width: 600px) { .grd-col-start-8--600-max { grid-column-start: 8 !important; } } @media screen and (min-width: 560px) { .grd-col-start-8--560-min { grid-column-start: 8 !important; } } @media screen and (max-width: 560px) { .grd-col-start-8--560-max { grid-column-start: 8 !important; } } @media screen and (min-width: 500px) { .grd-col-start-8--500-min { grid-column-start: 8 !important; } } @media screen and (max-width: 500px) { .grd-col-start-8--500-max { grid-column-start: 8 !important; } } @media screen and (min-width: 460px) { .grd-col-start-8--460-min { grid-column-start: 8 !important; } } @media screen and (max-width: 460px) { .grd-col-start-8--460-max { grid-column-start: 8 !important; } } @media screen and (min-width: 400px) { .grd-col-start-8--400-min { grid-column-start: 8 !important; } } @media screen and (max-width: 400px) { .grd-col-start-8--400-max { grid-column-start: 8 !important; } } @media screen and (min-width: 360px) { .grd-col-start-8--360-min { grid-column-start: 8 !important; } } @media screen and (max-width: 360px) { .grd-col-start-8--360-max { grid-column-start: 8 !important; } } @media screen and (min-width: 300px) { .grd-col-start-8--300-min { grid-column-start: 8 !important; } } @media screen and (max-width: 300px) { .grd-col-start-8--300-max { grid-column-start: 8 !important; } } .grd-col-start-9 { grid-column-start: 9; } @media screen and (min-width: 1300px) { .grd-col-start-9--1300-min { grid-column-start: 9 !important; } } @media screen and (max-width: 1300px) { .grd-col-start-9--1300-max { grid-column-start: 9 !important; } } @media screen and (min-width: 1260px) { .grd-col-start-9--1260-min { grid-column-start: 9 !important; } } @media screen and (max-width: 1260px) { .grd-col-start-9--1260-max { grid-column-start: 9 !important; } } @media screen and (min-width: 1200px) { .grd-col-start-9--1200-min { grid-column-start: 9 !important; } } @media screen and (max-width: 1200px) { .grd-col-start-9--1200-max { grid-column-start: 9 !important; } } @media screen and (min-width: 1160px) { .grd-col-start-9--1160-min { grid-column-start: 9 !important; } } @media screen and (max-width: 1160px) { .grd-col-start-9--1160-max { grid-column-start: 9 !important; } } @media screen and (min-width: 1100px) { .grd-col-start-9--1100-min { grid-column-start: 9 !important; } } @media screen and (max-width: 1100px) { .grd-col-start-9--1100-max { grid-column-start: 9 !important; } } @media screen and (min-width: 1060px) { .grd-col-start-9--1060-min { grid-column-start: 9 !important; } } @media screen and (max-width: 1060px) { .grd-col-start-9--1060-max { grid-column-start: 9 !important; } } @media screen and (min-width: 1000px) { .grd-col-start-9--1000-min { grid-column-start: 9 !important; } } @media screen and (max-width: 1000px) { .grd-col-start-9--1000-max { grid-column-start: 9 !important; } } @media screen and (min-width: 960px) { .grd-col-start-9--960-min { grid-column-start: 9 !important; } } @media screen and (max-width: 960px) { .grd-col-start-9--960-max { grid-column-start: 9 !important; } } @media screen and (min-width: 900px) { .grd-col-start-9--900-min { grid-column-start: 9 !important; } } @media screen and (max-width: 900px) { .grd-col-start-9--900-max { grid-column-start: 9 !important; } } @media screen and (min-width: 860px) { .grd-col-start-9--860-min { grid-column-start: 9 !important; } } @media screen and (max-width: 860px) { .grd-col-start-9--860-max { grid-column-start: 9 !important; } } @media screen and (min-width: 800px) { .grd-col-start-9--800-min { grid-column-start: 9 !important; } } @media screen and (max-width: 800px) { .grd-col-start-9--800-max { grid-column-start: 9 !important; } } @media screen and (min-width: 760px) { .grd-col-start-9--760-min { grid-column-start: 9 !important; } } @media screen and (max-width: 760px) { .grd-col-start-9--760-max { grid-column-start: 9 !important; } } @media screen and (min-width: 700px) { .grd-col-start-9--700-min { grid-column-start: 9 !important; } } @media screen and (max-width: 700px) { .grd-col-start-9--700-max { grid-column-start: 9 !important; } } @media screen and (min-width: 660px) { .grd-col-start-9--660-min { grid-column-start: 9 !important; } } @media screen and (max-width: 660px) { .grd-col-start-9--660-max { grid-column-start: 9 !important; } } @media screen and (min-width: 600px) { .grd-col-start-9--600-min { grid-column-start: 9 !important; } } @media screen and (max-width: 600px) { .grd-col-start-9--600-max { grid-column-start: 9 !important; } } @media screen and (min-width: 560px) { .grd-col-start-9--560-min { grid-column-start: 9 !important; } } @media screen and (max-width: 560px) { .grd-col-start-9--560-max { grid-column-start: 9 !important; } } @media screen and (min-width: 500px) { .grd-col-start-9--500-min { grid-column-start: 9 !important; } } @media screen and (max-width: 500px) { .grd-col-start-9--500-max { grid-column-start: 9 !important; } } @media screen and (min-width: 460px) { .grd-col-start-9--460-min { grid-column-start: 9 !important; } } @media screen and (max-width: 460px) { .grd-col-start-9--460-max { grid-column-start: 9 !important; } } @media screen and (min-width: 400px) { .grd-col-start-9--400-min { grid-column-start: 9 !important; } } @media screen and (max-width: 400px) { .grd-col-start-9--400-max { grid-column-start: 9 !important; } } @media screen and (min-width: 360px) { .grd-col-start-9--360-min { grid-column-start: 9 !important; } } @media screen and (max-width: 360px) { .grd-col-start-9--360-max { grid-column-start: 9 !important; } } @media screen and (min-width: 300px) { .grd-col-start-9--300-min { grid-column-start: 9 !important; } } @media screen and (max-width: 300px) { .grd-col-start-9--300-max { grid-column-start: 9 !important; } } .grd-col-end-1 { grid-column-end: 1; } @media screen and (min-width: 1300px) { .grd-col-end-1--1300-min { grid-column-end: 1 !important; } } @media screen and (max-width: 1300px) { .grd-col-end-1--1300-max { grid-column-end: 1 !important; } } @media screen and (min-width: 1260px) { .grd-col-end-1--1260-min { grid-column-end: 1 !important; } } @media screen and (max-width: 1260px) { .grd-col-end-1--1260-max { grid-column-end: 1 !important; } } @media screen and (min-width: 1200px) { .grd-col-end-1--1200-min { grid-column-end: 1 !important; } } @media screen and (max-width: 1200px) { .grd-col-end-1--1200-max { grid-column-end: 1 !important; } } @media screen and (min-width: 1160px) { .grd-col-end-1--1160-min { grid-column-end: 1 !important; } } @media screen and (max-width: 1160px) { .grd-col-end-1--1160-max { grid-column-end: 1 !important; } } @media screen and (min-width: 1100px) { .grd-col-end-1--1100-min { grid-column-end: 1 !important; } } @media screen and (max-width: 1100px) { .grd-col-end-1--1100-max { grid-column-end: 1 !important; } } @media screen and (min-width: 1060px) { .grd-col-end-1--1060-min { grid-column-end: 1 !important; } } @media screen and (max-width: 1060px) { .grd-col-end-1--1060-max { grid-column-end: 1 !important; } } @media screen and (min-width: 1000px) { .grd-col-end-1--1000-min { grid-column-end: 1 !important; } } @media screen and (max-width: 1000px) { .grd-col-end-1--1000-max { grid-column-end: 1 !important; } } @media screen and (min-width: 960px) { .grd-col-end-1--960-min { grid-column-end: 1 !important; } } @media screen and (max-width: 960px) { .grd-col-end-1--960-max { grid-column-end: 1 !important; } } @media screen and (min-width: 900px) { .grd-col-end-1--900-min { grid-column-end: 1 !important; } } @media screen and (max-width: 900px) { .grd-col-end-1--900-max { grid-column-end: 1 !important; } } @media screen and (min-width: 860px) { .grd-col-end-1--860-min { grid-column-end: 1 !important; } } @media screen and (max-width: 860px) { .grd-col-end-1--860-max { grid-column-end: 1 !important; } } @media screen and (min-width: 800px) { .grd-col-end-1--800-min { grid-column-end: 1 !important; } } @media screen and (max-width: 800px) { .grd-col-end-1--800-max { grid-column-end: 1 !important; } } @media screen and (min-width: 760px) { .grd-col-end-1--760-min { grid-column-end: 1 !important; } } @media screen and (max-width: 760px) { .grd-col-end-1--760-max { grid-column-end: 1 !important; } } @media screen and (min-width: 700px) { .grd-col-end-1--700-min { grid-column-end: 1 !important; } } @media screen and (max-width: 700px) { .grd-col-end-1--700-max { grid-column-end: 1 !important; } } @media screen and (min-width: 660px) { .grd-col-end-1--660-min { grid-column-end: 1 !important; } } @media screen and (max-width: 660px) { .grd-col-end-1--660-max { grid-column-end: 1 !important; } } @media screen and (min-width: 600px) { .grd-col-end-1--600-min { grid-column-end: 1 !important; } } @media screen and (max-width: 600px) { .grd-col-end-1--600-max { grid-column-end: 1 !important; } } @media screen and (min-width: 560px) { .grd-col-end-1--560-min { grid-column-end: 1 !important; } } @media screen and (max-width: 560px) { .grd-col-end-1--560-max { grid-column-end: 1 !important; } } @media screen and (min-width: 500px) { .grd-col-end-1--500-min { grid-column-end: 1 !important; } } @media screen and (max-width: 500px) { .grd-col-end-1--500-max { grid-column-end: 1 !important; } } @media screen and (min-width: 460px) { .grd-col-end-1--460-min { grid-column-end: 1 !important; } } @media screen and (max-width: 460px) { .grd-col-end-1--460-max { grid-column-end: 1 !important; } } @media screen and (min-width: 400px) { .grd-col-end-1--400-min { grid-column-end: 1 !important; } } @media screen and (max-width: 400px) { .grd-col-end-1--400-max { grid-column-end: 1 !important; } } @media screen and (min-width: 360px) { .grd-col-end-1--360-min { grid-column-end: 1 !important; } } @media screen and (max-width: 360px) { .grd-col-end-1--360-max { grid-column-end: 1 !important; } } @media screen and (min-width: 300px) { .grd-col-end-1--300-min { grid-column-end: 1 !important; } } @media screen and (max-width: 300px) { .grd-col-end-1--300-max { grid-column-end: 1 !important; } } .grd-col-end-2 { grid-column-end: 2; } @media screen and (min-width: 1300px) { .grd-col-end-2--1300-min { grid-column-end: 2 !important; } } @media screen and (max-width: 1300px) { .grd-col-end-2--1300-max { grid-column-end: 2 !important; } } @media screen and (min-width: 1260px) { .grd-col-end-2--1260-min { grid-column-end: 2 !important; } } @media screen and (max-width: 1260px) { .grd-col-end-2--1260-max { grid-column-end: 2 !important; } } @media screen and (min-width: 1200px) { .grd-col-end-2--1200-min { grid-column-end: 2 !important; } } @media screen and (max-width: 1200px) { .grd-col-end-2--1200-max { grid-column-end: 2 !important; } } @media screen and (min-width: 1160px) { .grd-col-end-2--1160-min { grid-column-end: 2 !important; } } @media screen and (max-width: 1160px) { .grd-col-end-2--1160-max { grid-column-end: 2 !important; } } @media screen and (min-width: 1100px) { .grd-col-end-2--1100-min { grid-column-end: 2 !important; } } @media screen and (max-width: 1100px) { .grd-col-end-2--1100-max { grid-column-end: 2 !important; } } @media screen and (min-width: 1060px) { .grd-col-end-2--1060-min { grid-column-end: 2 !important; } } @media screen and (max-width: 1060px) { .grd-col-end-2--1060-max { grid-column-end: 2 !important; } } @media screen and (min-width: 1000px) { .grd-col-end-2--1000-min { grid-column-end: 2 !important; } } @media screen and (max-width: 1000px) { .grd-col-end-2--1000-max { grid-column-end: 2 !important; } } @media screen and (min-width: 960px) { .grd-col-end-2--960-min { grid-column-end: 2 !important; } } @media screen and (max-width: 960px) { .grd-col-end-2--960-max { grid-column-end: 2 !important; } } @media screen and (min-width: 900px) { .grd-col-end-2--900-min { grid-column-end: 2 !important; } } @media screen and (max-width: 900px) { .grd-col-end-2--900-max { grid-column-end: 2 !important; } } @media screen and (min-width: 860px) { .grd-col-end-2--860-min { grid-column-end: 2 !important; } } @media screen and (max-width: 860px) { .grd-col-end-2--860-max { grid-column-end: 2 !important; } } @media screen and (min-width: 800px) { .grd-col-end-2--800-min { grid-column-end: 2 !important; } } @media screen and (max-width: 800px) { .grd-col-end-2--800-max { grid-column-end: 2 !important; } } @media screen and (min-width: 760px) { .grd-col-end-2--760-min { grid-column-end: 2 !important; } } @media screen and (max-width: 760px) { .grd-col-end-2--760-max { grid-column-end: 2 !important; } } @media screen and (min-width: 700px) { .grd-col-end-2--700-min { grid-column-end: 2 !important; } } @media screen and (max-width: 700px) { .grd-col-end-2--700-max { grid-column-end: 2 !important; } } @media screen and (min-width: 660px) { .grd-col-end-2--660-min { grid-column-end: 2 !important; } } @media screen and (max-width: 660px) { .grd-col-end-2--660-max { grid-column-end: 2 !important; } } @media screen and (min-width: 600px) { .grd-col-end-2--600-min { grid-column-end: 2 !important; } } @media screen and (max-width: 600px) { .grd-col-end-2--600-max { grid-column-end: 2 !important; } } @media screen and (min-width: 560px) { .grd-col-end-2--560-min { grid-column-end: 2 !important; } } @media screen and (max-width: 560px) { .grd-col-end-2--560-max { grid-column-end: 2 !important; } } @media screen and (min-width: 500px) { .grd-col-end-2--500-min { grid-column-end: 2 !important; } } @media screen and (max-width: 500px) { .grd-col-end-2--500-max { grid-column-end: 2 !important; } } @media screen and (min-width: 460px) { .grd-col-end-2--460-min { grid-column-end: 2 !important; } } @media screen and (max-width: 460px) { .grd-col-end-2--460-max { grid-column-end: 2 !important; } } @media screen and (min-width: 400px) { .grd-col-end-2--400-min { grid-column-end: 2 !important; } } @media screen and (max-width: 400px) { .grd-col-end-2--400-max { grid-column-end: 2 !important; } } @media screen and (min-width: 360px) { .grd-col-end-2--360-min { grid-column-end: 2 !important; } } @media screen and (max-width: 360px) { .grd-col-end-2--360-max { grid-column-end: 2 !important; } } @media screen and (min-width: 300px) { .grd-col-end-2--300-min { grid-column-end: 2 !important; } } @media screen and (max-width: 300px) { .grd-col-end-2--300-max { grid-column-end: 2 !important; } } .grd-col-end-3 { grid-column-end: 3; } @media screen and (min-width: 1300px) { .grd-col-end-3--1300-min { grid-column-end: 3 !important; } } @media screen and (max-width: 1300px) { .grd-col-end-3--1300-max { grid-column-end: 3 !important; } } @media screen and (min-width: 1260px) { .grd-col-end-3--1260-min { grid-column-end: 3 !important; } } @media screen and (max-width: 1260px) { .grd-col-end-3--1260-max { grid-column-end: 3 !important; } } @media screen and (min-width: 1200px) { .grd-col-end-3--1200-min { grid-column-end: 3 !important; } } @media screen and (max-width: 1200px) { .grd-col-end-3--1200-max { grid-column-end: 3 !important; } } @media screen and (min-width: 1160px) { .grd-col-end-3--1160-min { grid-column-end: 3 !important; } } @media screen and (max-width: 1160px) { .grd-col-end-3--1160-max { grid-column-end: 3 !important; } } @media screen and (min-width: 1100px) { .grd-col-end-3--1100-min { grid-column-end: 3 !important; } } @media screen and (max-width: 1100px) { .grd-col-end-3--1100-max { grid-column-end: 3 !important; } } @media screen and (min-width: 1060px) { .grd-col-end-3--1060-min { grid-column-end: 3 !important; } } @media screen and (max-width: 1060px) { .grd-col-end-3--1060-max { grid-column-end: 3 !important; } } @media screen and (min-width: 1000px) { .grd-col-end-3--1000-min { grid-column-end: 3 !important; } } @media screen and (max-width: 1000px) { .grd-col-end-3--1000-max { grid-column-end: 3 !important; } } @media screen and (min-width: 960px) { .grd-col-end-3--960-min { grid-column-end: 3 !important; } } @media screen and (max-width: 960px) { .grd-col-end-3--960-max { grid-column-end: 3 !important; } } @media screen and (min-width: 900px) { .grd-col-end-3--900-min { grid-column-end: 3 !important; } } @media screen and (max-width: 900px) { .grd-col-end-3--900-max { grid-column-end: 3 !important; } } @media screen and (min-width: 860px) { .grd-col-end-3--860-min { grid-column-end: 3 !important; } } @media screen and (max-width: 860px) { .grd-col-end-3--860-max { grid-column-end: 3 !important; } } @media screen and (min-width: 800px) { .grd-col-end-3--800-min { grid-column-end: 3 !important; } } @media screen and (max-width: 800px) { .grd-col-end-3--800-max { grid-column-end: 3 !important; } } @media screen and (min-width: 760px) { .grd-col-end-3--760-min { grid-column-end: 3 !important; } } @media screen and (max-width: 760px) { .grd-col-end-3--760-max { grid-column-end: 3 !important; } } @media screen and (min-width: 700px) { .grd-col-end-3--700-min { grid-column-end: 3 !important; } } @media screen and (max-width: 700px) { .grd-col-end-3--700-max { grid-column-end: 3 !important; } } @media screen and (min-width: 660px) { .grd-col-end-3--660-min { grid-column-end: 3 !important; } } @media screen and (max-width: 660px) { .grd-col-end-3--660-max { grid-column-end: 3 !important; } } @media screen and (min-width: 600px) { .grd-col-end-3--600-min { grid-column-end: 3 !important; } } @media screen and (max-width: 600px) { .grd-col-end-3--600-max { grid-column-end: 3 !important; } } @media screen and (min-width: 560px) { .grd-col-end-3--560-min { grid-column-end: 3 !important; } } @media screen and (max-width: 560px) { .grd-col-end-3--560-max { grid-column-end: 3 !important; } } @media screen and (min-width: 500px) { .grd-col-end-3--500-min { grid-column-end: 3 !important; } } @media screen and (max-width: 500px) { .grd-col-end-3--500-max { grid-column-end: 3 !important; } } @media screen and (min-width: 460px) { .grd-col-end-3--460-min { grid-column-end: 3 !important; } } @media screen and (max-width: 460px) { .grd-col-end-3--460-max { grid-column-end: 3 !important; } } @media screen and (min-width: 400px) { .grd-col-end-3--400-min { grid-column-end: 3 !important; } } @media screen and (max-width: 400px) { .grd-col-end-3--400-max { grid-column-end: 3 !important; } } @media screen and (min-width: 360px) { .grd-col-end-3--360-min { grid-column-end: 3 !important; } } @media screen and (max-width: 360px) { .grd-col-end-3--360-max { grid-column-end: 3 !important; } } @media screen and (min-width: 300px) { .grd-col-end-3--300-min { grid-column-end: 3 !important; } } @media screen and (max-width: 300px) { .grd-col-end-3--300-max { grid-column-end: 3 !important; } } .grd-col-end-4 { grid-column-end: 4; } @media screen and (min-width: 1300px) { .grd-col-end-4--1300-min { grid-column-end: 4 !important; } } @media screen and (max-width: 1300px) { .grd-col-end-4--1300-max { grid-column-end: 4 !important; } } @media screen and (min-width: 1260px) { .grd-col-end-4--1260-min { grid-column-end: 4 !important; } } @media screen and (max-width: 1260px) { .grd-col-end-4--1260-max { grid-column-end: 4 !important; } } @media screen and (min-width: 1200px) { .grd-col-end-4--1200-min { grid-column-end: 4 !important; } } @media screen and (max-width: 1200px) { .grd-col-end-4--1200-max { grid-column-end: 4 !important; } } @media screen and (min-width: 1160px) { .grd-col-end-4--1160-min { grid-column-end: 4 !important; } } @media screen and (max-width: 1160px) { .grd-col-end-4--1160-max { grid-column-end: 4 !important; } } @media screen and (min-width: 1100px) { .grd-col-end-4--1100-min { grid-column-end: 4 !important; } } @media screen and (max-width: 1100px) { .grd-col-end-4--1100-max { grid-column-end: 4 !important; } } @media screen and (min-width: 1060px) { .grd-col-end-4--1060-min { grid-column-end: 4 !important; } } @media screen and (max-width: 1060px) { .grd-col-end-4--1060-max { grid-column-end: 4 !important; } } @media screen and (min-width: 1000px) { .grd-col-end-4--1000-min { grid-column-end: 4 !important; } } @media screen and (max-width: 1000px) { .grd-col-end-4--1000-max { grid-column-end: 4 !important; } } @media screen and (min-width: 960px) { .grd-col-end-4--960-min { grid-column-end: 4 !important; } } @media screen and (max-width: 960px) { .grd-col-end-4--960-max { grid-column-end: 4 !important; } } @media screen and (min-width: 900px) { .grd-col-end-4--900-min { grid-column-end: 4 !important; } } @media screen and (max-width: 900px) { .grd-col-end-4--900-max { grid-column-end: 4 !important; } } @media screen and (min-width: 860px) { .grd-col-end-4--860-min { grid-column-end: 4 !important; } } @media screen and (max-width: 860px) { .grd-col-end-4--860-max { grid-column-end: 4 !important; } } @media screen and (min-width: 800px) { .grd-col-end-4--800-min { grid-column-end: 4 !important; } } @media screen and (max-width: 800px) { .grd-col-end-4--800-max { grid-column-end: 4 !important; } } @media screen and (min-width: 760px) { .grd-col-end-4--760-min { grid-column-end: 4 !important; } } @media screen and (max-width: 760px) { .grd-col-end-4--760-max { grid-column-end: 4 !important; } } @media screen and (min-width: 700px) { .grd-col-end-4--700-min { grid-column-end: 4 !important; } } @media screen and (max-width: 700px) { .grd-col-end-4--700-max { grid-column-end: 4 !important; } } @media screen and (min-width: 660px) { .grd-col-end-4--660-min { grid-column-end: 4 !important; } } @media screen and (max-width: 660px) { .grd-col-end-4--660-max { grid-column-end: 4 !important; } } @media screen and (min-width: 600px) { .grd-col-end-4--600-min { grid-column-end: 4 !important; } } @media screen and (max-width: 600px) { .grd-col-end-4--600-max { grid-column-end: 4 !important; } } @media screen and (min-width: 560px) { .grd-col-end-4--560-min { grid-column-end: 4 !important; } } @media screen and (max-width: 560px) { .grd-col-end-4--560-max { grid-column-end: 4 !important; } } @media screen and (min-width: 500px) { .grd-col-end-4--500-min { grid-column-end: 4 !important; } } @media screen and (max-width: 500px) { .grd-col-end-4--500-max { grid-column-end: 4 !important; } } @media screen and (min-width: 460px) { .grd-col-end-4--460-min { grid-column-end: 4 !important; } } @media screen and (max-width: 460px) { .grd-col-end-4--460-max { grid-column-end: 4 !important; } } @media screen and (min-width: 400px) { .grd-col-end-4--400-min { grid-column-end: 4 !important; } } @media screen and (max-width: 400px) { .grd-col-end-4--400-max { grid-column-end: 4 !important; } } @media screen and (min-width: 360px) { .grd-col-end-4--360-min { grid-column-end: 4 !important; } } @media screen and (max-width: 360px) { .grd-col-end-4--360-max { grid-column-end: 4 !important; } } @media screen and (min-width: 300px) { .grd-col-end-4--300-min { grid-column-end: 4 !important; } } @media screen and (max-width: 300px) { .grd-col-end-4--300-max { grid-column-end: 4 !important; } } .grd-col-end-5 { grid-column-end: 5; } @media screen and (min-width: 1300px) { .grd-col-end-5--1300-min { grid-column-end: 5 !important; } } @media screen and (max-width: 1300px) { .grd-col-end-5--1300-max { grid-column-end: 5 !important; } } @media screen and (min-width: 1260px) { .grd-col-end-5--1260-min { grid-column-end: 5 !important; } } @media screen and (max-width: 1260px) { .grd-col-end-5--1260-max { grid-column-end: 5 !important; } } @media screen and (min-width: 1200px) { .grd-col-end-5--1200-min { grid-column-end: 5 !important; } } @media screen and (max-width: 1200px) { .grd-col-end-5--1200-max { grid-column-end: 5 !important; } } @media screen and (min-width: 1160px) { .grd-col-end-5--1160-min { grid-column-end: 5 !important; } } @media screen and (max-width: 1160px) { .grd-col-end-5--1160-max { grid-column-end: 5 !important; } } @media screen and (min-width: 1100px) { .grd-col-end-5--1100-min { grid-column-end: 5 !important; } } @media screen and (max-width: 1100px) { .grd-col-end-5--1100-max { grid-column-end: 5 !important; } } @media screen and (min-width: 1060px) { .grd-col-end-5--1060-min { grid-column-end: 5 !important; } } @media screen and (max-width: 1060px) { .grd-col-end-5--1060-max { grid-column-end: 5 !important; } } @media screen and (min-width: 1000px) { .grd-col-end-5--1000-min { grid-column-end: 5 !important; } } @media screen and (max-width: 1000px) { .grd-col-end-5--1000-max { grid-column-end: 5 !important; } } @media screen and (min-width: 960px) { .grd-col-end-5--960-min { grid-column-end: 5 !important; } } @media screen and (max-width: 960px) { .grd-col-end-5--960-max { grid-column-end: 5 !important; } } @media screen and (min-width: 900px) { .grd-col-end-5--900-min { grid-column-end: 5 !important; } } @media screen and (max-width: 900px) { .grd-col-end-5--900-max { grid-column-end: 5 !important; } } @media screen and (min-width: 860px) { .grd-col-end-5--860-min { grid-column-end: 5 !important; } } @media screen and (max-width: 860px) { .grd-col-end-5--860-max { grid-column-end: 5 !important; } } @media screen and (min-width: 800px) { .grd-col-end-5--800-min { grid-column-end: 5 !important; } } @media screen and (max-width: 800px) { .grd-col-end-5--800-max { grid-column-end: 5 !important; } } @media screen and (min-width: 760px) { .grd-col-end-5--760-min { grid-column-end: 5 !important; } } @media screen and (max-width: 760px) { .grd-col-end-5--760-max { grid-column-end: 5 !important; } } @media screen and (min-width: 700px) { .grd-col-end-5--700-min { grid-column-end: 5 !important; } } @media screen and (max-width: 700px) { .grd-col-end-5--700-max { grid-column-end: 5 !important; } } @media screen and (min-width: 660px) { .grd-col-end-5--660-min { grid-column-end: 5 !important; } } @media screen and (max-width: 660px) { .grd-col-end-5--660-max { grid-column-end: 5 !important; } } @media screen and (min-width: 600px) { .grd-col-end-5--600-min { grid-column-end: 5 !important; } } @media screen and (max-width: 600px) { .grd-col-end-5--600-max { grid-column-end: 5 !important; } } @media screen and (min-width: 560px) { .grd-col-end-5--560-min { grid-column-end: 5 !important; } } @media screen and (max-width: 560px) { .grd-col-end-5--560-max { grid-column-end: 5 !important; } } @media screen and (min-width: 500px) { .grd-col-end-5--500-min { grid-column-end: 5 !important; } } @media screen and (max-width: 500px) { .grd-col-end-5--500-max { grid-column-end: 5 !important; } } @media screen and (min-width: 460px) { .grd-col-end-5--460-min { grid-column-end: 5 !important; } } @media screen and (max-width: 460px) { .grd-col-end-5--460-max { grid-column-end: 5 !important; } } @media screen and (min-width: 400px) { .grd-col-end-5--400-min { grid-column-end: 5 !important; } } @media screen and (max-width: 400px) { .grd-col-end-5--400-max { grid-column-end: 5 !important; } } @media screen and (min-width: 360px) { .grd-col-end-5--360-min { grid-column-end: 5 !important; } } @media screen and (max-width: 360px) { .grd-col-end-5--360-max { grid-column-end: 5 !important; } } @media screen and (min-width: 300px) { .grd-col-end-5--300-min { grid-column-end: 5 !important; } } @media screen and (max-width: 300px) { .grd-col-end-5--300-max { grid-column-end: 5 !important; } } .grd-col-end-6 { grid-column-end: 6; } @media screen and (min-width: 1300px) { .grd-col-end-6--1300-min { grid-column-end: 6 !important; } } @media screen and (max-width: 1300px) { .grd-col-end-6--1300-max { grid-column-end: 6 !important; } } @media screen and (min-width: 1260px) { .grd-col-end-6--1260-min { grid-column-end: 6 !important; } } @media screen and (max-width: 1260px) { .grd-col-end-6--1260-max { grid-column-end: 6 !important; } } @media screen and (min-width: 1200px) { .grd-col-end-6--1200-min { grid-column-end: 6 !important; } } @media screen and (max-width: 1200px) { .grd-col-end-6--1200-max { grid-column-end: 6 !important; } } @media screen and (min-width: 1160px) { .grd-col-end-6--1160-min { grid-column-end: 6 !important; } } @media screen and (max-width: 1160px) { .grd-col-end-6--1160-max { grid-column-end: 6 !important; } } @media screen and (min-width: 1100px) { .grd-col-end-6--1100-min { grid-column-end: 6 !important; } } @media screen and (max-width: 1100px) { .grd-col-end-6--1100-max { grid-column-end: 6 !important; } } @media screen and (min-width: 1060px) { .grd-col-end-6--1060-min { grid-column-end: 6 !important; } } @media screen and (max-width: 1060px) { .grd-col-end-6--1060-max { grid-column-end: 6 !important; } } @media screen and (min-width: 1000px) { .grd-col-end-6--1000-min { grid-column-end: 6 !important; } } @media screen and (max-width: 1000px) { .grd-col-end-6--1000-max { grid-column-end: 6 !important; } } @media screen and (min-width: 960px) { .grd-col-end-6--960-min { grid-column-end: 6 !important; } } @media screen and (max-width: 960px) { .grd-col-end-6--960-max { grid-column-end: 6 !important; } } @media screen and (min-width: 900px) { .grd-col-end-6--900-min { grid-column-end: 6 !important; } } @media screen and (max-width: 900px) { .grd-col-end-6--900-max { grid-column-end: 6 !important; } } @media screen and (min-width: 860px) { .grd-col-end-6--860-min { grid-column-end: 6 !important; } } @media screen and (max-width: 860px) { .grd-col-end-6--860-max { grid-column-end: 6 !important; } } @media screen and (min-width: 800px) { .grd-col-end-6--800-min { grid-column-end: 6 !important; } } @media screen and (max-width: 800px) { .grd-col-end-6--800-max { grid-column-end: 6 !important; } } @media screen and (min-width: 760px) { .grd-col-end-6--760-min { grid-column-end: 6 !important; } } @media screen and (max-width: 760px) { .grd-col-end-6--760-max { grid-column-end: 6 !important; } } @media screen and (min-width: 700px) { .grd-col-end-6--700-min { grid-column-end: 6 !important; } } @media screen and (max-width: 700px) { .grd-col-end-6--700-max { grid-column-end: 6 !important; } } @media screen and (min-width: 660px) { .grd-col-end-6--660-min { grid-column-end: 6 !important; } } @media screen and (max-width: 660px) { .grd-col-end-6--660-max { grid-column-end: 6 !important; } } @media screen and (min-width: 600px) { .grd-col-end-6--600-min { grid-column-end: 6 !important; } } @media screen and (max-width: 600px) { .grd-col-end-6--600-max { grid-column-end: 6 !important; } } @media screen and (min-width: 560px) { .grd-col-end-6--560-min { grid-column-end: 6 !important; } } @media screen and (max-width: 560px) { .grd-col-end-6--560-max { grid-column-end: 6 !important; } } @media screen and (min-width: 500px) { .grd-col-end-6--500-min { grid-column-end: 6 !important; } } @media screen and (max-width: 500px) { .grd-col-end-6--500-max { grid-column-end: 6 !important; } } @media screen and (min-width: 460px) { .grd-col-end-6--460-min { grid-column-end: 6 !important; } } @media screen and (max-width: 460px) { .grd-col-end-6--460-max { grid-column-end: 6 !important; } } @media screen and (min-width: 400px) { .grd-col-end-6--400-min { grid-column-end: 6 !important; } } @media screen and (max-width: 400px) { .grd-col-end-6--400-max { grid-column-end: 6 !important; } } @media screen and (min-width: 360px) { .grd-col-end-6--360-min { grid-column-end: 6 !important; } } @media screen and (max-width: 360px) { .grd-col-end-6--360-max { grid-column-end: 6 !important; } } @media screen and (min-width: 300px) { .grd-col-end-6--300-min { grid-column-end: 6 !important; } } @media screen and (max-width: 300px) { .grd-col-end-6--300-max { grid-column-end: 6 !important; } } .grd-col-end-7 { grid-column-end: 7; } @media screen and (min-width: 1300px) { .grd-col-end-7--1300-min { grid-column-end: 7 !important; } } @media screen and (max-width: 1300px) { .grd-col-end-7--1300-max { grid-column-end: 7 !important; } } @media screen and (min-width: 1260px) { .grd-col-end-7--1260-min { grid-column-end: 7 !important; } } @media screen and (max-width: 1260px) { .grd-col-end-7--1260-max { grid-column-end: 7 !important; } } @media screen and (min-width: 1200px) { .grd-col-end-7--1200-min { grid-column-end: 7 !important; } } @media screen and (max-width: 1200px) { .grd-col-end-7--1200-max { grid-column-end: 7 !important; } } @media screen and (min-width: 1160px) { .grd-col-end-7--1160-min { grid-column-end: 7 !important; } } @media screen and (max-width: 1160px) { .grd-col-end-7--1160-max { grid-column-end: 7 !important; } } @media screen and (min-width: 1100px) { .grd-col-end-7--1100-min { grid-column-end: 7 !important; } } @media screen and (max-width: 1100px) { .grd-col-end-7--1100-max { grid-column-end: 7 !important; } } @media screen and (min-width: 1060px) { .grd-col-end-7--1060-min { grid-column-end: 7 !important; } } @media screen and (max-width: 1060px) { .grd-col-end-7--1060-max { grid-column-end: 7 !important; } } @media screen and (min-width: 1000px) { .grd-col-end-7--1000-min { grid-column-end: 7 !important; } } @media screen and (max-width: 1000px) { .grd-col-end-7--1000-max { grid-column-end: 7 !important; } } @media screen and (min-width: 960px) { .grd-col-end-7--960-min { grid-column-end: 7 !important; } } @media screen and (max-width: 960px) { .grd-col-end-7--960-max { grid-column-end: 7 !important; } } @media screen and (min-width: 900px) { .grd-col-end-7--900-min { grid-column-end: 7 !important; } } @media screen and (max-width: 900px) { .grd-col-end-7--900-max { grid-column-end: 7 !important; } } @media screen and (min-width: 860px) { .grd-col-end-7--860-min { grid-column-end: 7 !important; } } @media screen and (max-width: 860px) { .grd-col-end-7--860-max { grid-column-end: 7 !important; } } @media screen and (min-width: 800px) { .grd-col-end-7--800-min { grid-column-end: 7 !important; } } @media screen and (max-width: 800px) { .grd-col-end-7--800-max { grid-column-end: 7 !important; } } @media screen and (min-width: 760px) { .grd-col-end-7--760-min { grid-column-end: 7 !important; } } @media screen and (max-width: 760px) { .grd-col-end-7--760-max { grid-column-end: 7 !important; } } @media screen and (min-width: 700px) { .grd-col-end-7--700-min { grid-column-end: 7 !important; } } @media screen and (max-width: 700px) { .grd-col-end-7--700-max { grid-column-end: 7 !important; } } @media screen and (min-width: 660px) { .grd-col-end-7--660-min { grid-column-end: 7 !important; } } @media screen and (max-width: 660px) { .grd-col-end-7--660-max { grid-column-end: 7 !important; } } @media screen and (min-width: 600px) { .grd-col-end-7--600-min { grid-column-end: 7 !important; } } @media screen and (max-width: 600px) { .grd-col-end-7--600-max { grid-column-end: 7 !important; } } @media screen and (min-width: 560px) { .grd-col-end-7--560-min { grid-column-end: 7 !important; } } @media screen and (max-width: 560px) { .grd-col-end-7--560-max { grid-column-end: 7 !important; } } @media screen and (min-width: 500px) { .grd-col-end-7--500-min { grid-column-end: 7 !important; } } @media screen and (max-width: 500px) { .grd-col-end-7--500-max { grid-column-end: 7 !important; } } @media screen and (min-width: 460px) { .grd-col-end-7--460-min { grid-column-end: 7 !important; } } @media screen and (max-width: 460px) { .grd-col-end-7--460-max { grid-column-end: 7 !important; } } @media screen and (min-width: 400px) { .grd-col-end-7--400-min { grid-column-end: 7 !important; } } @media screen and (max-width: 400px) { .grd-col-end-7--400-max { grid-column-end: 7 !important; } } @media screen and (min-width: 360px) { .grd-col-end-7--360-min { grid-column-end: 7 !important; } } @media screen and (max-width: 360px) { .grd-col-end-7--360-max { grid-column-end: 7 !important; } } @media screen and (min-width: 300px) { .grd-col-end-7--300-min { grid-column-end: 7 !important; } } @media screen and (max-width: 300px) { .grd-col-end-7--300-max { grid-column-end: 7 !important; } } .grd-col-end-8 { grid-column-end: 8; } @media screen and (min-width: 1300px) { .grd-col-end-8--1300-min { grid-column-end: 8 !important; } } @media screen and (max-width: 1300px) { .grd-col-end-8--1300-max { grid-column-end: 8 !important; } } @media screen and (min-width: 1260px) { .grd-col-end-8--1260-min { grid-column-end: 8 !important; } } @media screen and (max-width: 1260px) { .grd-col-end-8--1260-max { grid-column-end: 8 !important; } } @media screen and (min-width: 1200px) { .grd-col-end-8--1200-min { grid-column-end: 8 !important; } } @media screen and (max-width: 1200px) { .grd-col-end-8--1200-max { grid-column-end: 8 !important; } } @media screen and (min-width: 1160px) { .grd-col-end-8--1160-min { grid-column-end: 8 !important; } } @media screen and (max-width: 1160px) { .grd-col-end-8--1160-max { grid-column-end: 8 !important; } } @media screen and (min-width: 1100px) { .grd-col-end-8--1100-min { grid-column-end: 8 !important; } } @media screen and (max-width: 1100px) { .grd-col-end-8--1100-max { grid-column-end: 8 !important; } } @media screen and (min-width: 1060px) { .grd-col-end-8--1060-min { grid-column-end: 8 !important; } } @media screen and (max-width: 1060px) { .grd-col-end-8--1060-max { grid-column-end: 8 !important; } } @media screen and (min-width: 1000px) { .grd-col-end-8--1000-min { grid-column-end: 8 !important; } } @media screen and (max-width: 1000px) { .grd-col-end-8--1000-max { grid-column-end: 8 !important; } } @media screen and (min-width: 960px) { .grd-col-end-8--960-min { grid-column-end: 8 !important; } } @media screen and (max-width: 960px) { .grd-col-end-8--960-max { grid-column-end: 8 !important; } } @media screen and (min-width: 900px) { .grd-col-end-8--900-min { grid-column-end: 8 !important; } } @media screen and (max-width: 900px) { .grd-col-end-8--900-max { grid-column-end: 8 !important; } } @media screen and (min-width: 860px) { .grd-col-end-8--860-min { grid-column-end: 8 !important; } } @media screen and (max-width: 860px) { .grd-col-end-8--860-max { grid-column-end: 8 !important; } } @media screen and (min-width: 800px) { .grd-col-end-8--800-min { grid-column-end: 8 !important; } } @media screen and (max-width: 800px) { .grd-col-end-8--800-max { grid-column-end: 8 !important; } } @media screen and (min-width: 760px) { .grd-col-end-8--760-min { grid-column-end: 8 !important; } } @media screen and (max-width: 760px) { .grd-col-end-8--760-max { grid-column-end: 8 !important; } } @media screen and (min-width: 700px) { .grd-col-end-8--700-min { grid-column-end: 8 !important; } } @media screen and (max-width: 700px) { .grd-col-end-8--700-max { grid-column-end: 8 !important; } } @media screen and (min-width: 660px) { .grd-col-end-8--660-min { grid-column-end: 8 !important; } } @media screen and (max-width: 660px) { .grd-col-end-8--660-max { grid-column-end: 8 !important; } } @media screen and (min-width: 600px) { .grd-col-end-8--600-min { grid-column-end: 8 !important; } } @media screen and (max-width: 600px) { .grd-col-end-8--600-max { grid-column-end: 8 !important; } } @media screen and (min-width: 560px) { .grd-col-end-8--560-min { grid-column-end: 8 !important; } } @media screen and (max-width: 560px) { .grd-col-end-8--560-max { grid-column-end: 8 !important; } } @media screen and (min-width: 500px) { .grd-col-end-8--500-min { grid-column-end: 8 !important; } } @media screen and (max-width: 500px) { .grd-col-end-8--500-max { grid-column-end: 8 !important; } } @media screen and (min-width: 460px) { .grd-col-end-8--460-min { grid-column-end: 8 !important; } } @media screen and (max-width: 460px) { .grd-col-end-8--460-max { grid-column-end: 8 !important; } } @media screen and (min-width: 400px) { .grd-col-end-8--400-min { grid-column-end: 8 !important; } } @media screen and (max-width: 400px) { .grd-col-end-8--400-max { grid-column-end: 8 !important; } } @media screen and (min-width: 360px) { .grd-col-end-8--360-min { grid-column-end: 8 !important; } } @media screen and (max-width: 360px) { .grd-col-end-8--360-max { grid-column-end: 8 !important; } } @media screen and (min-width: 300px) { .grd-col-end-8--300-min { grid-column-end: 8 !important; } } @media screen and (max-width: 300px) { .grd-col-end-8--300-max { grid-column-end: 8 !important; } } .grd-col-end-9 { grid-column-end: 9; } @media screen and (min-width: 1300px) { .grd-col-end-9--1300-min { grid-column-end: 9 !important; } } @media screen and (max-width: 1300px) { .grd-col-end-9--1300-max { grid-column-end: 9 !important; } } @media screen and (min-width: 1260px) { .grd-col-end-9--1260-min { grid-column-end: 9 !important; } } @media screen and (max-width: 1260px) { .grd-col-end-9--1260-max { grid-column-end: 9 !important; } } @media screen and (min-width: 1200px) { .grd-col-end-9--1200-min { grid-column-end: 9 !important; } } @media screen and (max-width: 1200px) { .grd-col-end-9--1200-max { grid-column-end: 9 !important; } } @media screen and (min-width: 1160px) { .grd-col-end-9--1160-min { grid-column-end: 9 !important; } } @media screen and (max-width: 1160px) { .grd-col-end-9--1160-max { grid-column-end: 9 !important; } } @media screen and (min-width: 1100px) { .grd-col-end-9--1100-min { grid-column-end: 9 !important; } } @media screen and (max-width: 1100px) { .grd-col-end-9--1100-max { grid-column-end: 9 !important; } } @media screen and (min-width: 1060px) { .grd-col-end-9--1060-min { grid-column-end: 9 !important; } } @media screen and (max-width: 1060px) { .grd-col-end-9--1060-max { grid-column-end: 9 !important; } } @media screen and (min-width: 1000px) { .grd-col-end-9--1000-min { grid-column-end: 9 !important; } } @media screen and (max-width: 1000px) { .grd-col-end-9--1000-max { grid-column-end: 9 !important; } } @media screen and (min-width: 960px) { .grd-col-end-9--960-min { grid-column-end: 9 !important; } } @media screen and (max-width: 960px) { .grd-col-end-9--960-max { grid-column-end: 9 !important; } } @media screen and (min-width: 900px) { .grd-col-end-9--900-min { grid-column-end: 9 !important; } } @media screen and (max-width: 900px) { .grd-col-end-9--900-max { grid-column-end: 9 !important; } } @media screen and (min-width: 860px) { .grd-col-end-9--860-min { grid-column-end: 9 !important; } } @media screen and (max-width: 860px) { .grd-col-end-9--860-max { grid-column-end: 9 !important; } } @media screen and (min-width: 800px) { .grd-col-end-9--800-min { grid-column-end: 9 !important; } } @media screen and (max-width: 800px) { .grd-col-end-9--800-max { grid-column-end: 9 !important; } } @media screen and (min-width: 760px) { .grd-col-end-9--760-min { grid-column-end: 9 !important; } } @media screen and (max-width: 760px) { .grd-col-end-9--760-max { grid-column-end: 9 !important; } } @media screen and (min-width: 700px) { .grd-col-end-9--700-min { grid-column-end: 9 !important; } } @media screen and (max-width: 700px) { .grd-col-end-9--700-max { grid-column-end: 9 !important; } } @media screen and (min-width: 660px) { .grd-col-end-9--660-min { grid-column-end: 9 !important; } } @media screen and (max-width: 660px) { .grd-col-end-9--660-max { grid-column-end: 9 !important; } } @media screen and (min-width: 600px) { .grd-col-end-9--600-min { grid-column-end: 9 !important; } } @media screen and (max-width: 600px) { .grd-col-end-9--600-max { grid-column-end: 9 !important; } } @media screen and (min-width: 560px) { .grd-col-end-9--560-min { grid-column-end: 9 !important; } } @media screen and (max-width: 560px) { .grd-col-end-9--560-max { grid-column-end: 9 !important; } } @media screen and (min-width: 500px) { .grd-col-end-9--500-min { grid-column-end: 9 !important; } } @media screen and (max-width: 500px) { .grd-col-end-9--500-max { grid-column-end: 9 !important; } } @media screen and (min-width: 460px) { .grd-col-end-9--460-min { grid-column-end: 9 !important; } } @media screen and (max-width: 460px) { .grd-col-end-9--460-max { grid-column-end: 9 !important; } } @media screen and (min-width: 400px) { .grd-col-end-9--400-min { grid-column-end: 9 !important; } } @media screen and (max-width: 400px) { .grd-col-end-9--400-max { grid-column-end: 9 !important; } } @media screen and (min-width: 360px) { .grd-col-end-9--360-min { grid-column-end: 9 !important; } } @media screen and (max-width: 360px) { .grd-col-end-9--360-max { grid-column-end: 9 !important; } } @media screen and (min-width: 300px) { .grd-col-end-9--300-min { grid-column-end: 9 !important; } } @media screen and (max-width: 300px) { .grd-col-end-9--300-max { grid-column-end: 9 !important; } } .grd-col-1 { grid-column: span 1; } @media screen and (min-width: 1300px) { .grd-col-1--1300-min { grid-column: span 1 !important; } } @media screen and (max-width: 1300px) { .grd-col-1--1300-max { grid-column: span 1 !important; } } @media screen and (min-width: 1260px) { .grd-col-1--1260-min { grid-column: span 1 !important; } } @media screen and (max-width: 1260px) { .grd-col-1--1260-max { grid-column: span 1 !important; } } @media screen and (min-width: 1200px) { .grd-col-1--1200-min { grid-column: span 1 !important; } } @media screen and (max-width: 1200px) { .grd-col-1--1200-max { grid-column: span 1 !important; } } @media screen and (min-width: 1160px) { .grd-col-1--1160-min { grid-column: span 1 !important; } } @media screen and (max-width: 1160px) { .grd-col-1--1160-max { grid-column: span 1 !important; } } @media screen and (min-width: 1100px) { .grd-col-1--1100-min { grid-column: span 1 !important; } } @media screen and (max-width: 1100px) { .grd-col-1--1100-max { grid-column: span 1 !important; } } @media screen and (min-width: 1060px) { .grd-col-1--1060-min { grid-column: span 1 !important; } } @media screen and (max-width: 1060px) { .grd-col-1--1060-max { grid-column: span 1 !important; } } @media screen and (min-width: 1000px) { .grd-col-1--1000-min { grid-column: span 1 !important; } } @media screen and (max-width: 1000px) { .grd-col-1--1000-max { grid-column: span 1 !important; } } @media screen and (min-width: 960px) { .grd-col-1--960-min { grid-column: span 1 !important; } } @media screen and (max-width: 960px) { .grd-col-1--960-max { grid-column: span 1 !important; } } @media screen and (min-width: 900px) { .grd-col-1--900-min { grid-column: span 1 !important; } } @media screen and (max-width: 900px) { .grd-col-1--900-max { grid-column: span 1 !important; } } @media screen and (min-width: 860px) { .grd-col-1--860-min { grid-column: span 1 !important; } } @media screen and (max-width: 860px) { .grd-col-1--860-max { grid-column: span 1 !important; } } @media screen and (min-width: 800px) { .grd-col-1--800-min { grid-column: span 1 !important; } } @media screen and (max-width: 800px) { .grd-col-1--800-max { grid-column: span 1 !important; } } @media screen and (min-width: 760px) { .grd-col-1--760-min { grid-column: span 1 !important; } } @media screen and (max-width: 760px) { .grd-col-1--760-max { grid-column: span 1 !important; } } @media screen and (min-width: 700px) { .grd-col-1--700-min { grid-column: span 1 !important; } } @media screen and (max-width: 700px) { .grd-col-1--700-max { grid-column: span 1 !important; } } @media screen and (min-width: 660px) { .grd-col-1--660-min { grid-column: span 1 !important; } } @media screen and (max-width: 660px) { .grd-col-1--660-max { grid-column: span 1 !important; } } @media screen and (min-width: 600px) { .grd-col-1--600-min { grid-column: span 1 !important; } } @media screen and (max-width: 600px) { .grd-col-1--600-max { grid-column: span 1 !important; } } @media screen and (min-width: 560px) { .grd-col-1--560-min { grid-column: span 1 !important; } } @media screen and (max-width: 560px) { .grd-col-1--560-max { grid-column: span 1 !important; } } @media screen and (min-width: 500px) { .grd-col-1--500-min { grid-column: span 1 !important; } } @media screen and (max-width: 500px) { .grd-col-1--500-max { grid-column: span 1 !important; } } @media screen and (min-width: 460px) { .grd-col-1--460-min { grid-column: span 1 !important; } } @media screen and (max-width: 460px) { .grd-col-1--460-max { grid-column: span 1 !important; } } @media screen and (min-width: 400px) { .grd-col-1--400-min { grid-column: span 1 !important; } } @media screen and (max-width: 400px) { .grd-col-1--400-max { grid-column: span 1 !important; } } @media screen and (min-width: 360px) { .grd-col-1--360-min { grid-column: span 1 !important; } } @media screen and (max-width: 360px) { .grd-col-1--360-max { grid-column: span 1 !important; } } @media screen and (min-width: 300px) { .grd-col-1--300-min { grid-column: span 1 !important; } } @media screen and (max-width: 300px) { .grd-col-1--300-max { grid-column: span 1 !important; } } .grd-col-2 { grid-column: span 2; } @media screen and (min-width: 1300px) { .grd-col-2--1300-min { grid-column: span 2 !important; } } @media screen and (max-width: 1300px) { .grd-col-2--1300-max { grid-column: span 2 !important; } } @media screen and (min-width: 1260px) { .grd-col-2--1260-min { grid-column: span 2 !important; } } @media screen and (max-width: 1260px) { .grd-col-2--1260-max { grid-column: span 2 !important; } } @media screen and (min-width: 1200px) { .grd-col-2--1200-min { grid-column: span 2 !important; } } @media screen and (max-width: 1200px) { .grd-col-2--1200-max { grid-column: span 2 !important; } } @media screen and (min-width: 1160px) { .grd-col-2--1160-min { grid-column: span 2 !important; } } @media screen and (max-width: 1160px) { .grd-col-2--1160-max { grid-column: span 2 !important; } } @media screen and (min-width: 1100px) { .grd-col-2--1100-min { grid-column: span 2 !important; } } @media screen and (max-width: 1100px) { .grd-col-2--1100-max { grid-column: span 2 !important; } } @media screen and (min-width: 1060px) { .grd-col-2--1060-min { grid-column: span 2 !important; } } @media screen and (max-width: 1060px) { .grd-col-2--1060-max { grid-column: span 2 !important; } } @media screen and (min-width: 1000px) { .grd-col-2--1000-min { grid-column: span 2 !important; } } @media screen and (max-width: 1000px) { .grd-col-2--1000-max { grid-column: span 2 !important; } } @media screen and (min-width: 960px) { .grd-col-2--960-min { grid-column: span 2 !important; } } @media screen and (max-width: 960px) { .grd-col-2--960-max { grid-column: span 2 !important; } } @media screen and (min-width: 900px) { .grd-col-2--900-min { grid-column: span 2 !important; } } @media screen and (max-width: 900px) { .grd-col-2--900-max { grid-column: span 2 !important; } } @media screen and (min-width: 860px) { .grd-col-2--860-min { grid-column: span 2 !important; } } @media screen and (max-width: 860px) { .grd-col-2--860-max { grid-column: span 2 !important; } } @media screen and (min-width: 800px) { .grd-col-2--800-min { grid-column: span 2 !important; } } @media screen and (max-width: 800px) { .grd-col-2--800-max { grid-column: span 2 !important; } } @media screen and (min-width: 760px) { .grd-col-2--760-min { grid-column: span 2 !important; } } @media screen and (max-width: 760px) { .grd-col-2--760-max { grid-column: span 2 !important; } } @media screen and (min-width: 700px) { .grd-col-2--700-min { grid-column: span 2 !important; } } @media screen and (max-width: 700px) { .grd-col-2--700-max { grid-column: span 2 !important; } } @media screen and (min-width: 660px) { .grd-col-2--660-min { grid-column: span 2 !important; } } @media screen and (max-width: 660px) { .grd-col-2--660-max { grid-column: span 2 !important; } } @media screen and (min-width: 600px) { .grd-col-2--600-min { grid-column: span 2 !important; } } @media screen and (max-width: 600px) { .grd-col-2--600-max { grid-column: span 2 !important; } } @media screen and (min-width: 560px) { .grd-col-2--560-min { grid-column: span 2 !important; } } @media screen and (max-width: 560px) { .grd-col-2--560-max { grid-column: span 2 !important; } } @media screen and (min-width: 500px) { .grd-col-2--500-min { grid-column: span 2 !important; } } @media screen and (max-width: 500px) { .grd-col-2--500-max { grid-column: span 2 !important; } } @media screen and (min-width: 460px) { .grd-col-2--460-min { grid-column: span 2 !important; } } @media screen and (max-width: 460px) { .grd-col-2--460-max { grid-column: span 2 !important; } } @media screen and (min-width: 400px) { .grd-col-2--400-min { grid-column: span 2 !important; } } @media screen and (max-width: 400px) { .grd-col-2--400-max { grid-column: span 2 !important; } } @media screen and (min-width: 360px) { .grd-col-2--360-min { grid-column: span 2 !important; } } @media screen and (max-width: 360px) { .grd-col-2--360-max { grid-column: span 2 !important; } } @media screen and (min-width: 300px) { .grd-col-2--300-min { grid-column: span 2 !important; } } @media screen and (max-width: 300px) { .grd-col-2--300-max { grid-column: span 2 !important; } } .grd-col-3 { grid-column: span 3; } @media screen and (min-width: 1300px) { .grd-col-3--1300-min { grid-column: span 3 !important; } } @media screen and (max-width: 1300px) { .grd-col-3--1300-max { grid-column: span 3 !important; } } @media screen and (min-width: 1260px) { .grd-col-3--1260-min { grid-column: span 3 !important; } } @media screen and (max-width: 1260px) { .grd-col-3--1260-max { grid-column: span 3 !important; } } @media screen and (min-width: 1200px) { .grd-col-3--1200-min { grid-column: span 3 !important; } } @media screen and (max-width: 1200px) { .grd-col-3--1200-max { grid-column: span 3 !important; } } @media screen and (min-width: 1160px) { .grd-col-3--1160-min { grid-column: span 3 !important; } } @media screen and (max-width: 1160px) { .grd-col-3--1160-max { grid-column: span 3 !important; } } @media screen and (min-width: 1100px) { .grd-col-3--1100-min { grid-column: span 3 !important; } } @media screen and (max-width: 1100px) { .grd-col-3--1100-max { grid-column: span 3 !important; } } @media screen and (min-width: 1060px) { .grd-col-3--1060-min { grid-column: span 3 !important; } } @media screen and (max-width: 1060px) { .grd-col-3--1060-max { grid-column: span 3 !important; } } @media screen and (min-width: 1000px) { .grd-col-3--1000-min { grid-column: span 3 !important; } } @media screen and (max-width: 1000px) { .grd-col-3--1000-max { grid-column: span 3 !important; } } @media screen and (min-width: 960px) { .grd-col-3--960-min { grid-column: span 3 !important; } } @media screen and (max-width: 960px) { .grd-col-3--960-max { grid-column: span 3 !important; } } @media screen and (min-width: 900px) { .grd-col-3--900-min { grid-column: span 3 !important; } } @media screen and (max-width: 900px) { .grd-col-3--900-max { grid-column: span 3 !important; } } @media screen and (min-width: 860px) { .grd-col-3--860-min { grid-column: span 3 !important; } } @media screen and (max-width: 860px) { .grd-col-3--860-max { grid-column: span 3 !important; } } @media screen and (min-width: 800px) { .grd-col-3--800-min { grid-column: span 3 !important; } } @media screen and (max-width: 800px) { .grd-col-3--800-max { grid-column: span 3 !important; } } @media screen and (min-width: 760px) { .grd-col-3--760-min { grid-column: span 3 !important; } } @media screen and (max-width: 760px) { .grd-col-3--760-max { grid-column: span 3 !important; } } @media screen and (min-width: 700px) { .grd-col-3--700-min { grid-column: span 3 !important; } } @media screen and (max-width: 700px) { .grd-col-3--700-max { grid-column: span 3 !important; } } @media screen and (min-width: 660px) { .grd-col-3--660-min { grid-column: span 3 !important; } } @media screen and (max-width: 660px) { .grd-col-3--660-max { grid-column: span 3 !important; } } @media screen and (min-width: 600px) { .grd-col-3--600-min { grid-column: span 3 !important; } } @media screen and (max-width: 600px) { .grd-col-3--600-max { grid-column: span 3 !important; } } @media screen and (min-width: 560px) { .grd-col-3--560-min { grid-column: span 3 !important; } } @media screen and (max-width: 560px) { .grd-col-3--560-max { grid-column: span 3 !important; } } @media screen and (min-width: 500px) { .grd-col-3--500-min { grid-column: span 3 !important; } } @media screen and (max-width: 500px) { .grd-col-3--500-max { grid-column: span 3 !important; } } @media screen and (min-width: 460px) { .grd-col-3--460-min { grid-column: span 3 !important; } } @media screen and (max-width: 460px) { .grd-col-3--460-max { grid-column: span 3 !important; } } @media screen and (min-width: 400px) { .grd-col-3--400-min { grid-column: span 3 !important; } } @media screen and (max-width: 400px) { .grd-col-3--400-max { grid-column: span 3 !important; } } @media screen and (min-width: 360px) { .grd-col-3--360-min { grid-column: span 3 !important; } } @media screen and (max-width: 360px) { .grd-col-3--360-max { grid-column: span 3 !important; } } @media screen and (min-width: 300px) { .grd-col-3--300-min { grid-column: span 3 !important; } } @media screen and (max-width: 300px) { .grd-col-3--300-max { grid-column: span 3 !important; } } .grd-col-4 { grid-column: span 4; } @media screen and (min-width: 1300px) { .grd-col-4--1300-min { grid-column: span 4 !important; } } @media screen and (max-width: 1300px) { .grd-col-4--1300-max { grid-column: span 4 !important; } } @media screen and (min-width: 1260px) { .grd-col-4--1260-min { grid-column: span 4 !important; } } @media screen and (max-width: 1260px) { .grd-col-4--1260-max { grid-column: span 4 !important; } } @media screen and (min-width: 1200px) { .grd-col-4--1200-min { grid-column: span 4 !important; } } @media screen and (max-width: 1200px) { .grd-col-4--1200-max { grid-column: span 4 !important; } } @media screen and (min-width: 1160px) { .grd-col-4--1160-min { grid-column: span 4 !important; } } @media screen and (max-width: 1160px) { .grd-col-4--1160-max { grid-column: span 4 !important; } } @media screen and (min-width: 1100px) { .grd-col-4--1100-min { grid-column: span 4 !important; } } @media screen and (max-width: 1100px) { .grd-col-4--1100-max { grid-column: span 4 !important; } } @media screen and (min-width: 1060px) { .grd-col-4--1060-min { grid-column: span 4 !important; } } @media screen and (max-width: 1060px) { .grd-col-4--1060-max { grid-column: span 4 !important; } } @media screen and (min-width: 1000px) { .grd-col-4--1000-min { grid-column: span 4 !important; } } @media screen and (max-width: 1000px) { .grd-col-4--1000-max { grid-column: span 4 !important; } } @media screen and (min-width: 960px) { .grd-col-4--960-min { grid-column: span 4 !important; } } @media screen and (max-width: 960px) { .grd-col-4--960-max { grid-column: span 4 !important; } } @media screen and (min-width: 900px) { .grd-col-4--900-min { grid-column: span 4 !important; } } @media screen and (max-width: 900px) { .grd-col-4--900-max { grid-column: span 4 !important; } } @media screen and (min-width: 860px) { .grd-col-4--860-min { grid-column: span 4 !important; } } @media screen and (max-width: 860px) { .grd-col-4--860-max { grid-column: span 4 !important; } } @media screen and (min-width: 800px) { .grd-col-4--800-min { grid-column: span 4 !important; } } @media screen and (max-width: 800px) { .grd-col-4--800-max { grid-column: span 4 !important; } } @media screen and (min-width: 760px) { .grd-col-4--760-min { grid-column: span 4 !important; } } @media screen and (max-width: 760px) { .grd-col-4--760-max { grid-column: span 4 !important; } } @media screen and (min-width: 700px) { .grd-col-4--700-min { grid-column: span 4 !important; } } @media screen and (max-width: 700px) { .grd-col-4--700-max { grid-column: span 4 !important; } } @media screen and (min-width: 660px) { .grd-col-4--660-min { grid-column: span 4 !important; } } @media screen and (max-width: 660px) { .grd-col-4--660-max { grid-column: span 4 !important; } } @media screen and (min-width: 600px) { .grd-col-4--600-min { grid-column: span 4 !important; } } @media screen and (max-width: 600px) { .grd-col-4--600-max { grid-column: span 4 !important; } } @media screen and (min-width: 560px) { .grd-col-4--560-min { grid-column: span 4 !important; } } @media screen and (max-width: 560px) { .grd-col-4--560-max { grid-column: span 4 !important; } } @media screen and (min-width: 500px) { .grd-col-4--500-min { grid-column: span 4 !important; } } @media screen and (max-width: 500px) { .grd-col-4--500-max { grid-column: span 4 !important; } } @media screen and (min-width: 460px) { .grd-col-4--460-min { grid-column: span 4 !important; } } @media screen and (max-width: 460px) { .grd-col-4--460-max { grid-column: span 4 !important; } } @media screen and (min-width: 400px) { .grd-col-4--400-min { grid-column: span 4 !important; } } @media screen and (max-width: 400px) { .grd-col-4--400-max { grid-column: span 4 !important; } } @media screen and (min-width: 360px) { .grd-col-4--360-min { grid-column: span 4 !important; } } @media screen and (max-width: 360px) { .grd-col-4--360-max { grid-column: span 4 !important; } } @media screen and (min-width: 300px) { .grd-col-4--300-min { grid-column: span 4 !important; } } @media screen and (max-width: 300px) { .grd-col-4--300-max { grid-column: span 4 !important; } } .grd-col-5 { grid-column: span 5; } @media screen and (min-width: 1300px) { .grd-col-5--1300-min { grid-column: span 5 !important; } } @media screen and (max-width: 1300px) { .grd-col-5--1300-max { grid-column: span 5 !important; } } @media screen and (min-width: 1260px) { .grd-col-5--1260-min { grid-column: span 5 !important; } } @media screen and (max-width: 1260px) { .grd-col-5--1260-max { grid-column: span 5 !important; } } @media screen and (min-width: 1200px) { .grd-col-5--1200-min { grid-column: span 5 !important; } } @media screen and (max-width: 1200px) { .grd-col-5--1200-max { grid-column: span 5 !important; } } @media screen and (min-width: 1160px) { .grd-col-5--1160-min { grid-column: span 5 !important; } } @media screen and (max-width: 1160px) { .grd-col-5--1160-max { grid-column: span 5 !important; } } @media screen and (min-width: 1100px) { .grd-col-5--1100-min { grid-column: span 5 !important; } } @media screen and (max-width: 1100px) { .grd-col-5--1100-max { grid-column: span 5 !important; } } @media screen and (min-width: 1060px) { .grd-col-5--1060-min { grid-column: span 5 !important; } } @media screen and (max-width: 1060px) { .grd-col-5--1060-max { grid-column: span 5 !important; } } @media screen and (min-width: 1000px) { .grd-col-5--1000-min { grid-column: span 5 !important; } } @media screen and (max-width: 1000px) { .grd-col-5--1000-max { grid-column: span 5 !important; } } @media screen and (min-width: 960px) { .grd-col-5--960-min { grid-column: span 5 !important; } } @media screen and (max-width: 960px) { .grd-col-5--960-max { grid-column: span 5 !important; } } @media screen and (min-width: 900px) { .grd-col-5--900-min { grid-column: span 5 !important; } } @media screen and (max-width: 900px) { .grd-col-5--900-max { grid-column: span 5 !important; } } @media screen and (min-width: 860px) { .grd-col-5--860-min { grid-column: span 5 !important; } } @media screen and (max-width: 860px) { .grd-col-5--860-max { grid-column: span 5 !important; } } @media screen and (min-width: 800px) { .grd-col-5--800-min { grid-column: span 5 !important; } } @media screen and (max-width: 800px) { .grd-col-5--800-max { grid-column: span 5 !important; } } @media screen and (min-width: 760px) { .grd-col-5--760-min { grid-column: span 5 !important; } } @media screen and (max-width: 760px) { .grd-col-5--760-max { grid-column: span 5 !important; } } @media screen and (min-width: 700px) { .grd-col-5--700-min { grid-column: span 5 !important; } } @media screen and (max-width: 700px) { .grd-col-5--700-max { grid-column: span 5 !important; } } @media screen and (min-width: 660px) { .grd-col-5--660-min { grid-column: span 5 !important; } } @media screen and (max-width: 660px) { .grd-col-5--660-max { grid-column: span 5 !important; } } @media screen and (min-width: 600px) { .grd-col-5--600-min { grid-column: span 5 !important; } } @media screen and (max-width: 600px) { .grd-col-5--600-max { grid-column: span 5 !important; } } @media screen and (min-width: 560px) { .grd-col-5--560-min { grid-column: span 5 !important; } } @media screen and (max-width: 560px) { .grd-col-5--560-max { grid-column: span 5 !important; } } @media screen and (min-width: 500px) { .grd-col-5--500-min { grid-column: span 5 !important; } } @media screen and (max-width: 500px) { .grd-col-5--500-max { grid-column: span 5 !important; } } @media screen and (min-width: 460px) { .grd-col-5--460-min { grid-column: span 5 !important; } } @media screen and (max-width: 460px) { .grd-col-5--460-max { grid-column: span 5 !important; } } @media screen and (min-width: 400px) { .grd-col-5--400-min { grid-column: span 5 !important; } } @media screen and (max-width: 400px) { .grd-col-5--400-max { grid-column: span 5 !important; } } @media screen and (min-width: 360px) { .grd-col-5--360-min { grid-column: span 5 !important; } } @media screen and (max-width: 360px) { .grd-col-5--360-max { grid-column: span 5 !important; } } @media screen and (min-width: 300px) { .grd-col-5--300-min { grid-column: span 5 !important; } } @media screen and (max-width: 300px) { .grd-col-5--300-max { grid-column: span 5 !important; } } .grd-col-6 { grid-column: span 6; } @media screen and (min-width: 1300px) { .grd-col-6--1300-min { grid-column: span 6 !important; } } @media screen and (max-width: 1300px) { .grd-col-6--1300-max { grid-column: span 6 !important; } } @media screen and (min-width: 1260px) { .grd-col-6--1260-min { grid-column: span 6 !important; } } @media screen and (max-width: 1260px) { .grd-col-6--1260-max { grid-column: span 6 !important; } } @media screen and (min-width: 1200px) { .grd-col-6--1200-min { grid-column: span 6 !important; } } @media screen and (max-width: 1200px) { .grd-col-6--1200-max { grid-column: span 6 !important; } } @media screen and (min-width: 1160px) { .grd-col-6--1160-min { grid-column: span 6 !important; } } @media screen and (max-width: 1160px) { .grd-col-6--1160-max { grid-column: span 6 !important; } } @media screen and (min-width: 1100px) { .grd-col-6--1100-min { grid-column: span 6 !important; } } @media screen and (max-width: 1100px) { .grd-col-6--1100-max { grid-column: span 6 !important; } } @media screen and (min-width: 1060px) { .grd-col-6--1060-min { grid-column: span 6 !important; } } @media screen and (max-width: 1060px) { .grd-col-6--1060-max { grid-column: span 6 !important; } } @media screen and (min-width: 1000px) { .grd-col-6--1000-min { grid-column: span 6 !important; } } @media screen and (max-width: 1000px) { .grd-col-6--1000-max { grid-column: span 6 !important; } } @media screen and (min-width: 960px) { .grd-col-6--960-min { grid-column: span 6 !important; } } @media screen and (max-width: 960px) { .grd-col-6--960-max { grid-column: span 6 !important; } } @media screen and (min-width: 900px) { .grd-col-6--900-min { grid-column: span 6 !important; } } @media screen and (max-width: 900px) { .grd-col-6--900-max { grid-column: span 6 !important; } } @media screen and (min-width: 860px) { .grd-col-6--860-min { grid-column: span 6 !important; } } @media screen and (max-width: 860px) { .grd-col-6--860-max { grid-column: span 6 !important; } } @media screen and (min-width: 800px) { .grd-col-6--800-min { grid-column: span 6 !important; } } @media screen and (max-width: 800px) { .grd-col-6--800-max { grid-column: span 6 !important; } } @media screen and (min-width: 760px) { .grd-col-6--760-min { grid-column: span 6 !important; } } @media screen and (max-width: 760px) { .grd-col-6--760-max { grid-column: span 6 !important; } } @media screen and (min-width: 700px) { .grd-col-6--700-min { grid-column: span 6 !important; } } @media screen and (max-width: 700px) { .grd-col-6--700-max { grid-column: span 6 !important; } } @media screen and (min-width: 660px) { .grd-col-6--660-min { grid-column: span 6 !important; } } @media screen and (max-width: 660px) { .grd-col-6--660-max { grid-column: span 6 !important; } } @media screen and (min-width: 600px) { .grd-col-6--600-min { grid-column: span 6 !important; } } @media screen and (max-width: 600px) { .grd-col-6--600-max { grid-column: span 6 !important; } } @media screen and (min-width: 560px) { .grd-col-6--560-min { grid-column: span 6 !important; } } @media screen and (max-width: 560px) { .grd-col-6--560-max { grid-column: span 6 !important; } } @media screen and (min-width: 500px) { .grd-col-6--500-min { grid-column: span 6 !important; } } @media screen and (max-width: 500px) { .grd-col-6--500-max { grid-column: span 6 !important; } } @media screen and (min-width: 460px) { .grd-col-6--460-min { grid-column: span 6 !important; } } @media screen and (max-width: 460px) { .grd-col-6--460-max { grid-column: span 6 !important; } } @media screen and (min-width: 400px) { .grd-col-6--400-min { grid-column: span 6 !important; } } @media screen and (max-width: 400px) { .grd-col-6--400-max { grid-column: span 6 !important; } } @media screen and (min-width: 360px) { .grd-col-6--360-min { grid-column: span 6 !important; } } @media screen and (max-width: 360px) { .grd-col-6--360-max { grid-column: span 6 !important; } } @media screen and (min-width: 300px) { .grd-col-6--300-min { grid-column: span 6 !important; } } @media screen and (max-width: 300px) { .grd-col-6--300-max { grid-column: span 6 !important; } } .grd-col-7 { grid-column: span 7; } @media screen and (min-width: 1300px) { .grd-col-7--1300-min { grid-column: span 7 !important; } } @media screen and (max-width: 1300px) { .grd-col-7--1300-max { grid-column: span 7 !important; } } @media screen and (min-width: 1260px) { .grd-col-7--1260-min { grid-column: span 7 !important; } } @media screen and (max-width: 1260px) { .grd-col-7--1260-max { grid-column: span 7 !important; } } @media screen and (min-width: 1200px) { .grd-col-7--1200-min { grid-column: span 7 !important; } } @media screen and (max-width: 1200px) { .grd-col-7--1200-max { grid-column: span 7 !important; } } @media screen and (min-width: 1160px) { .grd-col-7--1160-min { grid-column: span 7 !important; } } @media screen and (max-width: 1160px) { .grd-col-7--1160-max { grid-column: span 7 !important; } } @media screen and (min-width: 1100px) { .grd-col-7--1100-min { grid-column: span 7 !important; } } @media screen and (max-width: 1100px) { .grd-col-7--1100-max { grid-column: span 7 !important; } } @media screen and (min-width: 1060px) { .grd-col-7--1060-min { grid-column: span 7 !important; } } @media screen and (max-width: 1060px) { .grd-col-7--1060-max { grid-column: span 7 !important; } } @media screen and (min-width: 1000px) { .grd-col-7--1000-min { grid-column: span 7 !important; } } @media screen and (max-width: 1000px) { .grd-col-7--1000-max { grid-column: span 7 !important; } } @media screen and (min-width: 960px) { .grd-col-7--960-min { grid-column: span 7 !important; } } @media screen and (max-width: 960px) { .grd-col-7--960-max { grid-column: span 7 !important; } } @media screen and (min-width: 900px) { .grd-col-7--900-min { grid-column: span 7 !important; } } @media screen and (max-width: 900px) { .grd-col-7--900-max { grid-column: span 7 !important; } } @media screen and (min-width: 860px) { .grd-col-7--860-min { grid-column: span 7 !important; } } @media screen and (max-width: 860px) { .grd-col-7--860-max { grid-column: span 7 !important; } } @media screen and (min-width: 800px) { .grd-col-7--800-min { grid-column: span 7 !important; } } @media screen and (max-width: 800px) { .grd-col-7--800-max { grid-column: span 7 !important; } } @media screen and (min-width: 760px) { .grd-col-7--760-min { grid-column: span 7 !important; } } @media screen and (max-width: 760px) { .grd-col-7--760-max { grid-column: span 7 !important; } } @media screen and (min-width: 700px) { .grd-col-7--700-min { grid-column: span 7 !important; } } @media screen and (max-width: 700px) { .grd-col-7--700-max { grid-column: span 7 !important; } } @media screen and (min-width: 660px) { .grd-col-7--660-min { grid-column: span 7 !important; } } @media screen and (max-width: 660px) { .grd-col-7--660-max { grid-column: span 7 !important; } } @media screen and (min-width: 600px) { .grd-col-7--600-min { grid-column: span 7 !important; } } @media screen and (max-width: 600px) { .grd-col-7--600-max { grid-column: span 7 !important; } } @media screen and (min-width: 560px) { .grd-col-7--560-min { grid-column: span 7 !important; } } @media screen and (max-width: 560px) { .grd-col-7--560-max { grid-column: span 7 !important; } } @media screen and (min-width: 500px) { .grd-col-7--500-min { grid-column: span 7 !important; } } @media screen and (max-width: 500px) { .grd-col-7--500-max { grid-column: span 7 !important; } } @media screen and (min-width: 460px) { .grd-col-7--460-min { grid-column: span 7 !important; } } @media screen and (max-width: 460px) { .grd-col-7--460-max { grid-column: span 7 !important; } } @media screen and (min-width: 400px) { .grd-col-7--400-min { grid-column: span 7 !important; } } @media screen and (max-width: 400px) { .grd-col-7--400-max { grid-column: span 7 !important; } } @media screen and (min-width: 360px) { .grd-col-7--360-min { grid-column: span 7 !important; } } @media screen and (max-width: 360px) { .grd-col-7--360-max { grid-column: span 7 !important; } } @media screen and (min-width: 300px) { .grd-col-7--300-min { grid-column: span 7 !important; } } @media screen and (max-width: 300px) { .grd-col-7--300-max { grid-column: span 7 !important; } } .grd-col-8 { grid-column: span 8; } @media screen and (min-width: 1300px) { .grd-col-8--1300-min { grid-column: span 8 !important; } } @media screen and (max-width: 1300px) { .grd-col-8--1300-max { grid-column: span 8 !important; } } @media screen and (min-width: 1260px) { .grd-col-8--1260-min { grid-column: span 8 !important; } } @media screen and (max-width: 1260px) { .grd-col-8--1260-max { grid-column: span 8 !important; } } @media screen and (min-width: 1200px) { .grd-col-8--1200-min { grid-column: span 8 !important; } } @media screen and (max-width: 1200px) { .grd-col-8--1200-max { grid-column: span 8 !important; } } @media screen and (min-width: 1160px) { .grd-col-8--1160-min { grid-column: span 8 !important; } } @media screen and (max-width: 1160px) { .grd-col-8--1160-max { grid-column: span 8 !important; } } @media screen and (min-width: 1100px) { .grd-col-8--1100-min { grid-column: span 8 !important; } } @media screen and (max-width: 1100px) { .grd-col-8--1100-max { grid-column: span 8 !important; } } @media screen and (min-width: 1060px) { .grd-col-8--1060-min { grid-column: span 8 !important; } } @media screen and (max-width: 1060px) { .grd-col-8--1060-max { grid-column: span 8 !important; } } @media screen and (min-width: 1000px) { .grd-col-8--1000-min { grid-column: span 8 !important; } } @media screen and (max-width: 1000px) { .grd-col-8--1000-max { grid-column: span 8 !important; } } @media screen and (min-width: 960px) { .grd-col-8--960-min { grid-column: span 8 !important; } } @media screen and (max-width: 960px) { .grd-col-8--960-max { grid-column: span 8 !important; } } @media screen and (min-width: 900px) { .grd-col-8--900-min { grid-column: span 8 !important; } } @media screen and (max-width: 900px) { .grd-col-8--900-max { grid-column: span 8 !important; } } @media screen and (min-width: 860px) { .grd-col-8--860-min { grid-column: span 8 !important; } } @media screen and (max-width: 860px) { .grd-col-8--860-max { grid-column: span 8 !important; } } @media screen and (min-width: 800px) { .grd-col-8--800-min { grid-column: span 8 !important; } } @media screen and (max-width: 800px) { .grd-col-8--800-max { grid-column: span 8 !important; } } @media screen and (min-width: 760px) { .grd-col-8--760-min { grid-column: span 8 !important; } } @media screen and (max-width: 760px) { .grd-col-8--760-max { grid-column: span 8 !important; } } @media screen and (min-width: 700px) { .grd-col-8--700-min { grid-column: span 8 !important; } } @media screen and (max-width: 700px) { .grd-col-8--700-max { grid-column: span 8 !important; } } @media screen and (min-width: 660px) { .grd-col-8--660-min { grid-column: span 8 !important; } } @media screen and (max-width: 660px) { .grd-col-8--660-max { grid-column: span 8 !important; } } @media screen and (min-width: 600px) { .grd-col-8--600-min { grid-column: span 8 !important; } } @media screen and (max-width: 600px) { .grd-col-8--600-max { grid-column: span 8 !important; } } @media screen and (min-width: 560px) { .grd-col-8--560-min { grid-column: span 8 !important; } } @media screen and (max-width: 560px) { .grd-col-8--560-max { grid-column: span 8 !important; } } @media screen and (min-width: 500px) { .grd-col-8--500-min { grid-column: span 8 !important; } } @media screen and (max-width: 500px) { .grd-col-8--500-max { grid-column: span 8 !important; } } @media screen and (min-width: 460px) { .grd-col-8--460-min { grid-column: span 8 !important; } } @media screen and (max-width: 460px) { .grd-col-8--460-max { grid-column: span 8 !important; } } @media screen and (min-width: 400px) { .grd-col-8--400-min { grid-column: span 8 !important; } } @media screen and (max-width: 400px) { .grd-col-8--400-max { grid-column: span 8 !important; } } @media screen and (min-width: 360px) { .grd-col-8--360-min { grid-column: span 8 !important; } } @media screen and (max-width: 360px) { .grd-col-8--360-max { grid-column: span 8 !important; } } @media screen and (min-width: 300px) { .grd-col-8--300-min { grid-column: span 8 !important; } } @media screen and (max-width: 300px) { .grd-col-8--300-max { grid-column: span 8 !important; } } .grd-col-9 { grid-column: span 9; } @media screen and (min-width: 1300px) { .grd-col-9--1300-min { grid-column: span 9 !important; } } @media screen and (max-width: 1300px) { .grd-col-9--1300-max { grid-column: span 9 !important; } } @media screen and (min-width: 1260px) { .grd-col-9--1260-min { grid-column: span 9 !important; } } @media screen and (max-width: 1260px) { .grd-col-9--1260-max { grid-column: span 9 !important; } } @media screen and (min-width: 1200px) { .grd-col-9--1200-min { grid-column: span 9 !important; } } @media screen and (max-width: 1200px) { .grd-col-9--1200-max { grid-column: span 9 !important; } } @media screen and (min-width: 1160px) { .grd-col-9--1160-min { grid-column: span 9 !important; } } @media screen and (max-width: 1160px) { .grd-col-9--1160-max { grid-column: span 9 !important; } } @media screen and (min-width: 1100px) { .grd-col-9--1100-min { grid-column: span 9 !important; } } @media screen and (max-width: 1100px) { .grd-col-9--1100-max { grid-column: span 9 !important; } } @media screen and (min-width: 1060px) { .grd-col-9--1060-min { grid-column: span 9 !important; } } @media screen and (max-width: 1060px) { .grd-col-9--1060-max { grid-column: span 9 !important; } } @media screen and (min-width: 1000px) { .grd-col-9--1000-min { grid-column: span 9 !important; } } @media screen and (max-width: 1000px) { .grd-col-9--1000-max { grid-column: span 9 !important; } } @media screen and (min-width: 960px) { .grd-col-9--960-min { grid-column: span 9 !important; } } @media screen and (max-width: 960px) { .grd-col-9--960-max { grid-column: span 9 !important; } } @media screen and (min-width: 900px) { .grd-col-9--900-min { grid-column: span 9 !important; } } @media screen and (max-width: 900px) { .grd-col-9--900-max { grid-column: span 9 !important; } } @media screen and (min-width: 860px) { .grd-col-9--860-min { grid-column: span 9 !important; } } @media screen and (max-width: 860px) { .grd-col-9--860-max { grid-column: span 9 !important; } } @media screen and (min-width: 800px) { .grd-col-9--800-min { grid-column: span 9 !important; } } @media screen and (max-width: 800px) { .grd-col-9--800-max { grid-column: span 9 !important; } } @media screen and (min-width: 760px) { .grd-col-9--760-min { grid-column: span 9 !important; } } @media screen and (max-width: 760px) { .grd-col-9--760-max { grid-column: span 9 !important; } } @media screen and (min-width: 700px) { .grd-col-9--700-min { grid-column: span 9 !important; } } @media screen and (max-width: 700px) { .grd-col-9--700-max { grid-column: span 9 !important; } } @media screen and (min-width: 660px) { .grd-col-9--660-min { grid-column: span 9 !important; } } @media screen and (max-width: 660px) { .grd-col-9--660-max { grid-column: span 9 !important; } } @media screen and (min-width: 600px) { .grd-col-9--600-min { grid-column: span 9 !important; } } @media screen and (max-width: 600px) { .grd-col-9--600-max { grid-column: span 9 !important; } } @media screen and (min-width: 560px) { .grd-col-9--560-min { grid-column: span 9 !important; } } @media screen and (max-width: 560px) { .grd-col-9--560-max { grid-column: span 9 !important; } } @media screen and (min-width: 500px) { .grd-col-9--500-min { grid-column: span 9 !important; } } @media screen and (max-width: 500px) { .grd-col-9--500-max { grid-column: span 9 !important; } } @media screen and (min-width: 460px) { .grd-col-9--460-min { grid-column: span 9 !important; } } @media screen and (max-width: 460px) { .grd-col-9--460-max { grid-column: span 9 !important; } } @media screen and (min-width: 400px) { .grd-col-9--400-min { grid-column: span 9 !important; } } @media screen and (max-width: 400px) { .grd-col-9--400-max { grid-column: span 9 !important; } } @media screen and (min-width: 360px) { .grd-col-9--360-min { grid-column: span 9 !important; } } @media screen and (max-width: 360px) { .grd-col-9--360-max { grid-column: span 9 !important; } } @media screen and (min-width: 300px) { .grd-col-9--300-min { grid-column: span 9 !important; } } @media screen and (max-width: 300px) { .grd-col-9--300-max { grid-column: span 9 !important; } } .grd-col-full { grid-column: 1/-1; } @media screen and (min-width: 1300px) { .grd-col-full--1300-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 1300px) { .grd-col-full--1300-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 1260px) { .grd-col-full--1260-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 1260px) { .grd-col-full--1260-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 1200px) { .grd-col-full--1200-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 1200px) { .grd-col-full--1200-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 1160px) { .grd-col-full--1160-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 1160px) { .grd-col-full--1160-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 1100px) { .grd-col-full--1100-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 1100px) { .grd-col-full--1100-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 1060px) { .grd-col-full--1060-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 1060px) { .grd-col-full--1060-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 1000px) { .grd-col-full--1000-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 1000px) { .grd-col-full--1000-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 960px) { .grd-col-full--960-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 960px) { .grd-col-full--960-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 900px) { .grd-col-full--900-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 900px) { .grd-col-full--900-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 860px) { .grd-col-full--860-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 860px) { .grd-col-full--860-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 800px) { .grd-col-full--800-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 800px) { .grd-col-full--800-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 760px) { .grd-col-full--760-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 760px) { .grd-col-full--760-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 700px) { .grd-col-full--700-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 700px) { .grd-col-full--700-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 660px) { .grd-col-full--660-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 660px) { .grd-col-full--660-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 600px) { .grd-col-full--600-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 600px) { .grd-col-full--600-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 560px) { .grd-col-full--560-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 560px) { .grd-col-full--560-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 500px) { .grd-col-full--500-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 500px) { .grd-col-full--500-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 460px) { .grd-col-full--460-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 460px) { .grd-col-full--460-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 400px) { .grd-col-full--400-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 400px) { .grd-col-full--400-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 360px) { .grd-col-full--360-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 360px) { .grd-col-full--360-max { grid-column: 1/-1 !important; } } @media screen and (min-width: 300px) { .grd-col-full--300-min { grid-column: 1/-1 !important; } } @media screen and (max-width: 300px) { .grd-col-full--300-max { grid-column: 1/-1 !important; } } .grd-row-start-1 { grid-row-start: 1; } @media screen and (min-width: 1300px) { .grd-row-start-1--1300-min { grid-row-start: 1 !important; } } @media screen and (max-width: 1300px) { .grd-row-start-1--1300-max { grid-row-start: 1 !important; } } @media screen and (min-width: 1260px) { .grd-row-start-1--1260-min { grid-row-start: 1 !important; } } @media screen and (max-width: 1260px) { .grd-row-start-1--1260-max { grid-row-start: 1 !important; } } @media screen and (min-width: 1200px) { .grd-row-start-1--1200-min { grid-row-start: 1 !important; } } @media screen and (max-width: 1200px) { .grd-row-start-1--1200-max { grid-row-start: 1 !important; } } @media screen and (min-width: 1160px) { .grd-row-start-1--1160-min { grid-row-start: 1 !important; } } @media screen and (max-width: 1160px) { .grd-row-start-1--1160-max { grid-row-start: 1 !important; } } @media screen and (min-width: 1100px) { .grd-row-start-1--1100-min { grid-row-start: 1 !important; } } @media screen and (max-width: 1100px) { .grd-row-start-1--1100-max { grid-row-start: 1 !important; } } @media screen and (min-width: 1060px) { .grd-row-start-1--1060-min { grid-row-start: 1 !important; } } @media screen and (max-width: 1060px) { .grd-row-start-1--1060-max { grid-row-start: 1 !important; } } @media screen and (min-width: 1000px) { .grd-row-start-1--1000-min { grid-row-start: 1 !important; } } @media screen and (max-width: 1000px) { .grd-row-start-1--1000-max { grid-row-start: 1 !important; } } @media screen and (min-width: 960px) { .grd-row-start-1--960-min { grid-row-start: 1 !important; } } @media screen and (max-width: 960px) { .grd-row-start-1--960-max { grid-row-start: 1 !important; } } @media screen and (min-width: 900px) { .grd-row-start-1--900-min { grid-row-start: 1 !important; } } @media screen and (max-width: 900px) { .grd-row-start-1--900-max { grid-row-start: 1 !important; } } @media screen and (min-width: 860px) { .grd-row-start-1--860-min { grid-row-start: 1 !important; } } @media screen and (max-width: 860px) { .grd-row-start-1--860-max { grid-row-start: 1 !important; } } @media screen and (min-width: 800px) { .grd-row-start-1--800-min { grid-row-start: 1 !important; } } @media screen and (max-width: 800px) { .grd-row-start-1--800-max { grid-row-start: 1 !important; } } @media screen and (min-width: 760px) { .grd-row-start-1--760-min { grid-row-start: 1 !important; } } @media screen and (max-width: 760px) { .grd-row-start-1--760-max { grid-row-start: 1 !important; } } @media screen and (min-width: 700px) { .grd-row-start-1--700-min { grid-row-start: 1 !important; } } @media screen and (max-width: 700px) { .grd-row-start-1--700-max { grid-row-start: 1 !important; } } @media screen and (min-width: 660px) { .grd-row-start-1--660-min { grid-row-start: 1 !important; } } @media screen and (max-width: 660px) { .grd-row-start-1--660-max { grid-row-start: 1 !important; } } @media screen and (min-width: 600px) { .grd-row-start-1--600-min { grid-row-start: 1 !important; } } @media screen and (max-width: 600px) { .grd-row-start-1--600-max { grid-row-start: 1 !important; } } @media screen and (min-width: 560px) { .grd-row-start-1--560-min { grid-row-start: 1 !important; } } @media screen and (max-width: 560px) { .grd-row-start-1--560-max { grid-row-start: 1 !important; } } @media screen and (min-width: 500px) { .grd-row-start-1--500-min { grid-row-start: 1 !important; } } @media screen and (max-width: 500px) { .grd-row-start-1--500-max { grid-row-start: 1 !important; } } @media screen and (min-width: 460px) { .grd-row-start-1--460-min { grid-row-start: 1 !important; } } @media screen and (max-width: 460px) { .grd-row-start-1--460-max { grid-row-start: 1 !important; } } @media screen and (min-width: 400px) { .grd-row-start-1--400-min { grid-row-start: 1 !important; } } @media screen and (max-width: 400px) { .grd-row-start-1--400-max { grid-row-start: 1 !important; } } @media screen and (min-width: 360px) { .grd-row-start-1--360-min { grid-row-start: 1 !important; } } @media screen and (max-width: 360px) { .grd-row-start-1--360-max { grid-row-start: 1 !important; } } @media screen and (min-width: 300px) { .grd-row-start-1--300-min { grid-row-start: 1 !important; } } @media screen and (max-width: 300px) { .grd-row-start-1--300-max { grid-row-start: 1 !important; } } .grd-row-start-2 { grid-row-start: 2; } @media screen and (min-width: 1300px) { .grd-row-start-2--1300-min { grid-row-start: 2 !important; } } @media screen and (max-width: 1300px) { .grd-row-start-2--1300-max { grid-row-start: 2 !important; } } @media screen and (min-width: 1260px) { .grd-row-start-2--1260-min { grid-row-start: 2 !important; } } @media screen and (max-width: 1260px) { .grd-row-start-2--1260-max { grid-row-start: 2 !important; } } @media screen and (min-width: 1200px) { .grd-row-start-2--1200-min { grid-row-start: 2 !important; } } @media screen and (max-width: 1200px) { .grd-row-start-2--1200-max { grid-row-start: 2 !important; } } @media screen and (min-width: 1160px) { .grd-row-start-2--1160-min { grid-row-start: 2 !important; } } @media screen and (max-width: 1160px) { .grd-row-start-2--1160-max { grid-row-start: 2 !important; } } @media screen and (min-width: 1100px) { .grd-row-start-2--1100-min { grid-row-start: 2 !important; } } @media screen and (max-width: 1100px) { .grd-row-start-2--1100-max { grid-row-start: 2 !important; } } @media screen and (min-width: 1060px) { .grd-row-start-2--1060-min { grid-row-start: 2 !important; } } @media screen and (max-width: 1060px) { .grd-row-start-2--1060-max { grid-row-start: 2 !important; } } @media screen and (min-width: 1000px) { .grd-row-start-2--1000-min { grid-row-start: 2 !important; } } @media screen and (max-width: 1000px) { .grd-row-start-2--1000-max { grid-row-start: 2 !important; } } @media screen and (min-width: 960px) { .grd-row-start-2--960-min { grid-row-start: 2 !important; } } @media screen and (max-width: 960px) { .grd-row-start-2--960-max { grid-row-start: 2 !important; } } @media screen and (min-width: 900px) { .grd-row-start-2--900-min { grid-row-start: 2 !important; } } @media screen and (max-width: 900px) { .grd-row-start-2--900-max { grid-row-start: 2 !important; } } @media screen and (min-width: 860px) { .grd-row-start-2--860-min { grid-row-start: 2 !important; } } @media screen and (max-width: 860px) { .grd-row-start-2--860-max { grid-row-start: 2 !important; } } @media screen and (min-width: 800px) { .grd-row-start-2--800-min { grid-row-start: 2 !important; } } @media screen and (max-width: 800px) { .grd-row-start-2--800-max { grid-row-start: 2 !important; } } @media screen and (min-width: 760px) { .grd-row-start-2--760-min { grid-row-start: 2 !important; } } @media screen and (max-width: 760px) { .grd-row-start-2--760-max { grid-row-start: 2 !important; } } @media screen and (min-width: 700px) { .grd-row-start-2--700-min { grid-row-start: 2 !important; } } @media screen and (max-width: 700px) { .grd-row-start-2--700-max { grid-row-start: 2 !important; } } @media screen and (min-width: 660px) { .grd-row-start-2--660-min { grid-row-start: 2 !important; } } @media screen and (max-width: 660px) { .grd-row-start-2--660-max { grid-row-start: 2 !important; } } @media screen and (min-width: 600px) { .grd-row-start-2--600-min { grid-row-start: 2 !important; } } @media screen and (max-width: 600px) { .grd-row-start-2--600-max { grid-row-start: 2 !important; } } @media screen and (min-width: 560px) { .grd-row-start-2--560-min { grid-row-start: 2 !important; } } @media screen and (max-width: 560px) { .grd-row-start-2--560-max { grid-row-start: 2 !important; } } @media screen and (min-width: 500px) { .grd-row-start-2--500-min { grid-row-start: 2 !important; } } @media screen and (max-width: 500px) { .grd-row-start-2--500-max { grid-row-start: 2 !important; } } @media screen and (min-width: 460px) { .grd-row-start-2--460-min { grid-row-start: 2 !important; } } @media screen and (max-width: 460px) { .grd-row-start-2--460-max { grid-row-start: 2 !important; } } @media screen and (min-width: 400px) { .grd-row-start-2--400-min { grid-row-start: 2 !important; } } @media screen and (max-width: 400px) { .grd-row-start-2--400-max { grid-row-start: 2 !important; } } @media screen and (min-width: 360px) { .grd-row-start-2--360-min { grid-row-start: 2 !important; } } @media screen and (max-width: 360px) { .grd-row-start-2--360-max { grid-row-start: 2 !important; } } @media screen and (min-width: 300px) { .grd-row-start-2--300-min { grid-row-start: 2 !important; } } @media screen and (max-width: 300px) { .grd-row-start-2--300-max { grid-row-start: 2 !important; } } .grd-row-start-3 { grid-row-start: 3; } @media screen and (min-width: 1300px) { .grd-row-start-3--1300-min { grid-row-start: 3 !important; } } @media screen and (max-width: 1300px) { .grd-row-start-3--1300-max { grid-row-start: 3 !important; } } @media screen and (min-width: 1260px) { .grd-row-start-3--1260-min { grid-row-start: 3 !important; } } @media screen and (max-width: 1260px) { .grd-row-start-3--1260-max { grid-row-start: 3 !important; } } @media screen and (min-width: 1200px) { .grd-row-start-3--1200-min { grid-row-start: 3 !important; } } @media screen and (max-width: 1200px) { .grd-row-start-3--1200-max { grid-row-start: 3 !important; } } @media screen and (min-width: 1160px) { .grd-row-start-3--1160-min { grid-row-start: 3 !important; } } @media screen and (max-width: 1160px) { .grd-row-start-3--1160-max { grid-row-start: 3 !important; } } @media screen and (min-width: 1100px) { .grd-row-start-3--1100-min { grid-row-start: 3 !important; } } @media screen and (max-width: 1100px) { .grd-row-start-3--1100-max { grid-row-start: 3 !important; } } @media screen and (min-width: 1060px) { .grd-row-start-3--1060-min { grid-row-start: 3 !important; } } @media screen and (max-width: 1060px) { .grd-row-start-3--1060-max { grid-row-start: 3 !important; } } @media screen and (min-width: 1000px) { .grd-row-start-3--1000-min { grid-row-start: 3 !important; } } @media screen and (max-width: 1000px) { .grd-row-start-3--1000-max { grid-row-start: 3 !important; } } @media screen and (min-width: 960px) { .grd-row-start-3--960-min { grid-row-start: 3 !important; } } @media screen and (max-width: 960px) { .grd-row-start-3--960-max { grid-row-start: 3 !important; } } @media screen and (min-width: 900px) { .grd-row-start-3--900-min { grid-row-start: 3 !important; } } @media screen and (max-width: 900px) { .grd-row-start-3--900-max { grid-row-start: 3 !important; } } @media screen and (min-width: 860px) { .grd-row-start-3--860-min { grid-row-start: 3 !important; } } @media screen and (max-width: 860px) { .grd-row-start-3--860-max { grid-row-start: 3 !important; } } @media screen and (min-width: 800px) { .grd-row-start-3--800-min { grid-row-start: 3 !important; } } @media screen and (max-width: 800px) { .grd-row-start-3--800-max { grid-row-start: 3 !important; } } @media screen and (min-width: 760px) { .grd-row-start-3--760-min { grid-row-start: 3 !important; } } @media screen and (max-width: 760px) { .grd-row-start-3--760-max { grid-row-start: 3 !important; } } @media screen and (min-width: 700px) { .grd-row-start-3--700-min { grid-row-start: 3 !important; } } @media screen and (max-width: 700px) { .grd-row-start-3--700-max { grid-row-start: 3 !important; } } @media screen and (min-width: 660px) { .grd-row-start-3--660-min { grid-row-start: 3 !important; } } @media screen and (max-width: 660px) { .grd-row-start-3--660-max { grid-row-start: 3 !important; } } @media screen and (min-width: 600px) { .grd-row-start-3--600-min { grid-row-start: 3 !important; } } @media screen and (max-width: 600px) { .grd-row-start-3--600-max { grid-row-start: 3 !important; } } @media screen and (min-width: 560px) { .grd-row-start-3--560-min { grid-row-start: 3 !important; } } @media screen and (max-width: 560px) { .grd-row-start-3--560-max { grid-row-start: 3 !important; } } @media screen and (min-width: 500px) { .grd-row-start-3--500-min { grid-row-start: 3 !important; } } @media screen and (max-width: 500px) { .grd-row-start-3--500-max { grid-row-start: 3 !important; } } @media screen and (min-width: 460px) { .grd-row-start-3--460-min { grid-row-start: 3 !important; } } @media screen and (max-width: 460px) { .grd-row-start-3--460-max { grid-row-start: 3 !important; } } @media screen and (min-width: 400px) { .grd-row-start-3--400-min { grid-row-start: 3 !important; } } @media screen and (max-width: 400px) { .grd-row-start-3--400-max { grid-row-start: 3 !important; } } @media screen and (min-width: 360px) { .grd-row-start-3--360-min { grid-row-start: 3 !important; } } @media screen and (max-width: 360px) { .grd-row-start-3--360-max { grid-row-start: 3 !important; } } @media screen and (min-width: 300px) { .grd-row-start-3--300-min { grid-row-start: 3 !important; } } @media screen and (max-width: 300px) { .grd-row-start-3--300-max { grid-row-start: 3 !important; } } .grd-row-start-4 { grid-row-start: 4; } @media screen and (min-width: 1300px) { .grd-row-start-4--1300-min { grid-row-start: 4 !important; } } @media screen and (max-width: 1300px) { .grd-row-start-4--1300-max { grid-row-start: 4 !important; } } @media screen and (min-width: 1260px) { .grd-row-start-4--1260-min { grid-row-start: 4 !important; } } @media screen and (max-width: 1260px) { .grd-row-start-4--1260-max { grid-row-start: 4 !important; } } @media screen and (min-width: 1200px) { .grd-row-start-4--1200-min { grid-row-start: 4 !important; } } @media screen and (max-width: 1200px) { .grd-row-start-4--1200-max { grid-row-start: 4 !important; } } @media screen and (min-width: 1160px) { .grd-row-start-4--1160-min { grid-row-start: 4 !important; } } @media screen and (max-width: 1160px) { .grd-row-start-4--1160-max { grid-row-start: 4 !important; } } @media screen and (min-width: 1100px) { .grd-row-start-4--1100-min { grid-row-start: 4 !important; } } @media screen and (max-width: 1100px) { .grd-row-start-4--1100-max { grid-row-start: 4 !important; } } @media screen and (min-width: 1060px) { .grd-row-start-4--1060-min { grid-row-start: 4 !important; } } @media screen and (max-width: 1060px) { .grd-row-start-4--1060-max { grid-row-start: 4 !important; } } @media screen and (min-width: 1000px) { .grd-row-start-4--1000-min { grid-row-start: 4 !important; } } @media screen and (max-width: 1000px) { .grd-row-start-4--1000-max { grid-row-start: 4 !important; } } @media screen and (min-width: 960px) { .grd-row-start-4--960-min { grid-row-start: 4 !important; } } @media screen and (max-width: 960px) { .grd-row-start-4--960-max { grid-row-start: 4 !important; } } @media screen and (min-width: 900px) { .grd-row-start-4--900-min { grid-row-start: 4 !important; } } @media screen and (max-width: 900px) { .grd-row-start-4--900-max { grid-row-start: 4 !important; } } @media screen and (min-width: 860px) { .grd-row-start-4--860-min { grid-row-start: 4 !important; } } @media screen and (max-width: 860px) { .grd-row-start-4--860-max { grid-row-start: 4 !important; } } @media screen and (min-width: 800px) { .grd-row-start-4--800-min { grid-row-start: 4 !important; } } @media screen and (max-width: 800px) { .grd-row-start-4--800-max { grid-row-start: 4 !important; } } @media screen and (min-width: 760px) { .grd-row-start-4--760-min { grid-row-start: 4 !important; } } @media screen and (max-width: 760px) { .grd-row-start-4--760-max { grid-row-start: 4 !important; } } @media screen and (min-width: 700px) { .grd-row-start-4--700-min { grid-row-start: 4 !important; } } @media screen and (max-width: 700px) { .grd-row-start-4--700-max { grid-row-start: 4 !important; } } @media screen and (min-width: 660px) { .grd-row-start-4--660-min { grid-row-start: 4 !important; } } @media screen and (max-width: 660px) { .grd-row-start-4--660-max { grid-row-start: 4 !important; } } @media screen and (min-width: 600px) { .grd-row-start-4--600-min { grid-row-start: 4 !important; } } @media screen and (max-width: 600px) { .grd-row-start-4--600-max { grid-row-start: 4 !important; } } @media screen and (min-width: 560px) { .grd-row-start-4--560-min { grid-row-start: 4 !important; } } @media screen and (max-width: 560px) { .grd-row-start-4--560-max { grid-row-start: 4 !important; } } @media screen and (min-width: 500px) { .grd-row-start-4--500-min { grid-row-start: 4 !important; } } @media screen and (max-width: 500px) { .grd-row-start-4--500-max { grid-row-start: 4 !important; } } @media screen and (min-width: 460px) { .grd-row-start-4--460-min { grid-row-start: 4 !important; } } @media screen and (max-width: 460px) { .grd-row-start-4--460-max { grid-row-start: 4 !important; } } @media screen and (min-width: 400px) { .grd-row-start-4--400-min { grid-row-start: 4 !important; } } @media screen and (max-width: 400px) { .grd-row-start-4--400-max { grid-row-start: 4 !important; } } @media screen and (min-width: 360px) { .grd-row-start-4--360-min { grid-row-start: 4 !important; } } @media screen and (max-width: 360px) { .grd-row-start-4--360-max { grid-row-start: 4 !important; } } @media screen and (min-width: 300px) { .grd-row-start-4--300-min { grid-row-start: 4 !important; } } @media screen and (max-width: 300px) { .grd-row-start-4--300-max { grid-row-start: 4 !important; } } .grd-row-start-5 { grid-row-start: 5; } @media screen and (min-width: 1300px) { .grd-row-start-5--1300-min { grid-row-start: 5 !important; } } @media screen and (max-width: 1300px) { .grd-row-start-5--1300-max { grid-row-start: 5 !important; } } @media screen and (min-width: 1260px) { .grd-row-start-5--1260-min { grid-row-start: 5 !important; } } @media screen and (max-width: 1260px) { .grd-row-start-5--1260-max { grid-row-start: 5 !important; } } @media screen and (min-width: 1200px) { .grd-row-start-5--1200-min { grid-row-start: 5 !important; } } @media screen and (max-width: 1200px) { .grd-row-start-5--1200-max { grid-row-start: 5 !important; } } @media screen and (min-width: 1160px) { .grd-row-start-5--1160-min { grid-row-start: 5 !important; } } @media screen and (max-width: 1160px) { .grd-row-start-5--1160-max { grid-row-start: 5 !important; } } @media screen and (min-width: 1100px) { .grd-row-start-5--1100-min { grid-row-start: 5 !important; } } @media screen and (max-width: 1100px) { .grd-row-start-5--1100-max { grid-row-start: 5 !important; } } @media screen and (min-width: 1060px) { .grd-row-start-5--1060-min { grid-row-start: 5 !important; } } @media screen and (max-width: 1060px) { .grd-row-start-5--1060-max { grid-row-start: 5 !important; } } @media screen and (min-width: 1000px) { .grd-row-start-5--1000-min { grid-row-start: 5 !important; } } @media screen and (max-width: 1000px) { .grd-row-start-5--1000-max { grid-row-start: 5 !important; } } @media screen and (min-width: 960px) { .grd-row-start-5--960-min { grid-row-start: 5 !important; } } @media screen and (max-width: 960px) { .grd-row-start-5--960-max { grid-row-start: 5 !important; } } @media screen and (min-width: 900px) { .grd-row-start-5--900-min { grid-row-start: 5 !important; } } @media screen and (max-width: 900px) { .grd-row-start-5--900-max { grid-row-start: 5 !important; } } @media screen and (min-width: 860px) { .grd-row-start-5--860-min { grid-row-start: 5 !important; } } @media screen and (max-width: 860px) { .grd-row-start-5--860-max { grid-row-start: 5 !important; } } @media screen and (min-width: 800px) { .grd-row-start-5--800-min { grid-row-start: 5 !important; } } @media screen and (max-width: 800px) { .grd-row-start-5--800-max { grid-row-start: 5 !important; } } @media screen and (min-width: 760px) { .grd-row-start-5--760-min { grid-row-start: 5 !important; } } @media screen and (max-width: 760px) { .grd-row-start-5--760-max { grid-row-start: 5 !important; } } @media screen and (min-width: 700px) { .grd-row-start-5--700-min { grid-row-start: 5 !important; } } @media screen and (max-width: 700px) { .grd-row-start-5--700-max { grid-row-start: 5 !important; } } @media screen and (min-width: 660px) { .grd-row-start-5--660-min { grid-row-start: 5 !important; } } @media screen and (max-width: 660px) { .grd-row-start-5--660-max { grid-row-start: 5 !important; } } @media screen and (min-width: 600px) { .grd-row-start-5--600-min { grid-row-start: 5 !important; } } @media screen and (max-width: 600px) { .grd-row-start-5--600-max { grid-row-start: 5 !important; } } @media screen and (min-width: 560px) { .grd-row-start-5--560-min { grid-row-start: 5 !important; } } @media screen and (max-width: 560px) { .grd-row-start-5--560-max { grid-row-start: 5 !important; } } @media screen and (min-width: 500px) { .grd-row-start-5--500-min { grid-row-start: 5 !important; } } @media screen and (max-width: 500px) { .grd-row-start-5--500-max { grid-row-start: 5 !important; } } @media screen and (min-width: 460px) { .grd-row-start-5--460-min { grid-row-start: 5 !important; } } @media screen and (max-width: 460px) { .grd-row-start-5--460-max { grid-row-start: 5 !important; } } @media screen and (min-width: 400px) { .grd-row-start-5--400-min { grid-row-start: 5 !important; } } @media screen and (max-width: 400px) { .grd-row-start-5--400-max { grid-row-start: 5 !important; } } @media screen and (min-width: 360px) { .grd-row-start-5--360-min { grid-row-start: 5 !important; } } @media screen and (max-width: 360px) { .grd-row-start-5--360-max { grid-row-start: 5 !important; } } @media screen and (min-width: 300px) { .grd-row-start-5--300-min { grid-row-start: 5 !important; } } @media screen and (max-width: 300px) { .grd-row-start-5--300-max { grid-row-start: 5 !important; } } .grd-row-start-6 { grid-row-start: 6; } @media screen and (min-width: 1300px) { .grd-row-start-6--1300-min { grid-row-start: 6 !important; } } @media screen and (max-width: 1300px) { .grd-row-start-6--1300-max { grid-row-start: 6 !important; } } @media screen and (min-width: 1260px) { .grd-row-start-6--1260-min { grid-row-start: 6 !important; } } @media screen and (max-width: 1260px) { .grd-row-start-6--1260-max { grid-row-start: 6 !important; } } @media screen and (min-width: 1200px) { .grd-row-start-6--1200-min { grid-row-start: 6 !important; } } @media screen and (max-width: 1200px) { .grd-row-start-6--1200-max { grid-row-start: 6 !important; } } @media screen and (min-width: 1160px) { .grd-row-start-6--1160-min { grid-row-start: 6 !important; } } @media screen and (max-width: 1160px) { .grd-row-start-6--1160-max { grid-row-start: 6 !important; } } @media screen and (min-width: 1100px) { .grd-row-start-6--1100-min { grid-row-start: 6 !important; } } @media screen and (max-width: 1100px) { .grd-row-start-6--1100-max { grid-row-start: 6 !important; } } @media screen and (min-width: 1060px) { .grd-row-start-6--1060-min { grid-row-start: 6 !important; } } @media screen and (max-width: 1060px) { .grd-row-start-6--1060-max { grid-row-start: 6 !important; } } @media screen and (min-width: 1000px) { .grd-row-start-6--1000-min { grid-row-start: 6 !important; } } @media screen and (max-width: 1000px) { .grd-row-start-6--1000-max { grid-row-start: 6 !important; } } @media screen and (min-width: 960px) { .grd-row-start-6--960-min { grid-row-start: 6 !important; } } @media screen and (max-width: 960px) { .grd-row-start-6--960-max { grid-row-start: 6 !important; } } @media screen and (min-width: 900px) { .grd-row-start-6--900-min { grid-row-start: 6 !important; } } @media screen and (max-width: 900px) { .grd-row-start-6--900-max { grid-row-start: 6 !important; } } @media screen and (min-width: 860px) { .grd-row-start-6--860-min { grid-row-start: 6 !important; } } @media screen and (max-width: 860px) { .grd-row-start-6--860-max { grid-row-start: 6 !important; } } @media screen and (min-width: 800px) { .grd-row-start-6--800-min { grid-row-start: 6 !important; } } @media screen and (max-width: 800px) { .grd-row-start-6--800-max { grid-row-start: 6 !important; } } @media screen and (min-width: 760px) { .grd-row-start-6--760-min { grid-row-start: 6 !important; } } @media screen and (max-width: 760px) { .grd-row-start-6--760-max { grid-row-start: 6 !important; } } @media screen and (min-width: 700px) { .grd-row-start-6--700-min { grid-row-start: 6 !important; } } @media screen and (max-width: 700px) { .grd-row-start-6--700-max { grid-row-start: 6 !important; } } @media screen and (min-width: 660px) { .grd-row-start-6--660-min { grid-row-start: 6 !important; } } @media screen and (max-width: 660px) { .grd-row-start-6--660-max { grid-row-start: 6 !important; } } @media screen and (min-width: 600px) { .grd-row-start-6--600-min { grid-row-start: 6 !important; } } @media screen and (max-width: 600px) { .grd-row-start-6--600-max { grid-row-start: 6 !important; } } @media screen and (min-width: 560px) { .grd-row-start-6--560-min { grid-row-start: 6 !important; } } @media screen and (max-width: 560px) { .grd-row-start-6--560-max { grid-row-start: 6 !important; } } @media screen and (min-width: 500px) { .grd-row-start-6--500-min { grid-row-start: 6 !important; } } @media screen and (max-width: 500px) { .grd-row-start-6--500-max { grid-row-start: 6 !important; } } @media screen and (min-width: 460px) { .grd-row-start-6--460-min { grid-row-start: 6 !important; } } @media screen and (max-width: 460px) { .grd-row-start-6--460-max { grid-row-start: 6 !important; } } @media screen and (min-width: 400px) { .grd-row-start-6--400-min { grid-row-start: 6 !important; } } @media screen and (max-width: 400px) { .grd-row-start-6--400-max { grid-row-start: 6 !important; } } @media screen and (min-width: 360px) { .grd-row-start-6--360-min { grid-row-start: 6 !important; } } @media screen and (max-width: 360px) { .grd-row-start-6--360-max { grid-row-start: 6 !important; } } @media screen and (min-width: 300px) { .grd-row-start-6--300-min { grid-row-start: 6 !important; } } @media screen and (max-width: 300px) { .grd-row-start-6--300-max { grid-row-start: 6 !important; } } .grd-row-start-7 { grid-row-start: 7; } @media screen and (min-width: 1300px) { .grd-row-start-7--1300-min { grid-row-start: 7 !important; } } @media screen and (max-width: 1300px) { .grd-row-start-7--1300-max { grid-row-start: 7 !important; } } @media screen and (min-width: 1260px) { .grd-row-start-7--1260-min { grid-row-start: 7 !important; } } @media screen and (max-width: 1260px) { .grd-row-start-7--1260-max { grid-row-start: 7 !important; } } @media screen and (min-width: 1200px) { .grd-row-start-7--1200-min { grid-row-start: 7 !important; } } @media screen and (max-width: 1200px) { .grd-row-start-7--1200-max { grid-row-start: 7 !important; } } @media screen and (min-width: 1160px) { .grd-row-start-7--1160-min { grid-row-start: 7 !important; } } @media screen and (max-width: 1160px) { .grd-row-start-7--1160-max { grid-row-start: 7 !important; } } @media screen and (min-width: 1100px) { .grd-row-start-7--1100-min { grid-row-start: 7 !important; } } @media screen and (max-width: 1100px) { .grd-row-start-7--1100-max { grid-row-start: 7 !important; } } @media screen and (min-width: 1060px) { .grd-row-start-7--1060-min { grid-row-start: 7 !important; } } @media screen and (max-width: 1060px) { .grd-row-start-7--1060-max { grid-row-start: 7 !important; } } @media screen and (min-width: 1000px) { .grd-row-start-7--1000-min { grid-row-start: 7 !important; } } @media screen and (max-width: 1000px) { .grd-row-start-7--1000-max { grid-row-start: 7 !important; } } @media screen and (min-width: 960px) { .grd-row-start-7--960-min { grid-row-start: 7 !important; } } @media screen and (max-width: 960px) { .grd-row-start-7--960-max { grid-row-start: 7 !important; } } @media screen and (min-width: 900px) { .grd-row-start-7--900-min { grid-row-start: 7 !important; } } @media screen and (max-width: 900px) { .grd-row-start-7--900-max { grid-row-start: 7 !important; } } @media screen and (min-width: 860px) { .grd-row-start-7--860-min { grid-row-start: 7 !important; } } @media screen and (max-width: 860px) { .grd-row-start-7--860-max { grid-row-start: 7 !important; } } @media screen and (min-width: 800px) { .grd-row-start-7--800-min { grid-row-start: 7 !important; } } @media screen and (max-width: 800px) { .grd-row-start-7--800-max { grid-row-start: 7 !important; } } @media screen and (min-width: 760px) { .grd-row-start-7--760-min { grid-row-start: 7 !important; } } @media screen and (max-width: 760px) { .grd-row-start-7--760-max { grid-row-start: 7 !important; } } @media screen and (min-width: 700px) { .grd-row-start-7--700-min { grid-row-start: 7 !important; } } @media screen and (max-width: 700px) { .grd-row-start-7--700-max { grid-row-start: 7 !important; } } @media screen and (min-width: 660px) { .grd-row-start-7--660-min { grid-row-start: 7 !important; } } @media screen and (max-width: 660px) { .grd-row-start-7--660-max { grid-row-start: 7 !important; } } @media screen and (min-width: 600px) { .grd-row-start-7--600-min { grid-row-start: 7 !important; } } @media screen and (max-width: 600px) { .grd-row-start-7--600-max { grid-row-start: 7 !important; } } @media screen and (min-width: 560px) { .grd-row-start-7--560-min { grid-row-start: 7 !important; } } @media screen and (max-width: 560px) { .grd-row-start-7--560-max { grid-row-start: 7 !important; } } @media screen and (min-width: 500px) { .grd-row-start-7--500-min { grid-row-start: 7 !important; } } @media screen and (max-width: 500px) { .grd-row-start-7--500-max { grid-row-start: 7 !important; } } @media screen and (min-width: 460px) { .grd-row-start-7--460-min { grid-row-start: 7 !important; } } @media screen and (max-width: 460px) { .grd-row-start-7--460-max { grid-row-start: 7 !important; } } @media screen and (min-width: 400px) { .grd-row-start-7--400-min { grid-row-start: 7 !important; } } @media screen and (max-width: 400px) { .grd-row-start-7--400-max { grid-row-start: 7 !important; } } @media screen and (min-width: 360px) { .grd-row-start-7--360-min { grid-row-start: 7 !important; } } @media screen and (max-width: 360px) { .grd-row-start-7--360-max { grid-row-start: 7 !important; } } @media screen and (min-width: 300px) { .grd-row-start-7--300-min { grid-row-start: 7 !important; } } @media screen and (max-width: 300px) { .grd-row-start-7--300-max { grid-row-start: 7 !important; } } .grd-row-start-8 { grid-row-start: 8; } @media screen and (min-width: 1300px) { .grd-row-start-8--1300-min { grid-row-start: 8 !important; } } @media screen and (max-width: 1300px) { .grd-row-start-8--1300-max { grid-row-start: 8 !important; } } @media screen and (min-width: 1260px) { .grd-row-start-8--1260-min { grid-row-start: 8 !important; } } @media screen and (max-width: 1260px) { .grd-row-start-8--1260-max { grid-row-start: 8 !important; } } @media screen and (min-width: 1200px) { .grd-row-start-8--1200-min { grid-row-start: 8 !important; } } @media screen and (max-width: 1200px) { .grd-row-start-8--1200-max { grid-row-start: 8 !important; } } @media screen and (min-width: 1160px) { .grd-row-start-8--1160-min { grid-row-start: 8 !important; } } @media screen and (max-width: 1160px) { .grd-row-start-8--1160-max { grid-row-start: 8 !important; } } @media screen and (min-width: 1100px) { .grd-row-start-8--1100-min { grid-row-start: 8 !important; } } @media screen and (max-width: 1100px) { .grd-row-start-8--1100-max { grid-row-start: 8 !important; } } @media screen and (min-width: 1060px) { .grd-row-start-8--1060-min { grid-row-start: 8 !important; } } @media screen and (max-width: 1060px) { .grd-row-start-8--1060-max { grid-row-start: 8 !important; } } @media screen and (min-width: 1000px) { .grd-row-start-8--1000-min { grid-row-start: 8 !important; } } @media screen and (max-width: 1000px) { .grd-row-start-8--1000-max { grid-row-start: 8 !important; } } @media screen and (min-width: 960px) { .grd-row-start-8--960-min { grid-row-start: 8 !important; } } @media screen and (max-width: 960px) { .grd-row-start-8--960-max { grid-row-start: 8 !important; } } @media screen and (min-width: 900px) { .grd-row-start-8--900-min { grid-row-start: 8 !important; } } @media screen and (max-width: 900px) { .grd-row-start-8--900-max { grid-row-start: 8 !important; } } @media screen and (min-width: 860px) { .grd-row-start-8--860-min { grid-row-start: 8 !important; } } @media screen and (max-width: 860px) { .grd-row-start-8--860-max { grid-row-start: 8 !important; } } @media screen and (min-width: 800px) { .grd-row-start-8--800-min { grid-row-start: 8 !important; } } @media screen and (max-width: 800px) { .grd-row-start-8--800-max { grid-row-start: 8 !important; } } @media screen and (min-width: 760px) { .grd-row-start-8--760-min { grid-row-start: 8 !important; } } @media screen and (max-width: 760px) { .grd-row-start-8--760-max { grid-row-start: 8 !important; } } @media screen and (min-width: 700px) { .grd-row-start-8--700-min { grid-row-start: 8 !important; } } @media screen and (max-width: 700px) { .grd-row-start-8--700-max { grid-row-start: 8 !important; } } @media screen and (min-width: 660px) { .grd-row-start-8--660-min { grid-row-start: 8 !important; } } @media screen and (max-width: 660px) { .grd-row-start-8--660-max { grid-row-start: 8 !important; } } @media screen and (min-width: 600px) { .grd-row-start-8--600-min { grid-row-start: 8 !important; } } @media screen and (max-width: 600px) { .grd-row-start-8--600-max { grid-row-start: 8 !important; } } @media screen and (min-width: 560px) { .grd-row-start-8--560-min { grid-row-start: 8 !important; } } @media screen and (max-width: 560px) { .grd-row-start-8--560-max { grid-row-start: 8 !important; } } @media screen and (min-width: 500px) { .grd-row-start-8--500-min { grid-row-start: 8 !important; } } @media screen and (max-width: 500px) { .grd-row-start-8--500-max { grid-row-start: 8 !important; } } @media screen and (min-width: 460px) { .grd-row-start-8--460-min { grid-row-start: 8 !important; } } @media screen and (max-width: 460px) { .grd-row-start-8--460-max { grid-row-start: 8 !important; } } @media screen and (min-width: 400px) { .grd-row-start-8--400-min { grid-row-start: 8 !important; } } @media screen and (max-width: 400px) { .grd-row-start-8--400-max { grid-row-start: 8 !important; } } @media screen and (min-width: 360px) { .grd-row-start-8--360-min { grid-row-start: 8 !important; } } @media screen and (max-width: 360px) { .grd-row-start-8--360-max { grid-row-start: 8 !important; } } @media screen and (min-width: 300px) { .grd-row-start-8--300-min { grid-row-start: 8 !important; } } @media screen and (max-width: 300px) { .grd-row-start-8--300-max { grid-row-start: 8 !important; } } .grd-row-start-9 { grid-row-start: 9; } @media screen and (min-width: 1300px) { .grd-row-start-9--1300-min { grid-row-start: 9 !important; } } @media screen and (max-width: 1300px) { .grd-row-start-9--1300-max { grid-row-start: 9 !important; } } @media screen and (min-width: 1260px) { .grd-row-start-9--1260-min { grid-row-start: 9 !important; } } @media screen and (max-width: 1260px) { .grd-row-start-9--1260-max { grid-row-start: 9 !important; } } @media screen and (min-width: 1200px) { .grd-row-start-9--1200-min { grid-row-start: 9 !important; } } @media screen and (max-width: 1200px) { .grd-row-start-9--1200-max { grid-row-start: 9 !important; } } @media screen and (min-width: 1160px) { .grd-row-start-9--1160-min { grid-row-start: 9 !important; } } @media screen and (max-width: 1160px) { .grd-row-start-9--1160-max { grid-row-start: 9 !important; } } @media screen and (min-width: 1100px) { .grd-row-start-9--1100-min { grid-row-start: 9 !important; } } @media screen and (max-width: 1100px) { .grd-row-start-9--1100-max { grid-row-start: 9 !important; } } @media screen and (min-width: 1060px) { .grd-row-start-9--1060-min { grid-row-start: 9 !important; } } @media screen and (max-width: 1060px) { .grd-row-start-9--1060-max { grid-row-start: 9 !important; } } @media screen and (min-width: 1000px) { .grd-row-start-9--1000-min { grid-row-start: 9 !important; } } @media screen and (max-width: 1000px) { .grd-row-start-9--1000-max { grid-row-start: 9 !important; } } @media screen and (min-width: 960px) { .grd-row-start-9--960-min { grid-row-start: 9 !important; } } @media screen and (max-width: 960px) { .grd-row-start-9--960-max { grid-row-start: 9 !important; } } @media screen and (min-width: 900px) { .grd-row-start-9--900-min { grid-row-start: 9 !important; } } @media screen and (max-width: 900px) { .grd-row-start-9--900-max { grid-row-start: 9 !important; } } @media screen and (min-width: 860px) { .grd-row-start-9--860-min { grid-row-start: 9 !important; } } @media screen and (max-width: 860px) { .grd-row-start-9--860-max { grid-row-start: 9 !important; } } @media screen and (min-width: 800px) { .grd-row-start-9--800-min { grid-row-start: 9 !important; } } @media screen and (max-width: 800px) { .grd-row-start-9--800-max { grid-row-start: 9 !important; } } @media screen and (min-width: 760px) { .grd-row-start-9--760-min { grid-row-start: 9 !important; } } @media screen and (max-width: 760px) { .grd-row-start-9--760-max { grid-row-start: 9 !important; } } @media screen and (min-width: 700px) { .grd-row-start-9--700-min { grid-row-start: 9 !important; } } @media screen and (max-width: 700px) { .grd-row-start-9--700-max { grid-row-start: 9 !important; } } @media screen and (min-width: 660px) { .grd-row-start-9--660-min { grid-row-start: 9 !important; } } @media screen and (max-width: 660px) { .grd-row-start-9--660-max { grid-row-start: 9 !important; } } @media screen and (min-width: 600px) { .grd-row-start-9--600-min { grid-row-start: 9 !important; } } @media screen and (max-width: 600px) { .grd-row-start-9--600-max { grid-row-start: 9 !important; } } @media screen and (min-width: 560px) { .grd-row-start-9--560-min { grid-row-start: 9 !important; } } @media screen and (max-width: 560px) { .grd-row-start-9--560-max { grid-row-start: 9 !important; } } @media screen and (min-width: 500px) { .grd-row-start-9--500-min { grid-row-start: 9 !important; } } @media screen and (max-width: 500px) { .grd-row-start-9--500-max { grid-row-start: 9 !important; } } @media screen and (min-width: 460px) { .grd-row-start-9--460-min { grid-row-start: 9 !important; } } @media screen and (max-width: 460px) { .grd-row-start-9--460-max { grid-row-start: 9 !important; } } @media screen and (min-width: 400px) { .grd-row-start-9--400-min { grid-row-start: 9 !important; } } @media screen and (max-width: 400px) { .grd-row-start-9--400-max { grid-row-start: 9 !important; } } @media screen and (min-width: 360px) { .grd-row-start-9--360-min { grid-row-start: 9 !important; } } @media screen and (max-width: 360px) { .grd-row-start-9--360-max { grid-row-start: 9 !important; } } @media screen and (min-width: 300px) { .grd-row-start-9--300-min { grid-row-start: 9 !important; } } @media screen and (max-width: 300px) { .grd-row-start-9--300-max { grid-row-start: 9 !important; } } .grd-row-end-1 { grid-row-end: 1; } @media screen and (min-width: 1300px) { .grd-row-end-1--1300-min { grid-row-end: 1 !important; } } @media screen and (max-width: 1300px) { .grd-row-end-1--1300-max { grid-row-end: 1 !important; } } @media screen and (min-width: 1260px) { .grd-row-end-1--1260-min { grid-row-end: 1 !important; } } @media screen and (max-width: 1260px) { .grd-row-end-1--1260-max { grid-row-end: 1 !important; } } @media screen and (min-width: 1200px) { .grd-row-end-1--1200-min { grid-row-end: 1 !important; } } @media screen and (max-width: 1200px) { .grd-row-end-1--1200-max { grid-row-end: 1 !important; } } @media screen and (min-width: 1160px) { .grd-row-end-1--1160-min { grid-row-end: 1 !important; } } @media screen and (max-width: 1160px) { .grd-row-end-1--1160-max { grid-row-end: 1 !important; } } @media screen and (min-width: 1100px) { .grd-row-end-1--1100-min { grid-row-end: 1 !important; } } @media screen and (max-width: 1100px) { .grd-row-end-1--1100-max { grid-row-end: 1 !important; } } @media screen and (min-width: 1060px) { .grd-row-end-1--1060-min { grid-row-end: 1 !important; } } @media screen and (max-width: 1060px) { .grd-row-end-1--1060-max { grid-row-end: 1 !important; } } @media screen and (min-width: 1000px) { .grd-row-end-1--1000-min { grid-row-end: 1 !important; } } @media screen and (max-width: 1000px) { .grd-row-end-1--1000-max { grid-row-end: 1 !important; } } @media screen and (min-width: 960px) { .grd-row-end-1--960-min { grid-row-end: 1 !important; } } @media screen and (max-width: 960px) { .grd-row-end-1--960-max { grid-row-end: 1 !important; } } @media screen and (min-width: 900px) { .grd-row-end-1--900-min { grid-row-end: 1 !important; } } @media screen and (max-width: 900px) { .grd-row-end-1--900-max { grid-row-end: 1 !important; } } @media screen and (min-width: 860px) { .grd-row-end-1--860-min { grid-row-end: 1 !important; } } @media screen and (max-width: 860px) { .grd-row-end-1--860-max { grid-row-end: 1 !important; } } @media screen and (min-width: 800px) { .grd-row-end-1--800-min { grid-row-end: 1 !important; } } @media screen and (max-width: 800px) { .grd-row-end-1--800-max { grid-row-end: 1 !important; } } @media screen and (min-width: 760px) { .grd-row-end-1--760-min { grid-row-end: 1 !important; } } @media screen and (max-width: 760px) { .grd-row-end-1--760-max { grid-row-end: 1 !important; } } @media screen and (min-width: 700px) { .grd-row-end-1--700-min { grid-row-end: 1 !important; } } @media screen and (max-width: 700px) { .grd-row-end-1--700-max { grid-row-end: 1 !important; } } @media screen and (min-width: 660px) { .grd-row-end-1--660-min { grid-row-end: 1 !important; } } @media screen and (max-width: 660px) { .grd-row-end-1--660-max { grid-row-end: 1 !important; } } @media screen and (min-width: 600px) { .grd-row-end-1--600-min { grid-row-end: 1 !important; } } @media screen and (max-width: 600px) { .grd-row-end-1--600-max { grid-row-end: 1 !important; } } @media screen and (min-width: 560px) { .grd-row-end-1--560-min { grid-row-end: 1 !important; } } @media screen and (max-width: 560px) { .grd-row-end-1--560-max { grid-row-end: 1 !important; } } @media screen and (min-width: 500px) { .grd-row-end-1--500-min { grid-row-end: 1 !important; } } @media screen and (max-width: 500px) { .grd-row-end-1--500-max { grid-row-end: 1 !important; } } @media screen and (min-width: 460px) { .grd-row-end-1--460-min { grid-row-end: 1 !important; } } @media screen and (max-width: 460px) { .grd-row-end-1--460-max { grid-row-end: 1 !important; } } @media screen and (min-width: 400px) { .grd-row-end-1--400-min { grid-row-end: 1 !important; } } @media screen and (max-width: 400px) { .grd-row-end-1--400-max { grid-row-end: 1 !important; } } @media screen and (min-width: 360px) { .grd-row-end-1--360-min { grid-row-end: 1 !important; } } @media screen and (max-width: 360px) { .grd-row-end-1--360-max { grid-row-end: 1 !important; } } @media screen and (min-width: 300px) { .grd-row-end-1--300-min { grid-row-end: 1 !important; } } @media screen and (max-width: 300px) { .grd-row-end-1--300-max { grid-row-end: 1 !important; } } .grd-row-end-2 { grid-row-end: 2; } @media screen and (min-width: 1300px) { .grd-row-end-2--1300-min { grid-row-end: 2 !important; } } @media screen and (max-width: 1300px) { .grd-row-end-2--1300-max { grid-row-end: 2 !important; } } @media screen and (min-width: 1260px) { .grd-row-end-2--1260-min { grid-row-end: 2 !important; } } @media screen and (max-width: 1260px) { .grd-row-end-2--1260-max { grid-row-end: 2 !important; } } @media screen and (min-width: 1200px) { .grd-row-end-2--1200-min { grid-row-end: 2 !important; } } @media screen and (max-width: 1200px) { .grd-row-end-2--1200-max { grid-row-end: 2 !important; } } @media screen and (min-width: 1160px) { .grd-row-end-2--1160-min { grid-row-end: 2 !important; } } @media screen and (max-width: 1160px) { .grd-row-end-2--1160-max { grid-row-end: 2 !important; } } @media screen and (min-width: 1100px) { .grd-row-end-2--1100-min { grid-row-end: 2 !important; } } @media screen and (max-width: 1100px) { .grd-row-end-2--1100-max { grid-row-end: 2 !important; } } @media screen and (min-width: 1060px) { .grd-row-end-2--1060-min { grid-row-end: 2 !important; } } @media screen and (max-width: 1060px) { .grd-row-end-2--1060-max { grid-row-end: 2 !important; } } @media screen and (min-width: 1000px) { .grd-row-end-2--1000-min { grid-row-end: 2 !important; } } @media screen and (max-width: 1000px) { .grd-row-end-2--1000-max { grid-row-end: 2 !important; } } @media screen and (min-width: 960px) { .grd-row-end-2--960-min { grid-row-end: 2 !important; } } @media screen and (max-width: 960px) { .grd-row-end-2--960-max { grid-row-end: 2 !important; } } @media screen and (min-width: 900px) { .grd-row-end-2--900-min { grid-row-end: 2 !important; } } @media screen and (max-width: 900px) { .grd-row-end-2--900-max { grid-row-end: 2 !important; } } @media screen and (min-width: 860px) { .grd-row-end-2--860-min { grid-row-end: 2 !important; } } @media screen and (max-width: 860px) { .grd-row-end-2--860-max { grid-row-end: 2 !important; } } @media screen and (min-width: 800px) { .grd-row-end-2--800-min { grid-row-end: 2 !important; } } @media screen and (max-width: 800px) { .grd-row-end-2--800-max { grid-row-end: 2 !important; } } @media screen and (min-width: 760px) { .grd-row-end-2--760-min { grid-row-end: 2 !important; } } @media screen and (max-width: 760px) { .grd-row-end-2--760-max { grid-row-end: 2 !important; } } @media screen and (min-width: 700px) { .grd-row-end-2--700-min { grid-row-end: 2 !important; } } @media screen and (max-width: 700px) { .grd-row-end-2--700-max { grid-row-end: 2 !important; } } @media screen and (min-width: 660px) { .grd-row-end-2--660-min { grid-row-end: 2 !important; } } @media screen and (max-width: 660px) { .grd-row-end-2--660-max { grid-row-end: 2 !important; } } @media screen and (min-width: 600px) { .grd-row-end-2--600-min { grid-row-end: 2 !important; } } @media screen and (max-width: 600px) { .grd-row-end-2--600-max { grid-row-end: 2 !important; } } @media screen and (min-width: 560px) { .grd-row-end-2--560-min { grid-row-end: 2 !important; } } @media screen and (max-width: 560px) { .grd-row-end-2--560-max { grid-row-end: 2 !important; } } @media screen and (min-width: 500px) { .grd-row-end-2--500-min { grid-row-end: 2 !important; } } @media screen and (max-width: 500px) { .grd-row-end-2--500-max { grid-row-end: 2 !important; } } @media screen and (min-width: 460px) { .grd-row-end-2--460-min { grid-row-end: 2 !important; } } @media screen and (max-width: 460px) { .grd-row-end-2--460-max { grid-row-end: 2 !important; } } @media screen and (min-width: 400px) { .grd-row-end-2--400-min { grid-row-end: 2 !important; } } @media screen and (max-width: 400px) { .grd-row-end-2--400-max { grid-row-end: 2 !important; } } @media screen and (min-width: 360px) { .grd-row-end-2--360-min { grid-row-end: 2 !important; } } @media screen and (max-width: 360px) { .grd-row-end-2--360-max { grid-row-end: 2 !important; } } @media screen and (min-width: 300px) { .grd-row-end-2--300-min { grid-row-end: 2 !important; } } @media screen and (max-width: 300px) { .grd-row-end-2--300-max { grid-row-end: 2 !important; } } .grd-row-end-3 { grid-row-end: 3; } @media screen and (min-width: 1300px) { .grd-row-end-3--1300-min { grid-row-end: 3 !important; } } @media screen and (max-width: 1300px) { .grd-row-end-3--1300-max { grid-row-end: 3 !important; } } @media screen and (min-width: 1260px) { .grd-row-end-3--1260-min { grid-row-end: 3 !important; } } @media screen and (max-width: 1260px) { .grd-row-end-3--1260-max { grid-row-end: 3 !important; } } @media screen and (min-width: 1200px) { .grd-row-end-3--1200-min { grid-row-end: 3 !important; } } @media screen and (max-width: 1200px) { .grd-row-end-3--1200-max { grid-row-end: 3 !important; } } @media screen and (min-width: 1160px) { .grd-row-end-3--1160-min { grid-row-end: 3 !important; } } @media screen and (max-width: 1160px) { .grd-row-end-3--1160-max { grid-row-end: 3 !important; } } @media screen and (min-width: 1100px) { .grd-row-end-3--1100-min { grid-row-end: 3 !important; } } @media screen and (max-width: 1100px) { .grd-row-end-3--1100-max { grid-row-end: 3 !important; } } @media screen and (min-width: 1060px) { .grd-row-end-3--1060-min { grid-row-end: 3 !important; } } @media screen and (max-width: 1060px) { .grd-row-end-3--1060-max { grid-row-end: 3 !important; } } @media screen and (min-width: 1000px) { .grd-row-end-3--1000-min { grid-row-end: 3 !important; } } @media screen and (max-width: 1000px) { .grd-row-end-3--1000-max { grid-row-end: 3 !important; } } @media screen and (min-width: 960px) { .grd-row-end-3--960-min { grid-row-end: 3 !important; } } @media screen and (max-width: 960px) { .grd-row-end-3--960-max { grid-row-end: 3 !important; } } @media screen and (min-width: 900px) { .grd-row-end-3--900-min { grid-row-end: 3 !important; } } @media screen and (max-width: 900px) { .grd-row-end-3--900-max { grid-row-end: 3 !important; } } @media screen and (min-width: 860px) { .grd-row-end-3--860-min { grid-row-end: 3 !important; } } @media screen and (max-width: 860px) { .grd-row-end-3--860-max { grid-row-end: 3 !important; } } @media screen and (min-width: 800px) { .grd-row-end-3--800-min { grid-row-end: 3 !important; } } @media screen and (max-width: 800px) { .grd-row-end-3--800-max { grid-row-end: 3 !important; } } @media screen and (min-width: 760px) { .grd-row-end-3--760-min { grid-row-end: 3 !important; } } @media screen and (max-width: 760px) { .grd-row-end-3--760-max { grid-row-end: 3 !important; } } @media screen and (min-width: 700px) { .grd-row-end-3--700-min { grid-row-end: 3 !important; } } @media screen and (max-width: 700px) { .grd-row-end-3--700-max { grid-row-end: 3 !important; } } @media screen and (min-width: 660px) { .grd-row-end-3--660-min { grid-row-end: 3 !important; } } @media screen and (max-width: 660px) { .grd-row-end-3--660-max { grid-row-end: 3 !important; } } @media screen and (min-width: 600px) { .grd-row-end-3--600-min { grid-row-end: 3 !important; } } @media screen and (max-width: 600px) { .grd-row-end-3--600-max { grid-row-end: 3 !important; } } @media screen and (min-width: 560px) { .grd-row-end-3--560-min { grid-row-end: 3 !important; } } @media screen and (max-width: 560px) { .grd-row-end-3--560-max { grid-row-end: 3 !important; } } @media screen and (min-width: 500px) { .grd-row-end-3--500-min { grid-row-end: 3 !important; } } @media screen and (max-width: 500px) { .grd-row-end-3--500-max { grid-row-end: 3 !important; } } @media screen and (min-width: 460px) { .grd-row-end-3--460-min { grid-row-end: 3 !important; } } @media screen and (max-width: 460px) { .grd-row-end-3--460-max { grid-row-end: 3 !important; } } @media screen and (min-width: 400px) { .grd-row-end-3--400-min { grid-row-end: 3 !important; } } @media screen and (max-width: 400px) { .grd-row-end-3--400-max { grid-row-end: 3 !important; } } @media screen and (min-width: 360px) { .grd-row-end-3--360-min { grid-row-end: 3 !important; } } @media screen and (max-width: 360px) { .grd-row-end-3--360-max { grid-row-end: 3 !important; } } @media screen and (min-width: 300px) { .grd-row-end-3--300-min { grid-row-end: 3 !important; } } @media screen and (max-width: 300px) { .grd-row-end-3--300-max { grid-row-end: 3 !important; } } .grd-row-end-4 { grid-row-end: 4; } @media screen and (min-width: 1300px) { .grd-row-end-4--1300-min { grid-row-end: 4 !important; } } @media screen and (max-width: 1300px) { .grd-row-end-4--1300-max { grid-row-end: 4 !important; } } @media screen and (min-width: 1260px) { .grd-row-end-4--1260-min { grid-row-end: 4 !important; } } @media screen and (max-width: 1260px) { .grd-row-end-4--1260-max { grid-row-end: 4 !important; } } @media screen and (min-width: 1200px) { .grd-row-end-4--1200-min { grid-row-end: 4 !important; } } @media screen and (max-width: 1200px) { .grd-row-end-4--1200-max { grid-row-end: 4 !important; } } @media screen and (min-width: 1160px) { .grd-row-end-4--1160-min { grid-row-end: 4 !important; } } @media screen and (max-width: 1160px) { .grd-row-end-4--1160-max { grid-row-end: 4 !important; } } @media screen and (min-width: 1100px) { .grd-row-end-4--1100-min { grid-row-end: 4 !important; } } @media screen and (max-width: 1100px) { .grd-row-end-4--1100-max { grid-row-end: 4 !important; } } @media screen and (min-width: 1060px) { .grd-row-end-4--1060-min { grid-row-end: 4 !important; } } @media screen and (max-width: 1060px) { .grd-row-end-4--1060-max { grid-row-end: 4 !important; } } @media screen and (min-width: 1000px) { .grd-row-end-4--1000-min { grid-row-end: 4 !important; } } @media screen and (max-width: 1000px) { .grd-row-end-4--1000-max { grid-row-end: 4 !important; } } @media screen and (min-width: 960px) { .grd-row-end-4--960-min { grid-row-end: 4 !important; } } @media screen and (max-width: 960px) { .grd-row-end-4--960-max { grid-row-end: 4 !important; } } @media screen and (min-width: 900px) { .grd-row-end-4--900-min { grid-row-end: 4 !important; } } @media screen and (max-width: 900px) { .grd-row-end-4--900-max { grid-row-end: 4 !important; } } @media screen and (min-width: 860px) { .grd-row-end-4--860-min { grid-row-end: 4 !important; } } @media screen and (max-width: 860px) { .grd-row-end-4--860-max { grid-row-end: 4 !important; } } @media screen and (min-width: 800px) { .grd-row-end-4--800-min { grid-row-end: 4 !important; } } @media screen and (max-width: 800px) { .grd-row-end-4--800-max { grid-row-end: 4 !important; } } @media screen and (min-width: 760px) { .grd-row-end-4--760-min { grid-row-end: 4 !important; } } @media screen and (max-width: 760px) { .grd-row-end-4--760-max { grid-row-end: 4 !important; } } @media screen and (min-width: 700px) { .grd-row-end-4--700-min { grid-row-end: 4 !important; } } @media screen and (max-width: 700px) { .grd-row-end-4--700-max { grid-row-end: 4 !important; } } @media screen and (min-width: 660px) { .grd-row-end-4--660-min { grid-row-end: 4 !important; } } @media screen and (max-width: 660px) { .grd-row-end-4--660-max { grid-row-end: 4 !important; } } @media screen and (min-width: 600px) { .grd-row-end-4--600-min { grid-row-end: 4 !important; } } @media screen and (max-width: 600px) { .grd-row-end-4--600-max { grid-row-end: 4 !important; } } @media screen and (min-width: 560px) { .grd-row-end-4--560-min { grid-row-end: 4 !important; } } @media screen and (max-width: 560px) { .grd-row-end-4--560-max { grid-row-end: 4 !important; } } @media screen and (min-width: 500px) { .grd-row-end-4--500-min { grid-row-end: 4 !important; } } @media screen and (max-width: 500px) { .grd-row-end-4--500-max { grid-row-end: 4 !important; } } @media screen and (min-width: 460px) { .grd-row-end-4--460-min { grid-row-end: 4 !important; } } @media screen and (max-width: 460px) { .grd-row-end-4--460-max { grid-row-end: 4 !important; } } @media screen and (min-width: 400px) { .grd-row-end-4--400-min { grid-row-end: 4 !important; } } @media screen and (max-width: 400px) { .grd-row-end-4--400-max { grid-row-end: 4 !important; } } @media screen and (min-width: 360px) { .grd-row-end-4--360-min { grid-row-end: 4 !important; } } @media screen and (max-width: 360px) { .grd-row-end-4--360-max { grid-row-end: 4 !important; } } @media screen and (min-width: 300px) { .grd-row-end-4--300-min { grid-row-end: 4 !important; } } @media screen and (max-width: 300px) { .grd-row-end-4--300-max { grid-row-end: 4 !important; } } .grd-row-end-5 { grid-row-end: 5; } @media screen and (min-width: 1300px) { .grd-row-end-5--1300-min { grid-row-end: 5 !important; } } @media screen and (max-width: 1300px) { .grd-row-end-5--1300-max { grid-row-end: 5 !important; } } @media screen and (min-width: 1260px) { .grd-row-end-5--1260-min { grid-row-end: 5 !important; } } @media screen and (max-width: 1260px) { .grd-row-end-5--1260-max { grid-row-end: 5 !important; } } @media screen and (min-width: 1200px) { .grd-row-end-5--1200-min { grid-row-end: 5 !important; } } @media screen and (max-width: 1200px) { .grd-row-end-5--1200-max { grid-row-end: 5 !important; } } @media screen and (min-width: 1160px) { .grd-row-end-5--1160-min { grid-row-end: 5 !important; } } @media screen and (max-width: 1160px) { .grd-row-end-5--1160-max { grid-row-end: 5 !important; } } @media screen and (min-width: 1100px) { .grd-row-end-5--1100-min { grid-row-end: 5 !important; } } @media screen and (max-width: 1100px) { .grd-row-end-5--1100-max { grid-row-end: 5 !important; } } @media screen and (min-width: 1060px) { .grd-row-end-5--1060-min { grid-row-end: 5 !important; } } @media screen and (max-width: 1060px) { .grd-row-end-5--1060-max { grid-row-end: 5 !important; } } @media screen and (min-width: 1000px) { .grd-row-end-5--1000-min { grid-row-end: 5 !important; } } @media screen and (max-width: 1000px) { .grd-row-end-5--1000-max { grid-row-end: 5 !important; } } @media screen and (min-width: 960px) { .grd-row-end-5--960-min { grid-row-end: 5 !important; } } @media screen and (max-width: 960px) { .grd-row-end-5--960-max { grid-row-end: 5 !important; } } @media screen and (min-width: 900px) { .grd-row-end-5--900-min { grid-row-end: 5 !important; } } @media screen and (max-width: 900px) { .grd-row-end-5--900-max { grid-row-end: 5 !important; } } @media screen and (min-width: 860px) { .grd-row-end-5--860-min { grid-row-end: 5 !important; } } @media screen and (max-width: 860px) { .grd-row-end-5--860-max { grid-row-end: 5 !important; } } @media screen and (min-width: 800px) { .grd-row-end-5--800-min { grid-row-end: 5 !important; } } @media screen and (max-width: 800px) { .grd-row-end-5--800-max { grid-row-end: 5 !important; } } @media screen and (min-width: 760px) { .grd-row-end-5--760-min { grid-row-end: 5 !important; } } @media screen and (max-width: 760px) { .grd-row-end-5--760-max { grid-row-end: 5 !important; } } @media screen and (min-width: 700px) { .grd-row-end-5--700-min { grid-row-end: 5 !important; } } @media screen and (max-width: 700px) { .grd-row-end-5--700-max { grid-row-end: 5 !important; } } @media screen and (min-width: 660px) { .grd-row-end-5--660-min { grid-row-end: 5 !important; } } @media screen and (max-width: 660px) { .grd-row-end-5--660-max { grid-row-end: 5 !important; } } @media screen and (min-width: 600px) { .grd-row-end-5--600-min { grid-row-end: 5 !important; } } @media screen and (max-width: 600px) { .grd-row-end-5--600-max { grid-row-end: 5 !important; } } @media screen and (min-width: 560px) { .grd-row-end-5--560-min { grid-row-end: 5 !important; } } @media screen and (max-width: 560px) { .grd-row-end-5--560-max { grid-row-end: 5 !important; } } @media screen and (min-width: 500px) { .grd-row-end-5--500-min { grid-row-end: 5 !important; } } @media screen and (max-width: 500px) { .grd-row-end-5--500-max { grid-row-end: 5 !important; } } @media screen and (min-width: 460px) { .grd-row-end-5--460-min { grid-row-end: 5 !important; } } @media screen and (max-width: 460px) { .grd-row-end-5--460-max { grid-row-end: 5 !important; } } @media screen and (min-width: 400px) { .grd-row-end-5--400-min { grid-row-end: 5 !important; } } @media screen and (max-width: 400px) { .grd-row-end-5--400-max { grid-row-end: 5 !important; } } @media screen and (min-width: 360px) { .grd-row-end-5--360-min { grid-row-end: 5 !important; } } @media screen and (max-width: 360px) { .grd-row-end-5--360-max { grid-row-end: 5 !important; } } @media screen and (min-width: 300px) { .grd-row-end-5--300-min { grid-row-end: 5 !important; } } @media screen and (max-width: 300px) { .grd-row-end-5--300-max { grid-row-end: 5 !important; } } .grd-row-end-6 { grid-row-end: 6; } @media screen and (min-width: 1300px) { .grd-row-end-6--1300-min { grid-row-end: 6 !important; } } @media screen and (max-width: 1300px) { .grd-row-end-6--1300-max { grid-row-end: 6 !important; } } @media screen and (min-width: 1260px) { .grd-row-end-6--1260-min { grid-row-end: 6 !important; } } @media screen and (max-width: 1260px) { .grd-row-end-6--1260-max { grid-row-end: 6 !important; } } @media screen and (min-width: 1200px) { .grd-row-end-6--1200-min { grid-row-end: 6 !important; } } @media screen and (max-width: 1200px) { .grd-row-end-6--1200-max { grid-row-end: 6 !important; } } @media screen and (min-width: 1160px) { .grd-row-end-6--1160-min { grid-row-end: 6 !important; } } @media screen and (max-width: 1160px) { .grd-row-end-6--1160-max { grid-row-end: 6 !important; } } @media screen and (min-width: 1100px) { .grd-row-end-6--1100-min { grid-row-end: 6 !important; } } @media screen and (max-width: 1100px) { .grd-row-end-6--1100-max { grid-row-end: 6 !important; } } @media screen and (min-width: 1060px) { .grd-row-end-6--1060-min { grid-row-end: 6 !important; } } @media screen and (max-width: 1060px) { .grd-row-end-6--1060-max { grid-row-end: 6 !important; } } @media screen and (min-width: 1000px) { .grd-row-end-6--1000-min { grid-row-end: 6 !important; } } @media screen and (max-width: 1000px) { .grd-row-end-6--1000-max { grid-row-end: 6 !important; } } @media screen and (min-width: 960px) { .grd-row-end-6--960-min { grid-row-end: 6 !important; } } @media screen and (max-width: 960px) { .grd-row-end-6--960-max { grid-row-end: 6 !important; } } @media screen and (min-width: 900px) { .grd-row-end-6--900-min { grid-row-end: 6 !important; } } @media screen and (max-width: 900px) { .grd-row-end-6--900-max { grid-row-end: 6 !important; } } @media screen and (min-width: 860px) { .grd-row-end-6--860-min { grid-row-end: 6 !important; } } @media screen and (max-width: 860px) { .grd-row-end-6--860-max { grid-row-end: 6 !important; } } @media screen and (min-width: 800px) { .grd-row-end-6--800-min { grid-row-end: 6 !important; } } @media screen and (max-width: 800px) { .grd-row-end-6--800-max { grid-row-end: 6 !important; } } @media screen and (min-width: 760px) { .grd-row-end-6--760-min { grid-row-end: 6 !important; } } @media screen and (max-width: 760px) { .grd-row-end-6--760-max { grid-row-end: 6 !important; } } @media screen and (min-width: 700px) { .grd-row-end-6--700-min { grid-row-end: 6 !important; } } @media screen and (max-width: 700px) { .grd-row-end-6--700-max { grid-row-end: 6 !important; } } @media screen and (min-width: 660px) { .grd-row-end-6--660-min { grid-row-end: 6 !important; } } @media screen and (max-width: 660px) { .grd-row-end-6--660-max { grid-row-end: 6 !important; } } @media screen and (min-width: 600px) { .grd-row-end-6--600-min { grid-row-end: 6 !important; } } @media screen and (max-width: 600px) { .grd-row-end-6--600-max { grid-row-end: 6 !important; } } @media screen and (min-width: 560px) { .grd-row-end-6--560-min { grid-row-end: 6 !important; } } @media screen and (max-width: 560px) { .grd-row-end-6--560-max { grid-row-end: 6 !important; } } @media screen and (min-width: 500px) { .grd-row-end-6--500-min { grid-row-end: 6 !important; } } @media screen and (max-width: 500px) { .grd-row-end-6--500-max { grid-row-end: 6 !important; } } @media screen and (min-width: 460px) { .grd-row-end-6--460-min { grid-row-end: 6 !important; } } @media screen and (max-width: 460px) { .grd-row-end-6--460-max { grid-row-end: 6 !important; } } @media screen and (min-width: 400px) { .grd-row-end-6--400-min { grid-row-end: 6 !important; } } @media screen and (max-width: 400px) { .grd-row-end-6--400-max { grid-row-end: 6 !important; } } @media screen and (min-width: 360px) { .grd-row-end-6--360-min { grid-row-end: 6 !important; } } @media screen and (max-width: 360px) { .grd-row-end-6--360-max { grid-row-end: 6 !important; } } @media screen and (min-width: 300px) { .grd-row-end-6--300-min { grid-row-end: 6 !important; } } @media screen and (max-width: 300px) { .grd-row-end-6--300-max { grid-row-end: 6 !important; } } .grd-row-end-7 { grid-row-end: 7; } @media screen and (min-width: 1300px) { .grd-row-end-7--1300-min { grid-row-end: 7 !important; } } @media screen and (max-width: 1300px) { .grd-row-end-7--1300-max { grid-row-end: 7 !important; } } @media screen and (min-width: 1260px) { .grd-row-end-7--1260-min { grid-row-end: 7 !important; } } @media screen and (max-width: 1260px) { .grd-row-end-7--1260-max { grid-row-end: 7 !important; } } @media screen and (min-width: 1200px) { .grd-row-end-7--1200-min { grid-row-end: 7 !important; } } @media screen and (max-width: 1200px) { .grd-row-end-7--1200-max { grid-row-end: 7 !important; } } @media screen and (min-width: 1160px) { .grd-row-end-7--1160-min { grid-row-end: 7 !important; } } @media screen and (max-width: 1160px) { .grd-row-end-7--1160-max { grid-row-end: 7 !important; } } @media screen and (min-width: 1100px) { .grd-row-end-7--1100-min { grid-row-end: 7 !important; } } @media screen and (max-width: 1100px) { .grd-row-end-7--1100-max { grid-row-end: 7 !important; } } @media screen and (min-width: 1060px) { .grd-row-end-7--1060-min { grid-row-end: 7 !important; } } @media screen and (max-width: 1060px) { .grd-row-end-7--1060-max { grid-row-end: 7 !important; } } @media screen and (min-width: 1000px) { .grd-row-end-7--1000-min { grid-row-end: 7 !important; } } @media screen and (max-width: 1000px) { .grd-row-end-7--1000-max { grid-row-end: 7 !important; } } @media screen and (min-width: 960px) { .grd-row-end-7--960-min { grid-row-end: 7 !important; } } @media screen and (max-width: 960px) { .grd-row-end-7--960-max { grid-row-end: 7 !important; } } @media screen and (min-width: 900px) { .grd-row-end-7--900-min { grid-row-end: 7 !important; } } @media screen and (max-width: 900px) { .grd-row-end-7--900-max { grid-row-end: 7 !important; } } @media screen and (min-width: 860px) { .grd-row-end-7--860-min { grid-row-end: 7 !important; } } @media screen and (max-width: 860px) { .grd-row-end-7--860-max { grid-row-end: 7 !important; } } @media screen and (min-width: 800px) { .grd-row-end-7--800-min { grid-row-end: 7 !important; } } @media screen and (max-width: 800px) { .grd-row-end-7--800-max { grid-row-end: 7 !important; } } @media screen and (min-width: 760px) { .grd-row-end-7--760-min { grid-row-end: 7 !important; } } @media screen and (max-width: 760px) { .grd-row-end-7--760-max { grid-row-end: 7 !important; } } @media screen and (min-width: 700px) { .grd-row-end-7--700-min { grid-row-end: 7 !important; } } @media screen and (max-width: 700px) { .grd-row-end-7--700-max { grid-row-end: 7 !important; } } @media screen and (min-width: 660px) { .grd-row-end-7--660-min { grid-row-end: 7 !important; } } @media screen and (max-width: 660px) { .grd-row-end-7--660-max { grid-row-end: 7 !important; } } @media screen and (min-width: 600px) { .grd-row-end-7--600-min { grid-row-end: 7 !important; } } @media screen and (max-width: 600px) { .grd-row-end-7--600-max { grid-row-end: 7 !important; } } @media screen and (min-width: 560px) { .grd-row-end-7--560-min { grid-row-end: 7 !important; } } @media screen and (max-width: 560px) { .grd-row-end-7--560-max { grid-row-end: 7 !important; } } @media screen and (min-width: 500px) { .grd-row-end-7--500-min { grid-row-end: 7 !important; } } @media screen and (max-width: 500px) { .grd-row-end-7--500-max { grid-row-end: 7 !important; } } @media screen and (min-width: 460px) { .grd-row-end-7--460-min { grid-row-end: 7 !important; } } @media screen and (max-width: 460px) { .grd-row-end-7--460-max { grid-row-end: 7 !important; } } @media screen and (min-width: 400px) { .grd-row-end-7--400-min { grid-row-end: 7 !important; } } @media screen and (max-width: 400px) { .grd-row-end-7--400-max { grid-row-end: 7 !important; } } @media screen and (min-width: 360px) { .grd-row-end-7--360-min { grid-row-end: 7 !important; } } @media screen and (max-width: 360px) { .grd-row-end-7--360-max { grid-row-end: 7 !important; } } @media screen and (min-width: 300px) { .grd-row-end-7--300-min { grid-row-end: 7 !important; } } @media screen and (max-width: 300px) { .grd-row-end-7--300-max { grid-row-end: 7 !important; } } .grd-row-end-8 { grid-row-end: 8; } @media screen and (min-width: 1300px) { .grd-row-end-8--1300-min { grid-row-end: 8 !important; } } @media screen and (max-width: 1300px) { .grd-row-end-8--1300-max { grid-row-end: 8 !important; } } @media screen and (min-width: 1260px) { .grd-row-end-8--1260-min { grid-row-end: 8 !important; } } @media screen and (max-width: 1260px) { .grd-row-end-8--1260-max { grid-row-end: 8 !important; } } @media screen and (min-width: 1200px) { .grd-row-end-8--1200-min { grid-row-end: 8 !important; } } @media screen and (max-width: 1200px) { .grd-row-end-8--1200-max { grid-row-end: 8 !important; } } @media screen and (min-width: 1160px) { .grd-row-end-8--1160-min { grid-row-end: 8 !important; } } @media screen and (max-width: 1160px) { .grd-row-end-8--1160-max { grid-row-end: 8 !important; } } @media screen and (min-width: 1100px) { .grd-row-end-8--1100-min { grid-row-end: 8 !important; } } @media screen and (max-width: 1100px) { .grd-row-end-8--1100-max { grid-row-end: 8 !important; } } @media screen and (min-width: 1060px) { .grd-row-end-8--1060-min { grid-row-end: 8 !important; } } @media screen and (max-width: 1060px) { .grd-row-end-8--1060-max { grid-row-end: 8 !important; } } @media screen and (min-width: 1000px) { .grd-row-end-8--1000-min { grid-row-end: 8 !important; } } @media screen and (max-width: 1000px) { .grd-row-end-8--1000-max { grid-row-end: 8 !important; } } @media screen and (min-width: 960px) { .grd-row-end-8--960-min { grid-row-end: 8 !important; } } @media screen and (max-width: 960px) { .grd-row-end-8--960-max { grid-row-end: 8 !important; } } @media screen and (min-width: 900px) { .grd-row-end-8--900-min { grid-row-end: 8 !important; } } @media screen and (max-width: 900px) { .grd-row-end-8--900-max { grid-row-end: 8 !important; } } @media screen and (min-width: 860px) { .grd-row-end-8--860-min { grid-row-end: 8 !important; } } @media screen and (max-width: 860px) { .grd-row-end-8--860-max { grid-row-end: 8 !important; } } @media screen and (min-width: 800px) { .grd-row-end-8--800-min { grid-row-end: 8 !important; } } @media screen and (max-width: 800px) { .grd-row-end-8--800-max { grid-row-end: 8 !important; } } @media screen and (min-width: 760px) { .grd-row-end-8--760-min { grid-row-end: 8 !important; } } @media screen and (max-width: 760px) { .grd-row-end-8--760-max { grid-row-end: 8 !important; } } @media screen and (min-width: 700px) { .grd-row-end-8--700-min { grid-row-end: 8 !important; } } @media screen and (max-width: 700px) { .grd-row-end-8--700-max { grid-row-end: 8 !important; } } @media screen and (min-width: 660px) { .grd-row-end-8--660-min { grid-row-end: 8 !important; } } @media screen and (max-width: 660px) { .grd-row-end-8--660-max { grid-row-end: 8 !important; } } @media screen and (min-width: 600px) { .grd-row-end-8--600-min { grid-row-end: 8 !important; } } @media screen and (max-width: 600px) { .grd-row-end-8--600-max { grid-row-end: 8 !important; } } @media screen and (min-width: 560px) { .grd-row-end-8--560-min { grid-row-end: 8 !important; } } @media screen and (max-width: 560px) { .grd-row-end-8--560-max { grid-row-end: 8 !important; } } @media screen and (min-width: 500px) { .grd-row-end-8--500-min { grid-row-end: 8 !important; } } @media screen and (max-width: 500px) { .grd-row-end-8--500-max { grid-row-end: 8 !important; } } @media screen and (min-width: 460px) { .grd-row-end-8--460-min { grid-row-end: 8 !important; } } @media screen and (max-width: 460px) { .grd-row-end-8--460-max { grid-row-end: 8 !important; } } @media screen and (min-width: 400px) { .grd-row-end-8--400-min { grid-row-end: 8 !important; } } @media screen and (max-width: 400px) { .grd-row-end-8--400-max { grid-row-end: 8 !important; } } @media screen and (min-width: 360px) { .grd-row-end-8--360-min { grid-row-end: 8 !important; } } @media screen and (max-width: 360px) { .grd-row-end-8--360-max { grid-row-end: 8 !important; } } @media screen and (min-width: 300px) { .grd-row-end-8--300-min { grid-row-end: 8 !important; } } @media screen and (max-width: 300px) { .grd-row-end-8--300-max { grid-row-end: 8 !important; } } .grd-row-end-9 { grid-row-end: 9; } @media screen and (min-width: 1300px) { .grd-row-end-9--1300-min { grid-row-end: 9 !important; } } @media screen and (max-width: 1300px) { .grd-row-end-9--1300-max { grid-row-end: 9 !important; } } @media screen and (min-width: 1260px) { .grd-row-end-9--1260-min { grid-row-end: 9 !important; } } @media screen and (max-width: 1260px) { .grd-row-end-9--1260-max { grid-row-end: 9 !important; } } @media screen and (min-width: 1200px) { .grd-row-end-9--1200-min { grid-row-end: 9 !important; } } @media screen and (max-width: 1200px) { .grd-row-end-9--1200-max { grid-row-end: 9 !important; } } @media screen and (min-width: 1160px) { .grd-row-end-9--1160-min { grid-row-end: 9 !important; } } @media screen and (max-width: 1160px) { .grd-row-end-9--1160-max { grid-row-end: 9 !important; } } @media screen and (min-width: 1100px) { .grd-row-end-9--1100-min { grid-row-end: 9 !important; } } @media screen and (max-width: 1100px) { .grd-row-end-9--1100-max { grid-row-end: 9 !important; } } @media screen and (min-width: 1060px) { .grd-row-end-9--1060-min { grid-row-end: 9 !important; } } @media screen and (max-width: 1060px) { .grd-row-end-9--1060-max { grid-row-end: 9 !important; } } @media screen and (min-width: 1000px) { .grd-row-end-9--1000-min { grid-row-end: 9 !important; } } @media screen and (max-width: 1000px) { .grd-row-end-9--1000-max { grid-row-end: 9 !important; } } @media screen and (min-width: 960px) { .grd-row-end-9--960-min { grid-row-end: 9 !important; } } @media screen and (max-width: 960px) { .grd-row-end-9--960-max { grid-row-end: 9 !important; } } @media screen and (min-width: 900px) { .grd-row-end-9--900-min { grid-row-end: 9 !important; } } @media screen and (max-width: 900px) { .grd-row-end-9--900-max { grid-row-end: 9 !important; } } @media screen and (min-width: 860px) { .grd-row-end-9--860-min { grid-row-end: 9 !important; } } @media screen and (max-width: 860px) { .grd-row-end-9--860-max { grid-row-end: 9 !important; } } @media screen and (min-width: 800px) { .grd-row-end-9--800-min { grid-row-end: 9 !important; } } @media screen and (max-width: 800px) { .grd-row-end-9--800-max { grid-row-end: 9 !important; } } @media screen and (min-width: 760px) { .grd-row-end-9--760-min { grid-row-end: 9 !important; } } @media screen and (max-width: 760px) { .grd-row-end-9--760-max { grid-row-end: 9 !important; } } @media screen and (min-width: 700px) { .grd-row-end-9--700-min { grid-row-end: 9 !important; } } @media screen and (max-width: 700px) { .grd-row-end-9--700-max { grid-row-end: 9 !important; } } @media screen and (min-width: 660px) { .grd-row-end-9--660-min { grid-row-end: 9 !important; } } @media screen and (max-width: 660px) { .grd-row-end-9--660-max { grid-row-end: 9 !important; } } @media screen and (min-width: 600px) { .grd-row-end-9--600-min { grid-row-end: 9 !important; } } @media screen and (max-width: 600px) { .grd-row-end-9--600-max { grid-row-end: 9 !important; } } @media screen and (min-width: 560px) { .grd-row-end-9--560-min { grid-row-end: 9 !important; } } @media screen and (max-width: 560px) { .grd-row-end-9--560-max { grid-row-end: 9 !important; } } @media screen and (min-width: 500px) { .grd-row-end-9--500-min { grid-row-end: 9 !important; } } @media screen and (max-width: 500px) { .grd-row-end-9--500-max { grid-row-end: 9 !important; } } @media screen and (min-width: 460px) { .grd-row-end-9--460-min { grid-row-end: 9 !important; } } @media screen and (max-width: 460px) { .grd-row-end-9--460-max { grid-row-end: 9 !important; } } @media screen and (min-width: 400px) { .grd-row-end-9--400-min { grid-row-end: 9 !important; } } @media screen and (max-width: 400px) { .grd-row-end-9--400-max { grid-row-end: 9 !important; } } @media screen and (min-width: 360px) { .grd-row-end-9--360-min { grid-row-end: 9 !important; } } @media screen and (max-width: 360px) { .grd-row-end-9--360-max { grid-row-end: 9 !important; } } @media screen and (min-width: 300px) { .grd-row-end-9--300-min { grid-row-end: 9 !important; } } @media screen and (max-width: 300px) { .grd-row-end-9--300-max { grid-row-end: 9 !important; } } .grd-row-1 { grid-row: span 1; } @media screen and (min-width: 1300px) { .grd-row-1--1300-min { grid-row: span 1 !important; } } @media screen and (max-width: 1300px) { .grd-row-1--1300-max { grid-row: span 1 !important; } } @media screen and (min-width: 1260px) { .grd-row-1--1260-min { grid-row: span 1 !important; } } @media screen and (max-width: 1260px) { .grd-row-1--1260-max { grid-row: span 1 !important; } } @media screen and (min-width: 1200px) { .grd-row-1--1200-min { grid-row: span 1 !important; } } @media screen and (max-width: 1200px) { .grd-row-1--1200-max { grid-row: span 1 !important; } } @media screen and (min-width: 1160px) { .grd-row-1--1160-min { grid-row: span 1 !important; } } @media screen and (max-width: 1160px) { .grd-row-1--1160-max { grid-row: span 1 !important; } } @media screen and (min-width: 1100px) { .grd-row-1--1100-min { grid-row: span 1 !important; } } @media screen and (max-width: 1100px) { .grd-row-1--1100-max { grid-row: span 1 !important; } } @media screen and (min-width: 1060px) { .grd-row-1--1060-min { grid-row: span 1 !important; } } @media screen and (max-width: 1060px) { .grd-row-1--1060-max { grid-row: span 1 !important; } } @media screen and (min-width: 1000px) { .grd-row-1--1000-min { grid-row: span 1 !important; } } @media screen and (max-width: 1000px) { .grd-row-1--1000-max { grid-row: span 1 !important; } } @media screen and (min-width: 960px) { .grd-row-1--960-min { grid-row: span 1 !important; } } @media screen and (max-width: 960px) { .grd-row-1--960-max { grid-row: span 1 !important; } } @media screen and (min-width: 900px) { .grd-row-1--900-min { grid-row: span 1 !important; } } @media screen and (max-width: 900px) { .grd-row-1--900-max { grid-row: span 1 !important; } } @media screen and (min-width: 860px) { .grd-row-1--860-min { grid-row: span 1 !important; } } @media screen and (max-width: 860px) { .grd-row-1--860-max { grid-row: span 1 !important; } } @media screen and (min-width: 800px) { .grd-row-1--800-min { grid-row: span 1 !important; } } @media screen and (max-width: 800px) { .grd-row-1--800-max { grid-row: span 1 !important; } } @media screen and (min-width: 760px) { .grd-row-1--760-min { grid-row: span 1 !important; } } @media screen and (max-width: 760px) { .grd-row-1--760-max { grid-row: span 1 !important; } } @media screen and (min-width: 700px) { .grd-row-1--700-min { grid-row: span 1 !important; } } @media screen and (max-width: 700px) { .grd-row-1--700-max { grid-row: span 1 !important; } } @media screen and (min-width: 660px) { .grd-row-1--660-min { grid-row: span 1 !important; } } @media screen and (max-width: 660px) { .grd-row-1--660-max { grid-row: span 1 !important; } } @media screen and (min-width: 600px) { .grd-row-1--600-min { grid-row: span 1 !important; } } @media screen and (max-width: 600px) { .grd-row-1--600-max { grid-row: span 1 !important; } } @media screen and (min-width: 560px) { .grd-row-1--560-min { grid-row: span 1 !important; } } @media screen and (max-width: 560px) { .grd-row-1--560-max { grid-row: span 1 !important; } } @media screen and (min-width: 500px) { .grd-row-1--500-min { grid-row: span 1 !important; } } @media screen and (max-width: 500px) { .grd-row-1--500-max { grid-row: span 1 !important; } } @media screen and (min-width: 460px) { .grd-row-1--460-min { grid-row: span 1 !important; } } @media screen and (max-width: 460px) { .grd-row-1--460-max { grid-row: span 1 !important; } } @media screen and (min-width: 400px) { .grd-row-1--400-min { grid-row: span 1 !important; } } @media screen and (max-width: 400px) { .grd-row-1--400-max { grid-row: span 1 !important; } } @media screen and (min-width: 360px) { .grd-row-1--360-min { grid-row: span 1 !important; } } @media screen and (max-width: 360px) { .grd-row-1--360-max { grid-row: span 1 !important; } } @media screen and (min-width: 300px) { .grd-row-1--300-min { grid-row: span 1 !important; } } @media screen and (max-width: 300px) { .grd-row-1--300-max { grid-row: span 1 !important; } } .grd-row-2 { grid-row: span 2; } @media screen and (min-width: 1300px) { .grd-row-2--1300-min { grid-row: span 2 !important; } } @media screen and (max-width: 1300px) { .grd-row-2--1300-max { grid-row: span 2 !important; } } @media screen and (min-width: 1260px) { .grd-row-2--1260-min { grid-row: span 2 !important; } } @media screen and (max-width: 1260px) { .grd-row-2--1260-max { grid-row: span 2 !important; } } @media screen and (min-width: 1200px) { .grd-row-2--1200-min { grid-row: span 2 !important; } } @media screen and (max-width: 1200px) { .grd-row-2--1200-max { grid-row: span 2 !important; } } @media screen and (min-width: 1160px) { .grd-row-2--1160-min { grid-row: span 2 !important; } } @media screen and (max-width: 1160px) { .grd-row-2--1160-max { grid-row: span 2 !important; } } @media screen and (min-width: 1100px) { .grd-row-2--1100-min { grid-row: span 2 !important; } } @media screen and (max-width: 1100px) { .grd-row-2--1100-max { grid-row: span 2 !important; } } @media screen and (min-width: 1060px) { .grd-row-2--1060-min { grid-row: span 2 !important; } } @media screen and (max-width: 1060px) { .grd-row-2--1060-max { grid-row: span 2 !important; } } @media screen and (min-width: 1000px) { .grd-row-2--1000-min { grid-row: span 2 !important; } } @media screen and (max-width: 1000px) { .grd-row-2--1000-max { grid-row: span 2 !important; } } @media screen and (min-width: 960px) { .grd-row-2--960-min { grid-row: span 2 !important; } } @media screen and (max-width: 960px) { .grd-row-2--960-max { grid-row: span 2 !important; } } @media screen and (min-width: 900px) { .grd-row-2--900-min { grid-row: span 2 !important; } } @media screen and (max-width: 900px) { .grd-row-2--900-max { grid-row: span 2 !important; } } @media screen and (min-width: 860px) { .grd-row-2--860-min { grid-row: span 2 !important; } } @media screen and (max-width: 860px) { .grd-row-2--860-max { grid-row: span 2 !important; } } @media screen and (min-width: 800px) { .grd-row-2--800-min { grid-row: span 2 !important; } } @media screen and (max-width: 800px) { .grd-row-2--800-max { grid-row: span 2 !important; } } @media screen and (min-width: 760px) { .grd-row-2--760-min { grid-row: span 2 !important; } } @media screen and (max-width: 760px) { .grd-row-2--760-max { grid-row: span 2 !important; } } @media screen and (min-width: 700px) { .grd-row-2--700-min { grid-row: span 2 !important; } } @media screen and (max-width: 700px) { .grd-row-2--700-max { grid-row: span 2 !important; } } @media screen and (min-width: 660px) { .grd-row-2--660-min { grid-row: span 2 !important; } } @media screen and (max-width: 660px) { .grd-row-2--660-max { grid-row: span 2 !important; } } @media screen and (min-width: 600px) { .grd-row-2--600-min { grid-row: span 2 !important; } } @media screen and (max-width: 600px) { .grd-row-2--600-max { grid-row: span 2 !important; } } @media screen and (min-width: 560px) { .grd-row-2--560-min { grid-row: span 2 !important; } } @media screen and (max-width: 560px) { .grd-row-2--560-max { grid-row: span 2 !important; } } @media screen and (min-width: 500px) { .grd-row-2--500-min { grid-row: span 2 !important; } } @media screen and (max-width: 500px) { .grd-row-2--500-max { grid-row: span 2 !important; } } @media screen and (min-width: 460px) { .grd-row-2--460-min { grid-row: span 2 !important; } } @media screen and (max-width: 460px) { .grd-row-2--460-max { grid-row: span 2 !important; } } @media screen and (min-width: 400px) { .grd-row-2--400-min { grid-row: span 2 !important; } } @media screen and (max-width: 400px) { .grd-row-2--400-max { grid-row: span 2 !important; } } @media screen and (min-width: 360px) { .grd-row-2--360-min { grid-row: span 2 !important; } } @media screen and (max-width: 360px) { .grd-row-2--360-max { grid-row: span 2 !important; } } @media screen and (min-width: 300px) { .grd-row-2--300-min { grid-row: span 2 !important; } } @media screen and (max-width: 300px) { .grd-row-2--300-max { grid-row: span 2 !important; } } .grd-row-3 { grid-row: span 3; } @media screen and (min-width: 1300px) { .grd-row-3--1300-min { grid-row: span 3 !important; } } @media screen and (max-width: 1300px) { .grd-row-3--1300-max { grid-row: span 3 !important; } } @media screen and (min-width: 1260px) { .grd-row-3--1260-min { grid-row: span 3 !important; } } @media screen and (max-width: 1260px) { .grd-row-3--1260-max { grid-row: span 3 !important; } } @media screen and (min-width: 1200px) { .grd-row-3--1200-min { grid-row: span 3 !important; } } @media screen and (max-width: 1200px) { .grd-row-3--1200-max { grid-row: span 3 !important; } } @media screen and (min-width: 1160px) { .grd-row-3--1160-min { grid-row: span 3 !important; } } @media screen and (max-width: 1160px) { .grd-row-3--1160-max { grid-row: span 3 !important; } } @media screen and (min-width: 1100px) { .grd-row-3--1100-min { grid-row: span 3 !important; } } @media screen and (max-width: 1100px) { .grd-row-3--1100-max { grid-row: span 3 !important; } } @media screen and (min-width: 1060px) { .grd-row-3--1060-min { grid-row: span 3 !important; } } @media screen and (max-width: 1060px) { .grd-row-3--1060-max { grid-row: span 3 !important; } } @media screen and (min-width: 1000px) { .grd-row-3--1000-min { grid-row: span 3 !important; } } @media screen and (max-width: 1000px) { .grd-row-3--1000-max { grid-row: span 3 !important; } } @media screen and (min-width: 960px) { .grd-row-3--960-min { grid-row: span 3 !important; } } @media screen and (max-width: 960px) { .grd-row-3--960-max { grid-row: span 3 !important; } } @media screen and (min-width: 900px) { .grd-row-3--900-min { grid-row: span 3 !important; } } @media screen and (max-width: 900px) { .grd-row-3--900-max { grid-row: span 3 !important; } } @media screen and (min-width: 860px) { .grd-row-3--860-min { grid-row: span 3 !important; } } @media screen and (max-width: 860px) { .grd-row-3--860-max { grid-row: span 3 !important; } } @media screen and (min-width: 800px) { .grd-row-3--800-min { grid-row: span 3 !important; } } @media screen and (max-width: 800px) { .grd-row-3--800-max { grid-row: span 3 !important; } } @media screen and (min-width: 760px) { .grd-row-3--760-min { grid-row: span 3 !important; } } @media screen and (max-width: 760px) { .grd-row-3--760-max { grid-row: span 3 !important; } } @media screen and (min-width: 700px) { .grd-row-3--700-min { grid-row: span 3 !important; } } @media screen and (max-width: 700px) { .grd-row-3--700-max { grid-row: span 3 !important; } } @media screen and (min-width: 660px) { .grd-row-3--660-min { grid-row: span 3 !important; } } @media screen and (max-width: 660px) { .grd-row-3--660-max { grid-row: span 3 !important; } } @media screen and (min-width: 600px) { .grd-row-3--600-min { grid-row: span 3 !important; } } @media screen and (max-width: 600px) { .grd-row-3--600-max { grid-row: span 3 !important; } } @media screen and (min-width: 560px) { .grd-row-3--560-min { grid-row: span 3 !important; } } @media screen and (max-width: 560px) { .grd-row-3--560-max { grid-row: span 3 !important; } } @media screen and (min-width: 500px) { .grd-row-3--500-min { grid-row: span 3 !important; } } @media screen and (max-width: 500px) { .grd-row-3--500-max { grid-row: span 3 !important; } } @media screen and (min-width: 460px) { .grd-row-3--460-min { grid-row: span 3 !important; } } @media screen and (max-width: 460px) { .grd-row-3--460-max { grid-row: span 3 !important; } } @media screen and (min-width: 400px) { .grd-row-3--400-min { grid-row: span 3 !important; } } @media screen and (max-width: 400px) { .grd-row-3--400-max { grid-row: span 3 !important; } } @media screen and (min-width: 360px) { .grd-row-3--360-min { grid-row: span 3 !important; } } @media screen and (max-width: 360px) { .grd-row-3--360-max { grid-row: span 3 !important; } } @media screen and (min-width: 300px) { .grd-row-3--300-min { grid-row: span 3 !important; } } @media screen and (max-width: 300px) { .grd-row-3--300-max { grid-row: span 3 !important; } } .grd-row-4 { grid-row: span 4; } @media screen and (min-width: 1300px) { .grd-row-4--1300-min { grid-row: span 4 !important; } } @media screen and (max-width: 1300px) { .grd-row-4--1300-max { grid-row: span 4 !important; } } @media screen and (min-width: 1260px) { .grd-row-4--1260-min { grid-row: span 4 !important; } } @media screen and (max-width: 1260px) { .grd-row-4--1260-max { grid-row: span 4 !important; } } @media screen and (min-width: 1200px) { .grd-row-4--1200-min { grid-row: span 4 !important; } } @media screen and (max-width: 1200px) { .grd-row-4--1200-max { grid-row: span 4 !important; } } @media screen and (min-width: 1160px) { .grd-row-4--1160-min { grid-row: span 4 !important; } } @media screen and (max-width: 1160px) { .grd-row-4--1160-max { grid-row: span 4 !important; } } @media screen and (min-width: 1100px) { .grd-row-4--1100-min { grid-row: span 4 !important; } } @media screen and (max-width: 1100px) { .grd-row-4--1100-max { grid-row: span 4 !important; } } @media screen and (min-width: 1060px) { .grd-row-4--1060-min { grid-row: span 4 !important; } } @media screen and (max-width: 1060px) { .grd-row-4--1060-max { grid-row: span 4 !important; } } @media screen and (min-width: 1000px) { .grd-row-4--1000-min { grid-row: span 4 !important; } } @media screen and (max-width: 1000px) { .grd-row-4--1000-max { grid-row: span 4 !important; } } @media screen and (min-width: 960px) { .grd-row-4--960-min { grid-row: span 4 !important; } } @media screen and (max-width: 960px) { .grd-row-4--960-max { grid-row: span 4 !important; } } @media screen and (min-width: 900px) { .grd-row-4--900-min { grid-row: span 4 !important; } } @media screen and (max-width: 900px) { .grd-row-4--900-max { grid-row: span 4 !important; } } @media screen and (min-width: 860px) { .grd-row-4--860-min { grid-row: span 4 !important; } } @media screen and (max-width: 860px) { .grd-row-4--860-max { grid-row: span 4 !important; } } @media screen and (min-width: 800px) { .grd-row-4--800-min { grid-row: span 4 !important; } } @media screen and (max-width: 800px) { .grd-row-4--800-max { grid-row: span 4 !important; } } @media screen and (min-width: 760px) { .grd-row-4--760-min { grid-row: span 4 !important; } } @media screen and (max-width: 760px) { .grd-row-4--760-max { grid-row: span 4 !important; } } @media screen and (min-width: 700px) { .grd-row-4--700-min { grid-row: span 4 !important; } } @media screen and (max-width: 700px) { .grd-row-4--700-max { grid-row: span 4 !important; } } @media screen and (min-width: 660px) { .grd-row-4--660-min { grid-row: span 4 !important; } } @media screen and (max-width: 660px) { .grd-row-4--660-max { grid-row: span 4 !important; } } @media screen and (min-width: 600px) { .grd-row-4--600-min { grid-row: span 4 !important; } } @media screen and (max-width: 600px) { .grd-row-4--600-max { grid-row: span 4 !important; } } @media screen and (min-width: 560px) { .grd-row-4--560-min { grid-row: span 4 !important; } } @media screen and (max-width: 560px) { .grd-row-4--560-max { grid-row: span 4 !important; } } @media screen and (min-width: 500px) { .grd-row-4--500-min { grid-row: span 4 !important; } } @media screen and (max-width: 500px) { .grd-row-4--500-max { grid-row: span 4 !important; } } @media screen and (min-width: 460px) { .grd-row-4--460-min { grid-row: span 4 !important; } } @media screen and (max-width: 460px) { .grd-row-4--460-max { grid-row: span 4 !important; } } @media screen and (min-width: 400px) { .grd-row-4--400-min { grid-row: span 4 !important; } } @media screen and (max-width: 400px) { .grd-row-4--400-max { grid-row: span 4 !important; } } @media screen and (min-width: 360px) { .grd-row-4--360-min { grid-row: span 4 !important; } } @media screen and (max-width: 360px) { .grd-row-4--360-max { grid-row: span 4 !important; } } @media screen and (min-width: 300px) { .grd-row-4--300-min { grid-row: span 4 !important; } } @media screen and (max-width: 300px) { .grd-row-4--300-max { grid-row: span 4 !important; } } .grd-row-5 { grid-row: span 5; } @media screen and (min-width: 1300px) { .grd-row-5--1300-min { grid-row: span 5 !important; } } @media screen and (max-width: 1300px) { .grd-row-5--1300-max { grid-row: span 5 !important; } } @media screen and (min-width: 1260px) { .grd-row-5--1260-min { grid-row: span 5 !important; } } @media screen and (max-width: 1260px) { .grd-row-5--1260-max { grid-row: span 5 !important; } } @media screen and (min-width: 1200px) { .grd-row-5--1200-min { grid-row: span 5 !important; } } @media screen and (max-width: 1200px) { .grd-row-5--1200-max { grid-row: span 5 !important; } } @media screen and (min-width: 1160px) { .grd-row-5--1160-min { grid-row: span 5 !important; } } @media screen and (max-width: 1160px) { .grd-row-5--1160-max { grid-row: span 5 !important; } } @media screen and (min-width: 1100px) { .grd-row-5--1100-min { grid-row: span 5 !important; } } @media screen and (max-width: 1100px) { .grd-row-5--1100-max { grid-row: span 5 !important; } } @media screen and (min-width: 1060px) { .grd-row-5--1060-min { grid-row: span 5 !important; } } @media screen and (max-width: 1060px) { .grd-row-5--1060-max { grid-row: span 5 !important; } } @media screen and (min-width: 1000px) { .grd-row-5--1000-min { grid-row: span 5 !important; } } @media screen and (max-width: 1000px) { .grd-row-5--1000-max { grid-row: span 5 !important; } } @media screen and (min-width: 960px) { .grd-row-5--960-min { grid-row: span 5 !important; } } @media screen and (max-width: 960px) { .grd-row-5--960-max { grid-row: span 5 !important; } } @media screen and (min-width: 900px) { .grd-row-5--900-min { grid-row: span 5 !important; } } @media screen and (max-width: 900px) { .grd-row-5--900-max { grid-row: span 5 !important; } } @media screen and (min-width: 860px) { .grd-row-5--860-min { grid-row: span 5 !important; } } @media screen and (max-width: 860px) { .grd-row-5--860-max { grid-row: span 5 !important; } } @media screen and (min-width: 800px) { .grd-row-5--800-min { grid-row: span 5 !important; } } @media screen and (max-width: 800px) { .grd-row-5--800-max { grid-row: span 5 !important; } } @media screen and (min-width: 760px) { .grd-row-5--760-min { grid-row: span 5 !important; } } @media screen and (max-width: 760px) { .grd-row-5--760-max { grid-row: span 5 !important; } } @media screen and (min-width: 700px) { .grd-row-5--700-min { grid-row: span 5 !important; } } @media screen and (max-width: 700px) { .grd-row-5--700-max { grid-row: span 5 !important; } } @media screen and (min-width: 660px) { .grd-row-5--660-min { grid-row: span 5 !important; } } @media screen and (max-width: 660px) { .grd-row-5--660-max { grid-row: span 5 !important; } } @media screen and (min-width: 600px) { .grd-row-5--600-min { grid-row: span 5 !important; } } @media screen and (max-width: 600px) { .grd-row-5--600-max { grid-row: span 5 !important; } } @media screen and (min-width: 560px) { .grd-row-5--560-min { grid-row: span 5 !important; } } @media screen and (max-width: 560px) { .grd-row-5--560-max { grid-row: span 5 !important; } } @media screen and (min-width: 500px) { .grd-row-5--500-min { grid-row: span 5 !important; } } @media screen and (max-width: 500px) { .grd-row-5--500-max { grid-row: span 5 !important; } } @media screen and (min-width: 460px) { .grd-row-5--460-min { grid-row: span 5 !important; } } @media screen and (max-width: 460px) { .grd-row-5--460-max { grid-row: span 5 !important; } } @media screen and (min-width: 400px) { .grd-row-5--400-min { grid-row: span 5 !important; } } @media screen and (max-width: 400px) { .grd-row-5--400-max { grid-row: span 5 !important; } } @media screen and (min-width: 360px) { .grd-row-5--360-min { grid-row: span 5 !important; } } @media screen and (max-width: 360px) { .grd-row-5--360-max { grid-row: span 5 !important; } } @media screen and (min-width: 300px) { .grd-row-5--300-min { grid-row: span 5 !important; } } @media screen and (max-width: 300px) { .grd-row-5--300-max { grid-row: span 5 !important; } } .grd-row-6 { grid-row: span 6; } @media screen and (min-width: 1300px) { .grd-row-6--1300-min { grid-row: span 6 !important; } } @media screen and (max-width: 1300px) { .grd-row-6--1300-max { grid-row: span 6 !important; } } @media screen and (min-width: 1260px) { .grd-row-6--1260-min { grid-row: span 6 !important; } } @media screen and (max-width: 1260px) { .grd-row-6--1260-max { grid-row: span 6 !important; } } @media screen and (min-width: 1200px) { .grd-row-6--1200-min { grid-row: span 6 !important; } } @media screen and (max-width: 1200px) { .grd-row-6--1200-max { grid-row: span 6 !important; } } @media screen and (min-width: 1160px) { .grd-row-6--1160-min { grid-row: span 6 !important; } } @media screen and (max-width: 1160px) { .grd-row-6--1160-max { grid-row: span 6 !important; } } @media screen and (min-width: 1100px) { .grd-row-6--1100-min { grid-row: span 6 !important; } } @media screen and (max-width: 1100px) { .grd-row-6--1100-max { grid-row: span 6 !important; } } @media screen and (min-width: 1060px) { .grd-row-6--1060-min { grid-row: span 6 !important; } } @media screen and (max-width: 1060px) { .grd-row-6--1060-max { grid-row: span 6 !important; } } @media screen and (min-width: 1000px) { .grd-row-6--1000-min { grid-row: span 6 !important; } } @media screen and (max-width: 1000px) { .grd-row-6--1000-max { grid-row: span 6 !important; } } @media screen and (min-width: 960px) { .grd-row-6--960-min { grid-row: span 6 !important; } } @media screen and (max-width: 960px) { .grd-row-6--960-max { grid-row: span 6 !important; } } @media screen and (min-width: 900px) { .grd-row-6--900-min { grid-row: span 6 !important; } } @media screen and (max-width: 900px) { .grd-row-6--900-max { grid-row: span 6 !important; } } @media screen and (min-width: 860px) { .grd-row-6--860-min { grid-row: span 6 !important; } } @media screen and (max-width: 860px) { .grd-row-6--860-max { grid-row: span 6 !important; } } @media screen and (min-width: 800px) { .grd-row-6--800-min { grid-row: span 6 !important; } } @media screen and (max-width: 800px) { .grd-row-6--800-max { grid-row: span 6 !important; } } @media screen and (min-width: 760px) { .grd-row-6--760-min { grid-row: span 6 !important; } } @media screen and (max-width: 760px) { .grd-row-6--760-max { grid-row: span 6 !important; } } @media screen and (min-width: 700px) { .grd-row-6--700-min { grid-row: span 6 !important; } } @media screen and (max-width: 700px) { .grd-row-6--700-max { grid-row: span 6 !important; } } @media screen and (min-width: 660px) { .grd-row-6--660-min { grid-row: span 6 !important; } } @media screen and (max-width: 660px) { .grd-row-6--660-max { grid-row: span 6 !important; } } @media screen and (min-width: 600px) { .grd-row-6--600-min { grid-row: span 6 !important; } } @media screen and (max-width: 600px) { .grd-row-6--600-max { grid-row: span 6 !important; } } @media screen and (min-width: 560px) { .grd-row-6--560-min { grid-row: span 6 !important; } } @media screen and (max-width: 560px) { .grd-row-6--560-max { grid-row: span 6 !important; } } @media screen and (min-width: 500px) { .grd-row-6--500-min { grid-row: span 6 !important; } } @media screen and (max-width: 500px) { .grd-row-6--500-max { grid-row: span 6 !important; } } @media screen and (min-width: 460px) { .grd-row-6--460-min { grid-row: span 6 !important; } } @media screen and (max-width: 460px) { .grd-row-6--460-max { grid-row: span 6 !important; } } @media screen and (min-width: 400px) { .grd-row-6--400-min { grid-row: span 6 !important; } } @media screen and (max-width: 400px) { .grd-row-6--400-max { grid-row: span 6 !important; } } @media screen and (min-width: 360px) { .grd-row-6--360-min { grid-row: span 6 !important; } } @media screen and (max-width: 360px) { .grd-row-6--360-max { grid-row: span 6 !important; } } @media screen and (min-width: 300px) { .grd-row-6--300-min { grid-row: span 6 !important; } } @media screen and (max-width: 300px) { .grd-row-6--300-max { grid-row: span 6 !important; } } .grd-row-7 { grid-row: span 7; } @media screen and (min-width: 1300px) { .grd-row-7--1300-min { grid-row: span 7 !important; } } @media screen and (max-width: 1300px) { .grd-row-7--1300-max { grid-row: span 7 !important; } } @media screen and (min-width: 1260px) { .grd-row-7--1260-min { grid-row: span 7 !important; } } @media screen and (max-width: 1260px) { .grd-row-7--1260-max { grid-row: span 7 !important; } } @media screen and (min-width: 1200px) { .grd-row-7--1200-min { grid-row: span 7 !important; } } @media screen and (max-width: 1200px) { .grd-row-7--1200-max { grid-row: span 7 !important; } } @media screen and (min-width: 1160px) { .grd-row-7--1160-min { grid-row: span 7 !important; } } @media screen and (max-width: 1160px) { .grd-row-7--1160-max { grid-row: span 7 !important; } } @media screen and (min-width: 1100px) { .grd-row-7--1100-min { grid-row: span 7 !important; } } @media screen and (max-width: 1100px) { .grd-row-7--1100-max { grid-row: span 7 !important; } } @media screen and (min-width: 1060px) { .grd-row-7--1060-min { grid-row: span 7 !important; } } @media screen and (max-width: 1060px) { .grd-row-7--1060-max { grid-row: span 7 !important; } } @media screen and (min-width: 1000px) { .grd-row-7--1000-min { grid-row: span 7 !important; } } @media screen and (max-width: 1000px) { .grd-row-7--1000-max { grid-row: span 7 !important; } } @media screen and (min-width: 960px) { .grd-row-7--960-min { grid-row: span 7 !important; } } @media screen and (max-width: 960px) { .grd-row-7--960-max { grid-row: span 7 !important; } } @media screen and (min-width: 900px) { .grd-row-7--900-min { grid-row: span 7 !important; } } @media screen and (max-width: 900px) { .grd-row-7--900-max { grid-row: span 7 !important; } } @media screen and (min-width: 860px) { .grd-row-7--860-min { grid-row: span 7 !important; } } @media screen and (max-width: 860px) { .grd-row-7--860-max { grid-row: span 7 !important; } } @media screen and (min-width: 800px) { .grd-row-7--800-min { grid-row: span 7 !important; } } @media screen and (max-width: 800px) { .grd-row-7--800-max { grid-row: span 7 !important; } } @media screen and (min-width: 760px) { .grd-row-7--760-min { grid-row: span 7 !important; } } @media screen and (max-width: 760px) { .grd-row-7--760-max { grid-row: span 7 !important; } } @media screen and (min-width: 700px) { .grd-row-7--700-min { grid-row: span 7 !important; } } @media screen and (max-width: 700px) { .grd-row-7--700-max { grid-row: span 7 !important; } } @media screen and (min-width: 660px) { .grd-row-7--660-min { grid-row: span 7 !important; } } @media screen and (max-width: 660px) { .grd-row-7--660-max { grid-row: span 7 !important; } } @media screen and (min-width: 600px) { .grd-row-7--600-min { grid-row: span 7 !important; } } @media screen and (max-width: 600px) { .grd-row-7--600-max { grid-row: span 7 !important; } } @media screen and (min-width: 560px) { .grd-row-7--560-min { grid-row: span 7 !important; } } @media screen and (max-width: 560px) { .grd-row-7--560-max { grid-row: span 7 !important; } } @media screen and (min-width: 500px) { .grd-row-7--500-min { grid-row: span 7 !important; } } @media screen and (max-width: 500px) { .grd-row-7--500-max { grid-row: span 7 !important; } } @media screen and (min-width: 460px) { .grd-row-7--460-min { grid-row: span 7 !important; } } @media screen and (max-width: 460px) { .grd-row-7--460-max { grid-row: span 7 !important; } } @media screen and (min-width: 400px) { .grd-row-7--400-min { grid-row: span 7 !important; } } @media screen and (max-width: 400px) { .grd-row-7--400-max { grid-row: span 7 !important; } } @media screen and (min-width: 360px) { .grd-row-7--360-min { grid-row: span 7 !important; } } @media screen and (max-width: 360px) { .grd-row-7--360-max { grid-row: span 7 !important; } } @media screen and (min-width: 300px) { .grd-row-7--300-min { grid-row: span 7 !important; } } @media screen and (max-width: 300px) { .grd-row-7--300-max { grid-row: span 7 !important; } } .grd-row-8 { grid-row: span 8; } @media screen and (min-width: 1300px) { .grd-row-8--1300-min { grid-row: span 8 !important; } } @media screen and (max-width: 1300px) { .grd-row-8--1300-max { grid-row: span 8 !important; } } @media screen and (min-width: 1260px) { .grd-row-8--1260-min { grid-row: span 8 !important; } } @media screen and (max-width: 1260px) { .grd-row-8--1260-max { grid-row: span 8 !important; } } @media screen and (min-width: 1200px) { .grd-row-8--1200-min { grid-row: span 8 !important; } } @media screen and (max-width: 1200px) { .grd-row-8--1200-max { grid-row: span 8 !important; } } @media screen and (min-width: 1160px) { .grd-row-8--1160-min { grid-row: span 8 !important; } } @media screen and (max-width: 1160px) { .grd-row-8--1160-max { grid-row: span 8 !important; } } @media screen and (min-width: 1100px) { .grd-row-8--1100-min { grid-row: span 8 !important; } } @media screen and (max-width: 1100px) { .grd-row-8--1100-max { grid-row: span 8 !important; } } @media screen and (min-width: 1060px) { .grd-row-8--1060-min { grid-row: span 8 !important; } } @media screen and (max-width: 1060px) { .grd-row-8--1060-max { grid-row: span 8 !important; } } @media screen and (min-width: 1000px) { .grd-row-8--1000-min { grid-row: span 8 !important; } } @media screen and (max-width: 1000px) { .grd-row-8--1000-max { grid-row: span 8 !important; } } @media screen and (min-width: 960px) { .grd-row-8--960-min { grid-row: span 8 !important; } } @media screen and (max-width: 960px) { .grd-row-8--960-max { grid-row: span 8 !important; } } @media screen and (min-width: 900px) { .grd-row-8--900-min { grid-row: span 8 !important; } } @media screen and (max-width: 900px) { .grd-row-8--900-max { grid-row: span 8 !important; } } @media screen and (min-width: 860px) { .grd-row-8--860-min { grid-row: span 8 !important; } } @media screen and (max-width: 860px) { .grd-row-8--860-max { grid-row: span 8 !important; } } @media screen and (min-width: 800px) { .grd-row-8--800-min { grid-row: span 8 !important; } } @media screen and (max-width: 800px) { .grd-row-8--800-max { grid-row: span 8 !important; } } @media screen and (min-width: 760px) { .grd-row-8--760-min { grid-row: span 8 !important; } } @media screen and (max-width: 760px) { .grd-row-8--760-max { grid-row: span 8 !important; } } @media screen and (min-width: 700px) { .grd-row-8--700-min { grid-row: span 8 !important; } } @media screen and (max-width: 700px) { .grd-row-8--700-max { grid-row: span 8 !important; } } @media screen and (min-width: 660px) { .grd-row-8--660-min { grid-row: span 8 !important; } } @media screen and (max-width: 660px) { .grd-row-8--660-max { grid-row: span 8 !important; } } @media screen and (min-width: 600px) { .grd-row-8--600-min { grid-row: span 8 !important; } } @media screen and (max-width: 600px) { .grd-row-8--600-max { grid-row: span 8 !important; } } @media screen and (min-width: 560px) { .grd-row-8--560-min { grid-row: span 8 !important; } } @media screen and (max-width: 560px) { .grd-row-8--560-max { grid-row: span 8 !important; } } @media screen and (min-width: 500px) { .grd-row-8--500-min { grid-row: span 8 !important; } } @media screen and (max-width: 500px) { .grd-row-8--500-max { grid-row: span 8 !important; } } @media screen and (min-width: 460px) { .grd-row-8--460-min { grid-row: span 8 !important; } } @media screen and (max-width: 460px) { .grd-row-8--460-max { grid-row: span 8 !important; } } @media screen and (min-width: 400px) { .grd-row-8--400-min { grid-row: span 8 !important; } } @media screen and (max-width: 400px) { .grd-row-8--400-max { grid-row: span 8 !important; } } @media screen and (min-width: 360px) { .grd-row-8--360-min { grid-row: span 8 !important; } } @media screen and (max-width: 360px) { .grd-row-8--360-max { grid-row: span 8 !important; } } @media screen and (min-width: 300px) { .grd-row-8--300-min { grid-row: span 8 !important; } } @media screen and (max-width: 300px) { .grd-row-8--300-max { grid-row: span 8 !important; } } .grd-row-9 { grid-row: span 9; } @media screen and (min-width: 1300px) { .grd-row-9--1300-min { grid-row: span 9 !important; } } @media screen and (max-width: 1300px) { .grd-row-9--1300-max { grid-row: span 9 !important; } } @media screen and (min-width: 1260px) { .grd-row-9--1260-min { grid-row: span 9 !important; } } @media screen and (max-width: 1260px) { .grd-row-9--1260-max { grid-row: span 9 !important; } } @media screen and (min-width: 1200px) { .grd-row-9--1200-min { grid-row: span 9 !important; } } @media screen and (max-width: 1200px) { .grd-row-9--1200-max { grid-row: span 9 !important; } } @media screen and (min-width: 1160px) { .grd-row-9--1160-min { grid-row: span 9 !important; } } @media screen and (max-width: 1160px) { .grd-row-9--1160-max { grid-row: span 9 !important; } } @media screen and (min-width: 1100px) { .grd-row-9--1100-min { grid-row: span 9 !important; } } @media screen and (max-width: 1100px) { .grd-row-9--1100-max { grid-row: span 9 !important; } } @media screen and (min-width: 1060px) { .grd-row-9--1060-min { grid-row: span 9 !important; } } @media screen and (max-width: 1060px) { .grd-row-9--1060-max { grid-row: span 9 !important; } } @media screen and (min-width: 1000px) { .grd-row-9--1000-min { grid-row: span 9 !important; } } @media screen and (max-width: 1000px) { .grd-row-9--1000-max { grid-row: span 9 !important; } } @media screen and (min-width: 960px) { .grd-row-9--960-min { grid-row: span 9 !important; } } @media screen and (max-width: 960px) { .grd-row-9--960-max { grid-row: span 9 !important; } } @media screen and (min-width: 900px) { .grd-row-9--900-min { grid-row: span 9 !important; } } @media screen and (max-width: 900px) { .grd-row-9--900-max { grid-row: span 9 !important; } } @media screen and (min-width: 860px) { .grd-row-9--860-min { grid-row: span 9 !important; } } @media screen and (max-width: 860px) { .grd-row-9--860-max { grid-row: span 9 !important; } } @media screen and (min-width: 800px) { .grd-row-9--800-min { grid-row: span 9 !important; } } @media screen and (max-width: 800px) { .grd-row-9--800-max { grid-row: span 9 !important; } } @media screen and (min-width: 760px) { .grd-row-9--760-min { grid-row: span 9 !important; } } @media screen and (max-width: 760px) { .grd-row-9--760-max { grid-row: span 9 !important; } } @media screen and (min-width: 700px) { .grd-row-9--700-min { grid-row: span 9 !important; } } @media screen and (max-width: 700px) { .grd-row-9--700-max { grid-row: span 9 !important; } } @media screen and (min-width: 660px) { .grd-row-9--660-min { grid-row: span 9 !important; } } @media screen and (max-width: 660px) { .grd-row-9--660-max { grid-row: span 9 !important; } } @media screen and (min-width: 600px) { .grd-row-9--600-min { grid-row: span 9 !important; } } @media screen and (max-width: 600px) { .grd-row-9--600-max { grid-row: span 9 !important; } } @media screen and (min-width: 560px) { .grd-row-9--560-min { grid-row: span 9 !important; } } @media screen and (max-width: 560px) { .grd-row-9--560-max { grid-row: span 9 !important; } } @media screen and (min-width: 500px) { .grd-row-9--500-min { grid-row: span 9 !important; } } @media screen and (max-width: 500px) { .grd-row-9--500-max { grid-row: span 9 !important; } } @media screen and (min-width: 460px) { .grd-row-9--460-min { grid-row: span 9 !important; } } @media screen and (max-width: 460px) { .grd-row-9--460-max { grid-row: span 9 !important; } } @media screen and (min-width: 400px) { .grd-row-9--400-min { grid-row: span 9 !important; } } @media screen and (max-width: 400px) { .grd-row-9--400-max { grid-row: span 9 !important; } } @media screen and (min-width: 360px) { .grd-row-9--360-min { grid-row: span 9 !important; } } @media screen and (max-width: 360px) { .grd-row-9--360-max { grid-row: span 9 !important; } } @media screen and (min-width: 300px) { .grd-row-9--300-min { grid-row: span 9 !important; } } @media screen and (max-width: 300px) { .grd-row-9--300-max { grid-row: span 9 !important; } } .grd-row-full { grid-row: 1/-1; } @media screen and (min-width: 1300px) { .grd-row-full--1300-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 1300px) { .grd-row-full--1300-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 1260px) { .grd-row-full--1260-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 1260px) { .grd-row-full--1260-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 1200px) { .grd-row-full--1200-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 1200px) { .grd-row-full--1200-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 1160px) { .grd-row-full--1160-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 1160px) { .grd-row-full--1160-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 1100px) { .grd-row-full--1100-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 1100px) { .grd-row-full--1100-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 1060px) { .grd-row-full--1060-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 1060px) { .grd-row-full--1060-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 1000px) { .grd-row-full--1000-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 1000px) { .grd-row-full--1000-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 960px) { .grd-row-full--960-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 960px) { .grd-row-full--960-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 900px) { .grd-row-full--900-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 900px) { .grd-row-full--900-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 860px) { .grd-row-full--860-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 860px) { .grd-row-full--860-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 800px) { .grd-row-full--800-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 800px) { .grd-row-full--800-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 760px) { .grd-row-full--760-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 760px) { .grd-row-full--760-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 700px) { .grd-row-full--700-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 700px) { .grd-row-full--700-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 660px) { .grd-row-full--660-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 660px) { .grd-row-full--660-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 600px) { .grd-row-full--600-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 600px) { .grd-row-full--600-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 560px) { .grd-row-full--560-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 560px) { .grd-row-full--560-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 500px) { .grd-row-full--500-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 500px) { .grd-row-full--500-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 460px) { .grd-row-full--460-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 460px) { .grd-row-full--460-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 400px) { .grd-row-full--400-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 400px) { .grd-row-full--400-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 360px) { .grd-row-full--360-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 360px) { .grd-row-full--360-max { grid-row: 1/-1 !important; } } @media screen and (min-width: 300px) { .grd-row-full--300-min { grid-row: 1/-1 !important; } } @media screen and (max-width: 300px) { .grd-row-full--300-max { grid-row: 1/-1 !important; } } .grd-cell-fill { -ms-flex-item-align: stretch; align-self: stretch; } @media screen and (min-width: 1300px) { .grd-cell-fill--1300-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 1300px) { .grd-cell-fill--1300-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 1260px) { .grd-cell-fill--1260-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 1260px) { .grd-cell-fill--1260-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 1200px) { .grd-cell-fill--1200-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 1200px) { .grd-cell-fill--1200-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 1160px) { .grd-cell-fill--1160-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 1160px) { .grd-cell-fill--1160-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 1100px) { .grd-cell-fill--1100-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 1100px) { .grd-cell-fill--1100-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 1060px) { .grd-cell-fill--1060-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 1060px) { .grd-cell-fill--1060-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 1000px) { .grd-cell-fill--1000-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 1000px) { .grd-cell-fill--1000-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 960px) { .grd-cell-fill--960-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 960px) { .grd-cell-fill--960-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 900px) { .grd-cell-fill--900-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 900px) { .grd-cell-fill--900-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 860px) { .grd-cell-fill--860-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 860px) { .grd-cell-fill--860-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 800px) { .grd-cell-fill--800-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 800px) { .grd-cell-fill--800-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 760px) { .grd-cell-fill--760-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 760px) { .grd-cell-fill--760-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 700px) { .grd-cell-fill--700-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 700px) { .grd-cell-fill--700-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 660px) { .grd-cell-fill--660-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 660px) { .grd-cell-fill--660-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 600px) { .grd-cell-fill--600-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 600px) { .grd-cell-fill--600-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 560px) { .grd-cell-fill--560-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 560px) { .grd-cell-fill--560-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 500px) { .grd-cell-fill--500-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 500px) { .grd-cell-fill--500-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 460px) { .grd-cell-fill--460-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 460px) { .grd-cell-fill--460-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 400px) { .grd-cell-fill--400-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 400px) { .grd-cell-fill--400-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 360px) { .grd-cell-fill--360-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 360px) { .grd-cell-fill--360-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 300px) { .grd-cell-fill--300-min { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 300px) { .grd-cell-fill--300-max { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .grd-layout-col-2 { grid-template-columns: repeat(2, 1fr); } @media screen and (min-width: 1300px) { .grd-layout-col-2--1300-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 1300px) { .grd-layout-col-2--1300-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 1260px) { .grd-layout-col-2--1260-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 1260px) { .grd-layout-col-2--1260-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 1200px) { .grd-layout-col-2--1200-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 1200px) { .grd-layout-col-2--1200-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 1160px) { .grd-layout-col-2--1160-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 1160px) { .grd-layout-col-2--1160-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 1100px) { .grd-layout-col-2--1100-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 1100px) { .grd-layout-col-2--1100-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 1060px) { .grd-layout-col-2--1060-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 1060px) { .grd-layout-col-2--1060-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 1000px) { .grd-layout-col-2--1000-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 1000px) { .grd-layout-col-2--1000-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 960px) { .grd-layout-col-2--960-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 960px) { .grd-layout-col-2--960-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 900px) { .grd-layout-col-2--900-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 900px) { .grd-layout-col-2--900-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 860px) { .grd-layout-col-2--860-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 860px) { .grd-layout-col-2--860-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 800px) { .grd-layout-col-2--800-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 800px) { .grd-layout-col-2--800-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 760px) { .grd-layout-col-2--760-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 760px) { .grd-layout-col-2--760-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 700px) { .grd-layout-col-2--700-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 700px) { .grd-layout-col-2--700-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 660px) { .grd-layout-col-2--660-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 660px) { .grd-layout-col-2--660-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 600px) { .grd-layout-col-2--600-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 600px) { .grd-layout-col-2--600-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 560px) { .grd-layout-col-2--560-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 560px) { .grd-layout-col-2--560-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 500px) { .grd-layout-col-2--500-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 500px) { .grd-layout-col-2--500-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 460px) { .grd-layout-col-2--460-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 460px) { .grd-layout-col-2--460-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 400px) { .grd-layout-col-2--400-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 400px) { .grd-layout-col-2--400-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 360px) { .grd-layout-col-2--360-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 360px) { .grd-layout-col-2--360-max { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (min-width: 300px) { .grd-layout-col-2--300-min { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 300px) { .grd-layout-col-2--300-max { grid-template-columns: repeat(2, 1fr) !important; } } .grd-layout-col-3 { grid-template-columns: repeat(3, 1fr); } @media screen and (min-width: 1300px) { .grd-layout-col-3--1300-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 1300px) { .grd-layout-col-3--1300-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 1260px) { .grd-layout-col-3--1260-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 1260px) { .grd-layout-col-3--1260-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 1200px) { .grd-layout-col-3--1200-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 1200px) { .grd-layout-col-3--1200-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 1160px) { .grd-layout-col-3--1160-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 1160px) { .grd-layout-col-3--1160-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 1100px) { .grd-layout-col-3--1100-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 1100px) { .grd-layout-col-3--1100-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 1060px) { .grd-layout-col-3--1060-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 1060px) { .grd-layout-col-3--1060-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 1000px) { .grd-layout-col-3--1000-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 1000px) { .grd-layout-col-3--1000-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 960px) { .grd-layout-col-3--960-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 960px) { .grd-layout-col-3--960-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 900px) { .grd-layout-col-3--900-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 900px) { .grd-layout-col-3--900-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 860px) { .grd-layout-col-3--860-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 860px) { .grd-layout-col-3--860-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 800px) { .grd-layout-col-3--800-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 800px) { .grd-layout-col-3--800-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 760px) { .grd-layout-col-3--760-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 760px) { .grd-layout-col-3--760-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 700px) { .grd-layout-col-3--700-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 700px) { .grd-layout-col-3--700-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 660px) { .grd-layout-col-3--660-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 660px) { .grd-layout-col-3--660-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 600px) { .grd-layout-col-3--600-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 600px) { .grd-layout-col-3--600-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 560px) { .grd-layout-col-3--560-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 560px) { .grd-layout-col-3--560-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 500px) { .grd-layout-col-3--500-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 500px) { .grd-layout-col-3--500-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 460px) { .grd-layout-col-3--460-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 460px) { .grd-layout-col-3--460-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 400px) { .grd-layout-col-3--400-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 400px) { .grd-layout-col-3--400-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 360px) { .grd-layout-col-3--360-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 360px) { .grd-layout-col-3--360-max { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (min-width: 300px) { .grd-layout-col-3--300-min { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 300px) { .grd-layout-col-3--300-max { grid-template-columns: repeat(3, 1fr) !important; } } .grd-layout-col-4 { grid-template-columns: repeat(4, 1fr); } @media screen and (min-width: 1300px) { .grd-layout-col-4--1300-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 1300px) { .grd-layout-col-4--1300-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 1260px) { .grd-layout-col-4--1260-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 1260px) { .grd-layout-col-4--1260-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 1200px) { .grd-layout-col-4--1200-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 1200px) { .grd-layout-col-4--1200-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 1160px) { .grd-layout-col-4--1160-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 1160px) { .grd-layout-col-4--1160-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 1100px) { .grd-layout-col-4--1100-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 1100px) { .grd-layout-col-4--1100-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 1060px) { .grd-layout-col-4--1060-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 1060px) { .grd-layout-col-4--1060-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 1000px) { .grd-layout-col-4--1000-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 1000px) { .grd-layout-col-4--1000-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 960px) { .grd-layout-col-4--960-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 960px) { .grd-layout-col-4--960-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 900px) { .grd-layout-col-4--900-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 900px) { .grd-layout-col-4--900-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 860px) { .grd-layout-col-4--860-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 860px) { .grd-layout-col-4--860-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 800px) { .grd-layout-col-4--800-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 800px) { .grd-layout-col-4--800-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 760px) { .grd-layout-col-4--760-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 760px) { .grd-layout-col-4--760-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 700px) { .grd-layout-col-4--700-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 700px) { .grd-layout-col-4--700-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 660px) { .grd-layout-col-4--660-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 660px) { .grd-layout-col-4--660-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 600px) { .grd-layout-col-4--600-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 600px) { .grd-layout-col-4--600-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 560px) { .grd-layout-col-4--560-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 560px) { .grd-layout-col-4--560-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 500px) { .grd-layout-col-4--500-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 500px) { .grd-layout-col-4--500-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 460px) { .grd-layout-col-4--460-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 460px) { .grd-layout-col-4--460-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 400px) { .grd-layout-col-4--400-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 400px) { .grd-layout-col-4--400-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 360px) { .grd-layout-col-4--360-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 360px) { .grd-layout-col-4--360-max { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (min-width: 300px) { .grd-layout-col-4--300-min { grid-template-columns: repeat(4, 1fr) !important; } } @media screen and (max-width: 300px) { .grd-layout-col-4--300-max { grid-template-columns: repeat(4, 1fr) !important; } } .grd-layout-col-5 { grid-template-columns: repeat(5, 1fr); } @media screen and (min-width: 1300px) { .grd-layout-col-5--1300-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 1300px) { .grd-layout-col-5--1300-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 1260px) { .grd-layout-col-5--1260-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 1260px) { .grd-layout-col-5--1260-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 1200px) { .grd-layout-col-5--1200-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 1200px) { .grd-layout-col-5--1200-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 1160px) { .grd-layout-col-5--1160-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 1160px) { .grd-layout-col-5--1160-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 1100px) { .grd-layout-col-5--1100-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 1100px) { .grd-layout-col-5--1100-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 1060px) { .grd-layout-col-5--1060-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 1060px) { .grd-layout-col-5--1060-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 1000px) { .grd-layout-col-5--1000-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 1000px) { .grd-layout-col-5--1000-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 960px) { .grd-layout-col-5--960-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 960px) { .grd-layout-col-5--960-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 900px) { .grd-layout-col-5--900-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 900px) { .grd-layout-col-5--900-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 860px) { .grd-layout-col-5--860-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 860px) { .grd-layout-col-5--860-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 800px) { .grd-layout-col-5--800-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 800px) { .grd-layout-col-5--800-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 760px) { .grd-layout-col-5--760-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 760px) { .grd-layout-col-5--760-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 700px) { .grd-layout-col-5--700-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 700px) { .grd-layout-col-5--700-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 660px) { .grd-layout-col-5--660-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 660px) { .grd-layout-col-5--660-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 600px) { .grd-layout-col-5--600-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 600px) { .grd-layout-col-5--600-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 560px) { .grd-layout-col-5--560-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 560px) { .grd-layout-col-5--560-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 500px) { .grd-layout-col-5--500-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 500px) { .grd-layout-col-5--500-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 460px) { .grd-layout-col-5--460-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 460px) { .grd-layout-col-5--460-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 400px) { .grd-layout-col-5--400-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 400px) { .grd-layout-col-5--400-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 360px) { .grd-layout-col-5--360-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 360px) { .grd-layout-col-5--360-max { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (min-width: 300px) { .grd-layout-col-5--300-min { grid-template-columns: repeat(5, 1fr) !important; } } @media screen and (max-width: 300px) { .grd-layout-col-5--300-max { grid-template-columns: repeat(5, 1fr) !important; } } .grd-layout-col-6 { grid-template-columns: repeat(6, 1fr); } @media screen and (min-width: 1300px) { .grd-layout-col-6--1300-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 1300px) { .grd-layout-col-6--1300-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 1260px) { .grd-layout-col-6--1260-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 1260px) { .grd-layout-col-6--1260-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 1200px) { .grd-layout-col-6--1200-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 1200px) { .grd-layout-col-6--1200-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 1160px) { .grd-layout-col-6--1160-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 1160px) { .grd-layout-col-6--1160-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 1100px) { .grd-layout-col-6--1100-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 1100px) { .grd-layout-col-6--1100-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 1060px) { .grd-layout-col-6--1060-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 1060px) { .grd-layout-col-6--1060-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 1000px) { .grd-layout-col-6--1000-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 1000px) { .grd-layout-col-6--1000-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 960px) { .grd-layout-col-6--960-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 960px) { .grd-layout-col-6--960-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 900px) { .grd-layout-col-6--900-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 900px) { .grd-layout-col-6--900-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 860px) { .grd-layout-col-6--860-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 860px) { .grd-layout-col-6--860-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 800px) { .grd-layout-col-6--800-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 800px) { .grd-layout-col-6--800-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 760px) { .grd-layout-col-6--760-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 760px) { .grd-layout-col-6--760-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 700px) { .grd-layout-col-6--700-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 700px) { .grd-layout-col-6--700-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 660px) { .grd-layout-col-6--660-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 660px) { .grd-layout-col-6--660-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 600px) { .grd-layout-col-6--600-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 600px) { .grd-layout-col-6--600-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 560px) { .grd-layout-col-6--560-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 560px) { .grd-layout-col-6--560-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 500px) { .grd-layout-col-6--500-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 500px) { .grd-layout-col-6--500-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 460px) { .grd-layout-col-6--460-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 460px) { .grd-layout-col-6--460-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 400px) { .grd-layout-col-6--400-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 400px) { .grd-layout-col-6--400-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 360px) { .grd-layout-col-6--360-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 360px) { .grd-layout-col-6--360-max { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (min-width: 300px) { .grd-layout-col-6--300-min { grid-template-columns: repeat(6, 1fr) !important; } } @media screen and (max-width: 300px) { .grd-layout-col-6--300-max { grid-template-columns: repeat(6, 1fr) !important; } } .grd-layout-col-7 { grid-template-columns: repeat(7, 1fr); } @media screen and (min-width: 1300px) { .grd-layout-col-7--1300-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 1300px) { .grd-layout-col-7--1300-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 1260px) { .grd-layout-col-7--1260-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 1260px) { .grd-layout-col-7--1260-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 1200px) { .grd-layout-col-7--1200-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 1200px) { .grd-layout-col-7--1200-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 1160px) { .grd-layout-col-7--1160-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 1160px) { .grd-layout-col-7--1160-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 1100px) { .grd-layout-col-7--1100-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 1100px) { .grd-layout-col-7--1100-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 1060px) { .grd-layout-col-7--1060-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 1060px) { .grd-layout-col-7--1060-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 1000px) { .grd-layout-col-7--1000-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 1000px) { .grd-layout-col-7--1000-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 960px) { .grd-layout-col-7--960-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 960px) { .grd-layout-col-7--960-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 900px) { .grd-layout-col-7--900-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 900px) { .grd-layout-col-7--900-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 860px) { .grd-layout-col-7--860-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 860px) { .grd-layout-col-7--860-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 800px) { .grd-layout-col-7--800-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 800px) { .grd-layout-col-7--800-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 760px) { .grd-layout-col-7--760-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 760px) { .grd-layout-col-7--760-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 700px) { .grd-layout-col-7--700-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 700px) { .grd-layout-col-7--700-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 660px) { .grd-layout-col-7--660-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 660px) { .grd-layout-col-7--660-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 600px) { .grd-layout-col-7--600-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 600px) { .grd-layout-col-7--600-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 560px) { .grd-layout-col-7--560-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 560px) { .grd-layout-col-7--560-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 500px) { .grd-layout-col-7--500-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 500px) { .grd-layout-col-7--500-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 460px) { .grd-layout-col-7--460-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 460px) { .grd-layout-col-7--460-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 400px) { .grd-layout-col-7--400-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 400px) { .grd-layout-col-7--400-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 360px) { .grd-layout-col-7--360-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 360px) { .grd-layout-col-7--360-max { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (min-width: 300px) { .grd-layout-col-7--300-min { grid-template-columns: repeat(7, 1fr) !important; } } @media screen and (max-width: 300px) { .grd-layout-col-7--300-max { grid-template-columns: repeat(7, 1fr) !important; } } .grd-layout-col-8 { grid-template-columns: repeat(8, 1fr); } @media screen and (min-width: 1300px) { .grd-layout-col-8--1300-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 1300px) { .grd-layout-col-8--1300-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 1260px) { .grd-layout-col-8--1260-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 1260px) { .grd-layout-col-8--1260-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 1200px) { .grd-layout-col-8--1200-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 1200px) { .grd-layout-col-8--1200-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 1160px) { .grd-layout-col-8--1160-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 1160px) { .grd-layout-col-8--1160-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 1100px) { .grd-layout-col-8--1100-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 1100px) { .grd-layout-col-8--1100-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 1060px) { .grd-layout-col-8--1060-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 1060px) { .grd-layout-col-8--1060-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 1000px) { .grd-layout-col-8--1000-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 1000px) { .grd-layout-col-8--1000-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 960px) { .grd-layout-col-8--960-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 960px) { .grd-layout-col-8--960-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 900px) { .grd-layout-col-8--900-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 900px) { .grd-layout-col-8--900-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 860px) { .grd-layout-col-8--860-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 860px) { .grd-layout-col-8--860-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 800px) { .grd-layout-col-8--800-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 800px) { .grd-layout-col-8--800-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 760px) { .grd-layout-col-8--760-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 760px) { .grd-layout-col-8--760-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 700px) { .grd-layout-col-8--700-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 700px) { .grd-layout-col-8--700-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 660px) { .grd-layout-col-8--660-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 660px) { .grd-layout-col-8--660-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 600px) { .grd-layout-col-8--600-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 600px) { .grd-layout-col-8--600-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 560px) { .grd-layout-col-8--560-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 560px) { .grd-layout-col-8--560-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 500px) { .grd-layout-col-8--500-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 500px) { .grd-layout-col-8--500-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 460px) { .grd-layout-col-8--460-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 460px) { .grd-layout-col-8--460-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 400px) { .grd-layout-col-8--400-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 400px) { .grd-layout-col-8--400-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 360px) { .grd-layout-col-8--360-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 360px) { .grd-layout-col-8--360-max { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (min-width: 300px) { .grd-layout-col-8--300-min { grid-template-columns: repeat(8, 1fr) !important; } } @media screen and (max-width: 300px) { .grd-layout-col-8--300-max { grid-template-columns: repeat(8, 1fr) !important; } } .grd-layout-row-2 { grid-template-rows: repeat(2, auto); } @media screen and (min-width: 1300px) { .grd-layout-row-2--1300-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 1300px) { .grd-layout-row-2--1300-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 1260px) { .grd-layout-row-2--1260-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 1260px) { .grd-layout-row-2--1260-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 1200px) { .grd-layout-row-2--1200-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 1200px) { .grd-layout-row-2--1200-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 1160px) { .grd-layout-row-2--1160-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 1160px) { .grd-layout-row-2--1160-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 1100px) { .grd-layout-row-2--1100-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 1100px) { .grd-layout-row-2--1100-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 1060px) { .grd-layout-row-2--1060-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 1060px) { .grd-layout-row-2--1060-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 1000px) { .grd-layout-row-2--1000-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 1000px) { .grd-layout-row-2--1000-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 960px) { .grd-layout-row-2--960-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 960px) { .grd-layout-row-2--960-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 900px) { .grd-layout-row-2--900-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 900px) { .grd-layout-row-2--900-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 860px) { .grd-layout-row-2--860-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 860px) { .grd-layout-row-2--860-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 800px) { .grd-layout-row-2--800-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 800px) { .grd-layout-row-2--800-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 760px) { .grd-layout-row-2--760-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 760px) { .grd-layout-row-2--760-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 700px) { .grd-layout-row-2--700-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 700px) { .grd-layout-row-2--700-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 660px) { .grd-layout-row-2--660-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 660px) { .grd-layout-row-2--660-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 600px) { .grd-layout-row-2--600-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 600px) { .grd-layout-row-2--600-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 560px) { .grd-layout-row-2--560-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 560px) { .grd-layout-row-2--560-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 500px) { .grd-layout-row-2--500-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 500px) { .grd-layout-row-2--500-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 460px) { .grd-layout-row-2--460-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 460px) { .grd-layout-row-2--460-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 400px) { .grd-layout-row-2--400-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 400px) { .grd-layout-row-2--400-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 360px) { .grd-layout-row-2--360-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 360px) { .grd-layout-row-2--360-max { grid-template-rows: repeat(2, auto) !important; } } @media screen and (min-width: 300px) { .grd-layout-row-2--300-min { grid-template-rows: repeat(2, auto) !important; } } @media screen and (max-width: 300px) { .grd-layout-row-2--300-max { grid-template-rows: repeat(2, auto) !important; } } .grd-layout-row-3 { grid-template-rows: repeat(3, auto); } @media screen and (min-width: 1300px) { .grd-layout-row-3--1300-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 1300px) { .grd-layout-row-3--1300-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 1260px) { .grd-layout-row-3--1260-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 1260px) { .grd-layout-row-3--1260-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 1200px) { .grd-layout-row-3--1200-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 1200px) { .grd-layout-row-3--1200-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 1160px) { .grd-layout-row-3--1160-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 1160px) { .grd-layout-row-3--1160-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 1100px) { .grd-layout-row-3--1100-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 1100px) { .grd-layout-row-3--1100-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 1060px) { .grd-layout-row-3--1060-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 1060px) { .grd-layout-row-3--1060-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 1000px) { .grd-layout-row-3--1000-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 1000px) { .grd-layout-row-3--1000-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 960px) { .grd-layout-row-3--960-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 960px) { .grd-layout-row-3--960-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 900px) { .grd-layout-row-3--900-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 900px) { .grd-layout-row-3--900-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 860px) { .grd-layout-row-3--860-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 860px) { .grd-layout-row-3--860-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 800px) { .grd-layout-row-3--800-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 800px) { .grd-layout-row-3--800-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 760px) { .grd-layout-row-3--760-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 760px) { .grd-layout-row-3--760-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 700px) { .grd-layout-row-3--700-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 700px) { .grd-layout-row-3--700-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 660px) { .grd-layout-row-3--660-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 660px) { .grd-layout-row-3--660-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 600px) { .grd-layout-row-3--600-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 600px) { .grd-layout-row-3--600-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 560px) { .grd-layout-row-3--560-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 560px) { .grd-layout-row-3--560-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 500px) { .grd-layout-row-3--500-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 500px) { .grd-layout-row-3--500-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 460px) { .grd-layout-row-3--460-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 460px) { .grd-layout-row-3--460-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 400px) { .grd-layout-row-3--400-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 400px) { .grd-layout-row-3--400-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 360px) { .grd-layout-row-3--360-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 360px) { .grd-layout-row-3--360-max { grid-template-rows: repeat(3, auto) !important; } } @media screen and (min-width: 300px) { .grd-layout-row-3--300-min { grid-template-rows: repeat(3, auto) !important; } } @media screen and (max-width: 300px) { .grd-layout-row-3--300-max { grid-template-rows: repeat(3, auto) !important; } } .grd-layout-row-4 { grid-template-rows: repeat(4, auto); } @media screen and (min-width: 1300px) { .grd-layout-row-4--1300-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 1300px) { .grd-layout-row-4--1300-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 1260px) { .grd-layout-row-4--1260-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 1260px) { .grd-layout-row-4--1260-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 1200px) { .grd-layout-row-4--1200-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 1200px) { .grd-layout-row-4--1200-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 1160px) { .grd-layout-row-4--1160-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 1160px) { .grd-layout-row-4--1160-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 1100px) { .grd-layout-row-4--1100-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 1100px) { .grd-layout-row-4--1100-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 1060px) { .grd-layout-row-4--1060-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 1060px) { .grd-layout-row-4--1060-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 1000px) { .grd-layout-row-4--1000-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 1000px) { .grd-layout-row-4--1000-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 960px) { .grd-layout-row-4--960-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 960px) { .grd-layout-row-4--960-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 900px) { .grd-layout-row-4--900-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 900px) { .grd-layout-row-4--900-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 860px) { .grd-layout-row-4--860-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 860px) { .grd-layout-row-4--860-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 800px) { .grd-layout-row-4--800-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 800px) { .grd-layout-row-4--800-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 760px) { .grd-layout-row-4--760-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 760px) { .grd-layout-row-4--760-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 700px) { .grd-layout-row-4--700-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 700px) { .grd-layout-row-4--700-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 660px) { .grd-layout-row-4--660-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 660px) { .grd-layout-row-4--660-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 600px) { .grd-layout-row-4--600-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 600px) { .grd-layout-row-4--600-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 560px) { .grd-layout-row-4--560-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 560px) { .grd-layout-row-4--560-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 500px) { .grd-layout-row-4--500-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 500px) { .grd-layout-row-4--500-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 460px) { .grd-layout-row-4--460-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 460px) { .grd-layout-row-4--460-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 400px) { .grd-layout-row-4--400-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 400px) { .grd-layout-row-4--400-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 360px) { .grd-layout-row-4--360-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 360px) { .grd-layout-row-4--360-max { grid-template-rows: repeat(4, auto) !important; } } @media screen and (min-width: 300px) { .grd-layout-row-4--300-min { grid-template-rows: repeat(4, auto) !important; } } @media screen and (max-width: 300px) { .grd-layout-row-4--300-max { grid-template-rows: repeat(4, auto) !important; } } .grd-layout-row-5 { grid-template-rows: repeat(5, auto); } @media screen and (min-width: 1300px) { .grd-layout-row-5--1300-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 1300px) { .grd-layout-row-5--1300-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 1260px) { .grd-layout-row-5--1260-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 1260px) { .grd-layout-row-5--1260-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 1200px) { .grd-layout-row-5--1200-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 1200px) { .grd-layout-row-5--1200-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 1160px) { .grd-layout-row-5--1160-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 1160px) { .grd-layout-row-5--1160-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 1100px) { .grd-layout-row-5--1100-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 1100px) { .grd-layout-row-5--1100-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 1060px) { .grd-layout-row-5--1060-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 1060px) { .grd-layout-row-5--1060-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 1000px) { .grd-layout-row-5--1000-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 1000px) { .grd-layout-row-5--1000-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 960px) { .grd-layout-row-5--960-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 960px) { .grd-layout-row-5--960-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 900px) { .grd-layout-row-5--900-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 900px) { .grd-layout-row-5--900-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 860px) { .grd-layout-row-5--860-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 860px) { .grd-layout-row-5--860-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 800px) { .grd-layout-row-5--800-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 800px) { .grd-layout-row-5--800-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 760px) { .grd-layout-row-5--760-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 760px) { .grd-layout-row-5--760-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 700px) { .grd-layout-row-5--700-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 700px) { .grd-layout-row-5--700-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 660px) { .grd-layout-row-5--660-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 660px) { .grd-layout-row-5--660-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 600px) { .grd-layout-row-5--600-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 600px) { .grd-layout-row-5--600-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 560px) { .grd-layout-row-5--560-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 560px) { .grd-layout-row-5--560-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 500px) { .grd-layout-row-5--500-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 500px) { .grd-layout-row-5--500-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 460px) { .grd-layout-row-5--460-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 460px) { .grd-layout-row-5--460-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 400px) { .grd-layout-row-5--400-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 400px) { .grd-layout-row-5--400-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 360px) { .grd-layout-row-5--360-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 360px) { .grd-layout-row-5--360-max { grid-template-rows: repeat(5, auto) !important; } } @media screen and (min-width: 300px) { .grd-layout-row-5--300-min { grid-template-rows: repeat(5, auto) !important; } } @media screen and (max-width: 300px) { .grd-layout-row-5--300-max { grid-template-rows: repeat(5, auto) !important; } } .grd-layout-row-6 { grid-template-rows: repeat(6, auto); } @media screen and (min-width: 1300px) { .grd-layout-row-6--1300-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 1300px) { .grd-layout-row-6--1300-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 1260px) { .grd-layout-row-6--1260-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 1260px) { .grd-layout-row-6--1260-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 1200px) { .grd-layout-row-6--1200-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 1200px) { .grd-layout-row-6--1200-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 1160px) { .grd-layout-row-6--1160-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 1160px) { .grd-layout-row-6--1160-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 1100px) { .grd-layout-row-6--1100-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 1100px) { .grd-layout-row-6--1100-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 1060px) { .grd-layout-row-6--1060-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 1060px) { .grd-layout-row-6--1060-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 1000px) { .grd-layout-row-6--1000-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 1000px) { .grd-layout-row-6--1000-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 960px) { .grd-layout-row-6--960-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 960px) { .grd-layout-row-6--960-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 900px) { .grd-layout-row-6--900-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 900px) { .grd-layout-row-6--900-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 860px) { .grd-layout-row-6--860-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 860px) { .grd-layout-row-6--860-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 800px) { .grd-layout-row-6--800-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 800px) { .grd-layout-row-6--800-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 760px) { .grd-layout-row-6--760-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 760px) { .grd-layout-row-6--760-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 700px) { .grd-layout-row-6--700-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 700px) { .grd-layout-row-6--700-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 660px) { .grd-layout-row-6--660-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 660px) { .grd-layout-row-6--660-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 600px) { .grd-layout-row-6--600-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 600px) { .grd-layout-row-6--600-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 560px) { .grd-layout-row-6--560-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 560px) { .grd-layout-row-6--560-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 500px) { .grd-layout-row-6--500-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 500px) { .grd-layout-row-6--500-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 460px) { .grd-layout-row-6--460-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 460px) { .grd-layout-row-6--460-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 400px) { .grd-layout-row-6--400-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 400px) { .grd-layout-row-6--400-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 360px) { .grd-layout-row-6--360-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 360px) { .grd-layout-row-6--360-max { grid-template-rows: repeat(6, auto) !important; } } @media screen and (min-width: 300px) { .grd-layout-row-6--300-min { grid-template-rows: repeat(6, auto) !important; } } @media screen and (max-width: 300px) { .grd-layout-row-6--300-max { grid-template-rows: repeat(6, auto) !important; } } .grd-layout-row-7 { grid-template-rows: repeat(7, auto); } @media screen and (min-width: 1300px) { .grd-layout-row-7--1300-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 1300px) { .grd-layout-row-7--1300-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 1260px) { .grd-layout-row-7--1260-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 1260px) { .grd-layout-row-7--1260-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 1200px) { .grd-layout-row-7--1200-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 1200px) { .grd-layout-row-7--1200-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 1160px) { .grd-layout-row-7--1160-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 1160px) { .grd-layout-row-7--1160-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 1100px) { .grd-layout-row-7--1100-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 1100px) { .grd-layout-row-7--1100-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 1060px) { .grd-layout-row-7--1060-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 1060px) { .grd-layout-row-7--1060-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 1000px) { .grd-layout-row-7--1000-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 1000px) { .grd-layout-row-7--1000-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 960px) { .grd-layout-row-7--960-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 960px) { .grd-layout-row-7--960-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 900px) { .grd-layout-row-7--900-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 900px) { .grd-layout-row-7--900-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 860px) { .grd-layout-row-7--860-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 860px) { .grd-layout-row-7--860-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 800px) { .grd-layout-row-7--800-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 800px) { .grd-layout-row-7--800-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 760px) { .grd-layout-row-7--760-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 760px) { .grd-layout-row-7--760-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 700px) { .grd-layout-row-7--700-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 700px) { .grd-layout-row-7--700-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 660px) { .grd-layout-row-7--660-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 660px) { .grd-layout-row-7--660-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 600px) { .grd-layout-row-7--600-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 600px) { .grd-layout-row-7--600-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 560px) { .grd-layout-row-7--560-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 560px) { .grd-layout-row-7--560-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 500px) { .grd-layout-row-7--500-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 500px) { .grd-layout-row-7--500-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 460px) { .grd-layout-row-7--460-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 460px) { .grd-layout-row-7--460-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 400px) { .grd-layout-row-7--400-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 400px) { .grd-layout-row-7--400-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 360px) { .grd-layout-row-7--360-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 360px) { .grd-layout-row-7--360-max { grid-template-rows: repeat(7, auto) !important; } } @media screen and (min-width: 300px) { .grd-layout-row-7--300-min { grid-template-rows: repeat(7, auto) !important; } } @media screen and (max-width: 300px) { .grd-layout-row-7--300-max { grid-template-rows: repeat(7, auto) !important; } } .grd-layout-row-8 { grid-template-rows: repeat(8, auto); } @media screen and (min-width: 1300px) { .grd-layout-row-8--1300-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 1300px) { .grd-layout-row-8--1300-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 1260px) { .grd-layout-row-8--1260-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 1260px) { .grd-layout-row-8--1260-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 1200px) { .grd-layout-row-8--1200-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 1200px) { .grd-layout-row-8--1200-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 1160px) { .grd-layout-row-8--1160-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 1160px) { .grd-layout-row-8--1160-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 1100px) { .grd-layout-row-8--1100-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 1100px) { .grd-layout-row-8--1100-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 1060px) { .grd-layout-row-8--1060-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 1060px) { .grd-layout-row-8--1060-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 1000px) { .grd-layout-row-8--1000-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 1000px) { .grd-layout-row-8--1000-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 960px) { .grd-layout-row-8--960-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 960px) { .grd-layout-row-8--960-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 900px) { .grd-layout-row-8--900-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 900px) { .grd-layout-row-8--900-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 860px) { .grd-layout-row-8--860-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 860px) { .grd-layout-row-8--860-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 800px) { .grd-layout-row-8--800-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 800px) { .grd-layout-row-8--800-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 760px) { .grd-layout-row-8--760-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 760px) { .grd-layout-row-8--760-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 700px) { .grd-layout-row-8--700-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 700px) { .grd-layout-row-8--700-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 660px) { .grd-layout-row-8--660-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 660px) { .grd-layout-row-8--660-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 600px) { .grd-layout-row-8--600-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 600px) { .grd-layout-row-8--600-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 560px) { .grd-layout-row-8--560-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 560px) { .grd-layout-row-8--560-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 500px) { .grd-layout-row-8--500-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 500px) { .grd-layout-row-8--500-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 460px) { .grd-layout-row-8--460-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 460px) { .grd-layout-row-8--460-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 400px) { .grd-layout-row-8--400-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 400px) { .grd-layout-row-8--400-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 360px) { .grd-layout-row-8--360-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 360px) { .grd-layout-row-8--360-max { grid-template-rows: repeat(8, auto) !important; } } @media screen and (min-width: 300px) { .grd-layout-row-8--300-min { grid-template-rows: repeat(8, auto) !important; } } @media screen and (max-width: 300px) { .grd-layout-row-8--300-max { grid-template-rows: repeat(8, auto) !important; } } /* Start Flex Utilities */ .flex, .flex-center, .flex-column, .flex-align-bottom, .flex-align-top, .flex-align-center, .flex-align-right, .flex-align-left, .flex-align-start, .flex-align-end, .flex-justify-bottom, .flex-justify-top, .flex-justify-center, .flex-justify-right, .flex-justify-left, .flex-justify-start, .flex-justify-end, .flex-between, .flex-dynamic, .flex-even, .flex-left, .flex-right, .flex-top, .flex-bottom, .flex-rev, .flex-hcenter, .flex-vcenter, .flex-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-even { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .flex-column-gap-1 { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .flex-column-gap-2 { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .flex-row-gap-1 { row-gap: 10px; } .flex-row-gap-2 { row-gap: 20px; } .flex-grow { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .flex-relative { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .flex-shrink { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .flex-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .flex-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-even { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } @media screen and (max-width: 500px) { .flex-even--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } } @media screen and (min-width: 500px) { .flex-even--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .flex-even--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } } @media screen and (max-width: 900px) { .flex-even--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } } @media screen and (min-width: 500px) { .flex-even--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .flex-even--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } } @media screen and (min-width: 900px) { .flex-even--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } } @media screen and (max-width: 1400px) { .flex-even--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } } .flex-between { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 500px) { .flex-between--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media screen and (min-width: 500px) { .flex-between--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .flex-between--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media screen and (max-width: 900px) { .flex-between--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media screen and (min-width: 500px) { .flex-between--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .flex-between--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media screen and (min-width: 900px) { .flex-between--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media screen and (max-width: 1400px) { .flex-between--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } .flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media screen and (max-width: 500px) { .flex-row--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } } @media screen and (min-width: 500px) { .flex-row--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .flex-row--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } } @media screen and (max-width: 900px) { .flex-row--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } } @media screen and (min-width: 500px) { .flex-row--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .flex-row--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } } @media screen and (min-width: 900px) { .flex-row--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } } @media screen and (max-width: 1400px) { .flex-row--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } } .flex-row-rev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media screen and (max-width: 500px) { .flex-row-rev--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } } @media screen and (min-width: 500px) { .flex-row-rev--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .flex-row-rev--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } } @media screen and (max-width: 900px) { .flex-row-rev--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } } @media screen and (min-width: 500px) { .flex-row-rev--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .flex-row-rev--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } } @media screen and (min-width: 900px) { .flex-row-rev--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } } @media screen and (max-width: 1400px) { .flex-row-rev--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } } .flex-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 500px) { .flex-column--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } @media screen and (min-width: 500px) { .flex-column--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .flex-column--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } @media screen and (max-width: 900px) { .flex-column--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } @media screen and (min-width: 500px) { .flex-column--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .flex-column--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } @media screen and (min-width: 900px) { .flex-column--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } @media screen and (max-width: 1400px) { .flex-column--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } .flex-column-rev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media screen and (max-width: 500px) { .flex-column-rev--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } } @media screen and (min-width: 500px) { .flex-column-rev--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .flex-column-rev--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } } @media screen and (max-width: 900px) { .flex-column-rev--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } } @media screen and (min-width: 500px) { .flex-column-rev--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .flex-column-rev--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } } @media screen and (min-width: 900px) { .flex-column-rev--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } } @media screen and (max-width: 1400px) { .flex-column-rev--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } } .flex-justify-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 500px) { .flex-justify-center--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media screen and (min-width: 500px) { .flex-justify-center--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .flex-justify-center--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media screen and (max-width: 900px) { .flex-justify-center--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media screen and (min-width: 500px) { .flex-justify-center--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .flex-justify-center--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media screen and (min-width: 900px) { .flex-justify-center--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media screen and (max-width: 1400px) { .flex-justify-center--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } .flex-justify-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: top; -ms-flex-pack: top; justify-content: top; } @media screen and (max-width: 500px) { .flex-justify-top--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: top !important; -ms-flex-pack: top !important; justify-content: top !important; } } @media screen and (min-width: 500px) { .flex-justify-top--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: top !important; -ms-flex-pack: top !important; justify-content: top !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .flex-justify-top--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: top !important; -ms-flex-pack: top !important; justify-content: top !important; } } @media screen and (max-width: 900px) { .flex-justify-top--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: top !important; -ms-flex-pack: top !important; justify-content: top !important; } } @media screen and (min-width: 500px) { .flex-justify-top--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: top !important; -ms-flex-pack: top !important; justify-content: top !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .flex-justify-top--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: top !important; -ms-flex-pack: top !important; justify-content: top !important; } } @media screen and (min-width: 900px) { .flex-justify-top--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: top !important; -ms-flex-pack: top !important; justify-content: top !important; } } @media screen and (max-width: 1400px) { .flex-justify-top--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: top !important; -ms-flex-pack: top !important; justify-content: top !important; } } .flex-justify-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: bottom; -ms-flex-pack: bottom; justify-content: bottom; } @media screen and (max-width: 500px) { .flex-justify-bottom--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: bottom !important; -ms-flex-pack: bottom !important; justify-content: bottom !important; } } @media screen and (min-width: 500px) { .flex-justify-bottom--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: bottom !important; -ms-flex-pack: bottom !important; justify-content: bottom !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .flex-justify-bottom--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: bottom !important; -ms-flex-pack: bottom !important; justify-content: bottom !important; } } @media screen and (max-width: 900px) { .flex-justify-bottom--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: bottom !important; -ms-flex-pack: bottom !important; justify-content: bottom !important; } } @media screen and (min-width: 500px) { .flex-justify-bottom--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: bottom !important; -ms-flex-pack: bottom !important; justify-content: bottom !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .flex-justify-bottom--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: bottom !important; -ms-flex-pack: bottom !important; justify-content: bottom !important; } } @media screen and (min-width: 900px) { .flex-justify-bottom--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: bottom !important; -ms-flex-pack: bottom !important; justify-content: bottom !important; } } @media screen and (max-width: 1400px) { .flex-justify-bottom--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: bottom !important; -ms-flex-pack: bottom !important; justify-content: bottom !important; } } .flex-justify-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; } @media screen and (max-width: 500px) { .flex-justify-right--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: right !important; -ms-flex-pack: right !important; justify-content: right !important; } } @media screen and (min-width: 500px) { .flex-justify-right--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: right !important; -ms-flex-pack: right !important; justify-content: right !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .flex-justify-right--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: right !important; -ms-flex-pack: right !important; justify-content: right !important; } } @media screen and (max-width: 900px) { .flex-justify-right--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: right !important; -ms-flex-pack: right !important; justify-content: right !important; } } @media screen and (min-width: 500px) { .flex-justify-right--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: right !important; -ms-flex-pack: right !important; justify-content: right !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .flex-justify-right--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: right !important; -ms-flex-pack: right !important; justify-content: right !important; } } @media screen and (min-width: 900px) { .flex-justify-right--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: right !important; -ms-flex-pack: right !important; justify-content: right !important; } } @media screen and (max-width: 1400px) { .flex-justify-right--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: right !important; -ms-flex-pack: right !important; justify-content: right !important; } } .flex-justify-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } @media screen and (max-width: 500px) { .flex-justify-left--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } } @media screen and (min-width: 500px) { .flex-justify-left--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .flex-justify-left--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } } @media screen and (max-width: 900px) { .flex-justify-left--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } } @media screen and (min-width: 500px) { .flex-justify-left--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .flex-justify-left--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } } @media screen and (min-width: 900px) { .flex-justify-left--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } } @media screen and (max-width: 1400px) { .flex-justify-left--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } } .flex-justify-end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 500px) { .flex-justify-end--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media screen and (min-width: 500px) { .flex-justify-end--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .flex-justify-end--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media screen and (max-width: 900px) { .flex-justify-end--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media screen and (min-width: 500px) { .flex-justify-end--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .flex-justify-end--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media screen and (min-width: 900px) { .flex-justify-end--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media screen and (max-width: 1400px) { .flex-justify-end--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } .flex-justify-start { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media screen and (max-width: 500px) { .flex-justify-start--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } } @media screen and (min-width: 500px) { .flex-justify-start--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .flex-justify-start--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } } @media screen and (max-width: 900px) { .flex-justify-start--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } } @media screen and (min-width: 500px) { .flex-justify-start--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .flex-justify-start--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } } @media screen and (min-width: 900px) { .flex-justify-start--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } } @media screen and (max-width: 1400px) { .flex-justify-start--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } } .flex-align-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 500px) { .flex-align-center--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } @media screen and (min-width: 500px) { .flex-align-center--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .flex-align-center--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } @media screen and (max-width: 900px) { .flex-align-center--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } @media screen and (min-width: 500px) { .flex-align-center--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .flex-align-center--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } @media screen and (min-width: 900px) { .flex-align-center--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } @media screen and (max-width: 1400px) { .flex-align-center--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } .flex-align-end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 500px) { .flex-align-end--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } } @media screen and (min-width: 500px) { .flex-align-end--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .flex-align-end--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } } @media screen and (max-width: 900px) { .flex-align-end--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } } @media screen and (min-width: 500px) { .flex-align-end--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .flex-align-end--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } } @media screen and (min-width: 900px) { .flex-align-end--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } } @media screen and (max-width: 1400px) { .flex-align-end--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } } .flex-align-start { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 500px) { .flex-align-start--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } } @media screen and (min-width: 500px) { .flex-align-start--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .flex-align-start--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } } @media screen and (max-width: 900px) { .flex-align-start--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } } @media screen and (min-width: 500px) { .flex-align-start--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .flex-align-start--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } } @media screen and (min-width: 900px) { .flex-align-start--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } } @media screen and (max-width: 1400px) { .flex-align-start--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } } .self-center { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; } @media screen and (max-width: 500px) { .self-center--small { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center !important; align-self: center !important; } } @media screen and (min-width: 500px) { .self-center--small-up { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center !important; align-self: center !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .self-center--medium { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center !important; align-self: center !important; } } @media screen and (max-width: 900px) { .self-center--medium-down { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center !important; align-self: center !important; } } @media screen and (min-width: 500px) { .self-center--medium-up { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center !important; align-self: center !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .self-center--large { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center !important; align-self: center !important; } } @media screen and (min-width: 900px) { .self-center--large-up { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center !important; align-self: center !important; } } @media screen and (max-width: 1400px) { .self-center--large-down { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center !important; align-self: center !important; } } /* End Flex Utilities */ /* Start Text Utilities */ .text-center { text-align: center; } @media screen and (min-width: 1300px) { .text-center--1300-min { text-align: center !important; } } @media screen and (max-width: 1300px) { .text-center--1300-max { text-align: center !important; } } @media screen and (min-width: 1260px) { .text-center--1260-min { text-align: center !important; } } @media screen and (max-width: 1260px) { .text-center--1260-max { text-align: center !important; } } @media screen and (min-width: 1200px) { .text-center--1200-min { text-align: center !important; } } @media screen and (max-width: 1200px) { .text-center--1200-max { text-align: center !important; } } @media screen and (min-width: 1160px) { .text-center--1160-min { text-align: center !important; } } @media screen and (max-width: 1160px) { .text-center--1160-max { text-align: center !important; } } @media screen and (min-width: 1100px) { .text-center--1100-min { text-align: center !important; } } @media screen and (max-width: 1100px) { .text-center--1100-max { text-align: center !important; } } @media screen and (min-width: 1060px) { .text-center--1060-min { text-align: center !important; } } @media screen and (max-width: 1060px) { .text-center--1060-max { text-align: center !important; } } @media screen and (min-width: 1000px) { .text-center--1000-min { text-align: center !important; } } @media screen and (max-width: 1000px) { .text-center--1000-max { text-align: center !important; } } @media screen and (min-width: 960px) { .text-center--960-min { text-align: center !important; } } @media screen and (max-width: 960px) { .text-center--960-max { text-align: center !important; } } @media screen and (min-width: 900px) { .text-center--900-min { text-align: center !important; } } @media screen and (max-width: 900px) { .text-center--900-max { text-align: center !important; } } @media screen and (min-width: 860px) { .text-center--860-min { text-align: center !important; } } @media screen and (max-width: 860px) { .text-center--860-max { text-align: center !important; } } @media screen and (min-width: 800px) { .text-center--800-min { text-align: center !important; } } @media screen and (max-width: 800px) { .text-center--800-max { text-align: center !important; } } @media screen and (min-width: 760px) { .text-center--760-min { text-align: center !important; } } @media screen and (max-width: 760px) { .text-center--760-max { text-align: center !important; } } @media screen and (min-width: 700px) { .text-center--700-min { text-align: center !important; } } @media screen and (max-width: 700px) { .text-center--700-max { text-align: center !important; } } @media screen and (min-width: 660px) { .text-center--660-min { text-align: center !important; } } @media screen and (max-width: 660px) { .text-center--660-max { text-align: center !important; } } @media screen and (min-width: 600px) { .text-center--600-min { text-align: center !important; } } @media screen and (max-width: 600px) { .text-center--600-max { text-align: center !important; } } @media screen and (min-width: 560px) { .text-center--560-min { text-align: center !important; } } @media screen and (max-width: 560px) { .text-center--560-max { text-align: center !important; } } @media screen and (min-width: 500px) { .text-center--500-min { text-align: center !important; } } @media screen and (max-width: 500px) { .text-center--500-max { text-align: center !important; } } @media screen and (min-width: 460px) { .text-center--460-min { text-align: center !important; } } @media screen and (max-width: 460px) { .text-center--460-max { text-align: center !important; } } @media screen and (min-width: 400px) { .text-center--400-min { text-align: center !important; } } @media screen and (max-width: 400px) { .text-center--400-max { text-align: center !important; } } @media screen and (min-width: 360px) { .text-center--360-min { text-align: center !important; } } @media screen and (max-width: 360px) { .text-center--360-max { text-align: center !important; } } @media screen and (min-width: 300px) { .text-center--300-min { text-align: center !important; } } @media screen and (max-width: 300px) { .text-center--300-max { text-align: center !important; } } .text-left { text-align: left; } @media screen and (min-width: 1300px) { .text-left--1300-min { text-align: left !important; } } @media screen and (max-width: 1300px) { .text-left--1300-max { text-align: left !important; } } @media screen and (min-width: 1260px) { .text-left--1260-min { text-align: left !important; } } @media screen and (max-width: 1260px) { .text-left--1260-max { text-align: left !important; } } @media screen and (min-width: 1200px) { .text-left--1200-min { text-align: left !important; } } @media screen and (max-width: 1200px) { .text-left--1200-max { text-align: left !important; } } @media screen and (min-width: 1160px) { .text-left--1160-min { text-align: left !important; } } @media screen and (max-width: 1160px) { .text-left--1160-max { text-align: left !important; } } @media screen and (min-width: 1100px) { .text-left--1100-min { text-align: left !important; } } @media screen and (max-width: 1100px) { .text-left--1100-max { text-align: left !important; } } @media screen and (min-width: 1060px) { .text-left--1060-min { text-align: left !important; } } @media screen and (max-width: 1060px) { .text-left--1060-max { text-align: left !important; } } @media screen and (min-width: 1000px) { .text-left--1000-min { text-align: left !important; } } @media screen and (max-width: 1000px) { .text-left--1000-max { text-align: left !important; } } @media screen and (min-width: 960px) { .text-left--960-min { text-align: left !important; } } @media screen and (max-width: 960px) { .text-left--960-max { text-align: left !important; } } @media screen and (min-width: 900px) { .text-left--900-min { text-align: left !important; } } @media screen and (max-width: 900px) { .text-left--900-max { text-align: left !important; } } @media screen and (min-width: 860px) { .text-left--860-min { text-align: left !important; } } @media screen and (max-width: 860px) { .text-left--860-max { text-align: left !important; } } @media screen and (min-width: 800px) { .text-left--800-min { text-align: left !important; } } @media screen and (max-width: 800px) { .text-left--800-max { text-align: left !important; } } @media screen and (min-width: 760px) { .text-left--760-min { text-align: left !important; } } @media screen and (max-width: 760px) { .text-left--760-max { text-align: left !important; } } @media screen and (min-width: 700px) { .text-left--700-min { text-align: left !important; } } @media screen and (max-width: 700px) { .text-left--700-max { text-align: left !important; } } @media screen and (min-width: 660px) { .text-left--660-min { text-align: left !important; } } @media screen and (max-width: 660px) { .text-left--660-max { text-align: left !important; } } @media screen and (min-width: 600px) { .text-left--600-min { text-align: left !important; } } @media screen and (max-width: 600px) { .text-left--600-max { text-align: left !important; } } @media screen and (min-width: 560px) { .text-left--560-min { text-align: left !important; } } @media screen and (max-width: 560px) { .text-left--560-max { text-align: left !important; } } @media screen and (min-width: 500px) { .text-left--500-min { text-align: left !important; } } @media screen and (max-width: 500px) { .text-left--500-max { text-align: left !important; } } @media screen and (min-width: 460px) { .text-left--460-min { text-align: left !important; } } @media screen and (max-width: 460px) { .text-left--460-max { text-align: left !important; } } @media screen and (min-width: 400px) { .text-left--400-min { text-align: left !important; } } @media screen and (max-width: 400px) { .text-left--400-max { text-align: left !important; } } @media screen and (min-width: 360px) { .text-left--360-min { text-align: left !important; } } @media screen and (max-width: 360px) { .text-left--360-max { text-align: left !important; } } @media screen and (min-width: 300px) { .text-left--300-min { text-align: left !important; } } @media screen and (max-width: 300px) { .text-left--300-max { text-align: left !important; } } .text-right { text-align: right; } @media screen and (min-width: 1300px) { .text-right--1300-min { text-align: right !important; } } @media screen and (max-width: 1300px) { .text-right--1300-max { text-align: right !important; } } @media screen and (min-width: 1260px) { .text-right--1260-min { text-align: right !important; } } @media screen and (max-width: 1260px) { .text-right--1260-max { text-align: right !important; } } @media screen and (min-width: 1200px) { .text-right--1200-min { text-align: right !important; } } @media screen and (max-width: 1200px) { .text-right--1200-max { text-align: right !important; } } @media screen and (min-width: 1160px) { .text-right--1160-min { text-align: right !important; } } @media screen and (max-width: 1160px) { .text-right--1160-max { text-align: right !important; } } @media screen and (min-width: 1100px) { .text-right--1100-min { text-align: right !important; } } @media screen and (max-width: 1100px) { .text-right--1100-max { text-align: right !important; } } @media screen and (min-width: 1060px) { .text-right--1060-min { text-align: right !important; } } @media screen and (max-width: 1060px) { .text-right--1060-max { text-align: right !important; } } @media screen and (min-width: 1000px) { .text-right--1000-min { text-align: right !important; } } @media screen and (max-width: 1000px) { .text-right--1000-max { text-align: right !important; } } @media screen and (min-width: 960px) { .text-right--960-min { text-align: right !important; } } @media screen and (max-width: 960px) { .text-right--960-max { text-align: right !important; } } @media screen and (min-width: 900px) { .text-right--900-min { text-align: right !important; } } @media screen and (max-width: 900px) { .text-right--900-max { text-align: right !important; } } @media screen and (min-width: 860px) { .text-right--860-min { text-align: right !important; } } @media screen and (max-width: 860px) { .text-right--860-max { text-align: right !important; } } @media screen and (min-width: 800px) { .text-right--800-min { text-align: right !important; } } @media screen and (max-width: 800px) { .text-right--800-max { text-align: right !important; } } @media screen and (min-width: 760px) { .text-right--760-min { text-align: right !important; } } @media screen and (max-width: 760px) { .text-right--760-max { text-align: right !important; } } @media screen and (min-width: 700px) { .text-right--700-min { text-align: right !important; } } @media screen and (max-width: 700px) { .text-right--700-max { text-align: right !important; } } @media screen and (min-width: 660px) { .text-right--660-min { text-align: right !important; } } @media screen and (max-width: 660px) { .text-right--660-max { text-align: right !important; } } @media screen and (min-width: 600px) { .text-right--600-min { text-align: right !important; } } @media screen and (max-width: 600px) { .text-right--600-max { text-align: right !important; } } @media screen and (min-width: 560px) { .text-right--560-min { text-align: right !important; } } @media screen and (max-width: 560px) { .text-right--560-max { text-align: right !important; } } @media screen and (min-width: 500px) { .text-right--500-min { text-align: right !important; } } @media screen and (max-width: 500px) { .text-right--500-max { text-align: right !important; } } @media screen and (min-width: 460px) { .text-right--460-min { text-align: right !important; } } @media screen and (max-width: 460px) { .text-right--460-max { text-align: right !important; } } @media screen and (min-width: 400px) { .text-right--400-min { text-align: right !important; } } @media screen and (max-width: 400px) { .text-right--400-max { text-align: right !important; } } @media screen and (min-width: 360px) { .text-right--360-min { text-align: right !important; } } @media screen and (max-width: 360px) { .text-right--360-max { text-align: right !important; } } @media screen and (min-width: 300px) { .text-right--300-min { text-align: right !important; } } @media screen and (max-width: 300px) { .text-right--300-max { text-align: right !important; } } .text-black { color: #111; } .text-break { line-break: anywhere; } .text-capitalize { text-transform: capitalize; } .text-color-main, .text-color-m { color: var(--main-color); } .text-color-md1 { color: var(--main-color-dark-1); } .text-color-md2 { color: var(--main-color-dark-2); } .text-color-md3 { color: var(--main-color-dark-3); } .text-color-ml1 { color: var(--main-color-light-1); } .text-color-ml2 { color: var(--main-color-light-2); } .text-color-ml3 { color: var(--main-color-light-3); } .text-color-secondary, .text-color-s { color: var(--secondary-color); } .text-color-sd1 { color: var(--secondary-color-dark-1); } .text-color-sd2 { color: var(--secondary-color-dark-2); } .text-color-sd3 { color: var(--secondary-color-dark-3); } .text-color-sl1 { color: var(--secondary-color-light-1); } .text-color-sl2 { color: var(--secondary-color-light-2); } .text-color-sl3 { color: var(--secondary-color-light-3); } .text-grey-1 { color: var(--grey-1); } .text-grey-2 { color: var(--grey-2); } .text-grey-3 { color: var(--grey-3); } .text-grey-4 { color: var(--grey-4); } .text-grey-5 { color: var(--grey-5); } .text-grey-6 { color: var(--grey-6); } .text-grey-7 { color: var(--grey-7); } .text-height-normal { line-height: normal !important; } .text-height-1 { line-height: 10px !important; } .text-height-2 { line-height: 20px !important; } .text-height-22 { line-height: 22px !important; } .text-height-25 { line-height: 25px !important; } .text-height-3 { line-height: 30px !important; } .text-height-10 { line-height: 100px !important; } .text-heavy { font-weight: 900 !important; } .text-italic { font-style: italic !important; } .text-style-none { font-style: normal !important; } .text-bold { font-weight: 700 !important; } .text-left { text-align: left; } .text-light { font-weight: 100 !important; } .text-medium { font-weight: 400 !important; } .text-right { text-align: right; } .text-size-small { font-size: var(--wgtIgnite-text-size-small); } .text-size-medium { font-size: var(--wgtIgnite-text-size-medium); } .text-size-large { font-size: var(--wgtIgnite-text-size-large); } .text-size-hero { font-size: var(--wgtIgnite-text-size-hero); } .text-size-max { font-size: var(--wgtIgnite-text-size-max); } .text-shadow-1 { text-shadow: 1px 1px 1px #919191, 1px 2px 1px #919191, 1px 3px 1px #919191, 1px 4px 1px #919191, 1px 5px 1px #919191, 1px 6px 1px #919191, 1px 7px 1px #919191, 1px 8px 1px #919191, 1px 9px 1px #919191, 1px 10px 1px #919191; } .text-shadow-2 { text-shadow: 1px 1px 1px #eee, 1px 2px 1px #919191, 1px 3px 1px #919191, 1px 4px 1px #919191, 1px 5px 20px #ffffff; } .text-shadow-3 { text-shadow: -1px 0px 10px var(--main-color-dark-1); } .text-shadow-4 { text-shadow: 0px 15px 2px rgba(0, 0, 0, 0.2); } .text-shadow-glass { text-shadow: 16px 22px 11px rgba(0, 0, 0, 0.8); } .text-spacing-1 { letter-spacing: 1px; } .text-spacing-2 { letter-spacing: 2px; } .text-spacing-3 { letter-spacing: 3px; } .text-spacing-4 { letter-spacing: 4px; } .text-spacing-5 { letter-spacing: 5px; } .text-spacing-6 { letter-spacing: 6px; } .text-spacing-7 { letter-spacing: 7px; } .text-spacing-8 { letter-spacing: 8px; } .text-spacing-9 { letter-spacing: 9px; } .text-spacing-10 { letter-spacing: 10px; } .text-sub-spacing-1 { letter-spacing: -1px; } .text-sub-spacing-2 { letter-spacing: -2px; } .text-sub-spacing-3 { letter-spacing: -3px; } .text-sub-spacing-4 { letter-spacing: -4px; } .text-sub-spacing-5 { letter-spacing: -5px; } .text-sub-spacing-6 { letter-spacing: -6px; } .text-sub-spacing-7 { letter-spacing: -7px; } .text-sub-spacing-8 { letter-spacing: -8px; } .text-sub-spacing-9 { letter-spacing: -9px; } .text-sub-spacing-10 { letter-spacing: -10px; } .text-uppercase { text-transform: uppercase; } .text-weight-normal { font-weight: normal !important; } .text-white { color: #fff !important; } /* End Text Utilities */ .grd { display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .grd-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } .grd-gap-10 { gap: 10px; } .grd-gap-15 { gap: 15px; } .grd-gap-20 { gap: 20px; } .grd-gap-25 { gap: 25px; } .grd-gap-30 { gap: 30px; } .grd-gap-40 { gap: 40px; } .grd-gap-50 { gap: 50px; } /*E 10/3/22 */ .no-inventory .inventory-only { display: none !important; } /*S 1/11/23 */ /* Start Size Utilities */ .w-10 { width: 10%; } @media screen and (max-width: 500px) { .w-10--small { width: 10% !important; } } @media screen and (min-width: 500px) { .w-10--small-up { width: 10% !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .w-10--medium { width: 10% !important; } } @media screen and (max-width: 900px) { .w-10--medium-down { width: 10% !important; } } @media screen and (min-width: 500px) { .w-10--medium-up { width: 10% !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .w-10--large { width: 10% !important; } } @media screen and (min-width: 900px) { .w-10--large-up { width: 10% !important; } } @media screen and (max-width: 1400px) { .w-10--large-down { width: 10% !important; } } .w-20 { width: 20%; } @media screen and (max-width: 500px) { .w-20--small { width: 20% !important; } } @media screen and (min-width: 500px) { .w-20--small-up { width: 20% !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .w-20--medium { width: 20% !important; } } @media screen and (max-width: 900px) { .w-20--medium-down { width: 20% !important; } } @media screen and (min-width: 500px) { .w-20--medium-up { width: 20% !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .w-20--large { width: 20% !important; } } @media screen and (min-width: 900px) { .w-20--large-up { width: 20% !important; } } @media screen and (max-width: 1400px) { .w-20--large-down { width: 20% !important; } } .w-30 { width: 30%; } @media screen and (max-width: 500px) { .w-30--small { width: 30% !important; } } @media screen and (min-width: 500px) { .w-30--small-up { width: 30% !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .w-30--medium { width: 30% !important; } } @media screen and (max-width: 900px) { .w-30--medium-down { width: 30% !important; } } @media screen and (min-width: 500px) { .w-30--medium-up { width: 30% !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .w-30--large { width: 30% !important; } } @media screen and (min-width: 900px) { .w-30--large-up { width: 30% !important; } } @media screen and (max-width: 1400px) { .w-30--large-down { width: 30% !important; } } .w-40 { width: 40%; } @media screen and (max-width: 500px) { .w-40--small { width: 40% !important; } } @media screen and (min-width: 500px) { .w-40--small-up { width: 40% !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .w-40--medium { width: 40% !important; } } @media screen and (max-width: 900px) { .w-40--medium-down { width: 40% !important; } } @media screen and (min-width: 500px) { .w-40--medium-up { width: 40% !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .w-40--large { width: 40% !important; } } @media screen and (min-width: 900px) { .w-40--large-up { width: 40% !important; } } @media screen and (max-width: 1400px) { .w-40--large-down { width: 40% !important; } } .w-50 { width: 50%; } @media screen and (max-width: 500px) { .w-50--small { width: 50% !important; } } @media screen and (min-width: 500px) { .w-50--small-up { width: 50% !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .w-50--medium { width: 50% !important; } } @media screen and (max-width: 900px) { .w-50--medium-down { width: 50% !important; } } @media screen and (min-width: 500px) { .w-50--medium-up { width: 50% !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .w-50--large { width: 50% !important; } } @media screen and (min-width: 900px) { .w-50--large-up { width: 50% !important; } } @media screen and (max-width: 1400px) { .w-50--large-down { width: 50% !important; } } .w-60 { width: 60%; } @media screen and (max-width: 500px) { .w-60--small { width: 60% !important; } } @media screen and (min-width: 500px) { .w-60--small-up { width: 60% !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .w-60--medium { width: 60% !important; } } @media screen and (max-width: 900px) { .w-60--medium-down { width: 60% !important; } } @media screen and (min-width: 500px) { .w-60--medium-up { width: 60% !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .w-60--large { width: 60% !important; } } @media screen and (min-width: 900px) { .w-60--large-up { width: 60% !important; } } @media screen and (max-width: 1400px) { .w-60--large-down { width: 60% !important; } } .w-70 { width: 70%; } @media screen and (max-width: 500px) { .w-70--small { width: 70% !important; } } @media screen and (min-width: 500px) { .w-70--small-up { width: 70% !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .w-70--medium { width: 70% !important; } } @media screen and (max-width: 900px) { .w-70--medium-down { width: 70% !important; } } @media screen and (min-width: 500px) { .w-70--medium-up { width: 70% !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .w-70--large { width: 70% !important; } } @media screen and (min-width: 900px) { .w-70--large-up { width: 70% !important; } } @media screen and (max-width: 1400px) { .w-70--large-down { width: 70% !important; } } .w-80 { width: 80%; } @media screen and (max-width: 500px) { .w-80--small { width: 80% !important; } } @media screen and (min-width: 500px) { .w-80--small-up { width: 80% !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .w-80--medium { width: 80% !important; } } @media screen and (max-width: 900px) { .w-80--medium-down { width: 80% !important; } } @media screen and (min-width: 500px) { .w-80--medium-up { width: 80% !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .w-80--large { width: 80% !important; } } @media screen and (min-width: 900px) { .w-80--large-up { width: 80% !important; } } @media screen and (max-width: 1400px) { .w-80--large-down { width: 80% !important; } } .w-90 { width: 90%; } @media screen and (max-width: 500px) { .w-90--small { width: 90% !important; } } @media screen and (min-width: 500px) { .w-90--small-up { width: 90% !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .w-90--medium { width: 90% !important; } } @media screen and (max-width: 900px) { .w-90--medium-down { width: 90% !important; } } @media screen and (min-width: 500px) { .w-90--medium-up { width: 90% !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .w-90--large { width: 90% !important; } } @media screen and (min-width: 900px) { .w-90--large-up { width: 90% !important; } } @media screen and (max-width: 1400px) { .w-90--large-down { width: 90% !important; } } .w-100 { width: 100%; } @media screen and (max-width: 500px) { .w-100--small { width: 100% !important; } } @media screen and (min-width: 500px) { .w-100--small-up { width: 100% !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .w-100--medium { width: 100% !important; } } @media screen and (max-width: 900px) { .w-100--medium-down { width: 100% !important; } } @media screen and (min-width: 500px) { .w-100--medium-up { width: 100% !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .w-100--large { width: 100% !important; } } @media screen and (min-width: 900px) { .w-100--large-up { width: 100% !important; } } @media screen and (max-width: 1400px) { .w-100--large-down { width: 100% !important; } } .w-auto { width: auto; } @media screen and (max-width: 500px) { .w-auto--small { width: auto !important; } } @media screen and (min-width: 500px) { .w-auto--small-up { width: auto !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .w-auto--medium { width: auto !important; } } @media screen and (max-width: 900px) { .w-auto--medium-down { width: auto !important; } } @media screen and (min-width: 500px) { .w-auto--medium-up { width: auto !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .w-auto--large { width: auto !important; } } @media screen and (min-width: 900px) { .w-auto--large-up { width: auto !important; } } @media screen and (max-width: 1400px) { .w-auto--large-down { width: auto !important; } } .w-25 { width: 25%; } @media screen and (max-width: 500px) { .w-25--small { width: 25% !important; } } @media screen and (min-width: 500px) { .w-25--small-up { width: 25% !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .w-25--medium { width: 25% !important; } } @media screen and (max-width: 900px) { .w-25--medium-down { width: 25% !important; } } @media screen and (min-width: 500px) { .w-25--medium-up { width: 25% !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .w-25--large { width: 25% !important; } } @media screen and (min-width: 900px) { .w-25--large-up { width: 25% !important; } } @media screen and (max-width: 1400px) { .w-25--large-down { width: 25% !important; } } .w-33 { width: 33.3%; } @media screen and (max-width: 500px) { .w-33--small { width: 33.3% !important; } } @media screen and (min-width: 500px) { .w-33--small-up { width: 33.3% !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .w-33--medium { width: 33.3% !important; } } @media screen and (max-width: 900px) { .w-33--medium-down { width: 33.3% !important; } } @media screen and (min-width: 500px) { .w-33--medium-up { width: 33.3% !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .w-33--large { width: 33.3% !important; } } @media screen and (min-width: 900px) { .w-33--large-up { width: 33.3% !important; } } @media screen and (max-width: 1400px) { .w-33--large-down { width: 33.3% !important; } } .w-45 { width: 45%; } @media screen and (max-width: 500px) { .w-45--small { width: 45% !important; } } @media screen and (min-width: 500px) { .w-45--small-up { width: 45% !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .w-45--medium { width: 45% !important; } } @media screen and (max-width: 900px) { .w-45--medium-down { width: 45% !important; } } @media screen and (min-width: 500px) { .w-45--medium-up { width: 45% !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .w-45--large { width: 45% !important; } } @media screen and (min-width: 900px) { .w-45--large-up { width: 45% !important; } } @media screen and (max-width: 1400px) { .w-45--large-down { width: 45% !important; } } .w-48 { width: 48%; } @media screen and (max-width: 500px) { .w-48--small { width: 48% !important; } } @media screen and (min-width: 500px) { .w-48--small-up { width: 48% !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .w-48--medium { width: 48% !important; } } @media screen and (max-width: 900px) { .w-48--medium-down { width: 48% !important; } } @media screen and (min-width: 500px) { .w-48--medium-up { width: 48% !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .w-48--large { width: 48% !important; } } @media screen and (min-width: 900px) { .w-48--large-up { width: 48% !important; } } @media screen and (max-width: 1400px) { .w-48--large-down { width: 48% !important; } } .w-75 { width: 75%; } @media screen and (max-width: 500px) { .w-75--small { width: 75% !important; } } @media screen and (min-width: 500px) { .w-75--small-up { width: 75% !important; } } @media screen and (min-width: 500px) and (max-width: 900px) { .w-75--medium { width: 75% !important; } } @media screen and (max-width: 900px) { .w-75--medium-down { width: 75% !important; } } @media screen and (min-width: 500px) { .w-75--medium-up { width: 75% !important; } } @media screen and (min-width: 900px) and (max-width: 1400px) { .w-75--large { width: 75% !important; } } @media screen and (min-width: 900px) { .w-75--large-up { width: 75% !important; } } @media screen and (max-width: 1400px) { .w-75--large-down { width: 75% !important; } } .w-constrain { margin-left: auto; margin-right: auto; max-width: var(--row-width); } .h-100 { height: 100vh; } /* End Size Utilities */ /*E 1/11/23 */ * { -webkit-box-sizing: border-box; box-sizing: border-box; } /*S 1/09/23 */ .cc-type { width: 120px; background-size: 280px; background-repeat: no-repeat; } .wgtIgnitePayTemplatesListItemStatCardType .cc-type { height: 100%; width: 100%; } .wgtIgniteOnboarding .cc-type { height: 40px; width: 70px; } .wgtIgniteModalUpgradeNewPaymentMethod .cc-type { width: 80px; } .cc-type.cc-discover, .cc-type.cc-mastercard, .cc-type.cc-visa { background-image: url("/images/cc-icons-transparent.png"); } .wgtIgniteModalUpgradeNewPaymentMethod .cc-type.cc-discover, .wgtIgniteModalUpgradeNewPaymentMethod .cc-type.cc-mastercard, .wgtIgniteModalUpgradeNewPaymentMethod .cc-type.cc-visa { width: 80px; } .wgtIgnitePayTemplatesListItemStatCardType .cc-type.cc-discover, .wgtIgnitePayTemplatesListItemStatCardType .cc-type.cc-mastercard, .wgtIgnitePayTemplatesListItemStatCardType .cc-type.cc-visa { height: 40px; } .cc-type.cc-discover { background-position: -242px; background-size: 480px; width: 60px; } .wgtIgniteOnboarding .cc-type.cc-discover { width: 70px; background-position: -228px; } .wgtIgniteModalUpgradeNewPaymentMethod .cc-type.cc-discover { background-position: -262px -8px; background-size: 550px; } .cc-type.cc-discover .wgtIgniteOverlayCreditPurchase { background-position: -262px -2px; background-size: 550px; } .wgtIgnitePayTemplatesListItemStatCardType .cc-type.cc-discover { height: 35px; width: 52px; } .wgtIgnitePayTemplatesListItemStatCardNumber .cc-type.cc-discover { height: 33px; } .cc-type.cc-visa { background-position: -150px -18px; width: 70px; background-size: 470px; } .wgtIgniteOnboarding .cc-type.cc-visa { width: 70px; background-position: -127px -10px; background-size: 420px; } .wgtIgniteModalUpgradeNewPaymentMethod .cc-type.cc-visa { background-position: -140px -2px; } .cc-type.cc-visa .wgtIgniteOverlayCreditPurchase { background-position: -140px 2px; } .wgtIgnitePayTemplatesListItemStatCardType .cc-type.cc-visa { background-position: -130px -10px; width: 72px; background-size: 420px; } .wgtIgnitePayTemplatesListItemStatCardNumber .cc-type.cc-visa { width: 90px !important; height: 33px; } .cc-type.cc-mastercard { background-position: -78px; background-size: 460px; width: 60px; } .wgtIgniteOnboarding .cc-type.cc-mastercard { width: 70px; background-position: -68px; } .wgtIgniteModalUpgradeNewPaymentMethod .cc-type.cc-mastercard { background-position: -75px -5px; background-size: 500px; } .cc-type.cc-mastercard .wgtIgniteOverlayCreditPurchase { background-position: -75px 1px; background-size: 500px; } .cc-type.cc-mastercard.wgtIgnitePayTemplatesListItemCardIndicator { width: 120px; } .wgtIgnitePayTemplatesListItemStatCardNumber .cc-type.cc-mastercard { height: 33px; } /*E 1/09/23 */ /*S 08/18/23 */ .ͼ1 .cm-foldGutter span { font-size: 24px; color: yellow; } /*E 08/18/23 */ /* S 4/4/22 */ a.wgtIgniteInput { margin-top: 0px; padding: 8px 10px; } .wgtIgniteMainContent a.wgtIgniteHelperBack, .wgtIgniteMainContent a.wgtIgniteHelperToTop { display: -webkit-box; display: -ms-flexbox; display: flex; } a.wgtIgniteButton { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } a.wgtIgniteButtonOnboardingLink.spin { background-color: var(--wgtIgnite-color-1l2); } a.wgtIgniteButtonOnboardingLink.spin::before { -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; background-color: var(--wgtIgnite-color-4); content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 20px; margin-right: 5px; mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; -webkit-mask-position: center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; } /* E 4/4/22 */ html { /*S 8/15/22 */ font-family: var(--wgtIgnite-font) !important; /*E 8/15/22 */ } body, p, h1, h2, h3, h4, h5, h6 { margin: 0px; } span, p, a, li { font-size: var(--wgtIgnite-text-size-default); } a { text-decoration: none; color: var(--wgtIgnite-color-1); } a.wgtIgniteButton:hover { background-color: #e6e5e5; } form { z-index: 1; } input[type=file]::-webkit-file-upload-button { -webkit-box-align: center; align-items: center; background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-color-1l3); border-color: var(--wgtIgnite-color-1l3); border-radius: var(--wgtIgnite-br); -webkit-column-gap: 5px; column-gap: 5px; color: var(--wgtIgnite-palette-base); cursor: pointer; display: -webkit-inline-box; display: inline-flex; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-medium); line-height: normal; padding: 6px; position: relative; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; font-weight: 100 !important; } input[type=file]::file-selector-button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-color-1l3); border-color: var(--wgtIgnite-color-1l3); border-radius: var(--wgtIgnite-br); -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; color: var(--wgtIgnite-palette-base); cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-medium); line-height: normal; padding: 6px; position: relative; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; font-weight: 100 !important; } input[type=file]::-webkit-file-upload-button .rbText { font-size: var(--wgtIgnite-text-size-medium); } input[type=file]::file-selector-button .rbText { font-size: var(--wgtIgnite-text-size-medium); } input[type=file]::-webkit-file-upload-button.rbHovered .rbIcon::before { color: var(--wgtIgnite-color-1l3); opacity: 0.8; } input[type=file]::file-selector-button.rbHovered .rbIcon::before { color: var(--wgtIgnite-color-1l3); opacity: 0.8; } input, textarea { font-family: var(--wgtIgnite-font) !important; } textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border: none; } textarea:active, textarea:focus { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border: none; } p { line-height: 18px; } ul { list-style: none; margin: 0px; padding: 0px; } img[data-edit-target=true] { border: dotted 3px var(--wgtIgnite-color-4); } .forgot-links a:link, .forgot-links a:visited { color: var(--wgtIgnite-color-1); margin: 0 10px; } .forgot-links a:hover, .forgot-links a:active { color: var(--wgtIgnite-color-4); } .form-border { border: 1px solid var(--wgtIgnite-palette-shadow); border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; padding: 10px 10px 10px 20px; } .login-error { color: var(--wgtIgnite-palette-alert); font-weight: bold; font-size: var(--wgtIgnite-text-size-large); } #card-container { max-width: 380px; margin-left: auto; margin-right: auto; } #interactive.viewport { position: relative; } /* S 03/07/23 */ .login-page, html.RadForm, .wgtIgnitePageSubscriptionRenewal { /* --wgtIgnite-font: "Helvetica Neue",Helvetica,Arial,sans-serif !important; */ /* Main Color Settings (Purple: #5E3A90) */ --theme-color-1: 265, 43%; --l-1: 40%; /* Secondary Color Settings (Orange: #ffa500) */ --theme-color-2: 39, 100%; --l-2: 50%; /* 3rd Color Settings (Green: #3a905e) */ --theme-color-3: 145, 43%; --l-3: 40%; /*4th Color Settings (Blue :#09BBFE )*/ --theme-color-4: 196, 99%; --l-4: 52%; --wgtIgnite-font: Poppins, sans-serif; --wgtIgnite-palette-base: #474747; --wgtIgnite-palette-background: #fff; --wgtIgnite-br: 6px; --wgtIgnite-color-1: hsl(var(--theme-color-1),var(--l-1)); --wgtIgnite-color-2: hsl(var(--theme-color-2),var(--l-2)); --wgtIgnite-color-3: hsl(var(--theme-color-3),var(--l-3)); --wgtIgnite-color-4: hsl(var(--theme-color-4),var(--l-4)); --wgtIgnite-color-1d1: hsl(var(--theme-color-1),calc(var(--l-1) - 15%)); --wgtIgnite-color-1d2: hsl(var(--theme-color-1),calc(var(--l-1) - 25%)); --wgtIgnite-color-1d3: hsl(var(--theme-color-1),calc(var(--l-1) - 35%)); --wgtIgnite-color-1d4: hsl(var(--theme-color-1),calc(var(--l-1) - 45%)); --wgtIgnite-color-1d5: hsl(var(--theme-color-1),calc(96%)); --wgtIgnite-color-1l1: hsl(var(--theme-color-1),calc(var(--l-1) + 15%)); --wgtIgnite-color-1l2: hsl(var(--theme-color-1),calc(var(--l-1) + 25%)); --wgtIgnite-color-1l3: hsl(var(--theme-color-1),calc(var(--l-1) + 35%)); --wgtIgnite-color-1l4: hsl(var(--theme-color-1),calc(var(--l-1) + 45%)); --wgtIgnite-color-1l5: hsl(var(--theme-color-1),calc(96%)); --wgtIgnite-color-2d1: hsl(var(--theme-color-2),calc(var(--l-2) - 15%)); --wgtIgnite-color-2d2: hsl(var(--theme-color-2),calc(var(--l-2) - 25%)); --wgtIgnite-color-2d3: hsl(var(--theme-color-2),calc(var(--l-2) - 35%)); --wgtIgnite-color-2d4: hsl(var(--theme-color-2),calc(var(--l-2) - 45%)); --wgtIgnite-color-2d5: hsl(var(--theme-color-2),calc(96%)); --wgtIgnite-color-2l1: hsl(var(--theme-color-2),calc(var(--l-2) + 15%)); --wgtIgnite-color-2l2: hsl(var(--theme-color-2),calc(var(--l-2) + 25%)); --wgtIgnite-color-2l3: hsl(var(--theme-color-2),calc(var(--l-2) + 35%)); --wgtIgnite-color-2l4: hsl(var(--theme-color-2),calc(var(--l-2) + 45%)); --wgtIgnite-color-2l5: hsl(var(--theme-color-2),calc(96%)); --wgtIgnite-color-3d1: hsl(var(--theme-color-3),calc(var(--l-3) - 15%)); --wgtIgnite-color-3d2: hsl(var(--theme-color-3),calc(var(--l-3) - 25%)); --wgtIgnite-color-3d3: hsl(var(--theme-color-3),calc(var(--l-3) - 35%)); --wgtIgnite-color-3d4: hsl(var(--theme-color-3),calc(var(--l-3) - 45%)); --wgtIgnite-color-3d5: hsl(var(--theme-color-3),calc(96%)); --wgtIgnite-color-3l1: hsl(var(--theme-color-3),calc(var(--l-3) + 15%)); --wgtIgnite-color-3l2: hsl(var(--theme-color-3),calc(var(--l-3) + 25%)); --wgtIgnite-color-3l3: hsl(var(--theme-color-3),calc(var(--l-3) + 35%)); --wgtIgnite-color-3l4: hsl(var(--theme-color-3),calc(var(--l-3) + 45%)); --wgtIgnite-color-3l5: hsl(var(--theme-color-3),calc(96%)); --wgtIgnite-color-4d1: hsl(var(--theme-color-4),calc(var(--l-4) - 15%)); --wgtIgnite-color-4d2: hsl(var(--theme-color-4),calc(var(--l-4) - 25%)); --wgtIgnite-color-4d3: hsl(var(--theme-color-4),calc(var(--l-4) - 35%)); --wgtIgnite-color-4d4: hsl(var(--theme-color-4),calc(var(--l-4) - 45%)); --wgtIgnite-color-4d5: hsl(var(--theme-color-4),calc(96%)); --wgtIgnite-color-4l1: hsl(var(--theme-color-4),calc(var(--l-4) + 15%)); --wgtIgnite-color-4l2: hsl(var(--theme-color-4),calc(var(--l-4) + 25%)); --wgtIgnite-color-4l3: hsl(var(--theme-color-4),calc(var(--l-4) + 35%)); --wgtIgnite-color-4l4: hsl(var(--theme-color-4),calc(var(--l-4) + 45%)); --wgtIgnite-color-4l5: hsl(var(--theme-color-4),calc(96%)); --wgtIgnite-palette-commandbar-bg: var(--wgtIgnite-color-1); --wgtIgnite-palette-scrollbar: var(--wgtIgnite-color-2); --wgtIgnite-palette-search-icon: var(--wgtIgnite-color-1); --wgtIgnite-palette-list-item-bg: var(--wgtIgnite-color-2l4); --wgtIgnite-palette-list-item-fade: var(--wgtIgnite-color-2l4); } .login-page.flexer, html.RadForm.flexer, .wgtIgnitePageSubscriptionRenewal.flexer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; padding-left: 20px; padding-right: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: var(--wgtIgnite-color-1); background: var(--wgtIgnite-color-1); /* fallback for old browsers */ background: -webkit-gradient(linear, left top, right top, from(var(--wgtIgnite-color-1)), to(var(--wgtIgnite-color-1l1))); background: linear-gradient(to right, var(--wgtIgnite-color-1), var(--wgtIgnite-color-1l1)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ font-family: var(--wgtIgnite-font); } .login-page.flexer input:focus + i, html.RadForm.flexer input:focus + i, .wgtIgnitePageSubscriptionRenewal.flexer input:focus + i { color: var(--wgtIgnite-color-4) !important; } .login-page.flexer .text-areas, html.RadForm.flexer .text-areas, .wgtIgnitePageSubscriptionRenewal.flexer .text-areas { text-align: center; padding: 30px 20px 50px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 10px 10px var(--wgtIgnite-color-1); box-shadow: 0px 0px 10px 10px var(--wgtIgnite-color-1); max-width: 500px; width: 100%; -ms-flex-item-align: center; align-self: center; border-radius: 12px; } .login-page.flexer .text-areas .fonticon, html.RadForm.flexer .text-areas .fonticon, .wgtIgnitePageSubscriptionRenewal.flexer .text-areas .fonticon { position: relative; } .login-page.flexer .text-areas .fonticon input.TextBox, html.RadForm.flexer .text-areas .fonticon input.TextBox, .wgtIgnitePageSubscriptionRenewal.flexer .text-areas .fonticon input.TextBox { width: 80%; border: 0px solid var(--wgtIgnite-palette-shadow); background-color: var(--wgtIgnite-palette-grey-1); height: 45px; font-size: var(--wgtIgnite-text-size-medium); border-radius: 4px; padding: 10px 10px 10px 60px; margin-top: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border: none; } .login-page.flexer .text-areas .fonticon i, html.RadForm.flexer .text-areas .fonticon i, .wgtIgnitePageSubscriptionRenewal.flexer .text-areas .fonticon i { position: absolute; left: 65px; top: 42px; color: #7e7e7e; } .login-page.flexer .text-areas .LoginButton, html.RadForm.flexer .text-areas .LoginButton, .wgtIgnitePageSubscriptionRenewal.flexer .text-areas .LoginButton { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: var(--wgtIgnite-text-size-medium); margin: 20px; text-decoration: none; line-height: 20px; padding: 10px 30px; -webkit-appearance: none; border-radius: 20px; background-color: transparent; text-transform: uppercase; -webkit-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; width: auto; min-width: 200px; text-align: center; border: 0px solid var(--wgtIgnite-color-4); background-color: var(--wgtIgnite-color-4); color: #fff; font-size: var(--wgtIgnite-text-size-medium); } .login-page.flexer .text-areas .LoginButton.disabled, html.RadForm.flexer .text-areas .LoginButton.disabled, .wgtIgnitePageSubscriptionRenewal.flexer .text-areas .LoginButton.disabled { pointer-events: none; opacity: 0.6; } .login-page.flexer .text-areas .LoginButton:hover, html.RadForm.flexer .text-areas .LoginButton:hover, .wgtIgnitePageSubscriptionRenewal.flexer .text-areas .LoginButton:hover { background-color: var(--wgtIgnite-color-1); color: #fff; cursor: pointer; } .login-page.flexer .text-areas .login-error, html.RadForm.flexer .text-areas .login-error, .wgtIgnitePageSubscriptionRenewal.flexer .text-areas .login-error { color: var(--wgtIgnite-palette-alert); font-weight: bold; font-size: var(--wgtIgnite-text-size-large); } /* E 03/07/23 */ .text-areas input.error, .text-areas textarea.error, .text-areas select.error { border: solid 4px var(--wgtIgnite-palette-alert) !important; } .text-areas.acct-box .TextBox { padding-left: 10px !important; padding-right: 40px !important; margin-top: 5px !important; margin-bottom: 15px; width: 98% !important; -webkit-box-sizing: inherit !important; box-sizing: inherit !important; } .text-areas.acct-box .TextBox .LoginButton { margin: 0 auto !important; } .text-areas + a { color: var(--wgtIgnite-palette-background); font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteLoginHeader + .text-areas { margin-top: 20px !important; } .login-page { overflow-y: scroll; } .green-icon { color: var(--wgtIgnite-color-3); margin-right: 10px; } .red-icon { color: var(--wgtIgnite-palette-alert); margin-right: 10px; } /*S 7/7/22 */ .hidden { display: none !important; opacity: 0 !important; pointer-events: none !important; } /*E 7/7/22 */ /*S 05/30/23 */ .invisible { visibility: hidden !important; } /*E 05/30/23 */ /* Start 3/10/22 */ .ico, .icoLight { width: 20px; } .wgtIgniteSelectMenuItem .ico, .wgtIgniteSelectMenuItem .icoLight { width: 10px; } /* End 3/10/22 */ .i, .i-wizardHat, .i-wand, .i-times, .wgtIgniteOrderRecipientListCloser::before, .wgtIgniteOrderProductListItemDelete::before, .wgtIgniteOrderCorporateProductListItemDelete::before, .wgtIgniteBarcodeScanListItemDelete::before, .i-showTags, .i-selectMatching, .i-selectAll, .i-quickMenu, .i-publish, .i-print, .wgtIgniteOrderProductListItemPrint::before, .wgtIgniteOrderCorporateProductListItemPrint::before, .i-preview, .i-pen, .i-pencil, .wgtIgniteProductListItemEdit::before, .wgtIgniteOrderProductListItemEdit::before, .wgtIgniteOrderCorporateProductListItemEdit::before, .wgtIgniteCorporateProductsListItemEdit::before, .RadEditor.wgtIgniteEditorVisual .reEditorModes .reMode_design span::before, .i-paper-plane, .wgtIgniteCampaignMessagesListItemStatus.RadLabel::before, .i-unpublish, .i-mouse-pointer, .wgtIgniteCampaignDetailsStatTotalClicks .wgtIgniteCampaignDetailsStatIcon::after, .i-mobile, .wgtIgniteCampaignDetailsStatSMSSent .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignAnalyticsMessagesListItemStatValue.RadLabel.sms::before, .i-minus, .i-import, .i-handSparkles, .i-groupMoveReveal, .i-gripLines, .i-trashcan, .wgtIgniteVoidWindowBodyGraphic::before, .wgtIgniteProductListItemDelete::before, .wgtIgniteCorporateProductsListItemDelete::before, .i-tokens, .i-search, .wgtIgniteOrderRecipientSearchWrapper::after, .i-plus, .wgtIgniteProductListItemAdd::before, .wgtIgniteCorporateProductsListItemAdd::before, .i-pause, .wgtIgniteCampaignDetailsHeaderStatPaused.RadLabel::before, .i-lock, .wgtIgniteCampaignDetailsHeaderStatLocked.RadLabel::before, .i-group, .wgtIgniteCampaignDetailsStatTotalRecipients .wgtIgniteCampaignDetailsStatIcon::before, .i-filters, .i-eye, .wgtIgniteCampaignDetailsStatOpenRate .wgtIgniteCampaignDetailsStatIcon::before, .RadEditor.wgtIgniteEditorVisual .reEditorModes .reMode_preview span::before, .i-envelope-open, .wgtIgniteCampaignDetailsStatTotalConversions .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignDetailsStatTotalClicks .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignDetailsStatEmailsOpened .wgtIgniteCampaignDetailsStatIcon::before, .i-envelope, .wgtIgniteCampaignDetailsStatEmailsSent .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignAnalyticsMessagesListItemStatValue.RadLabel.email::before, .i-export, .i-drop, .wgtIgniteCampaignsListItemStatTiming.drip .wgtIgniteCampaignsListItemStatValue.RadLabel::before, .wgtIgniteCampaignTimingTitle.RadLabel.drip::before, .wgtIgniteCampaignDetailsHeaderStatType.RadLabel.drip::before, .wgtIgniteCampaignDetailsHeaderStatActive.RadLabel.drip::before, .wgtIgniteCampaignDetailsHeaderStatLocked.RadLabel.drip::before, .wgtIgniteCampaignDetailsHeaderStatPaused.RadLabel.drip::before, .i-deselect-matching, .i-design, .i-copy, .i-check, .i-chart, .wgtIgniteCampaignDetailsStatClickRate .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignDetailsStatConversionRate .wgtIgniteCampaignDetailsStatIcon::before, .i-clipboard, .i-comms, .i-coins, .i-code, .RadEditor.wgtIgniteEditorVisual .reEditorModes .reMode_html span::before, .i-chevronUp, .i-chevronDown, .wgtIgniteInventoryListItemStatStockAvailable .wgtIgniteInventoryListItemStatValue::after, .wgtIgniteInventoryListItemStatStockOnHand .wgtIgniteInventoryListItemStatValue::after, .wgtIgniteInventoryListItemStatStockUnavailable .wgtIgniteInventoryListItemStatValue::after, .wgtIgniteInventoryListItemStatStockCommitted .wgtIgniteInventoryListItemStatValue::after, .i-check-circle, .wgtIgniteCampaignDetailsStatConversionRate .wgtIgniteCampaignDetailsStatIcon::after, .wgtIgniteCampaignDetailsStatTotalConversions .wgtIgniteCampaignDetailsStatIcon::after, .i-change, .i-campaign, .i-card, .i-calendar, .wgtIgniteCampaignsListItemStatTiming.scheduled .wgtIgniteCampaignsListItemStatValue.RadLabel::before, .wgtIgniteCampaignTimingTitle.RadLabel.scheduled::before, .wgtIgniteCampaignDetailsHeaderStatType.RadLabel.scheduled::before, .wgtIgniteCampaignDetailsHeaderStatActive.RadLabel.scheduled::before, .wgtIgniteCampaignDetailsHeaderStatLocked.RadLabel.scheduled::before, .wgtIgniteCampaignDetailsHeaderStatPaused.RadLabel.scheduled::before, .i-barcode, .i-ban, .wgtIgniteOrderRecipientListItemStatOptOut.out::before, .wgtIgniteCampaignRecipientsListItemStatOptOut .wgtIgniteCampaignRecipientsListItemStatValue.RadLabel::before, .wgtIgniteCampaignDetailsStatOptOut .wgtIgniteCampaignDetailsStatIcon::before, .i-back, .i-analytics, .i-addLead { line-height: normal; font-family: var(--wgtIgnite-font) !important; background-color: var(--wgtIgnite-color-1); content: "" !important; display: block !important; width: 15px; height: 15px; mask-repeat: no-repeat; mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } .i-addLead { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-analytics { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .i-back { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-ban, .wgtIgniteOrderRecipientListItemStatOptOut.out::before, .wgtIgniteCampaignRecipientsListItemStatOptOut .wgtIgniteCampaignRecipientsListItemStatValue.RadLabel::before, .wgtIgniteCampaignDetailsStatOptOut .wgtIgniteCampaignDetailsStatIcon::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-barcode { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-calendar, .wgtIgniteCampaignsListItemStatTiming.scheduled .wgtIgniteCampaignsListItemStatValue.RadLabel::before, .wgtIgniteCampaignTimingTitle.RadLabel.scheduled::before, .wgtIgniteCampaignDetailsHeaderStatType.RadLabel.scheduled::before, .wgtIgniteCampaignDetailsHeaderStatActive.RadLabel.scheduled::before, .wgtIgniteCampaignDetailsHeaderStatLocked.RadLabel.scheduled::before, .wgtIgniteCampaignDetailsHeaderStatPaused.RadLabel.scheduled::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-card { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-campaign { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-change { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-check-circle, .wgtIgniteCampaignDetailsStatConversionRate .wgtIgniteCampaignDetailsStatIcon::after, .wgtIgniteCampaignDetailsStatTotalConversions .wgtIgniteCampaignDetailsStatIcon::after { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-chevronDown, .wgtIgniteInventoryListItemStatStockAvailable .wgtIgniteInventoryListItemStatValue::after, .wgtIgniteInventoryListItemStatStockOnHand .wgtIgniteInventoryListItemStatValue::after, .wgtIgniteInventoryListItemStatStockUnavailable .wgtIgniteInventoryListItemStatValue::after, .wgtIgniteInventoryListItemStatStockCommitted .wgtIgniteInventoryListItemStatValue::after { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-chevronUp { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-code, .RadEditor.wgtIgniteEditorVisual .reEditorModes .reMode_html span::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-coins { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-comms { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .i-clipboard { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-chart, .wgtIgniteCampaignDetailsStatClickRate .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignDetailsStatConversionRate .wgtIgniteCampaignDetailsStatIcon::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-check { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-copy { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-design { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-deselect-matching { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-drop, .wgtIgniteCampaignsListItemStatTiming.drip .wgtIgniteCampaignsListItemStatValue.RadLabel::before, .wgtIgniteCampaignTimingTitle.RadLabel.drip::before, .wgtIgniteCampaignDetailsHeaderStatType.RadLabel.drip::before, .wgtIgniteCampaignDetailsHeaderStatActive.RadLabel.drip::before, .wgtIgniteCampaignDetailsHeaderStatLocked.RadLabel.drip::before, .wgtIgniteCampaignDetailsHeaderStatPaused.RadLabel.drip::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-export { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-envelope, .wgtIgniteCampaignDetailsStatEmailsSent .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignAnalyticsMessagesListItemStatValue.RadLabel.email::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-envelope-open, .wgtIgniteCampaignDetailsStatTotalConversions .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignDetailsStatTotalClicks .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignDetailsStatEmailsOpened .wgtIgniteCampaignDetailsStatIcon::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-eye, .wgtIgniteCampaignDetailsStatOpenRate .wgtIgniteCampaignDetailsStatIcon::before, .RadEditor.wgtIgniteEditorVisual .reEditorModes .reMode_preview span::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-filters { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-group, .wgtIgniteCampaignDetailsStatTotalRecipients .wgtIgniteCampaignDetailsStatIcon::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-lock, .wgtIgniteCampaignDetailsHeaderStatLocked.RadLabel::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-pause, .wgtIgniteCampaignDetailsHeaderStatPaused.RadLabel::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-plus, .wgtIgniteProductListItemAdd::before, .wgtIgniteCorporateProductsListItemAdd::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-search, .wgtIgniteOrderRecipientSearchWrapper::after { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-tokens { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-trashcan, .wgtIgniteVoidWindowBodyGraphic::before, .wgtIgniteProductListItemDelete::before, .wgtIgniteCorporateProductsListItemDelete::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-gripLines { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-groupMoveReveal { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-handSparkles { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-import { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-minus { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-mobile, .wgtIgniteCampaignDetailsStatSMSSent .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignAnalyticsMessagesListItemStatValue.RadLabel.sms::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-mouse-pointer, .wgtIgniteCampaignDetailsStatTotalClicks .wgtIgniteCampaignDetailsStatIcon::after { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-unpublish { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-paper-plane, .wgtIgniteCampaignMessagesListItemStatus.RadLabel::before { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .i-pencil, .wgtIgniteProductListItemEdit::before, .wgtIgniteOrderProductListItemEdit::before, .wgtIgniteOrderCorporateProductListItemEdit::before, .wgtIgniteCorporateProductsListItemEdit::before, .RadEditor.wgtIgniteEditorVisual .reEditorModes .reMode_design span::before { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .i-pen { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .i-preview { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .i-print, .wgtIgniteOrderProductListItemPrint::before, .wgtIgniteOrderCorporateProductListItemPrint::before { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .i-publish { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-quickMenu { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-selectAll { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-search, .wgtIgniteOrderRecipientSearchWrapper::after { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-selectMatching { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-showTags { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-times, .wgtIgniteOrderRecipientListCloser::before, .wgtIgniteOrderProductListItemDelete::before, .wgtIgniteOrderCorporateProductListItemDelete::before, .wgtIgniteBarcodeScanListItemDelete::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-wand { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .i-wizardHat { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .ico { /* icoOverride */ } .icoOverride::before { line-height: normal; font-family: var(--wgtIgnite-font) !important; background-color: var(--wgtIgnite-color-1); content: "" !important; display: block !important; width: 15px; height: 15px; mask-repeat: no-repeat; mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } .icoOverride.icoAddLead::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoAnalytics::before { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoBack::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoBan::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoBarcode::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoCard::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoCampaign::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoArrowAngleRight::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-size: 8px; mask-size: 8px; } .icoOverride.icoArrowAngleDoubleRight::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoArrowAngleLeft::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-size: 8px; mask-size: 8px; } .icoOverride.icoArrowAngleDoubleLeft::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoCamera::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoChevronDown::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoChevronUp::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoChange::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoCode::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoComms::before { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoClipboard::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoCheck::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoCoins::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8, '); } .icoOverride.icoCopy::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoClose::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoDesign::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoDeselectMatching::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoExport::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoEye::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoFilters::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoTokens::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoTrashcan::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoGripLines::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoGroupMoveReveal::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoHandSparkles::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoImport::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoMinus::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoMobile::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoUnpublish::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoOptIn::before { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } .icoOverride.icoPen::before { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoPlay::before { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoPause::before { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoPrint::before { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoPreview::before { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoPublish::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoQuickMenu::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoSelectAll::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoSearch::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoSelectMatching::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoShowTags::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoTrashcan::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoWand::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .icoOverride.icoWizardHat::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .right-align { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .select-hide { display: none; } .select-items div { border-radius: 0; } /*top boxes data points*/ .trend-number { vertical-align: top; } html.onboarding_step_1, html.onboarding_step_2, html.onboarding_step_3, html.onboarding_step_4 { height: 100%; } html.onboarding_step_1 body, html.onboarding_step_1 form, html.onboarding_step_1 #container, html.onboarding_step_1 #main, html.onboarding_step_1 .wgtIgnite, html.onboarding_step_2 body, html.onboarding_step_2 form, html.onboarding_step_2 #container, html.onboarding_step_2 #main, html.onboarding_step_2 .wgtIgnite, html.onboarding_step_3 body, html.onboarding_step_3 form, html.onboarding_step_3 #container, html.onboarding_step_3 #main, html.onboarding_step_3 .wgtIgnite, html.onboarding_step_4 body, html.onboarding_step_4 form, html.onboarding_step_4 #container, html.onboarding_step_4 #main, html.onboarding_step_4 .wgtIgnite { height: 100%; } html.onboarding_step_1 .wgtIgnite, html.onboarding_step_2 .wgtIgnite, html.onboarding_step_3 .wgtIgnite, html.onboarding_step_4 .wgtIgnite { overflow-y: scroll; } /* S 10/10/22 */ .performance-trend { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; line-height: 15px; width: 100%; font-weight: 100; } .performance-trend::before { background-color: transparent; content: ""; display: block; font-family: var(--wgtIgnite-font) !important; width: 12px; height: 12px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .performance-trend.ascending::before { background-color: #0f0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .performance-trend.descending::before { background-color: #f00; } .performance-label { width: 100%; } /* E 10/10/22 */ /* S 5/5/22 */ .st-btn > img { top: 10px !important; } /* E 5/5/22 */ .ico path { fill: var(--wgtIgnite-color-1); } .icoHero path { fill: var(--wgtIgnite-color-4); } .icoLight path { fill: var(--wgtIgnite-palette-grey-4); } /* S 4/26/22 */ .t-container, .t-row, .t-col { height: 100% !important; } /*E 4/26/22 */ /* ********************** */ /* START TELERIK OVERRIDES */ /* ********************** */ .ruUploadSuccess { border-bottom: solid 1px var(--wgtIgnite-color-1); } .wgtIgniteSectionContent > .RadAjaxPanel { width: 100%; } .RadAsyncUpload { font-family: var(--wgtIgnite-font) !important; } .RadAsyncUpload .ruBrowse { border-color: var(--wgtIgnite-color-1l3) !important; font-size: var(--wgtIgnite-text-size-medium) !important; margin-left: 0px !important; margin-bottom: 0px !important; } .RadAutoCompleteBox .racToken { padding: 8px 30px 8px 10px; } .RadAutoCompleteBox .racToken .p-icon::before { color: var(--wgtIgnite-color-1) !important; } .RadBarcode { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .RadButton { /* Specific styling for the radio buttons in the layout editor */ /*S 01/27/23 */ /*E 01/27/23 */ } .RadButton.rbButton, .RadButton.RadButton_Bootstrap.rbButton, .RadButton.rbRadioButton { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-color-1l3); border-color: var(--wgtIgnite-color-1l3); border-radius: var(--wgtIgnite-br); -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; color: var(--wgtIgnite-palette-base); cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-medium); line-height: normal; padding: 6px; position: relative; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } .RadButton.rbButton .rbText, .RadButton.RadButton_Bootstrap.rbButton .rbText, .RadButton.rbRadioButton .rbText { font-size: var(--wgtIgnite-text-size-medium); } .RadButton.rbButton.rbHovered .rbIcon::before, .RadButton.RadButton_Bootstrap.rbButton.rbHovered .rbIcon::before, .RadButton.rbRadioButton.rbHovered .rbIcon::before { color: var(--wgtIgnite-color-1l3); opacity: 0.8; } .RadButton.rbButton.rbIconOnly, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly, .RadButton.rbRadioButton.rbIconOnly { min-width: 37px; min-height: 37px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .RadButton.rbButton.rbIconOnly .rbSecondaryIcon, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly .rbSecondaryIcon, .RadButton.rbRadioButton.rbIconOnly .rbSecondaryIcon { margin: 0px !important; } .RadButton.rbButton.rbIconOnly.wgtIgniteEntryEditTrigger, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonStaffAccountEdit, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteEntryEditTrigger, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonStaffAccountEdit, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteEntryEditTrigger, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonStaffAccountEdit { min-width: unset; min-height: unset; } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonStaffAccountEdit, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonStaffAccountEdit, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonStaffAccountEdit { padding: 3px; } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatesCopy, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteCopy, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatesCopy, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteCopy, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonEmailTemplatesCopy, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonSparkSiteCopy { background-color: var(--wgtIgnite-color-4); } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatesCopy.rbHovered, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteCopy.rbHovered, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatesCopy.rbHovered, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteCopy.rbHovered, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonEmailTemplatesCopy.rbHovered, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonSparkSiteCopy.rbHovered { background-color: var(--wgtIgnite-color-4l1) !important; } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplateEdit, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteEdit, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplateEdit, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteEdit, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonEmailTemplateEdit, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonSparkSiteEdit { background-color: var(--wgtIgnite-color-2); } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplateEdit.invisible, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteEdit.invisible, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplateEdit.invisible, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteEdit.invisible, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonEmailTemplateEdit.invisible, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonSparkSiteEdit.invisible { display: none; } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplateEdit.rbHovered, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteEdit.rbHovered, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplateEdit.rbHovered, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteEdit.rbHovered, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonEmailTemplateEdit.rbHovered, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonSparkSiteEdit.rbHovered { background-color: var(--wgtIgnite-color-2l1) !important; } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplateVisualEdit, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteVisualEdit, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplateVisualEdit, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteVisualEdit, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonEmailTemplateVisualEdit, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonSparkSiteVisualEdit { background-color: var(--wgtIgnite-color-3l1); } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplateVisualEdit.invisible, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteVisualEdit.invisible, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplateVisualEdit.invisible, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteVisualEdit.invisible, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonEmailTemplateVisualEdit.invisible, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonSparkSiteVisualEdit.invisible { display: none; } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplateVisualEdit.rbHovered, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteVisualEdit.rbHovered, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplateVisualEdit.rbHovered, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteVisualEdit.rbHovered, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonEmailTemplateVisualEdit.rbHovered, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonSparkSiteVisualEdit.rbHovered { background-color: var(--wgtIgnite-color-3l4) !important; } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatePreview, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonSparkSitePreview, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatePreview, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonSparkSitePreview, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonEmailTemplatePreview, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonSparkSitePreview { margin-left: auto; } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatePreview.invisible, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonSparkSitePreview.invisible, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatePreview.invisible, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonSparkSitePreview.invisible, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonEmailTemplatePreview.invisible, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonSparkSitePreview.invisible { display: none; } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatesDelete, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteDelete, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatesDelete, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteDelete, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonEmailTemplatesDelete, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonSparkSiteDelete { background-color: transparent; border: none; min-width: 30px; margin-right: auto; } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatesDelete::before, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteDelete::before, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatesDelete::before, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteDelete::before, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonEmailTemplatesDelete::before, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonSparkSiteDelete::before { display: none; } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatesDelete .rbIcon::before, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteDelete .rbIcon::before, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatesDelete .rbIcon::before, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteDelete .rbIcon::before, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonEmailTemplatesDelete .rbIcon::before, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonSparkSiteDelete .rbIcon::before { color: #000000; opacity: 1; } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatesDelete.rbHovered, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteDelete.rbHovered, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatesDelete.rbHovered, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteDelete.rbHovered, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonEmailTemplatesDelete.rbHovered, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonSparkSiteDelete.rbHovered { background-color: transparent !important; } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatesDelete.rbHovered .rbIcon::before, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteDelete.rbHovered .rbIcon::before, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonEmailTemplatesDelete.rbHovered .rbIcon::before, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonSparkSiteDelete.rbHovered .rbIcon::before, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonEmailTemplatesDelete.rbHovered .rbIcon::before, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonSparkSiteDelete.rbHovered .rbIcon::before { opacity: 0.8; } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonCampaignMessagePreview, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonCampaignMessageRemove, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonCampaignMessagePreview, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonCampaignMessageRemove, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonCampaignMessagePreview, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonCampaignMessageRemove { border-radius: 40px !important; } .RadButton.rbButton.rbIconOnly.wgtIgniteButtonLibraryAssetDelete, .RadButton.rbButton.rbIconOnly.wgtIgniteButtonLibraryAssetPreview, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonLibraryAssetDelete, .RadButton.RadButton_Bootstrap.rbButton.rbIconOnly.wgtIgniteButtonLibraryAssetPreview, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonLibraryAssetDelete, .RadButton.rbRadioButton.rbIconOnly.wgtIgniteButtonLibraryAssetPreview { min-height: 25px; min-width: 25px; padding: 0px; } .RadButton.rbButton.rbPrimaryButton, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton, .RadButton.rbRadioButton.rbPrimaryButton { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--wgtIgnite-color-1l1); border: solid 1px var(--wgtIgnite-color-1); border-color: var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; color: var(--wgtIgnite-palette-background); cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-medium); line-height: normal; padding: 6px; position: relative; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } .RadButton.rbButton.rbPrimaryButton .rbText, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton .rbText, .RadButton.rbRadioButton.rbPrimaryButton .rbText { font-size: var(--wgtIgnite-text-size-medium); } .RadButton.rbButton.rbPrimaryButton .rbIcon::before, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton .rbIcon::before, .RadButton.rbRadioButton.rbPrimaryButton .rbIcon::before { color: var(--wgtIgnite-palette-background); } .RadButton.rbButton.rbPrimaryButton .rbIcon.icoOverride::before, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton .rbIcon.icoOverride::before, .RadButton.rbRadioButton.rbPrimaryButton .rbIcon.icoOverride::before { background-color: var(--wgtIgnite-palette-background); } .RadButton.rbButton.rbPrimaryButton.rbDisabled, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton.rbDisabled, .RadButton.rbRadioButton.rbPrimaryButton.rbDisabled { background-color: var(--wgtIgnite-palette-grey-7); pointer-events: none !important; } .RadButton.rbButton.rbPrimaryButton.rbHovered, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton.rbHovered, .RadButton.rbRadioButton.rbPrimaryButton.rbHovered { background-color: var(--wgtIgnite-color-1) !important; } .RadButton.rbButton.rbPrimaryButton.rbHovered.wgtIgniteButtonPayTemplateDelete, .RadButton.rbButton.rbPrimaryButton.rbHovered.wgtIgniteButtonCancelAccount, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton.rbHovered.wgtIgniteButtonPayTemplateDelete, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton.rbHovered.wgtIgniteButtonCancelAccount, .RadButton.rbRadioButton.rbPrimaryButton.rbHovered.wgtIgniteButtonPayTemplateDelete, .RadButton.rbRadioButton.rbPrimaryButton.rbHovered.wgtIgniteButtonCancelAccount { background-color: var(--wgtIgnite-palette-alert) !important; border-color: var(--wgtIgnite-palette-background); } .RadButton.rbButton.rbPrimaryButton.rbHovered.wgtIgniteEntryEditTrigger, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton.rbHovered.wgtIgniteEntryEditTrigger, .RadButton.rbRadioButton.rbPrimaryButton.rbHovered.wgtIgniteEntryEditTrigger { background-color: transparent !important; } .wgtIgniteExpiredSubscriptionRenewalPaymentNew.open .RadButton.rbButton.rbPrimaryButton.wgtIgniteButtonAddRenewalPaymentMethod, .wgtIgniteExpiredSubscriptionRenewalPaymentNew.open .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton.wgtIgniteButtonAddRenewalPaymentMethod, .wgtIgniteExpiredSubscriptionRenewalPaymentNew.open .RadButton.rbRadioButton.rbPrimaryButton.wgtIgniteButtonAddRenewalPaymentMethod { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; pointer-events: none; } .RadButton.rbButton.rbPrimaryButton.wgtIgniteButtonCommunicationsBuilderLayoutBlockControlsMoveUp, .RadButton.rbButton.rbPrimaryButton.wgtIgniteButtonCommunicationsBuilderLayoutBlockControlsMoveDown, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton.wgtIgniteButtonCommunicationsBuilderLayoutBlockControlsMoveUp, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton.wgtIgniteButtonCommunicationsBuilderLayoutBlockControlsMoveDown, .RadButton.rbRadioButton.rbPrimaryButton.wgtIgniteButtonCommunicationsBuilderLayoutBlockControlsMoveUp, .RadButton.rbRadioButton.rbPrimaryButton.wgtIgniteButtonCommunicationsBuilderLayoutBlockControlsMoveDown { min-height: 35px; padding: 4px 6px !important; } .RadButton.rbButton.rbPrimaryButton.wgtIgniteButtonAddTemplate, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton.wgtIgniteButtonAddTemplate, .RadButton.rbRadioButton.rbPrimaryButton.wgtIgniteButtonAddTemplate { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .RadButton.rbButton.rbPrimaryButton.wgtIgniteButtonOrderListRefresh, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton.wgtIgniteButtonOrderListRefresh, .RadButton.rbRadioButton.rbPrimaryButton.wgtIgniteButtonOrderListRefresh { padding: 5px 6px; } .RadButton.rbButton.rbPrimaryButton.wgtIgniteButtonTokenizeCC, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton.wgtIgniteButtonTokenizeCC, .RadButton.rbRadioButton.rbPrimaryButton.wgtIgniteButtonTokenizeCC { display: none; } .card-verified .RadButton.rbButton.rbPrimaryButton.wgtIgniteButtonTokenizeCC, .card-verified .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton.wgtIgniteButtonTokenizeCC, .card-verified .RadButton.rbRadioButton.rbPrimaryButton.wgtIgniteButtonTokenizeCC { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .RadButton.rbButton.rbPrimaryButton.wgtIgniteCommunicationsRecipientsListItemRemoveLink, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton.wgtIgniteCommunicationsRecipientsListItemRemoveLink, .RadButton.rbRadioButton.rbPrimaryButton.wgtIgniteCommunicationsRecipientsListItemRemoveLink { background-color: transparent !important; padding: 0px !important; } .RadButton.rbButton.rbPrimaryButton.wgtIgniteCommunicationsRecipientsListItemRemoveLink .rbText, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton.wgtIgniteCommunicationsRecipientsListItemRemoveLink .rbText, .RadButton.rbRadioButton.rbPrimaryButton.wgtIgniteCommunicationsRecipientsListItemRemoveLink .rbText { color: var(--wgtIgnite-color-1) !important; } .RadButton.rbButton.rbPrimaryButton.wgtIgniteCommunicationsRecipientsListItemRemoveLink.rbHovered, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton.wgtIgniteCommunicationsRecipientsListItemRemoveLink.rbHovered, .RadButton.rbRadioButton.rbPrimaryButton.wgtIgniteCommunicationsRecipientsListItemRemoveLink.rbHovered { background-color: transparent !important; } .RadButton.rbButton.rbPrimaryButton.wgtIgniteCommunicationsRecipientsListItemRemoveLink.rbHovered .rbText, .RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton.wgtIgniteCommunicationsRecipientsListItemRemoveLink.rbHovered .rbText, .RadButton.rbRadioButton.rbPrimaryButton.wgtIgniteCommunicationsRecipientsListItemRemoveLink.rbHovered .rbText { color: var(--wgtIgnite-color-1l1) !important; } .RadButton.rbButton.wgtIgniteButtonSettingsStaffSuspend, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteButtonSettingsStaffSuspend, .RadButton.rbRadioButton.wgtIgniteButtonSettingsStaffSuspend { background-color: var(--wgtIgnite-color-2); } .RadButton.rbButton.wgtIgniteButtonSettingsStaffSuspend.rbHovered, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteButtonSettingsStaffSuspend.rbHovered, .RadButton.rbRadioButton.wgtIgniteButtonSettingsStaffSuspend.rbHovered { background-color: var(--wgtIgnite-color-2l1) !important; } .RadButton.rbButton.wgtIgniteButtonSettingsStaffDelete, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteButtonSettingsStaffDelete, .RadButton.rbRadioButton.wgtIgniteButtonSettingsStaffDelete { background-color: var(--wgtIgnite-palette-alert); } .RadButton.rbButton.wgtIgniteButtonSettingsStaffDelete.rbHovered, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteButtonSettingsStaffDelete.rbHovered, .RadButton.rbRadioButton.wgtIgniteButtonSettingsStaffDelete.rbHovered { background-color: #f00 !important; } .RadButton.rbButton .rbPrimaryIcon, .RadButton.RadButton_Bootstrap.rbButton .rbPrimaryIcon, .RadButton.rbRadioButton .rbPrimaryIcon { margin: 0px; } .RadButton.rbButton .rbIcon, .RadButton.rbButton .rbText, .RadButton.RadButton_Bootstrap.rbButton .rbIcon, .RadButton.RadButton_Bootstrap.rbButton .rbText, .RadButton.rbRadioButton .rbIcon, .RadButton.rbRadioButton .rbText { pointer-events: none; } .RadButton.rbButton .rbIcon, .RadButton.RadButton_Bootstrap.rbButton .rbIcon, .RadButton.rbRadioButton .rbIcon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .RadButton.rbButton .rbText, .RadButton.RadButton_Bootstrap.rbButton .rbText, .RadButton.rbRadioButton .rbText { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .RadButton.rbButton .rbIcon + .rbText, .RadButton.RadButton_Bootstrap.rbButton .rbIcon + .rbText, .RadButton.rbRadioButton .rbIcon + .rbText { text-align: left; } .RadButton.rbButton.wgtIgniteButtonCommunicationsLayoutEditorMenu, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteButtonCommunicationsLayoutEditorMenu, .RadButton.rbRadioButton.wgtIgniteButtonCommunicationsLayoutEditorMenu { border: none !important; } .RadButton.rbButton.wgtIgniteButtonCommunicationsLayoutEditorMenu .rbText, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteButtonCommunicationsLayoutEditorMenu .rbText, .RadButton.rbRadioButton.wgtIgniteButtonCommunicationsLayoutEditorMenu .rbText { font-weight: 100; } .RadButton.rbButton.wgtIgniteButtonCommunicationsLayoutEditorMenu.active, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteButtonCommunicationsLayoutEditorMenu.active, .RadButton.rbRadioButton.wgtIgniteButtonCommunicationsLayoutEditorMenu.active { background-color: var(--wgtIgnite-palette-grey-2) !important; } .RadButton.rbButton.wgtIgniteButtonBuyCredits, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteButtonBuyCredits, .RadButton.rbRadioButton.wgtIgniteButtonBuyCredits { margin-top: 10px; } .RadButton.rbButton.wgtIgniteButtonOverlayCloser, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteButtonOverlayCloser, .RadButton.rbRadioButton.wgtIgniteButtonOverlayCloser { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; border: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .RadButton.rbButton.wgtIgniteButtonOverlayCloser .rbIcon, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteButtonOverlayCloser .rbIcon, .RadButton.rbRadioButton.wgtIgniteButtonOverlayCloser .rbIcon { display: block; width: 30px; height: 30px; } .RadButton.rbButton.wgtIgniteButtonOverlayCloser .rbIcon::before, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteButtonOverlayCloser .rbIcon::before, .RadButton.rbRadioButton.wgtIgniteButtonOverlayCloser .rbIcon::before { color: var(--wgtIgnite-color-1); font-size: 30px; mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } .RadButton.rbButton.wgtIgniteButtonFiltersClearTrigger.reveal, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteButtonFiltersClearTrigger.reveal, .RadButton.rbRadioButton.wgtIgniteButtonFiltersClearTrigger.reveal { display: block; } .RadButton.rbButton.wgtIgniteButtonCampaignMessageMoveUp, .RadButton.rbButton.wgtIgniteButtonCampaignMessageMoveDown, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteButtonCampaignMessageMoveUp, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteButtonCampaignMessageMoveDown, .RadButton.rbRadioButton.wgtIgniteButtonCampaignMessageMoveUp, .RadButton.rbRadioButton.wgtIgniteButtonCampaignMessageMoveDown { background-color: transparent !important; border: none !important; padding: 2px; } .wgtIgniteLeadContactControls .RadButton.rbButton, .wgtIgniteLeadContactControls .RadButton.RadButton_Bootstrap.rbButton, .wgtIgniteLeadContactControls .RadButton.rbRadioButton { -webkit-box-shadow: inset 0 0 1px var(--wgtIgnite-palette-background); box-shadow: inset 0 0 1px var(--wgtIgnite-palette-background); } .wgtIgniteOptInSettings .RadButton.rbButton, .wgtIgniteOptInSettings .RadButton.RadButton_Bootstrap.rbButton, .wgtIgniteOptInSettings .RadButton.rbRadioButton { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteMainMenu > .RadButton.rbButton, .wgtIgniteMainMenu > .RadButton.RadButton_Bootstrap.rbButton, .wgtIgniteMainMenu > .RadButton.rbRadioButton { margin: 5px 10px !important; } .wgtIgniteMainMenu > .RadButton.rbButton:first-child, .wgtIgniteMainMenu > .RadButton.RadButton_Bootstrap.rbButton:first-child, .wgtIgniteMainMenu > .RadButton.rbRadioButton:first-child { margin-top: 10px !important; } .RadButton.rbButton.reversed, .RadButton.RadButton_Bootstrap.rbButton.reversed, .RadButton.rbRadioButton.reversed { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; } .RadButton.rbButton.wgtIgniteTopbarSearchTrigger, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteTopbarSearchTrigger, .RadButton.rbRadioButton.wgtIgniteTopbarSearchTrigger { background-color: var(--wgtIgnite-color-1); border: solid 1px var(--wgtIgnite-color-1) !important; color: var(--wgtIgnite-palette-background); -webkit-box-shadow: inset 0 0 1px var(--wgtIgnite-palette-background); box-shadow: inset 0 0 1px var(--wgtIgnite-palette-background); } .RadButton.rbButton.wgtIgniteTopbarLogoutTrigger .rbText, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteTopbarLogoutTrigger .rbText, .RadButton.rbRadioButton.wgtIgniteTopbarLogoutTrigger .rbText { font-size: var(--wgtIgnite-text-size-default) !important; } .RadButton.rbButton.wgtIgniteButtonFiltersRevealTrigger.active-filters, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteButtonFiltersRevealTrigger.active-filters, .RadButton.rbRadioButton.wgtIgniteButtonFiltersRevealTrigger.active-filters { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right: none !important; } .RadButton.rbButton.wgtIgniteButtonFiltersClearTrigger, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteButtonFiltersClearTrigger, .RadButton.rbRadioButton.wgtIgniteButtonFiltersClearTrigger { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; display: none; } .RadButton.rbButton.wgtIgniteSwitchOnboardingPlanType, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteSwitchOnboardingPlanType, .RadButton.rbRadioButton.wgtIgniteSwitchOnboardingPlanType { padding: 0px !important; } .RadButton.rbButton.wgtIgniteTag, .RadButton.RadButton_Bootstrap.rbButton.wgtIgniteTag, .RadButton.rbRadioButton.wgtIgniteTag { border-radius: var(--wgtIgnite-br) !important; border: none !important; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .RadButton.RadCheckBox.rbCheckBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px; } .RadButton.RadCheckBox.rbCheckBox.wgtIgniteContextFilterTrigger { border-color: transparent !important; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0px !important; } .RadButton.RadCheckBox.rbCheckBox.wgtIgniteContextFilterTrigger > .rbIcon { height: auto !important; } .RadButton.RadCheckBox.rbCheckBox.wgtIgniteContextFilterTrigger > .rbIcon::before { background-color: transparent; content: "" !important; height: 20px; width: 8px; border: solid 1px var(--wgtIgnite-palette-grey-2); border-radius: var(--wgtIgnite-br); } .RadButton.RadCheckBox.rbCheckBox.wgtIgniteContextFilterTrigger > .rbIcon.rbToggleCheckboxChecked::before { background-color: var(--wgtIgnite-color-1); } .RadButton.RadCheckBox.rbCheckBox.wgtIgniteContextFilterTrigger > .rbText { color: var(--wgtIgnite-color-1) !important; font-size: var(--wgtIgnite-text-size-medium) !important; font-style: normal !important; font-weight: 100; word-wrap: anywhere; } .RadButton.RadCheckBox.rbCheckBox.wgtIgniteCampaignActiveControl, .RadButton.RadCheckBox.rbCheckBox.wgtIgniteCampaignCorporateControl, .RadButton.RadCheckBox.rbCheckBox.wgtIgniteCampaignStayOpenControl { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; row-gap: 5px; } .wgtIgniteSparkSiteDetailFieldEditable .RadButton.RadCheckBox.rbCheckBox { -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteSparkSiteDetailFieldActive .RadButton.RadCheckBox.rbCheckBox, .wgtIgniteSparkSiteDetailFieldUserTemplate .RadButton.RadCheckBox.rbCheckBox, .wgtIgniteSparkSiteDetailFieldIsCorporate .RadButton.RadCheckBox.rbCheckBox, .wgtIgniteSparkSiteDetailFieldIsTemplate .RadButton.RadCheckBox.rbCheckBox, .wgtIgniteSparkSiteDetailFieldIsPublicTemplate .RadButton.RadCheckBox.rbCheckBox { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .RadButton.RadCheckBox.rbCheckBox .rbIcon { margin: 0 0 0 0; width: 22px; height: 22px; } .RadButton.RadCheckBox.rbCheckBox .rbToggleCheckbox::before, .RadButton.RadCheckBox.rbCheckBox .rbToggleCheckboxChecked::before { font-size: 22px; } .RadButton.RadCheckBox.rbCheckBox .rbText { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .RadButton.rbRadioButton .rbIcon::before { background-color: var(--wgtIgnite-palette-background); color: var(--wgtIgnite-color-1l1); } .RadButton.rbRadioButton .rbText { line-height: 19px !important; } .RadButton.k-switch { border: none; background-color: transparent; border-radius: unset; width: 120px; } .wgtIgniteCampaignsListItemStatTiming .RadButton.k-switch { width: 100%; max-width: 200px; } .RadButton.disabled { opacity: 0.6; pointer-events: none; } .wgtIgniteOnboardingTerms .RadButton.rbButton { background-color: transparent !important; border: none !important; } .wgtIgniteOnboardingTerms .RadButton.rbCheckBox { padding: 0px !important; } .wgtIgniteOnboardingTerms .RadButton .rbIcon { margin-right: 0px; } .wgtIgniteOnboardingTerms .RadButton .rbText { font-weight: 200; font-size: var(--wgtIgnite-text-size-small); } .wgtIgniteEntrySelector .RadButton { border: none !important; padding: 0px !important; width: 100%; height: 100%; opacity: 0; } .RadButton.RadRadioButton .rbIcon { width: 19px; line-height: 19px; height: 19px; margin: 0px !important; } .RadButton.RadRadioButton .rbIcon::before { font-size: 15px; } .RadRadioButtonList .RadButton { border: none; padding: 0px !important; } .wgtIgniteCommunicationsBodyLayoutSectionWidthPercentage .RadButton, .wgtIgniteCommunicationsBodyLayoutSectionWidthPixels .RadButton { border: none; padding: 0px !important; min-height: unset !important; width: 100%; } .RadButton.wgtIgniteButtonBuyCredits { width: 100%; } .RadButton.wgtIgniteButtonCommunicationsMessageTest { margin: 10px 0px; width: 100%; } .RadButton.wgtIgniteButtonInsertToken, .RadButton.wgtIgniteButtonCommunicationsMessageSend { width: 100%; } .RadButton.wgtIgniteButtonCommunicationsEditMessageTitle { border: none !important; } .RadButton.wgtIgniteButtonCommunicationsType { margin-bottom: 10px; } .wgtIgniteContextMenuItem .RadButton { width: 100% !important; } .RadButton.wgtIgniteTopbarLogoutTrigger { background-color: transparent !important; border: none !important; color: var(--wgtIgnite-color-4) !important; min-width: unset !important; padding: 0px !important; text-decoration: underline; font-size: var(--wgtIgnite-text-size-default) !important; } .RadComboBox { /* S 03/28/23 */ /* E 03/28/23 */ } .RadComboBox:hover { cursor: pointer; } .RadComboBoxDropDown { background-color: var(--wgtIgnite-palette-background) !important; border: none !important; -webkit-box-shadow: 0px 1px 3px 0px #ccc; box-shadow: 0px 1px 3px 0px #ccc; border-radius: var(--wgtIgnite-br); font-family: var(--wgtIgnite-font) !important; } .RadComboBoxDropDown .rcbItem.disabled { opacity: 0.5 !important; } .RadComboBoxDropDown.wgtIgniteTokenDropdown { max-height: 300px; } .RadComboBoxDropDown.wgtIgniteTokenDropdown .rcbScroll, .RadComboBoxDropDown.wgtIgniteTokenDropdown .rcbList { max-height: 300px; } .RadComboBox.disabled { opacity: 0.6; pointer-events: none; } .RadComboBox.RadComboBoxWithLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: var(--wgtIgnite-gap); } .RadComboBox.RadComboBoxWithLabel > .rcbLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; padding: 0px; } .wgtIgniteCampaignMessagesListItemFieldUnit .RadComboBox.RadComboBoxWithLabel > .rcbLabel { text-align: center; } .RadComboBox.RadComboBoxWithLabel.wgtIgniteCampaignDetailsTimePeriodMenu { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .RadComboBox.RadComboBoxWithLabel.wgtIgniteCampaignDetailsTimePeriodMenu .rcbInner { max-width: 100px; } .RadComboBox.RadComboBoxWithLabel.wgtIgniteModalPlanCombo { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .RadComboBox.RadComboBoxWithLabel.wgtIgniteModalPlanCombo > .rcbLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; float: none; clear: both; text-align: center; position: absolute; top: 0; right: 0; bottom: 0; margin: 25px 15px 25px 0px; padding: 10px; padding-right: 30px; background-color: var(--wgtIgnite-color-1l1); border-radius: var(--wgtIgnite-br); color: var(--wgtIgnite-palette-background) !important; } .RadComboBox.RadComboBoxWithLabel.wgtIgniteOrderScannerMenu { grid-column: span 2; width: 100%; } .RadComboBox .rcbReadOnly.rcbHovered { background-color: var(--wgtIgnite-color-1); color: var(--wgtIgnite-palette-background); } .RadComboBox .rcbInput { height: 19px !important; font-size: var(--wgtIgnite-text-size-medium) !important; } .RadComboBox .rcbInner, .RadComboBox .rcbInner.rcbReadOnly { border: solid 1px var(--wgtIgnite-color-1l3); border-radius: var(--wgtIgnite-br); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .RadComboBox .rcbActionButton { padding: 0px !important; position: relative !important; } .RadComboBox .rcbActionButton .p-icon::before { content: ""; height: 14px; width: 14px; background-color: var(--wgtIgnite-color-1); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; } .RadComboBox.wgtIgniteContextSubmenu .rcbInner { border-top-left-radius: 0px; border-top-right-radius: 0px; } .RadComboBox.wgtIgniteCampaignMessagesListItemFieldActive .rcbLabel, .RadComboBox.wgtIgniteCampaignMessagesListItemFieldStayOpen .rcbLabel { width: 100%; text-align: right; } .RadComboBox.wgtIgniteOrderRecipientCountry { width: 100%; } .RadComboBox.wgtIgniteOrderSearchInputTypeMenu { width: 100%; } .RadComboBox.wgtIgniteOrderSearchInputTypeMenu .rcbInner { border-bottom-color: var(--wgtIgnite-palette-grey-4) !important; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; border-radius: 0px !important; } .RadComboBox.wgtIgniteOrderSearchInputTypeMenu.required { border: solid 1px var(--wgtIgnite-palette-alert) !important; border-radius: var(--wgtIgnite-br) !important; overflow: hidden; } .RadComboBox.wgtIgniteStaffLoginCompany.error .rcbInner { border: solid 4px var(--wgtIgnite-palette-alert) !important; } .RadComboBox.wgtIgniteModalPlanCombo, .RadComboBox.wgtIgniteModalPaymentMethodCombo { position: absolute !important; top: 0; left: 0; height: 100%; width: 100%; } .RadComboBox.wgtIgniteModalPlanCombo .rcbInner, .RadComboBox.wgtIgniteModalPaymentMethodCombo .rcbInner { height: 100% !important; background-color: transparent !important; border: solid 1px var(--wgtIgnite-color-2) !important; border-left-width: 5px !important; border-right-width: 5px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0px !important; } .RadComboBox.wgtIgniteModalPlanCombo .rcbActionButton, .RadComboBox.wgtIgniteModalPaymentMethodCombo .rcbActionButton { height: 100% !important; padding: 0px !important; width: 35px !important; pointer-events: none !important; } .RadComboBox.wgtIgniteModalPlanCombo .rcbActionButton .p-icon, .RadComboBox.wgtIgniteModalPaymentMethodCombo .rcbActionButton .p-icon { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .RadComboBox.wgtIgniteModalPlanCombo .rcbActionButton .p-icon::before, .RadComboBox.wgtIgniteModalPaymentMethodCombo .rcbActionButton .p-icon::before { content: "" !important; content: ""; height: 20px; width: 20px; background-color: var(--wgtIgnite-color-1); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; } .RadComboBox.wgtIgniteModalPlanCombo .rcbInput, .RadComboBox.wgtIgniteModalPaymentMethodCombo .rcbInput { display: none !important; } .RadComboBox.wgtIgniteModalPlanCombo:hover, .RadComboBox.wgtIgniteModalPaymentMethodCombo:hover { cursor: pointer; } .RadComboBox.wgtIgniteModalPlanCombo:hover .rcbActionButton .p-icon::before, .RadComboBox.wgtIgniteModalPaymentMethodCombo:hover .rcbActionButton .p-icon::before { opacity: 0.5; } .RadComboBox.wgtIgniteModalPlanCombo:hover .rcbInner, .RadComboBox.wgtIgniteModalPaymentMethodCombo:hover .rcbInner { border-color: var(--wgtIgnite-color-1) !important; } .RadComboBox.wgtIgniteModalPlanCombo .rcbActionButton .p-icon::before { background-color: var(--wgtIgnite-palette-background); } .RadComboBox.wgtIgniteStaffLoginCompany { width: 80%; } .RadComboBox.wgtIgniteStaffLoginCompany .rcbInner.rcbReadOnly { border: none; background-color: var(--wgtIgnite-palette-grey-1); height: 45px; margin-top: 20px; } .RadComboBox.wgtIgniteModalTokenMenu { width: 100%; } .RadComboBox.wgtIgniteMobileGroupMove, .RadComboBox.wgtIgniteMobileStatusChange { display: none; width: 100%; } .wgtIgniteProductDetailStatCategory .RadComboBox { width: 100%; } .wgtIgniteSectionSupportMedia .RadComboBox { min-width: 300px; } .wgtIgniteSSOverride .RadComboBox { width: 100%; } .wgtIgniteContextMenu.task-move .RadComboBox.wgtIgniteMobileGroupMove, .wgtIgniteContextMenu.task-status .RadComboBox.wgtIgniteMobileStatusChange { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgnite .wgtIgniteMainMenu.task-move .RadComboBox.wgtIgniteMobileGroupMove, .wgtIgnite .wgtIgniteMainMenu.task-status .RadComboBox.wgtIgniteMobileStatusChange { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .RadComboBox.wgtIgniteGroupNav { display: none; } .RadComboBox.wgtIgniteCommunicationsMessagingTemplatesMenu, .RadComboBox.wgtIgniteCommunicationsMessagingTokenMenu { margin-bottom: 10px; width: 100%; } .wgtIgniteMessageTemplateDetailField .RadComboBox, .wgtIgniteNewActionCode .RadComboBox, .wgtIgniteNewActionScheduledCampaignID .RadComboBox, .wgtIgniteNewActionScheduledInterval .RadComboBox, .wgtIgniteNewActionPriority .RadComboBox, .wgtIgniteSparkSiteDetailField .RadComboBox, .wgtIgniteActionCardCampaign .RadComboBox, .RadComboBox.wgtIgniteActionCardCampaign, .RadComboBox.wgtIgniteActionCardCode, .RadComboBox.wgtIgniteActionCardPriority, .RadComboBox.wgtIgniteCampaignNameMenu, .RadComboBox.wgtIgniteCampaignTypeMenu, .RadComboBox.wgtIgniteTaskSelect, .RadComboBox.wgtIgniteLeadSort { width: 100%; } @media screen and (max-width: 600px) { .RadComboBox.RadComboBoxWithLabel.wgtIgniteModalPlanCombo .rcbActionButton { position: absolute !important; height: 40px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: unset !important; bottom: 0px; } .RadComboBox.RadComboBoxWithLabel.wgtIgniteModalPlanCombo > .rcbLabel { margin: 0; position: absolute; width: calc(100% - 20px); top: unset; bottom: 4px; right: 10px; } } .RadCalendarPopup { /* z-index: 5000 !important; */ } @media screen and (max-width: 600px) { .RadCalendarPopup { width: calc(100% - 40px) !important; left: 20px !important; } } .RadCalendar { border-radius: var(--wgtIgnite-br) !important; font-family: var(--wgtIgnite-font) !important; } .RadCalendar .rcRow td, .RadCalendar .rcWeek th { text-align: center !important; } .RadCalendar .rcRow td, .RadCalendar .rcRow td a, .RadCalendar .rcWeek th, .RadCalendar .rcRow:last-child th, .RadCalendar .rcRow:first-child th { padding: 5px 7px !important; } .RadCalendar .rcTitlebar { color: var(--wgtIgnite-color-1) !important; border-top-left-radius: var(--wgtIgnite-br) !important; border-top-right-radius: var(--wgtIgnite-br) !important; border-color: var(--wgtIgnite-color-1l3) !important; overflow: hidden; } .RadCalendar .rcMain { border-bottom-left-radius: var(--wgtIgnite-br) !important; border-bottom-right-radius: var(--wgtIgnite-br) !important; border-color: var(--wgtIgnite-color-1l3) !important; overflow: hidden; } .RadCalendar .rcSelected a { background-color: var(--wgtIgnite-color-1) !important; border-color: var(--wgtIgnite-color-1) !important; } .RadColorPicker .rcpIcon { height: 20px !important; padding: 9px 0; } .RadColorPicker .rcpIcon em { margin: 1px 0px 0px 6px !important; } .RadColorPicker .rcpPalette { background-color: var(--wgtIgnite-color-4l5); border-color: var(--wgtIgnite-color-1l3); max-width: 320px; width: auto !important; } .RadColorPicker .rcpPalette .rcpHeader { background-color: var(--wgtIgnite-palette-grey-2); } .RadColorPicker .rcpPalette .rcpTabs .rcpSelectedTab { background-color: var(--wgtIgnite-color-4l5); border-color: var(--wgtIgnite-color-1l3); } .RadColorPicker .rcpPalette .rcpTabs li { background-color: var(--wgtIgnite-palette-grey-2); border-color: var(--wgtIgnite-color-1l3); } .RadColorPicker .rcpTabs { bottom: -23px !important; } .RadDataPager { font-family: var(--wgtIgnite-font) !important; } .RadDataPager .rdpPagerButton { padding: 6px !important; } .RadEditor { /*S 05/01/23 */ } .RadEditor.wgtIgniteEditorVisual { height: 100% !important; width: 100% !important; } .RadEditor.wgtIgniteEditorVisual.reWrapper { border: solid 1px var(--wgtIgnite-color-1); border-top-right-radius: 0px; border-top-left-radius: 0px; } .fullscreen .RadEditor.wgtIgniteEditorVisual.reWrapper { border-radius: var(--wgtIgnite-br); } .RadEditor.wgtIgniteEditorVisual.reWrapper .reTlbVertical { /* position: absolute; left: 100%; background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-color-1); border-top-right-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); border-left: solid 1px var(--wgtIgnite-palette-background); top: -1px; */ } .RadEditor.wgtIgniteEditorVisual.reWrapper .reTlbVertical ul.reToolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; row-gap: 5px; width: auto !important; } .RadEditor.wgtIgniteEditorVisual.reWrapper .reTlbVertical ul.reToolbar .reToolLastItem { margin-left: 20px !important; } .RadEditor.wgtIgniteEditorVisual.reWrapper .reTlbVertical ul.reToolbar li .reTool { border-radius: var(--wgtIgnite-br); } .RadEditor.wgtIgniteEditorVisual.reWrapper .reTlbVertical .reTool[title=CancelEditor] { background-color: var(--wgtIgnite-palette-base); } .fullscreen .RadEditor.wgtIgniteEditorVisual.reWrapper .reTlbVertical .reTool[title=CancelEditor] { margin-left: 10px; margin-bottom: 0px; } .RadEditor.wgtIgniteEditorVisual.reWrapper .reTlbVertical .reTool[title=CancelEditor] span { background-image: none !important; } .fullscreen .RadEditor.wgtIgniteEditorVisual.reWrapper .reTlbVertical { position: unset; left: unset; border: none; } .fullscreen .RadEditor.wgtIgniteEditorVisual.reWrapper .reTlbVertical ul.reToolbar { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto !important; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .RadEditor.wgtIgniteEditorVisual .reContentCell iframe { height: 100% !important; } .RadEditor.wgtIgniteEditorVisual .reContentCell iframe + .reTextArea { height: 100% !important; position: absolute; top: 0; } .RadEditor.wgtIgniteEditorVisual .reDropdown { margin: 0px !important; } .RadEditor.wgtIgniteEditorVisual .reModule input[type=text] { border-color: var(--wgtIgnite-color-1); height: 32px; } .RadEditor.wgtIgniteEditorVisual .reModuleLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; font-size: var(--wgtIgnite-text-size-small) !important; } .RadEditor.wgtIgniteEditorVisual .reEditorModes { padding: 5px !important; background-color: var(--wgtIgnite-palette-background) !important; border-top-left-radius: var(--wgtIgnite-br); border-bottom-left-radius: var(--wgtIgnite-br); } .RadEditor.wgtIgniteEditorVisual .reEditorModes ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; /* flex-direction: column; row-gap: 5px; .fullscreen & { flex-direction: row; column-gap: 5px; } */ } .RadEditor.wgtIgniteEditorVisual .reEditorModes a { margin-right: 0px !important; background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); font-family: var(--wgtIgnite-font) !important; } .RadEditor.wgtIgniteEditorVisual .reEditorModes a.reMode_selected { background-color: var(--wgtIgnite-color-1); -webkit-box-shadow: none !important; box-shadow: none !important; color: var(--wgtIgnite-palette-background); } .RadEditor.wgtIgniteEditorVisual .reEditorModes a.reMode_selected:hover { color: var(--wgtIgnite-palette-background); } .RadEditor.wgtIgniteEditorVisual .reEditorModes a span { padding-left: 8px; background-image: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; line-height: 30px; margin: 0px; } .RadEditor.wgtIgniteEditorVisual .reEditorModes .reMode_design.reMode_selected span::before { background-color: var(--wgtIgnite-palette-background); } .RadEditor.wgtIgniteEditorVisual .reEditorModes .reMode_html.reMode_selected span::before { background-color: var(--wgtIgnite-palette-background); } .RadEditor.wgtIgniteEditorVisual .reEditorModes .reMode_preview.reMode_selected span::before { background-color: var(--wgtIgnite-palette-background); } .RadEditor.wgtIgniteEditorVisual .reHTMLStructure > a.reModule_domlink { color: var(--wgtIgnite-color-4); font-weight: 900; font-style: italic; font-size: var(--wgtIgnite-text-size-small); } .RadEditor.wgtIgniteEditorVisual .reHTMLStructure > a.reModule_domlink:last-child { color: var(--wgtIgnite-palette-alert) !important; } .RadEditor.wgtIgniteEditorVisual .reHTMLStructure > a.reModule_domlink_selected { color: var(--wgtIgnite-color-4d1); font-weight: 900; font-style: italic; font-size: var(--wgtIgnite-text-size-small); } .RadEditor.wgtIgniteEditorVisual .reLayoutWrapper { position: relative; height: 100% !important; } .RadEditor.wgtIgniteEditorVisual .reLayoutWrapper > tbody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .RadEditor.wgtIgniteEditorVisual .reLayoutWrapper > tbody > tr { display: block; } .RadEditor.wgtIgniteEditorVisual .reLayoutWrapper > tbody > tr:nth-child(1) { display: none; } .RadEditor.wgtIgniteEditorVisual .reLayoutWrapper > tbody > tr:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .fullscreen .RadEditor.wgtIgniteEditorVisual .reLayoutWrapper > tbody > tr:nth-child(2) { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .RadEditor.wgtIgniteEditorVisual .reLayoutWrapper > tbody > tr:nth-child(3) { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .RadEditor.wgtIgniteEditorVisual .reLayoutWrapper > tbody > tr:nth-child(3) > td { display: block; } .RadEditor.wgtIgniteEditorVisual .reLayoutWrapper > tbody > tr:nth-child(4) { /* position: absolute; top: -1px; right: 100%; background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-color-1); border-right: solid 1px var(--wgtIgnite-palette-background); border-top-left-radius: var(--wgtIgnite-br); border-bottom-left-radius: var(--wgtIgnite-br); .fullscreen & { position: unset; top: unset; right: unset; border: none !important; } */ } .RadEditor.wgtIgniteEditorVisual .reLayoutWrapper > tbody > tr:nth-child(5) { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .RadEditor.wgtIgniteEditorVisual .reLayoutWrapper > tbody > tr:nth-child(6) { display: none; } .RadEditor.wgtIgniteEditorVisual .reResizeCell { display: none !important; } .RadEditor.wgtIgniteEditorVisual table.reSpinBox { border: solid 1px var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); position: relative; overflow: hidden; } .RadEditor.wgtIgniteEditorVisual .reToolbarWrapperRight { right: 5px; top: 50px; } .RadEditor.wgtIgniteEditorVisual .reToolbar.Bootstrap { margin: 7px 7px 7px 0px !important; } .RadEditor.wgtIgniteEditorVisual .reToolbar.Bootstrap:first-child { margin-left: 7px !important; } .RadEditor.wgtIgniteEditorVisual .reToolbar.Bootstrap li { border-color: var(--wgtIgnite-color-1); } .RadEditor.wgtIgniteEditorVisual .reToolbar.Bootstrap li .reTool { border-color: var(--wgtIgnite-color-1); } .RadEditor.wgtIgniteEditorVisual .reResize { display: none !important; } .RadEditor.wgtIgniteEditorVisual td[controlname=className] { display: none; } .RadEditor.wgtIgniteEditorVisual td[controlholder=className] { display: none; } .RadEditor.wgtIgniteCommunicationsMessageEditorSubject .reContentArea { padding-top: 8px; } .RadEditor.wgtIgniteCommunicationsMessageEditorSubject .reContent { -webkit-box-shadow: none !important; box-shadow: none !important; border-color: var(--wgtIgnite-color-1l3) !important; } .RadEditor.wgtIgniteCommunicationsMessagingEditor .reContent, .RadEditor.wgtIgniteCommunicationsMessagingEditor .reContentArea { min-height: 300px; } .RadEditor.wgtIgniteCommunicationsMessagingEditor .reDropdown.reRealFontSize { min-width: 60px; } .RadEditor.wgtIgniteCommunicationsMessagingEditor .reDropdown.reFontName { min-width: 160px; } .RadEditor.wgtIgniteCommunicationsMessagingEditor .reDropdown.reFontSize { min-width: 70px; } .RadEditor.wgtIgniteCommunicationsMessagingEditor .reDropdown.reFormatBlock { min-width: 130px; } .RadEditor.wgtIgniteCommunicationsMessagingEditor .reModes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .RadEditor.wgtIgniteCommunicationsMessagingEditor .reModes a { margin-right: 0px; } .RadHtmlChart svg text { line-height: normal; font-family: var(--wgtIgnite-font) !important; } .wgtIgniteCreditPackage.custom .RadInput { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; width: auto !important; height: 45px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .RadInputDisabled { pointer-events: none !important; } .RadInputDisabled .riContentWrapper { opacity: 0.5; } .RadInput a { border-left-width: 0px !important; border-left-style: none !important; border-left: none; } .RadInput.RadInputHovered .riTextBox { background-color: transparent !important; border-color: transparent !important; } .wgtIgniteUpgradePaymentFormField .RadInput.RadInputHovered .riTextBox, .wgtIgniteOnboardingForm .RadInput.RadInputHovered .riTextBox, .wgtIgniteOnboardingFormFieldCompanyName .RadInput.RadInputHovered .riTextBox { background-color: #fff !important; border: solid 1px var(--wgtIgnite-color-4) !important; border-color: var(--wgtIgnite-color-4) !important; } .wgtIgniteUpgradePaymentFormField .RadInput { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; } .RadInput.RadInput_Bootstrap .riTextBox { border-color: transparent; } .wgtIgniteOnboardingForm .RadInput.RadInput_Bootstrap .riTextBox, .wgtIgniteOnboardingFormFieldCompanyName .RadInput.RadInput_Bootstrap .riTextBox { height: 40px; text-indent: 10px; } .RadInput.RadInput_Bootstrap > .riLabel { padding: 0px 0px 0px 0px; padding-top: 0px; padding-bottom: 0px; } .RadInput.RadInput_Bootstrap.RadInputFocused .riTextBox, .RadInput.RadInput_Bootstrap.RadInputFocused .riSelect, .RadInput.RadInput_Bootstrap.RadInputFocused .rcSelect { border-color: transparent; background-color: var(--wgtIgnite-palette-background); } .RadInput.RadInput_Bootstrap.RadInputFocused .riTextBox.wgtIgniteTopbarSearchQuery { background-color: transparent !important; } .RadInput .RadInput_Bootstrap .riTextBox.wgtIgniteTopbarSearchQuery { border-bottom-color: var(--wgtIgnite-palette-grey-2) !important; } .RadInput .riContentWrapper { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .wgtIgniteCreditPackage .RadInput .riContentWrapper { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .RadInput > .riLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .RadInput .riUp, .RadInput .riDown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; height: 9px !important; } .RadInput .riUp::before, .RadInput .riDown::before { vertical-align: unset !important; } .RadInput .riUp a, .RadInput .riDown a { height: auto !important; } .RadInput .riTextBox { padding: 0px !important; line-height: normal; font-family: var(--wgtIgnite-font) !important; } .wgtIgniteCreditPackage .RadInput .riTextBox { border: solid 1px var(--wgtIgnite-color-1l3) !important; border-radius: var(--wgtIgnite-br); font-size: var(--wgtIgnite-text-size-max); font-weight: 900; text-align: right; min-width: 120px; } .wgtIgniteUpgradePaymentFormField .RadInput .riTextBox { line-height: 30px; border-radius: var(--wgtIgnite-br); position: relative; border: solid 1px var(--wgtIgnite-color-3l4); line-height: 38px; padding: 0px !important; text-indent: 10px; } .RadInput .riTextBox.wgtIgniteCommunicationsMessageTitle { text-indent: 0px; font-size: var(--wgtIgnite-text-size-large); font-weight: 900; } .wgtIgniteSparkSiteDetailFieldPreviewURL .RadInput .riTextBox { pointer-events: none; } .RadInput .riTextBox + .riSelect { position: relative !important; top: 0px; bottom: 0px; right: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .RadInput .riTextBox, .RadInput .riSelect, .RadInput .rcSelect { border-color: transparent; } .wgtIgniteCommunicationsMessagingQuickMessage .RadInput { padding: 0px; } .wgtIgniteCampaignMessagesListItemFieldFrequency .RadInput > .riLabel { text-align: center; } .wgtIgniteLeadContact .RadInput, .wgtIgniteCampaignMetaField .RadInput, .wgtIgniteCommunicationsMessagingSectionEmail .RadInput, .wgtIgniteCommunicationsMessagingSMSQuickMessage .RadInput, .wgtIgniteInputCommunicationsTemplate .RadInput, .wgtIgniteInputCommunicationsSubject .RadInput, .wgtIgniteInputCommunicationsBlockName .RadInput { width: 100%; } .RadLabel { line-height: normal; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-default); /* .wgtIgniteCredits */ } .RadLabel.wgtIgniteLeadTagsActive > .RadLabel, .RadLabel.wgtIgniteActionCardInfoLabel, .RadLabel.wgtIgnitePageHeaderInfoLabel, .RadLabel.wgtIgniteLeadTagsLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgnite .RadLabel { padding-right: 0px; } .RadLabel.wgtIgniteLeadName { color: var(--wgtIgnite-color-1); font-size: var(--wgtIgnite-text-size-medium); } .wgtIgnitePageHeaderTitle .RadLabel { font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteSectionTitle .RadLabel { font-size: var(--wgtIgnite-text-size-large); } .RadLabel.wgtIgniteCredits { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .RadLabel.wgtIgniteCredits::before { content: ""; height: 20px; width: 20px; background-color: var(--wgtIgnite-color-2); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; } .RadLabel.wgtIgniteCreditsCost { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteActions .RadLabel.wgtIgniteSectionTitle { font-size: var(--wgtIgnite-text-size-medium) !important; } .RadListView_Bootstrap { border: none !important; } .RadPicker { row-gap: var(--wgtIgnite-gap); } .RadPicker.wgtIgniteActionCardDate { width: auto !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteActionsCreate .RadPicker, .wgtIgniteActionsScheduledCreate .RadPicker, .wgtIgniteNewActionDueDate .RadPicker, .wgtIgniteOrderSearchForm .RadPicker { width: 100% !important; } .RadPicker .riLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; padding: 0px !important; } .RadPicker .radPreventDecorate { display: none !important; } .RadPicker a.rcCalPopup:hover, .RadPicker a.rcTimePopup:hover { background-color: var(--wgtIgnite-color-1); color: var(--wgtIgnite-palette-background); } .RadPicker .RadInput .riTextBox { height: 19px; } .wgtIgniteActionsScheduledCreate .RadRadioButtonList { width: 100% !important; } .RadUpload { /* S 4/1/22 */ /* E 4/1/22 */ } .RadUpload .ruFileLI .ruButton.ruRemove::before { color: var(--wgtIgnite-palette-base) !important; } .RadUpload .ruInputs li { margin: 0px; } .RadUpload .ruFileWrap, .RadUpload .ruInputs li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .RadUploadProgressArea .ruProgress { height: 8px !important; background-image: none !important; background-color: var(--wgtIgnite-color-1) !important; } .RadUploadProgressArea .ruProgressBar { background-color: var(--wgtIgnite-color-4l5) !important; border: none !important; border-radius: var(--wgtIgnite-br); } .RadWindow.RadWindow_Bootstrap { font-family: "Poppins"; } .RadWindow.RadWindow_Bootstrap.wgtIgniteModalOnboardingError, .RadWindow.RadWindow_Bootstrap.wgtIgniteModalExpiredSubscriptionRenewalError { height: 100% !important; max-height: 360px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .RadWindow.RadWindow_Bootstrap.wgtIgniteModalOnboardingError .rwContent, .RadWindow.RadWindow_Bootstrap.wgtIgniteModalExpiredSubscriptionRenewalError .rwContent { height: auto !important; overflow: hidden !important; padding: 0px !important; } .RadWindow.RadWindow_Bootstrap.wgtIgniteModalExpiredSubscriptionRenewalError { max-height: unset; min-height: unset; height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; width: 100% !important; max-width: 500px; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin: auto !important; } .RadWindow.RadWindow_Bootstrap.RadWindow_Bootstrap > .rwTitleBar { background-color: var(--wgtIgnite-color-1); } .RadWindow.RadWindow_Bootstrap.RadWindow_Bootstrap > .rwTitleBar .rwTitle { color: var(--wgtIgnite-palette-background); } .wgtIgnite { font-family: var(--wgtIgnite-font) !important; /*S 7/15/22 */ overflow: hidden; position: relative; /*E 7/15/22 */ /* S 4/21/22 */ /*E 4/21/22 */ /* S 4/13/22 */ /* E 4/13/22 */ /*S 7/15/22 */ /*E 7/15/22 */ /* Start 3/16/22 */ /* End 3/16/22 */ /* S 4/20/22 */ /* E 4/20/22 */ /* Start Skin-specific overrides */ /* End Skin-specific overrides */ /* GLOBAL */ /* .wgtIgniteAction */ /* .wgtIgniteAccount */ /* .wgtIgniteActions */ /*S 8/1/22 */ /* .wgtIgniteAdmin */ /*E 8/1/22 */ /* .wgtIgniteBody */ /*S 04/14/23 */ /*E 04/14/23 */ /* .wgtIgniteButton */ /* .wgtIgniteCampaign */ /* wgtIgniteCampaigns */ /*E 11/28/22 */ /* .wgtIgniteCreditCardUnsupported */ /* .wgtIgniteCodeWarningDetails*/ /* wgtIgniteCommentCancelTrigger */ /* S 4/12/22 */ /* E 4/12/22 */ /* wgtIgniteCommentSaveTrigger */ /*S 8/18/22 */ /* .wgtIgniteCommunications*/ /* .wgtIgniteContact */ /*E 8/18/22 */ /* .wgtIgniteContext */ /* .wgtIgniteContextSubmenu */ /* .wgtIgniteContextFilters */ /* .wgtIgniteContextFilterGroupWrapper */ /* S 4/25/22 */ /* E 4/25/22 */ /* .wgtIgniteCopy */ /* .wgtIgniteCorporateProduct */ /*S 04/28/23 */ /*E 04/28/23 */ /* wgtIgniteDashboard */ /* wgtIgniteEditor */ /* E 3/24/22 */ /* wgtIgniteEchart */ /* S 5/4/22 */ /* E 5/4/22 */ /* .wgtIgniteEntry */ /*E 03/23/23 */ /* .wgtIgniteEmptyList */ /*S 7/15/22 */ /* .wgtIgniteError */ /*S 05/04/23 */ /*E 05/04/23 */ /* .wgtIgniteExpiredSubscription */ /* .wgtIgniteFileSelect */ /* wgtIgniteForm */ /*E 7/15/22 */ /* .wgtIgniteGraphic */ /* S 3/31/22 */ /* wgtIgniteGroup */ /* E 3/31/22 */ /*S 8/29/22 */ /* wgtIgniteGroupsList */ /*E 8/29/22 */ /* .wgtIgniteInput */ /* .wgtIgniteInventory */ /* wgtIgniteImport */ /* S 3/30/22 */ /* wgtIgniteLayout */ /* .wgtIgniteLabel */ /* E 3/30/22 */ /* .wgtIgniteLead */ /*S 7/14/22 */ /*S 07/31/23 */ /* .wgtIgniteLibrary */ /*E 07/31/23 */ /*S 04/27/23 */ /* .wgtIgniteLink */ /*E 04/27/23 */ /* wgtIgniteList */ /*E 7/14/22 */ /* wgtIgniteLogo */ /* .wgtIgniteMain */ /*S 05/23/23 */ /*E 05/23/23 */ /*S 8/09/22 */ /* .wgtIgniteMapping */ /*E 8/09/22 */ /* .wgtIgniteMasterList */ /* .wgtIgniteMessageTemplate */ /* .wgtIgniteMiniModal */ /*.wgtIgniteModal */ /* .wgtIgniteOnboarding */ /*S 1/05/23 */ /*E 1/05/23 */ /* .wgtIgniteOrder */ /*S 04/25/23 */ /* .wgtIgniteOverlay */ /*E 04/25/23 */ /* .wgtIgnitePage */ /* .wgtIgniteProduct */ /*S 04/11/23 */ /* .wgtIgnitePay */ /*E 04/11/23 */ /*S 04/06/23 */ /*E 04/06/23 */ /*S 04/20/23 */ /* .wgtIgnitePreviewWindow */ /*E 04/20/23 */ /*S 8/29/22 */ /*E 8/29/22 */ /* S 04/06/23 */ /* E 04/06/23 */ /* .wgtIgniteRequestCode */ /* S 3/22/22 */ /* wgtIgniteSearch */ /* E 3/22/22 */ /* .wgtIgniteSelect */ /* .wgtIgniteSettings */ /*S 8/3/22 */ /* wgtIgniteSkinLabel */ /* .wgtIgniteSparkSite */ /* .wgtIgniteSpinner */ /* wgtIgniteSS */ /* .wgtIgniteStaff */ /*S 8/30/22 */ /* .wgtIgniteStatuses */ /*E 8/30/22 */ /*S 1/12/23 */ /* wgtIgniteStickyRow */ /*E 1/12/23 */ /* .wgtIgniteSupport */ /* S 5/6/22 */ /* wgtIgniteSwitch */ /*E 5/6/22 */ /* .wgtIgniteTag */ /*S 8/22/22 */ /* .wgtIgniteTags */ /*E 8/22/22 */ /* .wgtIgniteTaskSelect */ /* .wgtIgniteTemplateLibrary */ /* .wgtIgniteTemplatesList */ /* wgtIgniteTooltip */ /* .wgtIgniteToggler */ /* .wgtIgniteToken */ /* .wgtIgniteTopbar */ /* .wgtIgniteNav */ /* .wgtIgniteSection */ /* .wgtIgniteSMSPreview */ /* .wgtIgniteVideo */ /* .wgtIgniteWave */ /*S 8/15/22 */ /*E 8/15/22 */ } .wgtIgnite ::-webkit-scrollbar { width: 5px; height: 5px; border-radius: var(--wgtIgnite-br); } .wgtIgnite ::-webkit-scrollbar-track { background: var(--wgtIgnite-color-1); -webkit-box-shadow: 0px 0px 1px 0px #fff inset; box-shadow: 0px 0px 1px 0px #fff inset; } .wgtIgnite ::-webkit-scrollbar-thumb { background: var(--wgtIgnite-color-1l1); } .wgtIgnite ::-webkit-scrollbar-thumb:hover { background: var(--wgtIgnite-color-4); } .wgtIgnite::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .wgtIgnite input { /* wgtIgniteTopbarSearchQuery */ } .wgtIgnite input.wgtIgniteTopbarSearchQuery { border-bottom: solid 1px var(--wgtIgnite-palette-grey-2); } .wgtIgnite .icoSearch { fill: var(--wgtIgnite-color-1); } .wgtIgnite .t-container { padding-left: 0px; padding-right: 0px; margin-left: unset; max-width: none !important; } .wgtIgnite .t-col { padding-left: 0px; padding-right: 0px; } .wgtIgnite .t-row { margin-left: unset; margin-right: unset; } .wgtIgnite .t-col, .wgtIgnite .t-row, .wgtIgnite .t-container { height: auto !important; } .wgtIgnite .racTokenList { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; width: 100% !important; } .wgtIgnite .k-breadcrumb-link { color: var(--wgtIgnite-color-1) !important; } .wgtIgnite .k-breadcrumb-link .k-breadcrumb-item.wgtIgniteTopbarBreadcrumbItem { overflow: visible !important; } .wgtIgnite .k-breadcrumb-link .k-state-disabled { color: var(--wgtIgnite-color-1) !important; opacity: 1 !important; overflow: visible !important; text-decoration: underline; } .RadLabel_Bootstrap + .wgtIgnite { --wgtIgnite-palette-commandbar-icon: var(--wgtIgnite-palette-background) !important; /*E 5/4/22 */ /*S 7/20/22 */ /*S 10/31/22 */ /*E 10/31/22 */ /*S 9/16/22 */ /*E 9/16/22 */ } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteSectionDashboard::before { background-image: url("/images/igniteBackground.png"); content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-size: 500px; opacity: 0.5; z-index: -2; } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteTopbarCompanyPicker { margin-top: 0px !important; } .RadLabel_Bootstrap + .wgtIgnite .rddlFocused, .RadLabel_Bootstrap + .wgtIgnite .rddlInner { background-color: transparent !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteInput.wgtIgniteSSCard { margin-top: 0px; } .RadLabel_Bootstrap + .wgtIgnite .RadButton_Bootstrap .k-switch-container { border: solid 1px var(--wgtIgnite-color-1l3); } .RadLabel_Bootstrap + .wgtIgnite .RadButton_Bootstrap.k-switch-on .k-switch-container { background-color: var(--wgtIgnite-color-3); } .RadLabel_Bootstrap + .wgtIgnite .RadButton_Bootstrap.k-switch-off .k-switch-container { background-color: var(--wgtIgnite-palette-important) !important; } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteCampaignsListItemStatTiming .RadButton_Bootstrap.k-switch-on .k-switch-container { background-color: var(--wgtIgnite-color-1) !important; } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteCampaignsListItemStatTiming .RadButton_Bootstrap.k-switch-off .k-switch-container { background-color: var(--wgtIgnite-color-1) !important; } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteSwitchOnboardingPlanType.RadButton_Bootstrap.k-switch-on .k-switch-container { background-color: var(--wgtIgnite-color-1) !important; } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteSwitchOnboardingPlanType.RadButton_Bootstrap.k-switch-off .k-switch-container { background-color: var(--wgtIgnite-color-4) !important; } .RadLabel_Bootstrap + .wgtIgnite .RadAutoCompleteBox_Bootstrap .racTokenList.racFocused { border: solid 1px var(--wgtIgnite-palette-grey-2); -webkit-box-shadow: none !important; box-shadow: none !important; } .RadLabel_Bootstrap + .wgtIgnite .RadInputMgr { border-color: transparent !important; } .RadLabel_Bootstrap + .wgtIgnite .rdpWrap .RadInput .riTextBox { border-color: var(--wgtIgnite-palette-grey-2) !important; } .RadLabel_Bootstrap + .wgtIgnite .rdpWrap .RadInput .riTextBox, .RadLabel_Bootstrap + .wgtIgnite .rdpWrap .RadInput .riTextBox.riFocused { border: solid 1px var(--wgtIgnite-palette-grey-2) !important; } .RadLabel_Bootstrap + .wgtIgnite .rbCheckBox.wgtIgniteContextFilterTrigger { padding: 0px !important; } .RadLabel_Bootstrap + .wgtIgnite .RadAutoCompleteBox_Bootstrap .racToken.racHovered { background-color: var(--wgtIgnite-color-1) !important; color: var(--wgtIgnite-palette-background) !important; -webkit-box-shadow: 2px 2px 4px 0px #ccc !important; box-shadow: 2px 2px 4px 0px #ccc !important; border: solid 1px var(--wgtIgnite-color-1l1) !important; } .RadLabel_Bootstrap + .wgtIgnite .RadAutoCompleteBox_Bootstrap .racToken.racHovered .p-icon:before { color: var(--wgtIgnite-palette-background) !important; } .RadLabel_Bootstrap + .wgtIgnite .RadBreadcrumb_Bootstrap { color: var(--wgtIgnite-palette-base); } .RadLabel_Bootstrap + .wgtIgnite .truncated::before { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(rgb(255, 255, 255)), to(rgb(255, 255, 255))); background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgb(255, 255, 255)); } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteTagCloud { /*S 12/20/22 */ } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteTagCloudEmptyMiddle { display: none; } .wgtIgniteDashboardGridTagCloud.empty .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteTagCloudEmptyLeft, .wgtIgniteDashboardGridTagCloud.empty .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteTagCloudEmptyRight { background-position: left; background-image: url("/images/icons/dashboard_emptytagcloud.png"); max-width: 400px; width: 100%; background-size: 700px; background-repeat: no-repeat; } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteTagCloud.RadTagCloud { /*S 10/28/22 */ border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 10px !important; float: left; /*E 10/28/22 */ /*S 12/20/22 */ /*E 12/20/22 */ /*S 11/04/22 */ /*E 11/04/22 */ } .wgtIgniteDashboardGridTagCloud.empty .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteTagCloud.RadTagCloud { display: none; } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteTagCloud.RadTagCloud ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 700px; } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteTagCloud.RadTagCloud .rtcTagItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 3px; -moz-column-gap: 3px; column-gap: 3px; /*S 11/03/22 */ /*E 11/03/22 */ } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteTagCloud.RadTagCloud .rtcTagItem a { padding: 8px; border-radius: var(--wgtIgnite-br); font-family: var(--wgtIgnite-font); font-weight: 100; max-width: 250px; word-break: break-word; } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteTagCloud.RadTagCloud .rtcTagItem span { color: var(--wgtIgnite-palette-base); font-family: var(--wgtIgnite-font); font-weight: 100; } .RadLabel_Bootstrap + .wgtIgnite .RadProgressBar .rpbStateSelected { background-color: var(--wgtIgnite-color-4); border-color: transparent; } .RadLabel_Bootstrap + .wgtIgnite .k-switch-off .k-switch-label-off, .RadLabel_Bootstrap + .wgtIgnite .k-switch-on .k-switch-label-on { color: var(--wgtIgnite-palette-background) !important; font-weight: 800 !important; } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteInput.wgtIgniteActionCardDescription .riContentWrapper { border-color: transparent !important; } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteInput > .RadInput > .riLabel + .riContentWrapper, .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteInput > .rcbLabel + .rcbInner { position: relative; } .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteInput.wgtIgniteCampaignMessagesContainer, .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteInput.wgtIgniteLeadTagsContainer { border-color: var(--wgtIgnite-palette-grey-2); margin-top: 10px; } .RadLabel_Bootstrap + .wgtIgnite .RadDataPager .rdpNumPart a { width: auto; } .RadLabel_Bootstrap + .wgtIgnite .RadDataPager .rdpActionButton, .RadLabel_Bootstrap + .wgtIgnite .RadDataPager .rdpNumPart a { border-color: var(--wgtIgnite-color-1l3); font-weight: 700; padding-top: 2px; padding-bottom: 2px; } .RadLabel_Bootstrap + .wgtIgnite .RadDataPager .rdpCurrentPage { border-color: var(--wgtIgnite-color-1); background-color: var(--wgtIgnite-color-1); } .RadLabel_Glow + .wgtIgnite { --wgtIgnite-palette-list-item-bg: var(--wgtIgnite-color-2l2); --wgtIgnite-palette-list-item-fade: var(--wgtIgnite-color-2l2); } .RadLabel_Glow + .wgtIgnite .wgtIgniteDashboardSparkSite { background-color: var(--wgtIgnite-palette-grey-9); } .RadLabel_Glow + .wgtIgnite::before { background-color: var(--wgtIgnite-color-2); } .RadLabel_Glow + .wgtIgnite .wgtIgniteDashboardSponsor.default img { -webkit-filter: hue-rotate(180deg) grayscale(0.7); filter: hue-rotate(180deg) grayscale(0.7); } .RadLabel_Glow + .wgtIgnite .wgtIgniteLogo { -webkit-filter: hue-rotate(180deg) grayscale(0.7); filter: hue-rotate(180deg) grayscale(0.7); } .RadLabel_Telerik + .wgtIgnite { --wgtIgnite-palette-commandbar-icon: var(--wgtIgnite-palette-background) !important; } .RadLabel_Telerik + .wgtIgnite::before { background-color: var(--wgtIgnite-palette-grey-1); } .RadLabel_Telerik + .wgtIgnite .wgtIgniteDashboardSponsor.default img { -webkit-filter: hue-rotate(270deg) grayscale(0.7); filter: hue-rotate(270deg) grayscale(0.7); } .RadLabel_Telerik + .wgtIgnite .wgtIgniteLogo { -webkit-filter: hue-rotate(270deg) grayscale(0.7); filter: hue-rotate(270deg) grayscale(0.7); } .wgtIgniteActionsHeader, .wgtIgniteAdminCompaniesHeader, .wgtIgniteCampaignsHeader, .wgtIgniteCampaignAnalyticsMessagesHeader, .wgtIgniteCampaignMessagesHeader, .wgtIgniteCorporateProductsHeader, .wgtIgniteDashboardCampaignsHeader, .wgtIgniteGroupHeader, .wgtIgniteGroupsHeader, .wgtIgniteInventoryHeader, .wgtIgniteLeadCampaignHistoryHeader, .wgtIgniteManageSparkSitesHeader, .wgtIgniteManageEmailTemplatesHeader, .wgtIgniteOrderHistoryHeader, .wgtIgniteOrderSearchResultsHeader, .wgtIgnitePayHistoryHeader, .wgtIgnitePlanTemplatesHeader, .wgtIgniteProductHeader, .wgtIgnitePayTemplatesHeader, .wgtIgniteRequestCodeHeader, .wgtIgniteSearchHeader, .wgtIgniteStatusesHeader, .wgtIgniteTagsHeader, .wgtIgnitePageHeader { /* s 4/12/22 */ background-color: var(--wgtIgnite-palette-background); /* e 4/12/22 */ -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; padding: 20px; position: sticky; z-index: 4; /*S 7/15/22 */ -webkit-box-shadow: 0px 0px 8px 0px var(--wgtIgnite-palette-shadow); box-shadow: 0px 0px 8px 0px var(--wgtIgnite-palette-shadow); top: 0px; /*E 7/15/22 */ } .wgtIgniteActionsHeaderTitle, .wgtIgniteAdminCompaniesHeaderTitle, .wgtIgniteCampaignsHeaderTitle, .wgtIgniteCampaignAnalyticsMessagesHeaderTitle, .wgtIgniteCampaignMessagesHeaderTitle, .wgtIgniteCorporateProductsHeaderTitle, .wgtIgniteDashboardCampaignsHeaderTitle, .wgtIgniteGroupHeaderTitle, .wgtIgniteGroupsHeaderTitle, .wgtIgniteInventoryHeaderTitle, .wgtIgniteLeadCampaignHistoryHeaderTitle, .wgtIgniteManageSparkSitesHeaderTitle, .wgtIgniteManageEmailTemplatesHeaderTitle, .wgtIgniteOrderHistoryHeaderTitle, .wgtIgniteOrderSearchResultsHeaderTitle, .wgtIgnitePayHistoryHeaderTitle, .wgtIgnitePlanTemplatesHeaderTitle, .wgtIgniteProductHeaderTitle, .wgtIgnitePayTemplatesHeaderTitle, .wgtIgniteRequestCodeHeaderTitle, .wgtIgniteSearchHeaderTitle, .wgtIgniteStatusesHeaderTitle, .wgtIgniteTagsHeaderTitle, .wgtIgnitePageHeaderTitle { font-size: var(--wgtIgnite-text-size-large); /* S 4/8/22 */ color: var(--wgtIgnite-palette-base); font-weight: 800; /* E 4/8/22 */ /* S 4/13/22 */ /* E 4/13/22 */ } .wgtIgniteSearchHeader .wgtIgniteActionsHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteAdminCompaniesHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteCampaignsHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteCampaignAnalyticsMessagesHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteCampaignMessagesHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteCorporateProductsHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteDashboardCampaignsHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteGroupHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteGroupsHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteInventoryHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteLeadCampaignHistoryHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteManageSparkSitesHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteManageEmailTemplatesHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteOrderHistoryHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteOrderSearchResultsHeaderTitle, .wgtIgniteSearchHeader .wgtIgnitePayHistoryHeaderTitle, .wgtIgniteSearchHeader .wgtIgnitePlanTemplatesHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteProductHeaderTitle, .wgtIgniteSearchHeader .wgtIgnitePayTemplatesHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteRequestCodeHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteSearchHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteStatusesHeaderTitle, .wgtIgniteSearchHeader .wgtIgniteTagsHeaderTitle, .wgtIgniteSearchHeader .wgtIgnitePageHeaderTitle { color: var(--wgtIgnite-palette-background); /*S 5/2/22 */ height: 35px; /*E 5/2/22 */ } .wgtIgniteSearchHeader .wgtIgniteActionsHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteAdminCompaniesHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteCampaignsHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteCampaignAnalyticsMessagesHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteCampaignMessagesHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteCorporateProductsHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteDashboardCampaignsHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteGroupHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteGroupsHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteInventoryHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteLeadCampaignHistoryHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteManageSparkSitesHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteManageEmailTemplatesHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteOrderHistoryHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteOrderSearchResultsHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgnitePayHistoryHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgnitePlanTemplatesHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteProductHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgnitePayTemplatesHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteRequestCodeHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteSearchHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteStatusesHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgniteTagsHeaderTitle.truncated.expanded, .wgtIgniteSearchHeader .wgtIgnitePageHeaderTitle.truncated.expanded { height: auto; overflow: visible; } .wgtIgniteActionsList, .wgtIgniteAdminCompaniesList, .wgtIgniteCampaignsList, .wgtIgniteCampaignAnalyticsMessagesList, .wgtIgniteCampaignMessagesList, .wgtIgniteCorporateProductsList, .wgtIgniteDashboardCampaignsList, .wgtIgniteGroupList, .wgtIgniteGroupsList, .wgtIgniteInventoryList, .wgtIgniteLeadCampaignHistoryList, .wgtIgniteManageSparkSitesList, .wgtIgniteManageEmailTemplatesList, .wgtIgniteOrderHistoryList, .wgtIgniteOrderSearchResultsList, .wgtIgnitePayHistoryList, .wgtIgnitePlanTemplatesList, .wgtIgniteProductList, .wgtIgnitePayTemplatesList, .wgtIgniteRequestCodeList, .wgtIgniteSearchList, .wgtIgniteStatusesList, .wgtIgniteTagsList, .wgtIgnitePageList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; padding: 0px; } .wgtIgniteActionsListContainer, .wgtIgniteAdminCompaniesListContainer, .wgtIgniteCampaignsListContainer, .wgtIgniteCampaignAnalyticsMessagesListContainer, .wgtIgniteCampaignMessagesListContainer, .wgtIgniteCorporateProductsListContainer, .wgtIgniteDashboardCampaignsListContainer, .wgtIgniteGroupListContainer, .wgtIgniteGroupsListContainer, .wgtIgniteInventoryListContainer, .wgtIgniteLeadCampaignHistoryListContainer, .wgtIgniteManageSparkSitesListContainer, .wgtIgniteManageEmailTemplatesListContainer, .wgtIgniteOrderHistoryListContainer, .wgtIgniteOrderSearchResultsListContainer, .wgtIgnitePayHistoryListContainer, .wgtIgnitePlanTemplatesListContainer, .wgtIgniteProductListContainer, .wgtIgnitePayTemplatesListContainer, .wgtIgniteRequestCodeListContainer, .wgtIgniteSearchListContainer, .wgtIgniteStatusesListContainer, .wgtIgniteTagsListContainer, .wgtIgnitePageListContainer { width: 100%; } .wgtIgniteActionsListHeaders, .wgtIgniteAdminCompaniesListHeaders, .wgtIgniteCampaignsListHeaders, .wgtIgniteCampaignAnalyticsMessagesListHeaders, .wgtIgniteCampaignMessagesListHeaders, .wgtIgniteCorporateProductsListHeaders, .wgtIgniteDashboardCampaignsListHeaders, .wgtIgniteGroupListHeaders, .wgtIgniteGroupsListHeaders, .wgtIgniteInventoryListHeaders, .wgtIgniteLeadCampaignHistoryListHeaders, .wgtIgniteManageSparkSitesListHeaders, .wgtIgniteManageEmailTemplatesListHeaders, .wgtIgniteOrderHistoryListHeaders, .wgtIgniteOrderSearchResultsListHeaders, .wgtIgnitePayHistoryListHeaders, .wgtIgnitePlanTemplatesListHeaders, .wgtIgniteProductListHeaders, .wgtIgnitePayTemplatesListHeaders, .wgtIgniteRequestCodeListHeaders, .wgtIgniteSearchListHeaders, .wgtIgniteStatusesListHeaders, .wgtIgniteTagsListHeaders, .wgtIgnitePageListHeaders { -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; display: grid; gap: 5px; grid-template-columns: var(--wgtIgnite-lead-columns); grid-template-rows: 1fr; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 52px; position: sticky; z-index: 3; margin: 0px 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteActionsListHeadersItem, .wgtIgniteAdminCompaniesListHeadersItem, .wgtIgniteCampaignsListHeadersItem, .wgtIgniteCampaignAnalyticsMessagesListHeadersItem, .wgtIgniteCampaignMessagesListHeadersItem, .wgtIgniteCorporateProductsListHeadersItem, .wgtIgniteDashboardCampaignsListHeadersItem, .wgtIgniteGroupListHeadersItem, .wgtIgniteGroupsListHeadersItem, .wgtIgniteInventoryListHeadersItem, .wgtIgniteLeadCampaignHistoryListHeadersItem, .wgtIgniteManageSparkSitesListHeadersItem, .wgtIgniteManageEmailTemplatesListHeadersItem, .wgtIgniteOrderHistoryListHeadersItem, .wgtIgniteOrderSearchResultsListHeadersItem, .wgtIgnitePayHistoryListHeadersItem, .wgtIgnitePlanTemplatesListHeadersItem, .wgtIgniteProductListHeadersItem, .wgtIgnitePayTemplatesListHeadersItem, .wgtIgniteRequestCodeListHeadersItem, .wgtIgniteSearchListHeadersItem, .wgtIgniteStatusesListHeadersItem, .wgtIgniteTagsListHeadersItem, .wgtIgnitePageListHeadersItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteActionsListHeadersItem.RadLabel, .wgtIgniteAdminCompaniesListHeadersItem.RadLabel, .wgtIgniteCampaignsListHeadersItem.RadLabel, .wgtIgniteCampaignAnalyticsMessagesListHeadersItem.RadLabel, .wgtIgniteCampaignMessagesListHeadersItem.RadLabel, .wgtIgniteCorporateProductsListHeadersItem.RadLabel, .wgtIgniteDashboardCampaignsListHeadersItem.RadLabel, .wgtIgniteGroupListHeadersItem.RadLabel, .wgtIgniteGroupsListHeadersItem.RadLabel, .wgtIgniteInventoryListHeadersItem.RadLabel, .wgtIgniteLeadCampaignHistoryListHeadersItem.RadLabel, .wgtIgniteManageSparkSitesListHeadersItem.RadLabel, .wgtIgniteManageEmailTemplatesListHeadersItem.RadLabel, .wgtIgniteOrderHistoryListHeadersItem.RadLabel, .wgtIgniteOrderSearchResultsListHeadersItem.RadLabel, .wgtIgnitePayHistoryListHeadersItem.RadLabel, .wgtIgnitePlanTemplatesListHeadersItem.RadLabel, .wgtIgniteProductListHeadersItem.RadLabel, .wgtIgnitePayTemplatesListHeadersItem.RadLabel, .wgtIgniteRequestCodeListHeadersItem.RadLabel, .wgtIgniteSearchListHeadersItem.RadLabel, .wgtIgniteStatusesListHeadersItem.RadLabel, .wgtIgniteTagsListHeadersItem.RadLabel, .wgtIgnitePageListHeadersItem.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteActionsListHeadersItem:last-child, .wgtIgniteAdminCompaniesListHeadersItem:last-child, .wgtIgniteCampaignsListHeadersItem:last-child, .wgtIgniteCampaignAnalyticsMessagesListHeadersItem:last-child, .wgtIgniteCampaignMessagesListHeadersItem:last-child, .wgtIgniteCorporateProductsListHeadersItem:last-child, .wgtIgniteDashboardCampaignsListHeadersItem:last-child, .wgtIgniteGroupListHeadersItem:last-child, .wgtIgniteGroupsListHeadersItem:last-child, .wgtIgniteInventoryListHeadersItem:last-child, .wgtIgniteLeadCampaignHistoryListHeadersItem:last-child, .wgtIgniteManageSparkSitesListHeadersItem:last-child, .wgtIgniteManageEmailTemplatesListHeadersItem:last-child, .wgtIgniteOrderHistoryListHeadersItem:last-child, .wgtIgniteOrderSearchResultsListHeadersItem:last-child, .wgtIgnitePayHistoryListHeadersItem:last-child, .wgtIgnitePlanTemplatesListHeadersItem:last-child, .wgtIgniteProductListHeadersItem:last-child, .wgtIgnitePayTemplatesListHeadersItem:last-child, .wgtIgniteRequestCodeListHeadersItem:last-child, .wgtIgniteSearchListHeadersItem:last-child, .wgtIgniteStatusesListHeadersItem:last-child, .wgtIgniteTagsListHeadersItem:last-child, .wgtIgnitePageListHeadersItem:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteActionsListHeadersItem:last-child .RadLabel, .wgtIgniteAdminCompaniesListHeadersItem:last-child .RadLabel, .wgtIgniteCampaignsListHeadersItem:last-child .RadLabel, .wgtIgniteCampaignAnalyticsMessagesListHeadersItem:last-child .RadLabel, .wgtIgniteCampaignMessagesListHeadersItem:last-child .RadLabel, .wgtIgniteCorporateProductsListHeadersItem:last-child .RadLabel, .wgtIgniteDashboardCampaignsListHeadersItem:last-child .RadLabel, .wgtIgniteGroupListHeadersItem:last-child .RadLabel, .wgtIgniteGroupsListHeadersItem:last-child .RadLabel, .wgtIgniteInventoryListHeadersItem:last-child .RadLabel, .wgtIgniteLeadCampaignHistoryListHeadersItem:last-child .RadLabel, .wgtIgniteManageSparkSitesListHeadersItem:last-child .RadLabel, .wgtIgniteManageEmailTemplatesListHeadersItem:last-child .RadLabel, .wgtIgniteOrderHistoryListHeadersItem:last-child .RadLabel, .wgtIgniteOrderSearchResultsListHeadersItem:last-child .RadLabel, .wgtIgnitePayHistoryListHeadersItem:last-child .RadLabel, .wgtIgnitePlanTemplatesListHeadersItem:last-child .RadLabel, .wgtIgniteProductListHeadersItem:last-child .RadLabel, .wgtIgnitePayTemplatesListHeadersItem:last-child .RadLabel, .wgtIgniteRequestCodeListHeadersItem:last-child .RadLabel, .wgtIgniteSearchListHeadersItem:last-child .RadLabel, .wgtIgniteStatusesListHeadersItem:last-child .RadLabel, .wgtIgniteTagsListHeadersItem:last-child .RadLabel, .wgtIgnitePageListHeadersItem:last-child .RadLabel { text-align: right; } .wgtIgniteActionsListHeadersTitle.RadLabel, .wgtIgniteAdminCompaniesListHeadersTitle.RadLabel, .wgtIgniteCampaignsListHeadersTitle.RadLabel, .wgtIgniteCampaignAnalyticsMessagesListHeadersTitle.RadLabel, .wgtIgniteCampaignMessagesListHeadersTitle.RadLabel, .wgtIgniteCorporateProductsListHeadersTitle.RadLabel, .wgtIgniteDashboardCampaignsListHeadersTitle.RadLabel, .wgtIgniteGroupListHeadersTitle.RadLabel, .wgtIgniteGroupsListHeadersTitle.RadLabel, .wgtIgniteInventoryListHeadersTitle.RadLabel, .wgtIgniteLeadCampaignHistoryListHeadersTitle.RadLabel, .wgtIgniteManageSparkSitesListHeadersTitle.RadLabel, .wgtIgniteManageEmailTemplatesListHeadersTitle.RadLabel, .wgtIgniteOrderHistoryListHeadersTitle.RadLabel, .wgtIgniteOrderSearchResultsListHeadersTitle.RadLabel, .wgtIgnitePayHistoryListHeadersTitle.RadLabel, .wgtIgnitePlanTemplatesListHeadersTitle.RadLabel, .wgtIgniteProductListHeadersTitle.RadLabel, .wgtIgnitePayTemplatesListHeadersTitle.RadLabel, .wgtIgniteRequestCodeListHeadersTitle.RadLabel, .wgtIgniteSearchListHeadersTitle.RadLabel, .wgtIgniteStatusesListHeadersTitle.RadLabel, .wgtIgniteTagsListHeadersTitle.RadLabel, .wgtIgnitePageListHeadersTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteActionsListHeaderDate, .wgtIgniteAdminCompaniesListHeaderDate, .wgtIgniteCampaignsListHeaderDate, .wgtIgniteCampaignAnalyticsMessagesListHeaderDate, .wgtIgniteCampaignMessagesListHeaderDate, .wgtIgniteCorporateProductsListHeaderDate, .wgtIgniteDashboardCampaignsListHeaderDate, .wgtIgniteGroupListHeaderDate, .wgtIgniteGroupsListHeaderDate, .wgtIgniteInventoryListHeaderDate, .wgtIgniteLeadCampaignHistoryListHeaderDate, .wgtIgniteManageSparkSitesListHeaderDate, .wgtIgniteManageEmailTemplatesListHeaderDate, .wgtIgniteOrderHistoryListHeaderDate, .wgtIgniteOrderSearchResultsListHeaderDate, .wgtIgnitePayHistoryListHeaderDate, .wgtIgnitePlanTemplatesListHeaderDate, .wgtIgniteProductListHeaderDate, .wgtIgnitePayTemplatesListHeaderDate, .wgtIgniteRequestCodeListHeaderDate, .wgtIgniteSearchListHeaderDate, .wgtIgniteStatusesListHeaderDate, .wgtIgniteTagsListHeaderDate, .wgtIgnitePageListHeaderDate { text-align: right; } .wgtIgniteActionsListHeaderItem, .wgtIgniteAdminCompaniesListHeaderItem, .wgtIgniteCampaignsListHeaderItem, .wgtIgniteCampaignAnalyticsMessagesListHeaderItem, .wgtIgniteCampaignMessagesListHeaderItem, .wgtIgniteCorporateProductsListHeaderItem, .wgtIgniteDashboardCampaignsListHeaderItem, .wgtIgniteGroupListHeaderItem, .wgtIgniteGroupsListHeaderItem, .wgtIgniteInventoryListHeaderItem, .wgtIgniteLeadCampaignHistoryListHeaderItem, .wgtIgniteManageSparkSitesListHeaderItem, .wgtIgniteManageEmailTemplatesListHeaderItem, .wgtIgniteOrderHistoryListHeaderItem, .wgtIgniteOrderSearchResultsListHeaderItem, .wgtIgnitePayHistoryListHeaderItem, .wgtIgnitePlanTemplatesListHeaderItem, .wgtIgniteProductListHeaderItem, .wgtIgnitePayTemplatesListHeaderItem, .wgtIgniteRequestCodeListHeaderItem, .wgtIgniteSearchListHeaderItem, .wgtIgniteStatusesListHeaderItem, .wgtIgniteTagsListHeaderItem, .wgtIgnitePageListHeaderItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteActionsListHeaderItem:last-child, .wgtIgniteAdminCompaniesListHeaderItem:last-child, .wgtIgniteCampaignsListHeaderItem:last-child, .wgtIgniteCampaignAnalyticsMessagesListHeaderItem:last-child, .wgtIgniteCampaignMessagesListHeaderItem:last-child, .wgtIgniteCorporateProductsListHeaderItem:last-child, .wgtIgniteDashboardCampaignsListHeaderItem:last-child, .wgtIgniteGroupListHeaderItem:last-child, .wgtIgniteGroupsListHeaderItem:last-child, .wgtIgniteInventoryListHeaderItem:last-child, .wgtIgniteLeadCampaignHistoryListHeaderItem:last-child, .wgtIgniteManageSparkSitesListHeaderItem:last-child, .wgtIgniteManageEmailTemplatesListHeaderItem:last-child, .wgtIgniteOrderHistoryListHeaderItem:last-child, .wgtIgniteOrderSearchResultsListHeaderItem:last-child, .wgtIgnitePayHistoryListHeaderItem:last-child, .wgtIgnitePlanTemplatesListHeaderItem:last-child, .wgtIgniteProductListHeaderItem:last-child, .wgtIgnitePayTemplatesListHeaderItem:last-child, .wgtIgniteRequestCodeListHeaderItem:last-child, .wgtIgniteSearchListHeaderItem:last-child, .wgtIgniteStatusesListHeaderItem:last-child, .wgtIgniteTagsListHeaderItem:last-child, .wgtIgnitePageListHeaderItem:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteActionsListHeaderTitle, .wgtIgniteActionsListHeaderTitle.RadLabel, .wgtIgniteAdminCompaniesListHeaderTitle, .wgtIgniteAdminCompaniesListHeaderTitle.RadLabel, .wgtIgniteCampaignsListHeaderTitle, .wgtIgniteCampaignsListHeaderTitle.RadLabel, .wgtIgniteCampaignAnalyticsMessagesListHeaderTitle, .wgtIgniteCampaignAnalyticsMessagesListHeaderTitle.RadLabel, .wgtIgniteCampaignMessagesListHeaderTitle, .wgtIgniteCampaignMessagesListHeaderTitle.RadLabel, .wgtIgniteCorporateProductsListHeaderTitle, .wgtIgniteCorporateProductsListHeaderTitle.RadLabel, .wgtIgniteDashboardCampaignsListHeaderTitle, .wgtIgniteDashboardCampaignsListHeaderTitle.RadLabel, .wgtIgniteGroupListHeaderTitle, .wgtIgniteGroupListHeaderTitle.RadLabel, .wgtIgniteGroupsListHeaderTitle, .wgtIgniteGroupsListHeaderTitle.RadLabel, .wgtIgniteInventoryListHeaderTitle, .wgtIgniteInventoryListHeaderTitle.RadLabel, .wgtIgniteLeadCampaignHistoryListHeaderTitle, .wgtIgniteLeadCampaignHistoryListHeaderTitle.RadLabel, .wgtIgniteManageSparkSitesListHeaderTitle, .wgtIgniteManageSparkSitesListHeaderTitle.RadLabel, .wgtIgniteManageEmailTemplatesListHeaderTitle, .wgtIgniteManageEmailTemplatesListHeaderTitle.RadLabel, .wgtIgniteOrderHistoryListHeaderTitle, .wgtIgniteOrderHistoryListHeaderTitle.RadLabel, .wgtIgniteOrderSearchResultsListHeaderTitle, .wgtIgniteOrderSearchResultsListHeaderTitle.RadLabel, .wgtIgnitePayHistoryListHeaderTitle, .wgtIgnitePayHistoryListHeaderTitle.RadLabel, .wgtIgnitePlanTemplatesListHeaderTitle, .wgtIgnitePlanTemplatesListHeaderTitle.RadLabel, .wgtIgniteProductListHeaderTitle, .wgtIgniteProductListHeaderTitle.RadLabel, .wgtIgnitePayTemplatesListHeaderTitle, .wgtIgnitePayTemplatesListHeaderTitle.RadLabel, .wgtIgniteRequestCodeListHeaderTitle, .wgtIgniteRequestCodeListHeaderTitle.RadLabel, .wgtIgniteSearchListHeaderTitle, .wgtIgniteSearchListHeaderTitle.RadLabel, .wgtIgniteStatusesListHeaderTitle, .wgtIgniteStatusesListHeaderTitle.RadLabel, .wgtIgniteTagsListHeaderTitle, .wgtIgniteTagsListHeaderTitle.RadLabel, .wgtIgnitePageListHeaderTitle, .wgtIgnitePageListHeaderTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteActionsListItem, .wgtIgniteAdminCompaniesListItem, .wgtIgniteCampaignsListItem, .wgtIgniteCampaignAnalyticsMessagesListItem, .wgtIgniteCampaignMessagesListItem, .wgtIgniteCorporateProductsListItem, .wgtIgniteDashboardCampaignsListItem, .wgtIgniteGroupListItem, .wgtIgniteGroupsListItem, .wgtIgniteInventoryListItem, .wgtIgniteLeadCampaignHistoryListItem, .wgtIgniteManageSparkSitesListItem, .wgtIgniteManageEmailTemplatesListItem, .wgtIgniteOrderHistoryListItem, .wgtIgniteOrderSearchResultsListItem, .wgtIgnitePayHistoryListItem, .wgtIgnitePlanTemplatesListItem, .wgtIgniteProductListItem, .wgtIgnitePayTemplatesListItem, .wgtIgniteRequestCodeListItem, .wgtIgniteSearchListItem, .wgtIgniteStatusesListItem, .wgtIgniteTagsListItem, .wgtIgnitePageListItem { background-color: var(--wgtIgnite-palette-list-item-bg); border: solid 1px var(--wgtIgnite-color-2); border-left-width: 5px; border-radius: var(--wgtIgnite-br); display: grid; grid-template-rows: auto; grid-auto-rows: auto; padding: 20px 10px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; -webkit-transition: padding 0.6s ease; transition: padding 0.6s ease; width: 100%; } .wgtIgniteActionsListItem::before, .wgtIgniteAdminCompaniesListItem::before, .wgtIgniteCampaignsListItem::before, .wgtIgniteCampaignAnalyticsMessagesListItem::before, .wgtIgniteCampaignMessagesListItem::before, .wgtIgniteCorporateProductsListItem::before, .wgtIgniteDashboardCampaignsListItem::before, .wgtIgniteGroupListItem::before, .wgtIgniteGroupsListItem::before, .wgtIgniteInventoryListItem::before, .wgtIgniteLeadCampaignHistoryListItem::before, .wgtIgniteManageSparkSitesListItem::before, .wgtIgniteManageEmailTemplatesListItem::before, .wgtIgniteOrderHistoryListItem::before, .wgtIgniteOrderSearchResultsListItem::before, .wgtIgnitePayHistoryListItem::before, .wgtIgnitePlanTemplatesListItem::before, .wgtIgniteProductListItem::before, .wgtIgnitePayTemplatesListItem::before, .wgtIgniteRequestCodeListItem::before, .wgtIgniteSearchListItem::before, .wgtIgniteStatusesListItem::before, .wgtIgniteTagsListItem::before, .wgtIgnitePageListItem::before { border-radius: 0px; border-bottom-right-radius: var(--wgtIgnite-br); cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: var(--wgtIgnite-text-size-hero); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; content: url('data:image/svg+xml; utf8,'); background-color: var(--wgtIgnite-color-1l1); line-height: 0px; position: absolute; opacity: 0; left: 0px; top: 0px; height: 18px; width: 18px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom-right-radius: var(--wgtIgnite-br); left: 0px; top: 0px; } .wgtIgniteActionsListItem:hover, .wgtIgniteAdminCompaniesListItem:hover, .wgtIgniteCampaignsListItem:hover, .wgtIgniteCampaignAnalyticsMessagesListItem:hover, .wgtIgniteCampaignMessagesListItem:hover, .wgtIgniteCorporateProductsListItem:hover, .wgtIgniteDashboardCampaignsListItem:hover, .wgtIgniteGroupListItem:hover, .wgtIgniteGroupsListItem:hover, .wgtIgniteInventoryListItem:hover, .wgtIgniteLeadCampaignHistoryListItem:hover, .wgtIgniteManageSparkSitesListItem:hover, .wgtIgniteManageEmailTemplatesListItem:hover, .wgtIgniteOrderHistoryListItem:hover, .wgtIgniteOrderSearchResultsListItem:hover, .wgtIgnitePayHistoryListItem:hover, .wgtIgnitePlanTemplatesListItem:hover, .wgtIgniteProductListItem:hover, .wgtIgnitePayTemplatesListItem:hover, .wgtIgniteRequestCodeListItem:hover, .wgtIgniteSearchListItem:hover, .wgtIgniteStatusesListItem:hover, .wgtIgniteTagsListItem:hover, .wgtIgnitePageListItem:hover { background-color: var(--wgtIgnite-color-2l3); border-color: var(--wgtIgnite-color-1l1); } .wgtIgniteActionsListItem:hover::before, .wgtIgniteAdminCompaniesListItem:hover::before, .wgtIgniteCampaignsListItem:hover::before, .wgtIgniteCampaignAnalyticsMessagesListItem:hover::before, .wgtIgniteCampaignMessagesListItem:hover::before, .wgtIgniteCorporateProductsListItem:hover::before, .wgtIgniteDashboardCampaignsListItem:hover::before, .wgtIgniteGroupListItem:hover::before, .wgtIgniteGroupsListItem:hover::before, .wgtIgniteInventoryListItem:hover::before, .wgtIgniteLeadCampaignHistoryListItem:hover::before, .wgtIgniteManageSparkSitesListItem:hover::before, .wgtIgniteManageEmailTemplatesListItem:hover::before, .wgtIgniteOrderHistoryListItem:hover::before, .wgtIgniteOrderSearchResultsListItem:hover::before, .wgtIgnitePayHistoryListItem:hover::before, .wgtIgnitePlanTemplatesListItem:hover::before, .wgtIgniteProductListItem:hover::before, .wgtIgnitePayTemplatesListItem:hover::before, .wgtIgniteRequestCodeListItem:hover::before, .wgtIgniteSearchListItem:hover::before, .wgtIgniteStatusesListItem:hover::before, .wgtIgniteTagsListItem:hover::before, .wgtIgnitePageListItem:hover::before { opacity: 1; } .wgtIgniteActionsListItem.disabled, .wgtIgniteAdminCompaniesListItem.disabled, .wgtIgniteCampaignsListItem.disabled, .wgtIgniteCampaignAnalyticsMessagesListItem.disabled, .wgtIgniteCampaignMessagesListItem.disabled, .wgtIgniteCorporateProductsListItem.disabled, .wgtIgniteDashboardCampaignsListItem.disabled, .wgtIgniteGroupListItem.disabled, .wgtIgniteGroupsListItem.disabled, .wgtIgniteInventoryListItem.disabled, .wgtIgniteLeadCampaignHistoryListItem.disabled, .wgtIgniteManageSparkSitesListItem.disabled, .wgtIgniteManageEmailTemplatesListItem.disabled, .wgtIgniteOrderHistoryListItem.disabled, .wgtIgniteOrderSearchResultsListItem.disabled, .wgtIgnitePayHistoryListItem.disabled, .wgtIgnitePlanTemplatesListItem.disabled, .wgtIgniteProductListItem.disabled, .wgtIgnitePayTemplatesListItem.disabled, .wgtIgniteRequestCodeListItem.disabled, .wgtIgniteSearchListItem.disabled, .wgtIgniteStatusesListItem.disabled, .wgtIgniteTagsListItem.disabled, .wgtIgnitePageListItem.disabled { pointer-events: none; opacity: 0.6; } .wgtIgniteActionsListItem.disabled:hover, .wgtIgniteAdminCompaniesListItem.disabled:hover, .wgtIgniteCampaignsListItem.disabled:hover, .wgtIgniteCampaignAnalyticsMessagesListItem.disabled:hover, .wgtIgniteCampaignMessagesListItem.disabled:hover, .wgtIgniteCorporateProductsListItem.disabled:hover, .wgtIgniteDashboardCampaignsListItem.disabled:hover, .wgtIgniteGroupListItem.disabled:hover, .wgtIgniteGroupsListItem.disabled:hover, .wgtIgniteInventoryListItem.disabled:hover, .wgtIgniteLeadCampaignHistoryListItem.disabled:hover, .wgtIgniteManageSparkSitesListItem.disabled:hover, .wgtIgniteManageEmailTemplatesListItem.disabled:hover, .wgtIgniteOrderHistoryListItem.disabled:hover, .wgtIgniteOrderSearchResultsListItem.disabled:hover, .wgtIgnitePayHistoryListItem.disabled:hover, .wgtIgnitePlanTemplatesListItem.disabled:hover, .wgtIgniteProductListItem.disabled:hover, .wgtIgnitePayTemplatesListItem.disabled:hover, .wgtIgniteRequestCodeListItem.disabled:hover, .wgtIgniteSearchListItem.disabled:hover, .wgtIgniteStatusesListItem.disabled:hover, .wgtIgniteTagsListItem.disabled:hover, .wgtIgnitePageListItem.disabled:hover { background-color: var(--wgtIgnite-color-2l4); border-color: var(--wgtIgnite-color-2); } .wgtIgniteActionsListItem.disabled::before, .wgtIgniteAdminCompaniesListItem.disabled::before, .wgtIgniteCampaignsListItem.disabled::before, .wgtIgniteCampaignAnalyticsMessagesListItem.disabled::before, .wgtIgniteCampaignMessagesListItem.disabled::before, .wgtIgniteCorporateProductsListItem.disabled::before, .wgtIgniteDashboardCampaignsListItem.disabled::before, .wgtIgniteGroupListItem.disabled::before, .wgtIgniteGroupsListItem.disabled::before, .wgtIgniteInventoryListItem.disabled::before, .wgtIgniteLeadCampaignHistoryListItem.disabled::before, .wgtIgniteManageSparkSitesListItem.disabled::before, .wgtIgniteManageEmailTemplatesListItem.disabled::before, .wgtIgniteOrderHistoryListItem.disabled::before, .wgtIgniteOrderSearchResultsListItem.disabled::before, .wgtIgnitePayHistoryListItem.disabled::before, .wgtIgnitePlanTemplatesListItem.disabled::before, .wgtIgniteProductListItem.disabled::before, .wgtIgnitePayTemplatesListItem.disabled::before, .wgtIgniteRequestCodeListItem.disabled::before, .wgtIgniteSearchListItem.disabled::before, .wgtIgniteStatusesListItem.disabled::before, .wgtIgniteTagsListItem.disabled::before, .wgtIgnitePageListItem.disabled::before { background-color: var(--wgtIgnite-palette-alert); content: ""; mask-image: url('data:image/svg+xml; utf8, '); mask-size: contain; mask-position: center; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml; utf8, '); -webkit-mask-size: contain; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; width: 10px; height: 10px; opacity: 1; position: absolute; top: 5px; left: 10px; } .wgtIgniteActionsListItem.disabled::after, .wgtIgniteAdminCompaniesListItem.disabled::after, .wgtIgniteCampaignsListItem.disabled::after, .wgtIgniteCampaignAnalyticsMessagesListItem.disabled::after, .wgtIgniteCampaignMessagesListItem.disabled::after, .wgtIgniteCorporateProductsListItem.disabled::after, .wgtIgniteDashboardCampaignsListItem.disabled::after, .wgtIgniteGroupListItem.disabled::after, .wgtIgniteGroupsListItem.disabled::after, .wgtIgniteInventoryListItem.disabled::after, .wgtIgniteLeadCampaignHistoryListItem.disabled::after, .wgtIgniteManageSparkSitesListItem.disabled::after, .wgtIgniteManageEmailTemplatesListItem.disabled::after, .wgtIgniteOrderHistoryListItem.disabled::after, .wgtIgniteOrderSearchResultsListItem.disabled::after, .wgtIgnitePayHistoryListItem.disabled::after, .wgtIgnitePlanTemplatesListItem.disabled::after, .wgtIgniteProductListItem.disabled::after, .wgtIgnitePayTemplatesListItem.disabled::after, .wgtIgniteRequestCodeListItem.disabled::after, .wgtIgniteSearchListItem.disabled::after, .wgtIgniteStatusesListItem.disabled::after, .wgtIgniteTagsListItem.disabled::after, .wgtIgnitePageListItem.disabled::after { content: attr(data-disabled-title); color: var(--wgtIgnite-palette-alert); font-size: var(--wgtIgnite-text-size-default); font-weight: 100; position: absolute; width: calc(100% - 25px); padding-top: 2px; top: 0px; left: 25px; } .wgtIgniteActionsListItem.edit-mode, .wgtIgniteActionsListItem.new, .wgtIgniteAdminCompaniesListItem.edit-mode, .wgtIgniteAdminCompaniesListItem.new, .wgtIgniteCampaignsListItem.edit-mode, .wgtIgniteCampaignsListItem.new, .wgtIgniteCampaignAnalyticsMessagesListItem.edit-mode, .wgtIgniteCampaignAnalyticsMessagesListItem.new, .wgtIgniteCampaignMessagesListItem.edit-mode, .wgtIgniteCampaignMessagesListItem.new, .wgtIgniteCorporateProductsListItem.edit-mode, .wgtIgniteCorporateProductsListItem.new, .wgtIgniteDashboardCampaignsListItem.edit-mode, .wgtIgniteDashboardCampaignsListItem.new, .wgtIgniteGroupListItem.edit-mode, .wgtIgniteGroupListItem.new, .wgtIgniteGroupsListItem.edit-mode, .wgtIgniteGroupsListItem.new, .wgtIgniteInventoryListItem.edit-mode, .wgtIgniteInventoryListItem.new, .wgtIgniteLeadCampaignHistoryListItem.edit-mode, .wgtIgniteLeadCampaignHistoryListItem.new, .wgtIgniteManageSparkSitesListItem.edit-mode, .wgtIgniteManageSparkSitesListItem.new, .wgtIgniteManageEmailTemplatesListItem.edit-mode, .wgtIgniteManageEmailTemplatesListItem.new, .wgtIgniteOrderHistoryListItem.edit-mode, .wgtIgniteOrderHistoryListItem.new, .wgtIgniteOrderSearchResultsListItem.edit-mode, .wgtIgniteOrderSearchResultsListItem.new, .wgtIgnitePayHistoryListItem.edit-mode, .wgtIgnitePayHistoryListItem.new, .wgtIgnitePlanTemplatesListItem.edit-mode, .wgtIgnitePlanTemplatesListItem.new, .wgtIgniteProductListItem.edit-mode, .wgtIgniteProductListItem.new, .wgtIgnitePayTemplatesListItem.edit-mode, .wgtIgnitePayTemplatesListItem.new, .wgtIgniteRequestCodeListItem.edit-mode, .wgtIgniteRequestCodeListItem.new, .wgtIgniteSearchListItem.edit-mode, .wgtIgniteSearchListItem.new, .wgtIgniteStatusesListItem.edit-mode, .wgtIgniteStatusesListItem.new, .wgtIgniteTagsListItem.edit-mode, .wgtIgniteTagsListItem.new, .wgtIgnitePageListItem.edit-mode, .wgtIgnitePageListItem.new { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border: solid 1px var(--wgtIgnite-color-1); padding: 28px 10px 0px 10px; } .wgtIgniteActionsListItem.edit-mode::before, .wgtIgniteActionsListItem.new::before, .wgtIgniteAdminCompaniesListItem.edit-mode::before, .wgtIgniteAdminCompaniesListItem.new::before, .wgtIgniteCampaignsListItem.edit-mode::before, .wgtIgniteCampaignsListItem.new::before, .wgtIgniteCampaignAnalyticsMessagesListItem.edit-mode::before, .wgtIgniteCampaignAnalyticsMessagesListItem.new::before, .wgtIgniteCampaignMessagesListItem.edit-mode::before, .wgtIgniteCampaignMessagesListItem.new::before, .wgtIgniteCorporateProductsListItem.edit-mode::before, .wgtIgniteCorporateProductsListItem.new::before, .wgtIgniteDashboardCampaignsListItem.edit-mode::before, .wgtIgniteDashboardCampaignsListItem.new::before, .wgtIgniteGroupListItem.edit-mode::before, .wgtIgniteGroupListItem.new::before, .wgtIgniteGroupsListItem.edit-mode::before, .wgtIgniteGroupsListItem.new::before, .wgtIgniteInventoryListItem.edit-mode::before, .wgtIgniteInventoryListItem.new::before, .wgtIgniteLeadCampaignHistoryListItem.edit-mode::before, .wgtIgniteLeadCampaignHistoryListItem.new::before, .wgtIgniteManageSparkSitesListItem.edit-mode::before, .wgtIgniteManageSparkSitesListItem.new::before, .wgtIgniteManageEmailTemplatesListItem.edit-mode::before, .wgtIgniteManageEmailTemplatesListItem.new::before, .wgtIgniteOrderHistoryListItem.edit-mode::before, .wgtIgniteOrderHistoryListItem.new::before, .wgtIgniteOrderSearchResultsListItem.edit-mode::before, .wgtIgniteOrderSearchResultsListItem.new::before, .wgtIgnitePayHistoryListItem.edit-mode::before, .wgtIgnitePayHistoryListItem.new::before, .wgtIgnitePlanTemplatesListItem.edit-mode::before, .wgtIgnitePlanTemplatesListItem.new::before, .wgtIgniteProductListItem.edit-mode::before, .wgtIgniteProductListItem.new::before, .wgtIgnitePayTemplatesListItem.edit-mode::before, .wgtIgnitePayTemplatesListItem.new::before, .wgtIgniteRequestCodeListItem.edit-mode::before, .wgtIgniteRequestCodeListItem.new::before, .wgtIgniteSearchListItem.edit-mode::before, .wgtIgniteSearchListItem.new::before, .wgtIgniteStatusesListItem.edit-mode::before, .wgtIgniteStatusesListItem.new::before, .wgtIgniteTagsListItem.edit-mode::before, .wgtIgniteTagsListItem.new::before, .wgtIgnitePageListItem.edit-mode::before, .wgtIgnitePageListItem.new::before { background-color: var(--wgtIgnite-color-2); border-top-left-radius: var(--wgtIgnite-br); opacity: 1; } .wgtIgniteActionsListItem.edit-mode:hover, .wgtIgniteActionsListItem.new:hover, .wgtIgniteAdminCompaniesListItem.edit-mode:hover, .wgtIgniteAdminCompaniesListItem.new:hover, .wgtIgniteCampaignsListItem.edit-mode:hover, .wgtIgniteCampaignsListItem.new:hover, .wgtIgniteCampaignAnalyticsMessagesListItem.edit-mode:hover, .wgtIgniteCampaignAnalyticsMessagesListItem.new:hover, .wgtIgniteCampaignMessagesListItem.edit-mode:hover, .wgtIgniteCampaignMessagesListItem.new:hover, .wgtIgniteCorporateProductsListItem.edit-mode:hover, .wgtIgniteCorporateProductsListItem.new:hover, .wgtIgniteDashboardCampaignsListItem.edit-mode:hover, .wgtIgniteDashboardCampaignsListItem.new:hover, .wgtIgniteGroupListItem.edit-mode:hover, .wgtIgniteGroupListItem.new:hover, .wgtIgniteGroupsListItem.edit-mode:hover, .wgtIgniteGroupsListItem.new:hover, .wgtIgniteInventoryListItem.edit-mode:hover, .wgtIgniteInventoryListItem.new:hover, .wgtIgniteLeadCampaignHistoryListItem.edit-mode:hover, .wgtIgniteLeadCampaignHistoryListItem.new:hover, .wgtIgniteManageSparkSitesListItem.edit-mode:hover, .wgtIgniteManageSparkSitesListItem.new:hover, .wgtIgniteManageEmailTemplatesListItem.edit-mode:hover, .wgtIgniteManageEmailTemplatesListItem.new:hover, .wgtIgniteOrderHistoryListItem.edit-mode:hover, .wgtIgniteOrderHistoryListItem.new:hover, .wgtIgniteOrderSearchResultsListItem.edit-mode:hover, .wgtIgniteOrderSearchResultsListItem.new:hover, .wgtIgnitePayHistoryListItem.edit-mode:hover, .wgtIgnitePayHistoryListItem.new:hover, .wgtIgnitePlanTemplatesListItem.edit-mode:hover, .wgtIgnitePlanTemplatesListItem.new:hover, .wgtIgniteProductListItem.edit-mode:hover, .wgtIgniteProductListItem.new:hover, .wgtIgnitePayTemplatesListItem.edit-mode:hover, .wgtIgnitePayTemplatesListItem.new:hover, .wgtIgniteRequestCodeListItem.edit-mode:hover, .wgtIgniteRequestCodeListItem.new:hover, .wgtIgniteSearchListItem.edit-mode:hover, .wgtIgniteSearchListItem.new:hover, .wgtIgniteStatusesListItem.edit-mode:hover, .wgtIgniteStatusesListItem.new:hover, .wgtIgniteTagsListItem.edit-mode:hover, .wgtIgniteTagsListItem.new:hover, .wgtIgnitePageListItem.edit-mode:hover, .wgtIgnitePageListItem.new:hover { cursor: unset !important; } .wgtIgniteActionsListItem.edit-mode, .wgtIgniteAdminCompaniesListItem.edit-mode, .wgtIgniteCampaignsListItem.edit-mode, .wgtIgniteCampaignAnalyticsMessagesListItem.edit-mode, .wgtIgniteCampaignMessagesListItem.edit-mode, .wgtIgniteCorporateProductsListItem.edit-mode, .wgtIgniteDashboardCampaignsListItem.edit-mode, .wgtIgniteGroupListItem.edit-mode, .wgtIgniteGroupsListItem.edit-mode, .wgtIgniteInventoryListItem.edit-mode, .wgtIgniteLeadCampaignHistoryListItem.edit-mode, .wgtIgniteManageSparkSitesListItem.edit-mode, .wgtIgniteManageEmailTemplatesListItem.edit-mode, .wgtIgniteOrderHistoryListItem.edit-mode, .wgtIgniteOrderSearchResultsListItem.edit-mode, .wgtIgnitePayHistoryListItem.edit-mode, .wgtIgnitePlanTemplatesListItem.edit-mode, .wgtIgniteProductListItem.edit-mode, .wgtIgnitePayTemplatesListItem.edit-mode, .wgtIgniteRequestCodeListItem.edit-mode, .wgtIgniteSearchListItem.edit-mode, .wgtIgniteStatusesListItem.edit-mode, .wgtIgniteTagsListItem.edit-mode, .wgtIgnitePageListItem.edit-mode { background-color: var(--wgtIgnite-color-3l5); } .wgtIgniteActionsListItem.new, .wgtIgniteAdminCompaniesListItem.new, .wgtIgniteCampaignsListItem.new, .wgtIgniteCampaignAnalyticsMessagesListItem.new, .wgtIgniteCampaignMessagesListItem.new, .wgtIgniteCorporateProductsListItem.new, .wgtIgniteDashboardCampaignsListItem.new, .wgtIgniteGroupListItem.new, .wgtIgniteGroupsListItem.new, .wgtIgniteInventoryListItem.new, .wgtIgniteLeadCampaignHistoryListItem.new, .wgtIgniteManageSparkSitesListItem.new, .wgtIgniteManageEmailTemplatesListItem.new, .wgtIgniteOrderHistoryListItem.new, .wgtIgniteOrderSearchResultsListItem.new, .wgtIgnitePayHistoryListItem.new, .wgtIgnitePlanTemplatesListItem.new, .wgtIgniteProductListItem.new, .wgtIgnitePayTemplatesListItem.new, .wgtIgniteRequestCodeListItem.new, .wgtIgniteSearchListItem.new, .wgtIgniteStatusesListItem.new, .wgtIgniteTagsListItem.new, .wgtIgnitePageListItem.new { background-color: var(--wgtIgnite-color-1l5); } .wgtIgniteActionsListItemControl, .wgtIgniteAdminCompaniesListItemControl, .wgtIgniteCampaignsListItemControl, .wgtIgniteCampaignAnalyticsMessagesListItemControl, .wgtIgniteCampaignMessagesListItemControl, .wgtIgniteCorporateProductsListItemControl, .wgtIgniteDashboardCampaignsListItemControl, .wgtIgniteGroupListItemControl, .wgtIgniteGroupsListItemControl, .wgtIgniteInventoryListItemControl, .wgtIgniteLeadCampaignHistoryListItemControl, .wgtIgniteManageSparkSitesListItemControl, .wgtIgniteManageEmailTemplatesListItemControl, .wgtIgniteOrderHistoryListItemControl, .wgtIgniteOrderSearchResultsListItemControl, .wgtIgnitePayHistoryListItemControl, .wgtIgnitePlanTemplatesListItemControl, .wgtIgniteProductListItemControl, .wgtIgnitePayTemplatesListItemControl, .wgtIgniteRequestCodeListItemControl, .wgtIgniteSearchListItemControl, .wgtIgniteStatusesListItemControl, .wgtIgniteTagsListItemControl, .wgtIgnitePageListItemControl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; left: 10px; } .wgtIgniteActionsListItemControl .wgtIgniteButton, .wgtIgniteAdminCompaniesListItemControl .wgtIgniteButton, .wgtIgniteCampaignsListItemControl .wgtIgniteButton, .wgtIgniteCampaignAnalyticsMessagesListItemControl .wgtIgniteButton, .wgtIgniteCampaignMessagesListItemControl .wgtIgniteButton, .wgtIgniteCorporateProductsListItemControl .wgtIgniteButton, .wgtIgniteDashboardCampaignsListItemControl .wgtIgniteButton, .wgtIgniteGroupListItemControl .wgtIgniteButton, .wgtIgniteGroupsListItemControl .wgtIgniteButton, .wgtIgniteInventoryListItemControl .wgtIgniteButton, .wgtIgniteLeadCampaignHistoryListItemControl .wgtIgniteButton, .wgtIgniteManageSparkSitesListItemControl .wgtIgniteButton, .wgtIgniteManageEmailTemplatesListItemControl .wgtIgniteButton, .wgtIgniteOrderHistoryListItemControl .wgtIgniteButton, .wgtIgniteOrderSearchResultsListItemControl .wgtIgniteButton, .wgtIgnitePayHistoryListItemControl .wgtIgniteButton, .wgtIgnitePlanTemplatesListItemControl .wgtIgniteButton, .wgtIgniteProductListItemControl .wgtIgniteButton, .wgtIgnitePayTemplatesListItemControl .wgtIgniteButton, .wgtIgniteRequestCodeListItemControl .wgtIgniteButton, .wgtIgniteSearchListItemControl .wgtIgniteButton, .wgtIgniteStatusesListItemControl .wgtIgniteButton, .wgtIgniteTagsListItemControl .wgtIgniteButton, .wgtIgnitePageListItemControl .wgtIgniteButton { background-color: var(--wgtIgnite-color-2) !important; border-color: var(--wgtIgnite-color-2) !important; } .wgtIgniteActionsListItemControl .wgtIgniteButton:last-child, .wgtIgniteAdminCompaniesListItemControl .wgtIgniteButton:last-child, .wgtIgniteCampaignsListItemControl .wgtIgniteButton:last-child, .wgtIgniteCampaignAnalyticsMessagesListItemControl .wgtIgniteButton:last-child, .wgtIgniteCampaignMessagesListItemControl .wgtIgniteButton:last-child, .wgtIgniteCorporateProductsListItemControl .wgtIgniteButton:last-child, .wgtIgniteDashboardCampaignsListItemControl .wgtIgniteButton:last-child, .wgtIgniteGroupListItemControl .wgtIgniteButton:last-child, .wgtIgniteGroupsListItemControl .wgtIgniteButton:last-child, .wgtIgniteInventoryListItemControl .wgtIgniteButton:last-child, .wgtIgniteLeadCampaignHistoryListItemControl .wgtIgniteButton:last-child, .wgtIgniteManageSparkSitesListItemControl .wgtIgniteButton:last-child, .wgtIgniteManageEmailTemplatesListItemControl .wgtIgniteButton:last-child, .wgtIgniteOrderHistoryListItemControl .wgtIgniteButton:last-child, .wgtIgniteOrderSearchResultsListItemControl .wgtIgniteButton:last-child, .wgtIgnitePayHistoryListItemControl .wgtIgniteButton:last-child, .wgtIgnitePlanTemplatesListItemControl .wgtIgniteButton:last-child, .wgtIgniteProductListItemControl .wgtIgniteButton:last-child, .wgtIgnitePayTemplatesListItemControl .wgtIgniteButton:last-child, .wgtIgniteRequestCodeListItemControl .wgtIgniteButton:last-child, .wgtIgniteSearchListItemControl .wgtIgniteButton:last-child, .wgtIgniteStatusesListItemControl .wgtIgniteButton:last-child, .wgtIgniteTagsListItemControl .wgtIgniteButton:last-child, .wgtIgnitePageListItemControl .wgtIgniteButton:last-child { border-bottom-right-radius: var(--wgtIgnite-br) !important; } .wgtIgniteActionsListItemStat, .wgtIgniteAdminCompaniesListItemStat, .wgtIgniteCampaignsListItemStat, .wgtIgniteCampaignAnalyticsMessagesListItemStat, .wgtIgniteCampaignMessagesListItemStat, .wgtIgniteCorporateProductsListItemStat, .wgtIgniteDashboardCampaignsListItemStat, .wgtIgniteGroupListItemStat, .wgtIgniteGroupsListItemStat, .wgtIgniteInventoryListItemStat, .wgtIgniteLeadCampaignHistoryListItemStat, .wgtIgniteManageSparkSitesListItemStat, .wgtIgniteManageEmailTemplatesListItemStat, .wgtIgniteOrderHistoryListItemStat, .wgtIgniteOrderSearchResultsListItemStat, .wgtIgnitePayHistoryListItemStat, .wgtIgnitePlanTemplatesListItemStat, .wgtIgniteProductListItemStat, .wgtIgnitePayTemplatesListItemStat, .wgtIgniteRequestCodeListItemStat, .wgtIgniteSearchListItemStat, .wgtIgniteStatusesListItemStat, .wgtIgniteTagsListItemStat, .wgtIgnitePageListItemStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .wgtIgniteActionsListItemStatTitle.RadLabel, .wgtIgniteAdminCompaniesListItemStatTitle.RadLabel, .wgtIgniteCampaignsListItemStatTitle.RadLabel, .wgtIgniteCampaignAnalyticsMessagesListItemStatTitle.RadLabel, .wgtIgniteCampaignMessagesListItemStatTitle.RadLabel, .wgtIgniteCorporateProductsListItemStatTitle.RadLabel, .wgtIgniteDashboardCampaignsListItemStatTitle.RadLabel, .wgtIgniteGroupListItemStatTitle.RadLabel, .wgtIgniteGroupsListItemStatTitle.RadLabel, .wgtIgniteInventoryListItemStatTitle.RadLabel, .wgtIgniteLeadCampaignHistoryListItemStatTitle.RadLabel, .wgtIgniteManageSparkSitesListItemStatTitle.RadLabel, .wgtIgniteManageEmailTemplatesListItemStatTitle.RadLabel, .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteOrderSearchResultsListItemStatTitle.RadLabel, .wgtIgnitePayHistoryListItemStatTitle.RadLabel, .wgtIgnitePlanTemplatesListItemStatTitle.RadLabel, .wgtIgniteProductListItemStatTitle.RadLabel, .wgtIgnitePayTemplatesListItemStatTitle.RadLabel, .wgtIgniteRequestCodeListItemStatTitle.RadLabel, .wgtIgniteSearchListItemStatTitle.RadLabel, .wgtIgniteStatusesListItemStatTitle.RadLabel, .wgtIgniteTagsListItemStatTitle.RadLabel, .wgtIgnitePageListItemStatTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; display: none; width: 100%; } .wgtIgniteActionsListItemStatValue.RadLabel, .wgtIgniteActionsListItemStatValue, .wgtIgniteAdminCompaniesListItemStatValue.RadLabel, .wgtIgniteAdminCompaniesListItemStatValue, .wgtIgniteCampaignsListItemStatValue.RadLabel, .wgtIgniteCampaignsListItemStatValue, .wgtIgniteCampaignAnalyticsMessagesListItemStatValue.RadLabel, .wgtIgniteCampaignAnalyticsMessagesListItemStatValue, .wgtIgniteCampaignMessagesListItemStatValue.RadLabel, .wgtIgniteCampaignMessagesListItemStatValue, .wgtIgniteCorporateProductsListItemStatValue.RadLabel, .wgtIgniteCorporateProductsListItemStatValue, .wgtIgniteDashboardCampaignsListItemStatValue.RadLabel, .wgtIgniteDashboardCampaignsListItemStatValue, .wgtIgniteGroupListItemStatValue.RadLabel, .wgtIgniteGroupListItemStatValue, .wgtIgniteGroupsListItemStatValue.RadLabel, .wgtIgniteGroupsListItemStatValue, .wgtIgniteInventoryListItemStatValue.RadLabel, .wgtIgniteInventoryListItemStatValue, .wgtIgniteLeadCampaignHistoryListItemStatValue.RadLabel, .wgtIgniteLeadCampaignHistoryListItemStatValue, .wgtIgniteManageSparkSitesListItemStatValue.RadLabel, .wgtIgniteManageSparkSitesListItemStatValue, .wgtIgniteManageEmailTemplatesListItemStatValue.RadLabel, .wgtIgniteManageEmailTemplatesListItemStatValue, .wgtIgniteOrderHistoryListItemStatValue.RadLabel, .wgtIgniteOrderHistoryListItemStatValue, .wgtIgniteOrderSearchResultsListItemStatValue.RadLabel, .wgtIgniteOrderSearchResultsListItemStatValue, .wgtIgnitePayHistoryListItemStatValue.RadLabel, .wgtIgnitePayHistoryListItemStatValue, .wgtIgnitePlanTemplatesListItemStatValue.RadLabel, .wgtIgnitePlanTemplatesListItemStatValue, .wgtIgniteProductListItemStatValue.RadLabel, .wgtIgniteProductListItemStatValue, .wgtIgnitePayTemplatesListItemStatValue.RadLabel, .wgtIgnitePayTemplatesListItemStatValue, .wgtIgniteRequestCodeListItemStatValue.RadLabel, .wgtIgniteRequestCodeListItemStatValue, .wgtIgniteSearchListItemStatValue.RadLabel, .wgtIgniteSearchListItemStatValue, .wgtIgniteStatusesListItemStatValue.RadLabel, .wgtIgniteStatusesListItemStatValue, .wgtIgniteTagsListItemStatValue.RadLabel, .wgtIgniteTagsListItemStatValue, .wgtIgnitePageListItemStatValue.RadLabel, .wgtIgnitePageListItemStatValue { color: var(--wgtIgnite-palette-base); font-size: var(--wgtIgnite-text-size-default); min-height: 17px; } .disabled > .wgtIgniteActionsListItemStatValue.RadLabel, .disabled > .wgtIgniteActionsListItemStatValue, .disabled > .wgtIgniteAdminCompaniesListItemStatValue.RadLabel, .disabled > .wgtIgniteAdminCompaniesListItemStatValue, .disabled > .wgtIgniteCampaignsListItemStatValue.RadLabel, .disabled > .wgtIgniteCampaignsListItemStatValue, .disabled > .wgtIgniteCampaignAnalyticsMessagesListItemStatValue.RadLabel, .disabled > .wgtIgniteCampaignAnalyticsMessagesListItemStatValue, .disabled > .wgtIgniteCampaignMessagesListItemStatValue.RadLabel, .disabled > .wgtIgniteCampaignMessagesListItemStatValue, .disabled > .wgtIgniteCorporateProductsListItemStatValue.RadLabel, .disabled > .wgtIgniteCorporateProductsListItemStatValue, .disabled > .wgtIgniteDashboardCampaignsListItemStatValue.RadLabel, .disabled > .wgtIgniteDashboardCampaignsListItemStatValue, .disabled > .wgtIgniteGroupListItemStatValue.RadLabel, .disabled > .wgtIgniteGroupListItemStatValue, .disabled > .wgtIgniteGroupsListItemStatValue.RadLabel, .disabled > .wgtIgniteGroupsListItemStatValue, .disabled > .wgtIgniteInventoryListItemStatValue.RadLabel, .disabled > .wgtIgniteInventoryListItemStatValue, .disabled > .wgtIgniteLeadCampaignHistoryListItemStatValue.RadLabel, .disabled > .wgtIgniteLeadCampaignHistoryListItemStatValue, .disabled > .wgtIgniteManageSparkSitesListItemStatValue.RadLabel, .disabled > .wgtIgniteManageSparkSitesListItemStatValue, .disabled > .wgtIgniteManageEmailTemplatesListItemStatValue.RadLabel, .disabled > .wgtIgniteManageEmailTemplatesListItemStatValue, .disabled > .wgtIgniteOrderHistoryListItemStatValue.RadLabel, .disabled > .wgtIgniteOrderHistoryListItemStatValue, .disabled > .wgtIgniteOrderSearchResultsListItemStatValue.RadLabel, .disabled > .wgtIgniteOrderSearchResultsListItemStatValue, .disabled > .wgtIgnitePayHistoryListItemStatValue.RadLabel, .disabled > .wgtIgnitePayHistoryListItemStatValue, .disabled > .wgtIgnitePlanTemplatesListItemStatValue.RadLabel, .disabled > .wgtIgnitePlanTemplatesListItemStatValue, .disabled > .wgtIgniteProductListItemStatValue.RadLabel, .disabled > .wgtIgniteProductListItemStatValue, .disabled > .wgtIgnitePayTemplatesListItemStatValue.RadLabel, .disabled > .wgtIgnitePayTemplatesListItemStatValue, .disabled > .wgtIgniteRequestCodeListItemStatValue.RadLabel, .disabled > .wgtIgniteRequestCodeListItemStatValue, .disabled > .wgtIgniteSearchListItemStatValue.RadLabel, .disabled > .wgtIgniteSearchListItemStatValue, .disabled > .wgtIgniteStatusesListItemStatValue.RadLabel, .disabled > .wgtIgniteStatusesListItemStatValue, .disabled > .wgtIgniteTagsListItemStatValue.RadLabel, .disabled > .wgtIgniteTagsListItemStatValue, .disabled > .wgtIgnitePageListItemStatValue.RadLabel, .disabled > .wgtIgnitePageListItemStatValue { color: var(--wgtIgnite-palette-grey-7); } .truncated .wgtIgniteActionsListItemStatValue.RadLabel, .truncated .wgtIgniteActionsListItemStatValue, .truncated .wgtIgniteAdminCompaniesListItemStatValue.RadLabel, .truncated .wgtIgniteAdminCompaniesListItemStatValue, .truncated .wgtIgniteCampaignsListItemStatValue.RadLabel, .truncated .wgtIgniteCampaignsListItemStatValue, .truncated .wgtIgniteCampaignAnalyticsMessagesListItemStatValue.RadLabel, .truncated .wgtIgniteCampaignAnalyticsMessagesListItemStatValue, .truncated .wgtIgniteCampaignMessagesListItemStatValue.RadLabel, .truncated .wgtIgniteCampaignMessagesListItemStatValue, .truncated .wgtIgniteCorporateProductsListItemStatValue.RadLabel, .truncated .wgtIgniteCorporateProductsListItemStatValue, .truncated .wgtIgniteDashboardCampaignsListItemStatValue.RadLabel, .truncated .wgtIgniteDashboardCampaignsListItemStatValue, .truncated .wgtIgniteGroupListItemStatValue.RadLabel, .truncated .wgtIgniteGroupListItemStatValue, .truncated .wgtIgniteGroupsListItemStatValue.RadLabel, .truncated .wgtIgniteGroupsListItemStatValue, .truncated .wgtIgniteInventoryListItemStatValue.RadLabel, .truncated .wgtIgniteInventoryListItemStatValue, .truncated .wgtIgniteLeadCampaignHistoryListItemStatValue.RadLabel, .truncated .wgtIgniteLeadCampaignHistoryListItemStatValue, .truncated .wgtIgniteManageSparkSitesListItemStatValue.RadLabel, .truncated .wgtIgniteManageSparkSitesListItemStatValue, .truncated .wgtIgniteManageEmailTemplatesListItemStatValue.RadLabel, .truncated .wgtIgniteManageEmailTemplatesListItemStatValue, .truncated .wgtIgniteOrderHistoryListItemStatValue.RadLabel, .truncated .wgtIgniteOrderHistoryListItemStatValue, .truncated .wgtIgniteOrderSearchResultsListItemStatValue.RadLabel, .truncated .wgtIgniteOrderSearchResultsListItemStatValue, .truncated .wgtIgnitePayHistoryListItemStatValue.RadLabel, .truncated .wgtIgnitePayHistoryListItemStatValue, .truncated .wgtIgnitePlanTemplatesListItemStatValue.RadLabel, .truncated .wgtIgnitePlanTemplatesListItemStatValue, .truncated .wgtIgniteProductListItemStatValue.RadLabel, .truncated .wgtIgniteProductListItemStatValue, .truncated .wgtIgnitePayTemplatesListItemStatValue.RadLabel, .truncated .wgtIgnitePayTemplatesListItemStatValue, .truncated .wgtIgniteRequestCodeListItemStatValue.RadLabel, .truncated .wgtIgniteRequestCodeListItemStatValue, .truncated .wgtIgniteSearchListItemStatValue.RadLabel, .truncated .wgtIgniteSearchListItemStatValue, .truncated .wgtIgniteStatusesListItemStatValue.RadLabel, .truncated .wgtIgniteStatusesListItemStatValue, .truncated .wgtIgniteTagsListItemStatValue.RadLabel, .truncated .wgtIgniteTagsListItemStatValue, .truncated .wgtIgnitePageListItemStatValue.RadLabel, .truncated .wgtIgnitePageListItemStatValue { position: relative; overflow: hidden; } .truncated .wgtIgniteActionsListItemStatValue.RadLabel:after, .truncated .wgtIgniteActionsListItemStatValue:after, .truncated .wgtIgniteAdminCompaniesListItemStatValue.RadLabel:after, .truncated .wgtIgniteAdminCompaniesListItemStatValue:after, .truncated .wgtIgniteCampaignsListItemStatValue.RadLabel:after, .truncated .wgtIgniteCampaignsListItemStatValue:after, .truncated .wgtIgniteCampaignAnalyticsMessagesListItemStatValue.RadLabel:after, .truncated .wgtIgniteCampaignAnalyticsMessagesListItemStatValue:after, .truncated .wgtIgniteCampaignMessagesListItemStatValue.RadLabel:after, .truncated .wgtIgniteCampaignMessagesListItemStatValue:after, .truncated .wgtIgniteCorporateProductsListItemStatValue.RadLabel:after, .truncated .wgtIgniteCorporateProductsListItemStatValue:after, .truncated .wgtIgniteDashboardCampaignsListItemStatValue.RadLabel:after, .truncated .wgtIgniteDashboardCampaignsListItemStatValue:after, .truncated .wgtIgniteGroupListItemStatValue.RadLabel:after, .truncated .wgtIgniteGroupListItemStatValue:after, .truncated .wgtIgniteGroupsListItemStatValue.RadLabel:after, .truncated .wgtIgniteGroupsListItemStatValue:after, .truncated .wgtIgniteInventoryListItemStatValue.RadLabel:after, .truncated .wgtIgniteInventoryListItemStatValue:after, .truncated .wgtIgniteLeadCampaignHistoryListItemStatValue.RadLabel:after, .truncated .wgtIgniteLeadCampaignHistoryListItemStatValue:after, .truncated .wgtIgniteManageSparkSitesListItemStatValue.RadLabel:after, .truncated .wgtIgniteManageSparkSitesListItemStatValue:after, .truncated .wgtIgniteManageEmailTemplatesListItemStatValue.RadLabel:after, .truncated .wgtIgniteManageEmailTemplatesListItemStatValue:after, .truncated .wgtIgniteOrderHistoryListItemStatValue.RadLabel:after, .truncated .wgtIgniteOrderHistoryListItemStatValue:after, .truncated .wgtIgniteOrderSearchResultsListItemStatValue.RadLabel:after, .truncated .wgtIgniteOrderSearchResultsListItemStatValue:after, .truncated .wgtIgnitePayHistoryListItemStatValue.RadLabel:after, .truncated .wgtIgnitePayHistoryListItemStatValue:after, .truncated .wgtIgnitePlanTemplatesListItemStatValue.RadLabel:after, .truncated .wgtIgnitePlanTemplatesListItemStatValue:after, .truncated .wgtIgniteProductListItemStatValue.RadLabel:after, .truncated .wgtIgniteProductListItemStatValue:after, .truncated .wgtIgnitePayTemplatesListItemStatValue.RadLabel:after, .truncated .wgtIgnitePayTemplatesListItemStatValue:after, .truncated .wgtIgniteRequestCodeListItemStatValue.RadLabel:after, .truncated .wgtIgniteRequestCodeListItemStatValue:after, .truncated .wgtIgniteSearchListItemStatValue.RadLabel:after, .truncated .wgtIgniteSearchListItemStatValue:after, .truncated .wgtIgniteStatusesListItemStatValue.RadLabel:after, .truncated .wgtIgniteStatusesListItemStatValue:after, .truncated .wgtIgniteTagsListItemStatValue.RadLabel:after, .truncated .wgtIgniteTagsListItemStatValue:after, .truncated .wgtIgnitePageListItemStatValue.RadLabel:after, .truncated .wgtIgnitePageListItemStatValue:after { content: "..."; display: block; position: absolute; height: 20px; width: 40px; right: 0px; padding-right: 3px; top: 0; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(var(--wgtIgnite-palette-list-item-bg)), to(var(--wgtIgnite-palette-list-item-bg))); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--wgtIgnite-palette-list-item-bg), var(--wgtIgnite-palette-list-item-bg)); z-index: 2; color: #000; font-size: 15px; text-align: right; } .truncated:hover .wgtIgniteActionsListItemStatValue.RadLabel, .truncated:hover .wgtIgniteActionsListItemStatValue, .truncated:hover .wgtIgniteAdminCompaniesListItemStatValue.RadLabel, .truncated:hover .wgtIgniteAdminCompaniesListItemStatValue, .truncated:hover .wgtIgniteCampaignsListItemStatValue.RadLabel, .truncated:hover .wgtIgniteCampaignsListItemStatValue, .truncated:hover .wgtIgniteCampaignAnalyticsMessagesListItemStatValue.RadLabel, .truncated:hover .wgtIgniteCampaignAnalyticsMessagesListItemStatValue, .truncated:hover .wgtIgniteCampaignMessagesListItemStatValue.RadLabel, .truncated:hover .wgtIgniteCampaignMessagesListItemStatValue, .truncated:hover .wgtIgniteCorporateProductsListItemStatValue.RadLabel, .truncated:hover .wgtIgniteCorporateProductsListItemStatValue, .truncated:hover .wgtIgniteDashboardCampaignsListItemStatValue.RadLabel, .truncated:hover .wgtIgniteDashboardCampaignsListItemStatValue, .truncated:hover .wgtIgniteGroupListItemStatValue.RadLabel, .truncated:hover .wgtIgniteGroupListItemStatValue, .truncated:hover .wgtIgniteGroupsListItemStatValue.RadLabel, .truncated:hover .wgtIgniteGroupsListItemStatValue, .truncated:hover .wgtIgniteInventoryListItemStatValue.RadLabel, .truncated:hover .wgtIgniteInventoryListItemStatValue, .truncated:hover .wgtIgniteLeadCampaignHistoryListItemStatValue.RadLabel, .truncated:hover .wgtIgniteLeadCampaignHistoryListItemStatValue, .truncated:hover .wgtIgniteManageSparkSitesListItemStatValue.RadLabel, .truncated:hover .wgtIgniteManageSparkSitesListItemStatValue, .truncated:hover .wgtIgniteManageEmailTemplatesListItemStatValue.RadLabel, .truncated:hover .wgtIgniteManageEmailTemplatesListItemStatValue, .truncated:hover .wgtIgniteOrderHistoryListItemStatValue.RadLabel, .truncated:hover .wgtIgniteOrderHistoryListItemStatValue, .truncated:hover .wgtIgniteOrderSearchResultsListItemStatValue.RadLabel, .truncated:hover .wgtIgniteOrderSearchResultsListItemStatValue, .truncated:hover .wgtIgnitePayHistoryListItemStatValue.RadLabel, .truncated:hover .wgtIgnitePayHistoryListItemStatValue, .truncated:hover .wgtIgnitePlanTemplatesListItemStatValue.RadLabel, .truncated:hover .wgtIgnitePlanTemplatesListItemStatValue, .truncated:hover .wgtIgniteProductListItemStatValue.RadLabel, .truncated:hover .wgtIgniteProductListItemStatValue, .truncated:hover .wgtIgnitePayTemplatesListItemStatValue.RadLabel, .truncated:hover .wgtIgnitePayTemplatesListItemStatValue, .truncated:hover .wgtIgniteRequestCodeListItemStatValue.RadLabel, .truncated:hover .wgtIgniteRequestCodeListItemStatValue, .truncated:hover .wgtIgniteSearchListItemStatValue.RadLabel, .truncated:hover .wgtIgniteSearchListItemStatValue, .truncated:hover .wgtIgniteStatusesListItemStatValue.RadLabel, .truncated:hover .wgtIgniteStatusesListItemStatValue, .truncated:hover .wgtIgniteTagsListItemStatValue.RadLabel, .truncated:hover .wgtIgniteTagsListItemStatValue, .truncated:hover .wgtIgnitePageListItemStatValue.RadLabel, .truncated:hover .wgtIgnitePageListItemStatValue { position: absolute; overflow: hidden; background-color: var(--wgtIgnite-color-4l3); padding: 5px; top: -14px; left: 0; z-index: 9; border-radius: var(--wgtIgnite-br); } .truncated:hover .wgtIgniteActionsListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteActionsListItemStatValue::after, .truncated:hover .wgtIgniteAdminCompaniesListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteAdminCompaniesListItemStatValue::after, .truncated:hover .wgtIgniteCampaignsListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteCampaignsListItemStatValue::after, .truncated:hover .wgtIgniteCampaignAnalyticsMessagesListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteCampaignAnalyticsMessagesListItemStatValue::after, .truncated:hover .wgtIgniteCampaignMessagesListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteCampaignMessagesListItemStatValue::after, .truncated:hover .wgtIgniteCorporateProductsListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteCorporateProductsListItemStatValue::after, .truncated:hover .wgtIgniteDashboardCampaignsListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteDashboardCampaignsListItemStatValue::after, .truncated:hover .wgtIgniteGroupListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteGroupListItemStatValue::after, .truncated:hover .wgtIgniteGroupsListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteGroupsListItemStatValue::after, .truncated:hover .wgtIgniteInventoryListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteInventoryListItemStatValue::after, .truncated:hover .wgtIgniteLeadCampaignHistoryListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteLeadCampaignHistoryListItemStatValue::after, .truncated:hover .wgtIgniteManageSparkSitesListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteManageSparkSitesListItemStatValue::after, .truncated:hover .wgtIgniteManageEmailTemplatesListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteManageEmailTemplatesListItemStatValue::after, .truncated:hover .wgtIgniteOrderHistoryListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteOrderHistoryListItemStatValue::after, .truncated:hover .wgtIgniteOrderSearchResultsListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteOrderSearchResultsListItemStatValue::after, .truncated:hover .wgtIgnitePayHistoryListItemStatValue.RadLabel::after, .truncated:hover .wgtIgnitePayHistoryListItemStatValue::after, .truncated:hover .wgtIgnitePlanTemplatesListItemStatValue.RadLabel::after, .truncated:hover .wgtIgnitePlanTemplatesListItemStatValue::after, .truncated:hover .wgtIgniteProductListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteProductListItemStatValue::after, .truncated:hover .wgtIgnitePayTemplatesListItemStatValue.RadLabel::after, .truncated:hover .wgtIgnitePayTemplatesListItemStatValue::after, .truncated:hover .wgtIgniteRequestCodeListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteRequestCodeListItemStatValue::after, .truncated:hover .wgtIgniteSearchListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteSearchListItemStatValue::after, .truncated:hover .wgtIgniteStatusesListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteStatusesListItemStatValue::after, .truncated:hover .wgtIgniteTagsListItemStatValue.RadLabel::after, .truncated:hover .wgtIgniteTagsListItemStatValue::after, .truncated:hover .wgtIgnitePageListItemStatValue.RadLabel::after, .truncated:hover .wgtIgnitePageListItemStatValue::after { display: none; } .wgtIgniteAction { /* .wgtIgniteActionControls */ /* .wgtIgniteActionControl */ /* .wgtIgniteActionCompleteTrigger */ /* .wgtIgniteActionCard */ /* .wgtIgniteActionComments */ /* .wgtIgniteActionEntry */ /*S 7/15/22 */ /*E 7/15/22 */ } .wgtIgniteActionControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; row-gap: 10px; /* S 4/18/22 */ min-width: 162px; /* E 4/18/22 */ /*S 7/25/22 */ padding: 10px; /*E 7/25/22 */ } .wgtIgniteActionControls > span { padding-right: 15px; } .wgtIgniteActionControl { cursor: pointer; display: block; border-radius: var(--wgtIgnite-br); position: relative; /* .wgtIgniteActionControlDelete */ } .wgtIgniteActionMarkedComplete .wgtIgniteActionControlComplete ~ span { display: none; } .wgtIgniteActionMarkedComplete .wgtIgniteActionControlComplete::before { color: var(--wgtIgnite-color-4); content: "✓"; display: block; font-size: var(--wgtIgnite-text-size-large); position: relative; left: 15px; top: 24px; } .wgtIgniteActionControlDelete { background-color: var(--wgtIgnite-palette-base); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* 3/15/22 */ /* 3/15/22 */ } .wgtIgniteActionControlDelete path { fill: var(--wgtIgnite-palette-grey-2); } .wgtIgniteActionControlDelete:hover { background-color: var(--wgtIgnite-palette-shadow); } .wgtIgniteActionControl label { font-style: italic; font-size: var(--wgtIgnite-text-size-medium); position: absolute; text-align: right; background-color: var(--wgtIgnite-palette-background); top: -8px; left: -12px; } .wgtIgniteActionCompleteTrigger { background-color: var(--wgtIgnite-palette-background); } .wgtIgniteActionCard { display: grid; grid-template-columns: auto 1fr 1fr 1fr 1fr; grid-template-rows: auto auto auto; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 20px; /* S 4/18/22 */ -webkit-box-flex: 2; -ms-flex: 2; flex: 2; /* E 4/18/22 */ /* 3/10/22 */ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /* Start 7/25/22 */ padding: 10px 10px 30px 10px; /* End 7/25/22 */ /* 3/10/22 */ /* .wgtIgniteActionCardComment */ /* .wgtIgniteActionCardDate */ /* .wgtIgniteActionCardCode */ /* .wgtIgniteActionCardPriority */ /* .wgtIgniteActionCardRecurrence */ /*S 8/17/22 */ /*E 8/17/22 */ /*S 8/15/22 */ /*E 8/15/22 */ } .wgtIgniteActionsTypeRecurring .wgtIgniteActionCard { grid-template-rows: auto auto auto auto; } .wgtIgniteActionCardComment { color: var(--wgtIgnite-palette-base); -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; /*S 7/29/22 */ display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; padding: 10px 0px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; /*E 7/29/22 */ /*S 8/19/22 */ /*E 8/19/22 */ /* S 4/14/22 */ /* E 4/14/22 */ /* .wgtIgniteActionCardCommentDeleteTrigger */ } .wgtIgniteActionCardComments .wgtIgniteActionCardComment { display: none; } .wgtIgniteActionCardComments .wgtIgniteActionCardComment:first-child, .wgtIgniteActionCardComments .wgtIgniteActionCardComment:nth-child(2) { display: grid; } .wgtIgniteActionCardComments .wgtIgniteActionCardComment:nth-child(2) { border-top: solid 1px var(--wgtIgnite-color-1l3); } .wgtIgniteActionCardComments.open .wgtIgniteActionCardComment { display: grid; border-bottom: solid 1px var(--wgtIgnite-color-1l3); } .wgtIgniteActionCardComments.open .wgtIgniteActionCardComment:nth-child(2) { border-top: none; } .wgtIgniteActionCardCommentBody { /*S 7/29/22 */ grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; /*E 7/29/22 */ } .wgtIgniteActionsTypeClosed .wgtIgniteActionCardCommentBody { grid-column-start: 1; } .wgtIgniteActionCardCommentDate { /*S 7/29/22 */ font-weight: 100; color: var(--wgtIgnite-color-3) !important; grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; /*E 7/29/22 */ } .wgtIgniteActionsTypeClosed .wgtIgniteActionCardCommentDate { grid-column-start: 1; } .wgtIgniteActionCardCommentDeleteTrigger { /* Start 3/17/22 */ cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* End 3/17/22 */ /* Start 4/18/22 */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* End 4/18/22 */ /*S 7/29/22 */ height: 37px; width: 37px; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; /*E 7/29/22 */ } .wgtIgniteActionCardComments.open .wgtIgniteActionCardCommentDeleteTrigger { visibility: visible; pointer-events: all; } .wgtIgniteActionCardComments { grid-row-start: 3; grid-row-end: 4; grid-column: -1/1; position: relative; /* .wgtIgniteActionCardCommentsHeader */ /* .wgtIgniteActionCardCommentsListTrigger */ /* 3/8/22 */ /* 3/10/22 */ /* 3/10/22 */ } .wgtIgniteActionCardCommentsHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteActionCardCommentsListTrigger { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--wgtIgnite-palette-background))); background: linear-gradient(transparent, var(--wgtIgnite-palette-background)); /* S 3/9/22 */ cursor: pointer; display: block; color: var(--wgtIgnite-color-4); padding-top: 20px; position: absolute; right: 0; width: 100%; text-align: right; /* Start 3/17/22 */ bottom: -18px; /* End 3/17/22 */ /* 3/9/22 */ /* 3/10/22 */ border-bottom-left-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); /* 3/10/22 */ } .wgtIgniteActionCardCommentsListTrigger::before { content: "Show More"; display: inline-block; } .wgtIgniteActionCardComments.open .wgtIgniteActionCardCommentsListTrigger { background: transparent; } .wgtIgniteActionCardComments.open .wgtIgniteActionCardCommentsListTrigger::before { content: "Close"; } .wgtIgniteActionsTypeRecurring .wgtIgniteActionCardComments { grid-row-start: 4; grid-row-end: 5; } .wgtIgniteActionCardComments.open .wgtIgniteActionCardCommentsList { max-height: 9000px; opacity: 1; padding: 20px 0px 30px 0px; visibility: visible; } .wgtIgniteActionCardComments.open .wgtIgniteSelectTick { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .wgtIgniteActionCardCommentsList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; /*S 7/29/22 */ row-gap: 10px; margin: 0px 10px; /*E 7/29/22 */ overflow: hidden; -webkit-transition: max-height 0.3s ease; transition: max-height 0.3s ease; } .wgtIgniteActionsTypeClosed .wgtIgniteActionCardCommentsList { margin: 0px; } .wgtIgniteActionCardDate { grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; } .wgtIgniteActionsTypeRecurring .wgtIgniteActionCardDate, .wgtIgniteActionsTypeClosed .wgtIgniteActionCardDate { grid-column-start: 1; } .wgtIgniteActionCardCode { grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4; } .wgtIgniteActionCardInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteActionCardInfoValue { font-weight: 800; } .wgtIgniteActionCardStatus .wgtIgniteActionCardInfoValue { margin-top: 16px; } .wgtIgniteActionEntry.recurring .wgtIgniteActionCardStatus .wgtIgniteActionCardInfoValue { margin-top: 5px; } .wgtIgniteActionCardDescription .wgtIgniteActionCardInfoValue { font-weight: 400; } .wgtIgniteActionCardInfoTooltip { background-color: var(--wgtIgnite-palette-base); border-radius: var(--wgtIgnite-br); color: var(--wgtIgnite-palette-background) !important; pointer-events: none; position: absolute; visibility: hidden; padding: 5px; bottom: 34px; left: 0; width: 120px; text-align: center; } .wgtIgniteActionCardInfoTooltip::before { content: ""; position: absolute; height: 10px; width: 10px; background-color: var(--wgtIgnite-palette-base); -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: -3px; left: 7px; } .wgtIgniteActionCardInfo:hover .wgtIgniteActionCardInfoTooltip { visibility: visible; } .wgtIgniteActionCardPriority { grid-row-start: 1; grid-row-end: 2; grid-column-start: 4; grid-column-end: 5; } .wgtIgniteActionCardRecurrence { /* S 8/12/22 */ /* E 8/12/22 */ } .wgtIgniteActionsTypeRecurring .wgtIgniteActionCardRecurrence { grid-row-start: 2; grid-row-end: 3; grid-column-start: 3; grid-column-end: 5; } .wgtIgniteActionEntry.recurring .wgtIgniteActionCardRecurrence { pointer-events: all; } .wgtIgniteActionCardScheduledType { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 4; } .wgtIgniteActionCardScheduledInterval { display: none !important; grid-row-start: 2; grid-row-end: 3; grid-column-start: 4; grid-column-end: 5; } .wgtIgniteActionCardScheduledType.open + .wgtIgniteActionCardScheduledInterval { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .wgtIgniteActionCardStatus { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; position: relative; } .wgtIgniteActionCardStatus.due .wgtIgniteActionCardInfoValue, .wgtIgniteActionCardStatus.due .RadPicker > .riLabel, .wgtIgniteActionCardStatus.due-today .wgtIgniteActionCardInfoValue, .wgtIgniteActionCardStatus.due-today .RadPicker > .riLabel, .wgtIgniteActionCardStatus.due-passed .wgtIgniteActionCardInfoValue, .wgtIgniteActionCardStatus.due-passed .RadPicker > .riLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteActionCardStatus.due .wgtIgniteActionCardInfoValue::before, .wgtIgniteActionCardStatus.due .RadPicker > .riLabel::before, .wgtIgniteActionCardStatus.due-today .wgtIgniteActionCardInfoValue::before, .wgtIgniteActionCardStatus.due-today .RadPicker > .riLabel::before, .wgtIgniteActionCardStatus.due-passed .wgtIgniteActionCardInfoValue::before, .wgtIgniteActionCardStatus.due-passed .RadPicker > .riLabel::before { content: ""; height: 28px; width: 28px; background-color: var(--wgtIgnite-color-3); display: inline-block; mask-image: url('data:image/svg+xml; utf8, '); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8, '); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; } .wgtIgniteActionCardStatus.due-passed .wgtIgniteActionCardInfoValue::before, .wgtIgniteActionCardStatus.due-passed .RadPicker > .riLabel::before { background-color: #f55; } .wgtIgniteActionCardStatus.due-today .wgtIgniteActionCardInfoValue::before, .wgtIgniteActionCardStatus.due-today .RadPicker > .riLabel::before { background-color: #dfb461; } .wgtIgniteActionCardDescription { grid-row-start: 2; grid-row-end: 3; grid-column: -1/1; /* 3/10/22 */ /* 3/10/22 */ } .wgtIgniteActionsTypeRecurring .wgtIgniteActionCardDescription { grid-row-start: 3; grid-row-end: 4; } .wgtIgniteActionCommentsList { max-height: 0px; position: relative; opacity: 0; visibility: hidden; } .wgtIgniteActionEntry { /*S 7/7/22 */ background-color: #fff; /*E 7/7/22 */ display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; margin: 20px 0px; position: relative; /* 3/10/22 */ border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-palette-grey-2); /* 3/10/22 */ /*S 8/19/22 */ /*E 8/19/22 */ /*S 7/27/22 */ /*E 7/27/22 */ } .wgtIgniteActionEntry::before { content: attr(data-action-card-title); border-top-right-radius: var(--wgtIgnite-br); border-top-left-radius: var(--wgtIgnite-br); display: block; background-color: #a4cd68; padding: 5px 8px; text-transform: uppercase; color: var(--wgtIgnite-palette-background); font-weight: 400; grid-column: span 2; } .wgtIgniteActionEntry.recurring { padding-top: 0px; } .wgtIgniteActionsTypeRecurring .wgtIgniteActionEntry.recurring { background-color: #e4deff; border-color: var(--wgtIgnite-color-1l1); } .wgtIgniteActionEntry.recurring::before { background-color: var(--wgtIgnite-color-1); } .wgtIgniteActionManager { width: 100%; } .wgtIgniteGroupHeader, .wgtIgniteSearchHeader, .wgtIgnitePageHeader { background-color: var(--wgtIgnite-palette-background); } .wgtIgniteAccountCCEnabled { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .unlinked .wgtIgniteAccountCCEnabled { display: none; } .wgtIgniteAccountConnectionTile { border-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-palette-background); border: solid 2px var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); width: 300px; height: 250px; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; row-gap: 10px; position: relative; } .wgtIgniteAccountConnectionTile.unlinked { border-color: var(--wgtIgnite-color-2); } .wgtIgniteAccountConnectionTile::before { background-color: var(--wgtIgnite-color-3); border-bottom-left-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); content: attr(data-badge-status); color: var(--wgtIgnite-palette-background); padding: 5px 8px; position: absolute; top: 0; right: 5px; } .wgtIgniteAccountConnectionTile.unlinked::before { background-color: var(--wgtIgnite-palette-alert); border-bottom-left-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); content: "UNLINKED"; color: var(--wgtIgnite-palette-background); padding: 5px 8px; position: absolute; top: 0; right: 5px; } .wgtIgniteAccountConnectionTileLogo { width: 100%; max-width: 200px; height: auto; } .unlinked .wgtIgniteAccountConnectionTileLogo { position: relative; top: 40px; } .wgtIgniteAccountConnectionTileStatus.RadLabel { color: var(--wgtIgnite-color-4); } .unlinked .wgtIgniteAccountConnectionTileStatus.RadLabel { display: none; } .wgtIgniteActions { position: relative; margin-bottom: 30px; width: 100%; /* .wgtIgniteActionsAdd */ /* .wgtIgniteActionsCreate */ /* .wgtIgniteActionsList */ /* .wgtIgniteActionsSort */ } .wgtIgniteLeadActions.edit-mode .wgtIgniteActionsAdd { /* 3-15-22 */ pointer-events: none; opacity: 0; /* 3-15-22 */ } .wgtIgniteActionsAdd .ico { width: 40px; } .wgtIgniteActions .wgtIgniteSectionContent { max-height: 0px; -webkit-transition: max-height 0.3s ease; transition: max-height 0.3s ease; position: relative; overflow: hidden; } .wgtIgniteActions.open .wgtIgniteSectionContent { max-height: 30000px; } .wgtIgniteActionsCreate, .wgtIgniteActionsScheduledCreate { gap: 20px; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /*S 8/12/22 */ height: 100%; max-height: 0px; /*E 8/12/22 */ /* 3/9/22 */ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; /* 3/9/22 */ /*S 8/12/22 */ /*E 8/12/22 */ } .wgtIgniteActionsCreate.open, .wgtIgniteActionsScheduledCreate.open { max-height: 3000px; margin-bottom: 20px; } .wgtIgniteActionsList { /*E 7/29/22 */ /*S 7/14/22 */ /*E 7/14/22 */ /*S 7/15/22 */ /*E 7/15/22 */ } .wgtIgniteActionsListMessage { background-color: var(--wgtIgnite-palette-background); border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; row-gap: 10px; } .wgtIgniteActionsListHeaders, .wgtIgniteActionsListItem { grid-template-columns: 20% 40% 15% 1fr 1fr !important; } .wgtIgniteActionsListHeaderItem:last-child .wgtIgniteActionsListHeaderTitle { text-align: right; width: 100%; } .wgtIgniteActionsListItem { /*S 9/2/22 */ /*E 9/2/22 */ } .wgtIgniteActionsListItemControl { grid-column: span 5; } .wgtIgniteActionsListItemStat { /*S 8/17/22 */ /*E 8/17/22 */ } .wgtIgniteActionsListItem.edit-mode .wgtIgniteActionsListItemStatTitle.RadLabel, .wgtIgniteActionsListItem.new .wgtIgniteActionsListItemStatTitle.RadLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .wgtIgniteActionsListItemStat:last-child .wgtIgniteActionsListItemStatTitle.RadLabel { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteActionsListItemStatDate .wgtIgniteActionsListItemStatTitle.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteActionsListItemStatCode { overflow: hidden; } .wgtIgniteActionsListItemStatCode::before { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--wgtIgnite-palette-list-item-fade))); background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--wgtIgnite-palette-list-item-fade)); content: ""; width: 40px; position: absolute; right: 0; height: 100%; pointer-events: none; /*S 01/16/23 */ /*E 01/16/23 */ } .wgtIgniteActionsListItem.edit-mode .wgtIgniteActionsListItemStatCode::before, .wgtIgniteActionsListItem.new .wgtIgniteActionsListItemStatCode::before { display: none; } .wgtIgniteActionsListItemStatValue.RadLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } .wgtIgniteActionsListItemStatCount .wgtIgniteActionsListItemStatValue.RadLabel { font-size: var(--wgtIgnite-text-size-large); font-weight: 900; } .wgtIgniteActionsListItemStat:last-child .wgtIgniteActionsListItemStatValue.RadLabel { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteActionsListItemStatDate .wgtIgniteActionsListItemStatValue.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteActionsListItemStat .RadComboBox { width: 100% !important; } .wgtIgniteActionsListItem.edit-mode .wgtIgniteActionsListItemStat { pointer-events: all !important; } .wgtIgniteActionsListItem.disabled::after { grid-column-end: 6; } .wgtIgniteActions.open .wgtIgniteActionsList { max-height: 30000px; padding: 0px; opacity: 1; visibility: visible; } .wgtIgniteActionsSort.wgtIgniteSelect { display: none; } .wgtIgniteAdmin { /* .wgtIgniteAdminCompanies */ /*S 9/27/22 */ /*E 9/27/22 */ /* .wgtIgniteAdminGrid */ } .wgtIgniteAdminCompany.RadLabel { border-bottom: solid 1px var(--wgtIgnite-color-4l5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 5px 0px; } .wgtIgniteAdminCompany.RadLabel.active, .wgtIgniteAdminCompany.RadLabel:hover { border-bottom: solid 1px var(--wgtIgnite-color-1); } .wgtIgniteAdminCompany.RadLabel.active::after { content: attr(data-active-title); display: inline-block; color: var(--wgtIgnite-color-3); font-style: italic; } .wgtIgniteAdminCompany.RadLabel:hover { cursor: pointer; } .wgtIgniteAdminCompanies { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 10px; row-gap: 10px; /*S 9/19/22 */ /*E 9/19/22 */ } .wgtIgniteAdminCompaniesActiveTrigger { width: 100%; } .wgtIgniteAdminCompaniesAssigned { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgniteAdminCompaniesAssigned h3 { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteAdminCompaniesForm { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); margin-top: 20px; padding: 20px; width: 100%; } .wgtIgniteAdminCompaniesFormTitle.RadLabel { color: var(--wgtIgnite-color-4); font-size: var(--wgtIgnite-text-size-large); margin-bottom: 20px; font-weight: 700; } .wgtIgniteAdminCompaniesFormBody { gap: 10px; display: grid; grid-template-columns: auto 1fr 1fr 1fr 1fr; } .wgtIgniteAdminCompaniesFormBodyHiddenField { display: none; } .wgtIgniteAdminCompaniesFormBodyFieldControls { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; grid-column: span 5; } .wgtIgniteAdminCompaniesFormBodyFieldStatus { grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 4; padding-right: 20px; } .wgtIgniteAdminCompaniesFormBodyFieldAddress1 { grid-column: span 4; } .wgtIgniteAdminCompaniesFormBodyFieldCity { grid-column: span 2; } .wgtIgniteAdminCompaniesFormBodyFieldName { grid-column: span 5; } .wgtIgniteAdminCompaniesList { /*S 10/31/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; /*E 10/31/22 */ } .wgtIgniteAdminCompaniesListContainer { width: 100%; } .wgtIgniteAdminCompaniesListItem, .wgtIgniteAdminCompaniesListHeaders { grid-template-columns: 15% 65% 5% 1fr 1fr !important; } .wgtIgniteAdminCompaniesListItemTitle:last-child, .wgtIgniteAdminCompaniesListHeadersTitle:last-child { text-align: right; } .wgtIgniteAdminCompaniesListItem { /*E 10/07/22 */ } .wgtIgniteAdminCompaniesListItem.disabled { pointer-events: none; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteAdminCompaniesListItem.disabled::before { grid-column-end: 6; } .wgtIgniteAdminCompaniesListItem.disabled::after { grid-column-end: 6; } .wgtIgniteAdminCompaniesListItemControl { grid-column: span 5; } .wgtIgniteAdminCompaniesListItemStat { /*S 9/21/22 */ /*E 9/21/22 */ } .wgtIgniteAdminCompaniesListItem.edit-mode .wgtIgniteAdminCompaniesListItemStat, .wgtIgniteAdminCompaniesListItem.new .wgtIgniteAdminCompaniesListItemStat { pointer-events: all; } .wgtIgniteAdminCompaniesListItemStatLeads { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteAdminCompaniesListItem.edit-mode .wgtIgniteAdminCompaniesListItemStatLocation, .wgtIgniteAdminCompaniesListItem.new .wgtIgniteAdminCompaniesListItemStatLocation { display: grid; grid-template-columns: 10% 1fr 10% 20% 10% 10%; grid-auto-rows: auto; gap: 10px; } .wgtIgniteAdminCompaniesListItemStatActive .wgtIgniteAdminCompaniesListItemStatValue.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .wgtIgniteAdminCompaniesListItemStatLeads .wgtIgniteAdminCompaniesListItemStatValue.RadLabel { font-weight: 900; font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteAdminCompaniesListItemStatLeads .wgtIgniteAdminCompaniesListItemStatTitle.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .wgtIgniteAdminCompaniesListItem.edit-mode .wgtIgniteAdminCompaniesListItemStatTitle.RadLabel, .wgtIgniteAdminCompaniesListItem.new .wgtIgniteAdminCompaniesListItemStatTitle.RadLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .wgtIgniteAdminGrid { display: grid; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /*S 11/28/22 */ grid-template-columns: 1fr 1fr 1fr 1fr 1fr; /*E 11/28/22 */ grid-template-rows: 1fr; max-width: 1400px; width: 100%; margin: 10px auto 20px auto; gap: 20px; } .wgtIgniteAdminGridCell { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgniteAdminGridCellItem { border: solid 1px var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); display: block !important; overflow: hidden; } .wgtIgniteAdminGridCellItem:hover { border-color: var(--wgtIgnite-color-1l1) !important; } .wgtIgniteAdminGridCellItemBody { background-color: var(--wgtIgnite-palette-background); -webkit-column-gap: 4px; -moz-column-gap: 4px; column-gap: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteAdminGridCellItemBody svg path { fill: var(--wgtIgnite-color-4) !important; } .wgtIgniteAdminGridCellItemBodyStat { color: var(--wgtIgnite-color-1d1) !important; font-size: var(--wgtIgnite-text-size-max); font-weight: 900; } .wgtIgniteAdminGridCellItemTitle { background-color: var(--wgtIgnite-color-1d1); color: var(--wgtIgnite-palette-background) !important; font-size: var(--wgtIgnite-text-size-large); text-align: center; } .wgtIgniteAdminTag.RadLabel { background-color: var(--wgtIgnite-palette-alert); color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); font-weight: 900; font-size: var(--wgtIgnite-text-size-large); margin: 5px 0px; padding: 5px; } .wgtIgniteBarcodeScanList { width: 100%; margin-top: 10px; } .wgtIgniteBarcodeScanListContainer { margin: 20px 0px; } .wgtIgniteBarcodeScanListHeader { display: grid; grid-template-columns: 1fr 1fr 25px; border-bottom: solid 1px var(--wgtIgnite-palette-grey-4); } .wgtIgniteBarcodeScanListHeaderItem { font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteBarcodeScanListItem { display: grid; grid-template-columns: 1fr 1fr 25px; width: 100%; } .wgtIgniteBarcodeScanListItemDelete:hover { opacity: 0.7; cursor: pointer; } .wgtIgniteBarcodeScanListItemDelete::before { pointer-events: none; } .wgtIgniteBody { width: 100%; height: var(--wgtIgnite-touchscreen-height); display: grid; grid-template-rows: auto 1fr auto; grid-template-columns: 1fr; } .wgtIgniteBody.wgtIgniteBodyOnboarding { height: auto; } .MessageAnalyticsModalActive .wgtIgniteBody { grid-column: -1/1; } .wgtIgniteBodyOnboarding .boxes { z-index: 9 !important; } .wgtIgniteButton { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-color-1l3); border-color: var(--wgtIgnite-color-1l3); border-radius: var(--wgtIgnite-br); -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; color: var(--wgtIgnite-palette-base); cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-medium); line-height: normal; padding: 6px; position: relative; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; /*S 05/22/23 */ /*E 05/22/23 */ } .wgtIgniteButton .rbText { font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteButton.rbHovered .rbIcon::before { color: var(--wgtIgnite-color-1l3); opacity: 0.8; } .wgtIgniteButton.primary, .wgtIgniteButton.rbPrimaryButton { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--wgtIgnite-color-1l1); border: solid 1px var(--wgtIgnite-color-1); border-color: var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; color: var(--wgtIgnite-palette-background); cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-medium); line-height: normal; padding: 6px; position: relative; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } .wgtIgniteButton.primary .rbText, .wgtIgniteButton.rbPrimaryButton .rbText { font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteButton.primary .rbIcon::before, .wgtIgniteButton.rbPrimaryButton .rbIcon::before { color: var(--wgtIgnite-palette-background); } .wgtIgniteButton.primary .rbIcon.icoOverride::before, .wgtIgniteButton.rbPrimaryButton .rbIcon.icoOverride::before { background-color: var(--wgtIgnite-palette-background); } .wgtIgniteButton.primary.rbDisabled, .wgtIgniteButton.rbPrimaryButton.rbDisabled { background-color: var(--wgtIgnite-palette-grey-7); pointer-events: none !important; } .wgtIgniteButton.primary.rbHovered, .wgtIgniteButton.rbPrimaryButton.rbHovered { background-color: var(--wgtIgnite-color-1) !important; } .wgtIgniteButton.primary.rbHovered.wgtIgniteButtonPayTemplateDelete, .wgtIgniteButton.primary.rbHovered.wgtIgniteButtonCancelAccount, .wgtIgniteButton.rbPrimaryButton.rbHovered.wgtIgniteButtonPayTemplateDelete, .wgtIgniteButton.rbPrimaryButton.rbHovered.wgtIgniteButtonCancelAccount { background-color: var(--wgtIgnite-palette-alert) !important; border-color: var(--wgtIgnite-palette-background); } .wgtIgniteButton.primary.rbHovered.wgtIgniteEntryEditTrigger, .wgtIgniteButton.rbPrimaryButton.rbHovered.wgtIgniteEntryEditTrigger { background-color: transparent !important; } .wgtIgniteButton.primary:hover, .wgtIgniteButton.rbPrimaryButton:hover { background-color: var(--wgtIgnite-color-1l2); } .wgtIgniteButton.primary.disabled, .wgtIgniteButton.rbPrimaryButton.disabled { pointer-events: none; opacity: 0.6; } .wgtIgniteButton.primary input[type=submit], .wgtIgniteButton.rbPrimaryButton input[type=submit] { background-color: transparent; border: none; color: var(--wgtIgnite-palette-background); font-family: var(--wgtIgnite-font); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: var(--wgtIgnite-text-size-medium); font-weight: 100; } .wgtIgniteButton.primary input[type=submit]:hover, .wgtIgniteButton.rbPrimaryButton input[type=submit]:hover { cursor: pointer; } .wgtIgniteButtonStaffLogin.primary { background-color: var(--wgtIgnite-palette-base); margin: 20px 0px; min-width: 200px; } .wgtIgniteButtonStaffLogin.primary input { pointer-events: none; } .wgtIgniteButtonStaffLogin.primary.spin { background-color: var(--wgtIgnite-palette-grey-8); position: relative; pointer-events: none; } .wgtIgniteButtonStaffLogin.primary.spin::before { -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; background-color: var(--wgtIgnite-color-4); content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 20px; margin-right: 5px; mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; -webkit-mask-position: center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; position: absolute; left: 5px; top: 7px; } .wgtIgniteButtonStaffLogin.primary:hover { background-color: var(--wgtIgnite-palette-grey-8); } .wgtIgniteButton.disabled { pointer-events: none !important; opacity: 0.6; } .wgtIgniteCampaignWindow .wgtIgniteButton { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--wgtIgnite-color-1l1); border: solid 1px var(--wgtIgnite-color-1); border-color: var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; color: var(--wgtIgnite-palette-background); cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-medium); line-height: normal; padding: 6px; position: relative; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } .wgtIgniteCampaignWindow .wgtIgniteButton .rbText { font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteCampaignWindow .wgtIgniteButton .rbIcon::before { color: var(--wgtIgnite-palette-background); } .wgtIgniteCampaignWindow .wgtIgniteButton .rbIcon.icoOverride::before { background-color: var(--wgtIgnite-palette-background); } .wgtIgniteCampaignWindow .wgtIgniteButton.rbDisabled { background-color: var(--wgtIgnite-palette-grey-7); pointer-events: none !important; } .wgtIgniteCampaignWindow .wgtIgniteButton.rbHovered { background-color: var(--wgtIgnite-color-1) !important; } .wgtIgniteCampaignWindow .wgtIgniteButton.rbHovered.wgtIgniteButtonPayTemplateDelete, .wgtIgniteCampaignWindow .wgtIgniteButton.rbHovered.wgtIgniteButtonCancelAccount { background-color: var(--wgtIgnite-palette-alert) !important; border-color: var(--wgtIgnite-palette-background); } .wgtIgniteCampaignWindow .wgtIgniteButton.rbHovered.wgtIgniteEntryEditTrigger { background-color: transparent !important; } .wgtIgniteCampaignWindow .wgtIgniteButton:hover { background-color: var(--wgtIgnite-color-1) !important; } .wgtIgniteCampaignWindow .wgtIgniteButton.wgtIgniteButtonCampaignDelete:hover { background-color: var(--wgtIgnite-palette-alert) !important; } .wgtIgniteManageSparkSitesListControls .wgtIgniteButton, .wgtIgniteManageEmailTemplatesListControls .wgtIgniteButton { min-width: 200px; } .wgtIgniteManageSparkSitesListItemStatControls .wgtIgniteButton, .wgtIgniteManageEmailTemplatesListItemStatControls .wgtIgniteButton { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteManageSparkSitesListItemStatControls .wgtIgniteButton::before, .wgtIgniteManageEmailTemplatesListItemStatControls .wgtIgniteButton::before { content: attr(title); font-size: var(--wgtIgnite-text-size-small); color: #000000; position: absolute; border-top-right-radius: var(--wgtIgnite-br); border-top-left-radius: var(--wgtIgnite-br); top: -20px; padding: 2px 4px; } .wgtIgniteExpiredSubscriptionRenewalControls .wgtIgniteButton { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgniteButtonAssignTags, .wgtIgniteButtonUnassignTags { margin: 5px 0px; width: 100%; } .wgtIgniteModal .wgtIgniteButtonAssignTags.wgtIgniteButton, .wgtIgniteModal .wgtIgniteButtonUnassignTags.wgtIgniteButton { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .wgtIgniteButtonUnassignTags.RadButton.rbPrimaryButton.RadButton_Bootstrap.rbButton { display: none !important; } .wgtIgniteModalAssignTags[action-type=unassign] .wgtIgniteButtonUnassignTags.RadButton.rbPrimaryButton.RadButton_Bootstrap.rbButton { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .wgtIgniteButtonAssignTags.RadButton.rbPrimaryButton.RadButton_Bootstrap.rbButton { display: none !important; } .wgtIgniteModalAssignTags[action-type=assign] .wgtIgniteButtonAssignTags.RadButton.rbPrimaryButton.RadButton_Bootstrap.rbButton { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .wgtIgniteButtonExpiredSubscriptionPayMethodCancel { margin-top: 5px; } .wgtIgniteButtonCampaignPause { background-color: var(--wgtIgnite-color-3) !important; } .wgtIgniteButtonCampaignPause.paused { background-color: var(--wgtIgnite-palette-alert) !important; } .wgtIgniteButtonCampaignMessagePreview { max-width: 80px; margin-left: auto; } .wgtIgniteButtonCommunicationsMessageEdit { -ms-flex-item-align: end; align-self: flex-end; margin-top: 10px; } .wgtIgniteButtonFullEditor, .wgtIgniteButtonVisualEditor { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .wgtIgniteButtonGenericModalClose { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteOverlayGeneric.style-alert .wgtIgniteButtonGenericModalClose { border-color: var(--wgtIgnite-palette-alert); } .wgtIgniteOverlayGeneric.style-success .wgtIgniteButtonGenericModalClose { border-color: var(--wgtIgnite-color-3l1); } .wgtIgniteButtonImportReady { grid-column: span 2; } .wgtIgniteButtonManageCampaign { min-width: 162px !important; } .wgtIgniteButtonOrderSearchListSelect { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteButtonOrderSearch { margin-top: 15px; } .wgtIgniteButton.wgtIgniteButtonOrderSearchConditionsDelete, .wgtIgniteButton.wgtIgniteButtonOrderSearchConditionsAdd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; border: none; } .wgtIgniteModal .wgtIgniteButton.wgtIgniteButtonOrderSearchConditionsDelete, .wgtIgniteModal .wgtIgniteButton.wgtIgniteButtonOrderSearchConditionsAdd { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .wgtIgniteButton.wgtIgniteButtonOrderSearchConditionsDelete::before, .wgtIgniteButton.wgtIgniteButtonOrderSearchConditionsAdd::before { content: ""; height: 15px; width: 15px; background-color: var(--wgtIgnite-palette-background); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; background-color: var(--wgtIgnite-color-1); content: ""; height: 20px; width: 20px; position: relative; } .wgtIgniteButton.wgtIgniteButtonOrderSearchConditionsDelete:hover::before, .wgtIgniteButton.wgtIgniteButtonOrderSearchConditionsAdd:hover::before { background-color: var(--wgtIgnite-color-1l1); } .wgtIgniteButton.wgtIgniteButtonStartCorporateProductSync { min-width: unset; } .wgtIgniteButton.wgtIgniteButtonOrderSearchConditionsAdd::before { content: ""; height: 28px; width: 28px; background-color: var(--wgtIgnite-color-3); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; top: 0px; height: 20px; width: 20px; } .wgtIgniteOrderSearchControls .wgtIgniteButton { -webkit-box-flex: 0 !important; -ms-flex: 0 !important; flex: 0 !important; min-width: 90px; } .wgtIgniteButton.wgtIgniteProductListItemAdd { max-width: 50px; } .wgtIgniteButtonProductImageUploadExplorer { -ms-flex-item-align: center; align-self: center; position: relative; z-index: 2; } .wgtIgniteProductImageUploadExplorer:hover .wgtIgniteButtonProductImageUploadExplorer { background-color: var(--wgtIgnite-color-1) !important; cursor: pointer !important; } .wgtIgniteButtonScanProducts { pointer-events: none; opacity: 0.5; position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 40px; max-width: 170px; } .wgtIgniteButtonScanProducts .rbText { text-align: right !important; } .phone .wgtIgniteButtonScanProducts { pointer-events: all; opacity: 1; } .loaded .wgtIgniteButtonScanProducts { top: unset; left: unset; min-width: 36px !important; right: 5px; bottom: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .loaded .wgtIgniteButtonScanProducts .rbIcon.icoOverride::before { background-color: var(--wgtIgnite-palette-alert); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .loaded .wgtIgniteButtonScanProducts .rbText { display: none !important; } .wgtIgniteButtonSearchOrder { margin-left: auto; } .wgtIgniteButtonTokenMenu { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .unlinked .wgtIgniteButtonUnlinkAccount { display: none !important; } .wgtIgniteButtonLinkAccount.RadButton.rbButton.rbPrimaryButton, .wgtIgniteButtonLinkAccount.RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton { display: none; } .unlinked .wgtIgniteButtonLinkAccount.RadButton.rbButton.rbPrimaryButton, .unlinked .wgtIgniteButtonLinkAccount.RadButton.RadButton_Bootstrap.rbButton.rbPrimaryButton { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .wgtIgniteButtonVisualEditApply { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteVisualEditorControls .wgtIgniteButton { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteButton.wgtIgniteNewActionTrigger, .wgtIgniteButton.wgtIgniteNewScheduledActionTrigger { min-width: 193px; } .login-page .wgtIgniteButton { margin: 20px 0px 10px 0px; width: calc(100% - 90px); margin-left: auto; margin-right: auto; } .login-page .wgtIgniteButton:hover { cursor: pointer; } .login-page .wgtIgniteButton.spin { -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; } .login-page .wgtIgniteButton.spin::before { -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; background-color: var(--wgtIgnite-color-4); content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 20px; margin-right: 5px; mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; -webkit-mask-position: center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; } .wgtIgniteModal .wgtIgniteButton { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgniteOverlaySaveChanges .wgtIgniteModal .wgtIgniteButton { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; min-width: 64px; } .wgtIgniteModal .wgtIgniteButton.wgtIgniteModalCloseTrigger .rbText, .wgtIgniteModal .wgtIgniteButton.wgtIgniteModalCloseTrigger .rbIcon { pointer-events: none !important; } .wgtIgniteModal.wgtIgniteModalImportHTML .wgtIgniteButton { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .wgtIgniteModal.wgtIgniteModalCorporateProductList .wgtIgniteButton, .wgtIgniteOverlayStaffAccount .wgtIgniteButton { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; } .wgtIgniteButton.wgtIgniteButtonOrderHistoryPrint, .wgtIgniteButton.wgtIgniteButtonOrderSearchResultsPrint { max-width: 30px; } .wgtIgniteButton.wgtIgniteButtonOrderHistoryPrint::before, .wgtIgniteButton.wgtIgniteButtonOrderSearchResultsPrint::before { content: ""; height: 15px; width: 15px; background-color: var(--wgtIgnite-palette-background); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; } .wgtIgniteButton.wgtIgniteButtonOrderHistoryEdit, .wgtIgniteButton.wgtIgniteButtonOrderSearchResultsEdit { max-width: 30px; } .wgtIgniteButton.wgtIgniteButtonOrderHistoryEdit::before, .wgtIgniteButton.wgtIgniteButtonOrderSearchResultsEdit::before { content: ""; height: 15px; width: 15px; background-color: var(--wgtIgnite-palette-background); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; } .wgtIgniteButton.wgtIgniteButtonOrderHistoryDelete, .wgtIgniteButton.wgtIgniteButtonOrderSearchResultsDelete { max-width: 30px; } .wgtIgniteButton.wgtIgniteButtonOrderHistoryDelete::before, .wgtIgniteButton.wgtIgniteButtonOrderSearchResultsDelete::before { content: ""; height: 15px; width: 15px; background-color: var(--wgtIgnite-palette-background); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; } .wgtIgniteButton, .wgtIgniteButton.RadButton.rbButton, .wgtIgniteButton.RadButton.rbToggleButton { /*S 11/11/22 */ /*E 11/11/22 */ /*S 1/16/23 */ /*E 1/16/23 */ /*S 01/12/23 */ /*E 01/12/23 */ /*S 1/06/23 */ /*E 1/06/23*/ /*S 12/20/22 */ /*E 12/20/22 */ /*S 12/27/22 */ /*E 12/27/22 */ /*S 8/26/22 */ /*E 8/26/22 */ /*S 12/21/22 */ /*E 12/21/22 */ /*S 8/29/22 */ /*E 8/29/22 */ /*S 8/22/22 */ /*E 8/22/22 */ /*S 9/6/22 */ /*E 9/6/22 */ /*S 01/10/23 */ /*E 01/10/21*/ /*S 8/4/22 */ /*E 8/4/22 */ /* S 5/03/2022 */ /* E 5/03/2022*/ } .wgtIgniteButton a.wgtIgnite, .wgtIgniteButton.RadButton.rbButton a.wgtIgnite, .wgtIgniteButton.RadButton.rbToggleButton a.wgtIgnite { text-decoration: none; } .wgtIgniteButton.tame, .wgtIgniteButton.RadButton.rbButton.tame, .wgtIgniteButton.RadButton.rbToggleButton.tame { background-color: var(--wgtIgnite-palette-base); color: var(--wgtIgnite-palette-background); text-decoration: none; } .wgtIgniteButton.tame:hover, .wgtIgniteButton.tame.rbHovered, .wgtIgniteButton.RadButton.rbButton.tame:hover, .wgtIgniteButton.RadButton.rbButton.tame.rbHovered, .wgtIgniteButton.RadButton.rbToggleButton.tame:hover, .wgtIgniteButton.RadButton.rbToggleButton.tame.rbHovered { color: var(--wgtIgnite-palette-base); background-color: var(--wgtIgnite-palette-background) !important; } .wgtIgniteCommunicationsBuilderLayoutBlockControls .wgtIgniteButton, .wgtIgniteCommunicationsBuilderLayoutBlockControls .wgtIgniteButton.RadButton.rbButton, .wgtIgniteCommunicationsBuilderLayoutBlockControls .wgtIgniteButton.RadButton.rbToggleButton { border-radius: 0px !important; } .wgtIgniteCommunicationsBuilderLayoutBlockControls .wgtIgniteButton:first-child, .wgtIgniteCommunicationsBuilderLayoutBlockControls .wgtIgniteButton.RadButton.rbButton:first-child, .wgtIgniteCommunicationsBuilderLayoutBlockControls .wgtIgniteButton.RadButton.rbToggleButton:first-child { border-top-left-radius: var(--wgtIgnite-br) !important; } .wgtIgniteCommunicationsBuilderLayoutBlockControls .wgtIgniteButton:last-child, .wgtIgniteCommunicationsBuilderLayoutBlockControls .wgtIgniteButton.RadButton.rbButton:last-child, .wgtIgniteCommunicationsBuilderLayoutBlockControls .wgtIgniteButton.RadButton.rbToggleButton:last-child { border-top-right-radius: var(--wgtIgnite-br) !important; } .wgtIgniteSSTools .wgtIgniteButton, .wgtIgniteSSTools .wgtIgniteButton.RadButton.rbButton, .wgtIgniteSSTools .wgtIgniteButton.RadButton.rbToggleButton { width: 100%; } .wgtIgniteButton.rbDisabled:hover, .wgtIgniteButton.RadButton.rbButton.rbDisabled:hover, .wgtIgniteButton.RadButton.rbToggleButton.rbDisabled:hover { -webkit-box-shadow: none; box-shadow: none; } .wgtIgniteButtonBody, .wgtIgniteButtonGraphic, .wgtIgniteButton.RadButton.rbButtonBody, .wgtIgniteButton.RadButton.rbButtonGraphic, .wgtIgniteButton.RadButton.rbToggleButtonBody, .wgtIgniteButton.RadButton.rbToggleButtonGraphic { pointer-events: none; } .wgtIgniteButton.wgtIgniteButtonCommunicationsMediaLibraryTab, .wgtIgniteButton.RadButton.rbButton.wgtIgniteButtonCommunicationsMediaLibraryTab, .wgtIgniteButton.RadButton.rbToggleButton.wgtIgniteButtonCommunicationsMediaLibraryTab { border: none; } .wgtIgniteButton.wgtIgniteButtonCommunicationsMediaLibraryTab.active, .wgtIgniteButton.RadButton.rbButton.wgtIgniteButtonCommunicationsMediaLibraryTab.active, .wgtIgniteButton.RadButton.rbToggleButton.wgtIgniteButtonCommunicationsMediaLibraryTab.active { background-color: var(--wgtIgnite-palette-grey-3); } .wgtIgniteButton.checked .rbIcon, .wgtIgniteButton.RadButton.rbButton.checked .rbIcon, .wgtIgniteButton.RadButton.rbToggleButton.checked .rbIcon { display: none !important; } .wgtIgniteButton.checked .rbText, .wgtIgniteButton.RadButton.rbButton.checked .rbText, .wgtIgniteButton.RadButton.rbToggleButton.checked .rbText { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteButton.checked .rbText::before, .wgtIgniteButton.RadButton.rbButton.checked .rbText::before, .wgtIgniteButton.RadButton.rbToggleButton.checked .rbText::before { content: ""; height: 20px; width: 20px; background-color: var(--wgtIgnite-color-1); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; background-color: var(--wgtIgnite-color-3l1) !important; } .wgtIgniteButton.failed .rbIcon, .wgtIgniteButton.RadButton.rbButton.failed .rbIcon, .wgtIgniteButton.RadButton.rbToggleButton.failed .rbIcon { display: none !important; } .wgtIgniteButton.failed .rbText, .wgtIgniteButton.RadButton.rbButton.failed .rbText, .wgtIgniteButton.RadButton.rbToggleButton.failed .rbText { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteButton.failed .rbText::before, .wgtIgniteButton.RadButton.rbButton.failed .rbText::before, .wgtIgniteButton.RadButton.rbToggleButton.failed .rbText::before { content: ""; height: 15px; width: 15px; background-color: var(--wgtIgnite-palette-background); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; background-color: var(--wgtIgnite-palette-alert) !important; } .wgtIgniteButton.spin, .wgtIgniteButton.RadButton.rbButton.spin, .wgtIgniteButton.RadButton.rbToggleButton.spin { pointer-events: none; } .wgtIgniteButton.spin .rbIcon, .wgtIgniteButton.RadButton.rbButton.spin .rbIcon, .wgtIgniteButton.RadButton.rbToggleButton.spin .rbIcon { display: none !important; } .wgtIgniteButton.spin .rbText, .wgtIgniteButton.RadButton.rbButton.spin .rbText, .wgtIgniteButton.RadButton.rbToggleButton.spin .rbText { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteButton.spin .rbText::before, .wgtIgniteButton.RadButton.rbButton.spin .rbText::before, .wgtIgniteButton.RadButton.rbToggleButton.spin .rbText::before { -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; background-color: var(--wgtIgnite-color-4); content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 20px; margin-right: 5px; mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; -webkit-mask-position: center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; } .wgtIgniteActionsListItem .wgtIgniteButton.rbIconOnly, .wgtIgniteAdminCompaniesListItem .wgtIgniteButton.rbIconOnly, .wgtIgniteCampaignsListItem .wgtIgniteButton.rbIconOnly, .wgtIgniteCampaignMessagesListItem .wgtIgniteButton.rbIconOnly, .wgtIgniteGroupsListItem .wgtIgniteButton.rbIconOnly, .wgtIgnitePayTemplatesListItem .wgtIgniteButton.rbIconOnly, .wgtIgniteRequestCodeListItem .wgtIgniteButton.rbIconOnly, .wgtIgniteTagsListItem .wgtIgniteButton.rbIconOnly, .wgtIgniteStatusesListItem .wgtIgniteButton.rbIconOnly, .wgtIgniteActionsListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly, .wgtIgniteAdminCompaniesListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly, .wgtIgniteCampaignsListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly, .wgtIgniteCampaignMessagesListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly, .wgtIgniteGroupsListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly, .wgtIgnitePayTemplatesListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly, .wgtIgniteRequestCodeListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly, .wgtIgniteTagsListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly, .wgtIgniteStatusesListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly, .wgtIgniteActionsListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly, .wgtIgniteAdminCompaniesListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly, .wgtIgniteCampaignsListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly, .wgtIgniteCampaignMessagesListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly, .wgtIgniteGroupsListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly, .wgtIgnitePayTemplatesListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly, .wgtIgniteRequestCodeListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly, .wgtIgniteTagsListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly, .wgtIgniteStatusesListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly { border-radius: 0px; min-height: 20px; min-width: 20px; } .wgtIgniteActionsListItem .wgtIgniteButton.rbIconOnly:first-child, .wgtIgniteAdminCompaniesListItem .wgtIgniteButton.rbIconOnly:first-child, .wgtIgniteCampaignsListItem .wgtIgniteButton.rbIconOnly:first-child, .wgtIgniteCampaignMessagesListItem .wgtIgniteButton.rbIconOnly:first-child, .wgtIgniteGroupsListItem .wgtIgniteButton.rbIconOnly:first-child, .wgtIgnitePayTemplatesListItem .wgtIgniteButton.rbIconOnly:first-child, .wgtIgniteRequestCodeListItem .wgtIgniteButton.rbIconOnly:first-child, .wgtIgniteTagsListItem .wgtIgniteButton.rbIconOnly:first-child, .wgtIgniteStatusesListItem .wgtIgniteButton.rbIconOnly:first-child, .wgtIgniteActionsListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly:first-child, .wgtIgniteAdminCompaniesListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly:first-child, .wgtIgniteCampaignsListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly:first-child, .wgtIgniteCampaignMessagesListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly:first-child, .wgtIgniteGroupsListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly:first-child, .wgtIgnitePayTemplatesListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly:first-child, .wgtIgniteRequestCodeListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly:first-child, .wgtIgniteTagsListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly:first-child, .wgtIgniteStatusesListItem .wgtIgniteButton.RadButton.rbButton.rbIconOnly:first-child, .wgtIgniteActionsListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly:first-child, .wgtIgniteAdminCompaniesListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly:first-child, .wgtIgniteCampaignsListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly:first-child, .wgtIgniteCampaignMessagesListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly:first-child, .wgtIgniteGroupsListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly:first-child, .wgtIgnitePayTemplatesListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly:first-child, .wgtIgniteRequestCodeListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly:first-child, .wgtIgniteTagsListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly:first-child, .wgtIgniteStatusesListItem .wgtIgniteButton.RadButton.rbToggleButton.rbIconOnly:first-child { border-top-left-radius: var(--wgtIgnite-br); } .wgtIgniteCommunicationsBodyTemplateToolbox .wgtIgniteButton, .wgtIgniteCommunicationsBodyTemplateToolbox .wgtIgniteButton.RadButton.rbButton, .wgtIgniteCommunicationsBodyTemplateToolbox .wgtIgniteButton.RadButton.rbToggleButton { width: 100%; margin-bottom: 10px; } .wgtIgniteOnboardingFormControls .wgtIgniteButton, .wgtIgniteOnboardingFormControls .wgtIgniteButton.RadButton.rbButton, .wgtIgniteOnboardingFormControls .wgtIgniteButton.RadButton.rbToggleButton { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgniteButtonContinue, .wgtIgniteButtonFiltersRevealTrigger, .wgtIgniteCommunicationsBodyTemplateToolbox .wgtIgniteButton, .wgtIgniteContextMenu .wgtIgniteButton, .wgtIgniteEmptyList.vertical .wgtIgniteButton, .wgtIgniteButton.wgtIgniteButtonSignUp, .wgtIgniteButton.RadButton.rbButtonContinue, .wgtIgniteButton.RadButton.rbButtonFiltersRevealTrigger, .wgtIgniteCommunicationsBodyTemplateToolbox .wgtIgniteButton.RadButton.rbButton, .wgtIgniteContextMenu .wgtIgniteButton.RadButton.rbButton, .wgtIgniteEmptyList.vertical .wgtIgniteButton.RadButton.rbButton, .wgtIgniteButton.RadButton.rbButton.wgtIgniteButtonSignUp, .wgtIgniteButton.RadButton.rbToggleButtonContinue, .wgtIgniteButton.RadButton.rbToggleButtonFiltersRevealTrigger, .wgtIgniteCommunicationsBodyTemplateToolbox .wgtIgniteButton.RadButton.rbToggleButton, .wgtIgniteContextMenu .wgtIgniteButton.RadButton.rbToggleButton, .wgtIgniteEmptyList.vertical .wgtIgniteButton.RadButton.rbToggleButton, .wgtIgniteButton.RadButton.rbToggleButton.wgtIgniteButtonSignUp { width: 100% !important; } .wgtIgniteContextMenu .wgtIgniteButton.wgtIgniteButtonLeadsFilterApply, .wgtIgniteContextMenu .wgtIgniteButton.RadButton.rbButton.wgtIgniteButtonLeadsFilterApply, .wgtIgniteContextMenu .wgtIgniteButton.RadButton.rbToggleButton.wgtIgniteButtonLeadsFilterApply { width: auto !important; } .wgtIgniteOnboardingFormFieldEmail + .wgtIgniteButton, .wgtIgniteOnboardingFormFieldEmail + .wgtIgniteButton.RadButton.rbButton, .wgtIgniteOnboardingFormFieldEmail + .wgtIgniteButton.RadButton.rbToggleButton { margin: 20px 0px; } .wgtIgniteDashboardGridBoxHeader .wgtIgniteButton, .wgtIgniteDashboardGridBoxHeader .wgtIgniteButton.RadButton.rbButton, .wgtIgniteDashboardGridBoxHeader .wgtIgniteButton.RadButton.rbToggleButton { margin: 8px 8px 0px 0px; } .wgtIgniteButtonCommunicationsMessageSend.rbButton.rbPrimaryButton, .wgtIgniteButton.RadButton.rbButtonCommunicationsMessageSend.rbButton.rbPrimaryButton, .wgtIgniteButton.RadButton.rbToggleButtonCommunicationsMessageSend.rbButton.rbPrimaryButton { background-color: var(--wgtIgnite-color-1l1) !important; } .wgtIgniteContextMenuItem.expanded .wgtIgniteButtonAssignTag, .wgtIgniteContextMenuItem.expanded .wgtIgniteButtonChangeStatus, .wgtIgniteContextMenuItem.expanded .wgtIgniteButtonMoveGroup, .wgtIgniteContextMenuItem.expanded .wgtIgniteButton.RadButton.rbButtonAssignTag, .wgtIgniteContextMenuItem.expanded .wgtIgniteButton.RadButton.rbButtonChangeStatus, .wgtIgniteContextMenuItem.expanded .wgtIgniteButton.RadButton.rbButtonMoveGroup, .wgtIgniteContextMenuItem.expanded .wgtIgniteButton.RadButton.rbToggleButtonAssignTag, .wgtIgniteContextMenuItem.expanded .wgtIgniteButton.RadButton.rbToggleButtonChangeStatus, .wgtIgniteContextMenuItem.expanded .wgtIgniteButton.RadButton.rbToggleButtonMoveGroup { border-bottom: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .wgtIgniteButtonImportReady, .wgtIgniteButton.RadButton.rbButtonImportReady, .wgtIgniteButton.RadButton.rbToggleButtonImportReady { font-size: var(--wgtIgnite-text-size-hero) !important; } .wgtIgniteButtonGraphic, .wgtIgniteButton.RadButton.rbButtonGraphic, .wgtIgniteButton.RadButton.rbToggleButtonGraphic { width: 25px; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteButtonDashboardCreateCampaign, .wgtIgniteButtonDashboardCreateTag, .wgtIgniteButtonDashboardLeadCreate, .wgtIgniteButtonDashboardLeadUpload, .wgtIgniteButtonDashboardManageCampaigns, .wgtIgniteButtonDashboardManageLeads, .wgtIgniteButtonDashboardManageTags, .wgtIgniteButtonDashboardManageSparkSites, .wgtIgniteButtonDashboardNoDues, .wgtIgniteButton.RadButton.rbButtonDashboardCreateCampaign, .wgtIgniteButton.RadButton.rbButtonDashboardCreateTag, .wgtIgniteButton.RadButton.rbButtonDashboardLeadCreate, .wgtIgniteButton.RadButton.rbButtonDashboardLeadUpload, .wgtIgniteButton.RadButton.rbButtonDashboardManageCampaigns, .wgtIgniteButton.RadButton.rbButtonDashboardManageLeads, .wgtIgniteButton.RadButton.rbButtonDashboardManageTags, .wgtIgniteButton.RadButton.rbButtonDashboardManageSparkSites, .wgtIgniteButton.RadButton.rbButtonDashboardNoDues, .wgtIgniteButton.RadButton.rbToggleButtonDashboardCreateCampaign, .wgtIgniteButton.RadButton.rbToggleButtonDashboardCreateTag, .wgtIgniteButton.RadButton.rbToggleButtonDashboardLeadCreate, .wgtIgniteButton.RadButton.rbToggleButtonDashboardLeadUpload, .wgtIgniteButton.RadButton.rbToggleButtonDashboardManageCampaigns, .wgtIgniteButton.RadButton.rbToggleButtonDashboardManageLeads, .wgtIgniteButton.RadButton.rbToggleButtonDashboardManageTags, .wgtIgniteButton.RadButton.rbToggleButtonDashboardManageSparkSites, .wgtIgniteButton.RadButton.rbToggleButtonDashboardNoDues { background-color: var(--wgtIgnite-color-1l1) !important; border-color: var(--wgtIgnite-color-1) !important; border: solid 1px var(--wgtIgnite-color-1l3) !important; border-radius: var(--wgtIgnite-br) !important; color: #fff !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px 8px; } .wgtIgniteButtonDashboardCreateCampaign:hover, .wgtIgniteButtonDashboardCreateTag:hover, .wgtIgniteButtonDashboardLeadCreate:hover, .wgtIgniteButtonDashboardLeadUpload:hover, .wgtIgniteButtonDashboardManageCampaigns:hover, .wgtIgniteButtonDashboardManageLeads:hover, .wgtIgniteButtonDashboardManageTags:hover, .wgtIgniteButtonDashboardManageSparkSites:hover, .wgtIgniteButtonDashboardNoDues:hover, .wgtIgniteButton.RadButton.rbButtonDashboardCreateCampaign:hover, .wgtIgniteButton.RadButton.rbButtonDashboardCreateTag:hover, .wgtIgniteButton.RadButton.rbButtonDashboardLeadCreate:hover, .wgtIgniteButton.RadButton.rbButtonDashboardLeadUpload:hover, .wgtIgniteButton.RadButton.rbButtonDashboardManageCampaigns:hover, .wgtIgniteButton.RadButton.rbButtonDashboardManageLeads:hover, .wgtIgniteButton.RadButton.rbButtonDashboardManageTags:hover, .wgtIgniteButton.RadButton.rbButtonDashboardManageSparkSites:hover, .wgtIgniteButton.RadButton.rbButtonDashboardNoDues:hover, .wgtIgniteButton.RadButton.rbToggleButtonDashboardCreateCampaign:hover, .wgtIgniteButton.RadButton.rbToggleButtonDashboardCreateTag:hover, .wgtIgniteButton.RadButton.rbToggleButtonDashboardLeadCreate:hover, .wgtIgniteButton.RadButton.rbToggleButtonDashboardLeadUpload:hover, .wgtIgniteButton.RadButton.rbToggleButtonDashboardManageCampaigns:hover, .wgtIgniteButton.RadButton.rbToggleButtonDashboardManageLeads:hover, .wgtIgniteButton.RadButton.rbToggleButtonDashboardManageTags:hover, .wgtIgniteButton.RadButton.rbToggleButtonDashboardManageSparkSites:hover, .wgtIgniteButton.RadButton.rbToggleButtonDashboardNoDues:hover { background-color: var(--wgtIgnite-color-1) !important; } .wgtIgniteProgressModal .wgtIgniteButton, .wgtIgniteProgressModal .wgtIgniteButton.RadButton.rbButton, .wgtIgniteProgressModal .wgtIgniteButton.RadButton.rbToggleButton { margin-left: auto; } .wgtIgniteImportMetaTemplate .wgtIgniteButton, .wgtIgniteImportMetaTemplate .wgtIgniteButton.RadButton.rbButton, .wgtIgniteImportMetaTemplate .wgtIgniteButton.RadButton.rbToggleButton { margin-top: 20px; } .wgtIgniteButtonImportErrorLog, .wgtIgniteButton.RadButton.rbButtonImportErrorLog, .wgtIgniteButton.RadButton.rbToggleButtonImportErrorLog { display: none !important; } .wgtIgniteSectionImport.error .wgtIgniteButtonImportErrorLog, .wgtIgniteSectionImport.error .wgtIgniteButton.RadButton.rbButtonImportErrorLog, .wgtIgniteSectionImport.error .wgtIgniteButton.RadButton.rbToggleButtonImportErrorLog { display: inline-block !important; } .wgtIgniteButtonLeadsFilterApply, .wgtIgniteButton.RadButton.rbButtonLeadsFilterApply, .wgtIgniteButton.RadButton.rbToggleButtonLeadsFilterApply { width: auto; margin: 10px; } .wgtIgniteButtonSettingsPaymentCardAdd, .wgtIgniteButton.RadButton.rbButtonSettingsPaymentCardAdd, .wgtIgniteButton.RadButton.rbToggleButtonSettingsPaymentCardAdd { -ms-flex-item-align: center; align-self: center; margin-top: 20px; } .wgtIgniteButtonFiltersRevealTrigger, .wgtIgniteButton.RadButton.rbButtonFiltersRevealTrigger, .wgtIgniteButton.RadButton.rbToggleButtonFiltersRevealTrigger { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteButtonSettingsBillingEdit, .wgtIgniteButton.RadButton.rbButtonSettingsBillingEdit, .wgtIgniteButton.RadButton.rbToggleButtonSettingsBillingEdit { -ms-flex-item-align: start; align-self: flex-start; margin-bottom: 10px; } .wgtIgniteCalToday a { border-radius: 100% !important; border-color: #a4cd68 !important; background-color: #a4cd68 !important; } .wgtIgniteCampaign { /*S 12/05/22 */ /*E 12/05/22 */ /* .wgtIgniteCampaignWindow */ } .wgtIgniteCampaignAnalyticsActionsList { max-height: 270px; width: 100%; padding: 20px; position: relative; overflow-y: scroll; } .wgtIgniteCampaignAnalyticsActionsListContainer { padding-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 360px; width: 100%; } .wgtIgniteCampaignAnalyticsActionsListContainerWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteCampaignAnalyticsActionsListEmpty { text-align: center; } .wgtIgniteCampaignAnalyticsActionsListContainer .wgtIgniteCampaignAnalyticsActionsListHeaders, .wgtIgniteCampaignAnalyticsActionsListContainer .wgtIgniteCampaignAnalyticsActionsListItem { display: grid; grid-template-columns: 1fr 100px; } .wgtIgniteCampaignAnalyticsActionsListItem { border-bottom: solid 1px var(--wgtIgnite-palette-grey-4); } .wgtIgniteCampaignAnalyticsActionsListHeaders { padding: 0px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 348px; } .wgtIgniteCampaignAnalyticsActionsListHeaders.wgtIgniteListHeaders .RadLabel { color: var(--wgtIgnite-color-4) !important; font-size: calc(var(--wgtIgnite-text-size-medium) * 0.8); } .wgtIgniteCampaignAnalyticsActionsListHeaderItem:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCampaignAnalyticsActionsListTitle.RadLabel { font-size: var(--wgtIgnite-text-size-medium); color: var(--wgtIgnite-color-1); font-weight: 900; margin-bottom: 15px; text-align: center; width: 100%; } .wgtIgniteCampaignAnalyticsActionsListItemStatTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; display: none; } .wgtIgniteCampaignAnalyticsActionsListItemStatValue.RadLabel { width: 100%; } .wgtIgniteCampaignAnalyticsActionsListItemStatEngagements .wgtIgniteCampaignAnalyticsActionsListItemStatValue.RadLabel { text-align: right; } .wgtIgniteCampaignAnalyticsChart, .wgtIgniteCampaignAnalyticsDonut { /* svg > g > g:nth-of-type(4) > g > g:last-child { transform: translate(10px, 0px); } */ } .wgtIgniteCampaignAnalyticsChart svg > g > g:nth-of-type(2) text, .wgtIgniteCampaignAnalyticsDonut svg > g > g:nth-of-type(2) text { fill: var(--wgtIgnite-color-1); font-size: var(--wgtIgnite-text-size-medium) !important; font-weight: 900 !important; } .wgtIgniteCampaignAnalyticsChart svg > g > g:nth-of-type(1) > g:last-child text, .wgtIgniteCampaignAnalyticsDonut svg > g > g:nth-of-type(1) > g:last-child text { fill: var(--wgtIgnite-color-1); font-weight: 900 !important; } .wgtIgniteCampaignAnalyticsChart svg > g > g:nth-of-type(1) > g:nth-of-type(5) text, .wgtIgniteCampaignAnalyticsDonut svg > g > g:nth-of-type(1) > g:nth-of-type(5) text { fill: var(--wgtIgnite-color-1); font-weight: 900 !important; -webkit-transform: translate(0px, 10px); transform: translate(0px, 10px); } .wgtIgniteCampaignAnalyticsDonutActions svg { overflow: visible !important; } .wgtIgniteCampaignAnalyticsDonutActions svg > g > g:nth-of-type(4) { pointer-events: none; } .wgtIgniteCampaignAnalyticsDonutActions.empty svg { overflow: hidden; } .wgtIgniteCampaignAnalyticsDonutActions.empty svg g g path { fill: #f0f0f0 !important; -webkit-filter: drop-shadow(0px 0px 1px #474747); filter: drop-shadow(0px 0px 1px #474747); stroke: #dddddd; } .wgtIgniteCampaignAnalyticsDonutWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteCampaignAnalyticsChartTotals svg > g > g:nth-of-type(4) { pointer-events: none; } .wgtIgniteCampaignDetailsList .wgtIgniteCampaignAnalyticsMessagesListHeaders { grid-template-columns: 70px 50px 1fr 1fr 1fr 1fr 60px 60px 70px 60px 75px 1fr 80px 80px 80px; display: grid; } .wgtIgniteCampaignDetailsList .drip .wgtIgniteCampaignAnalyticsMessagesListHeaders { grid-template-columns: 70px 50px 1fr 1fr 1fr 60px 60px 60px 55px 60px 75px 80px 80px 80px; } .wgtIgniteCampaignAnalyticsMessagesListHeaderItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteCampaignAnalyticsMessagesListHeaderItem.drip-only { display: none; } .drip .wgtIgniteCampaignAnalyticsMessagesListHeaderItem.drip-only { display: -webkit-box; display: -ms-flexbox; display: flex; } .drip .wgtIgniteCampaignAnalyticsMessagesListHeaderItem.scheduled-only { display: none !important; } .wgtIgniteCampaignAnalyticsMessagesListHeaders .wgtIgniteCampaignAnalyticsMessagesListHeaderItem:last-child { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wgtIgniteCampaignDetailsList .wgtIgniteCampaignAnalyticsMessagesListItem { position: relative; grid-template-columns: 70px 50px 1fr 1fr 1fr 1fr 60px 60px 70px 60px 75px 1fr 80px 80px 80px; display: grid; background-color: var(--wgtIgnite-color-4l5); border: solid 1px var(--wgtIgnite-color-1); } .wgtIgniteCampaignDetailsList .wgtIgniteCampaignAnalyticsMessagesListItem:hover { border: solid 1px var(--wgtIgnite-color-1); background-color: var(--wgtIgnite-color-4l5); } .wgtIgniteCampaignDetailsList .wgtIgniteCampaignAnalyticsMessagesListItem:hover::before { display: none; } .wgtIgniteCampaignDetailsList .drip .wgtIgniteCampaignAnalyticsMessagesListItem { grid-template-columns: 70px 50px 1fr 1fr 1fr 60px 60px 60px 55px 60px 75px 80px 80px 80px; } .wgtIgniteCampaignAnalyticsMessagesListItemStat.drip-only { display: none; } .drip .wgtIgniteCampaignAnalyticsMessagesListItemStat.drip-only { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .drip .wgtIgniteCampaignAnalyticsMessagesListItemStat.scheduled-only { display: none !important; } .wgtIgniteCampaignAnalyticsMessagesListItemStatTitle.RadLabel { display: none; } .wgtIgniteCampaignAnalyticsMessagesListItemStatValue.RadLabel.email::before { content: ""; } .wgtIgniteCampaignAnalyticsMessagesListItemStatValue.RadLabel.sms::before { content: ""; } .wgtIgniteCampaignDeliveryControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCampaignDeliveryField { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgniteCampaignDeliveryFields { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .wgtIgniteCampaignDetailsHeader { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; row-gap: 30px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; margin-left: auto; margin-right: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); padding: 20px; margin-top: 20px; row-gap: 5px; } .wgtIgniteCampaignDetailsHeader.sticky-mode { position: fixed; width: calc(100% - 60px); left: 50px; -webkit-transform: translate(0px, -40px); transform: translate(0px, -40px); background-color: #fff; padding: 20px; -webkit-box-shadow: 0px 0px 10px 0px #ccc; box-shadow: 0px 0px 10px 0px #ccc; z-index: 4; border-radius: 0px; } .MessageAnalyticsModalActive .wgtIgniteCampaignDetailsHeader.sticky-mode { left: 0px; width: 100%; } .wgtIgniteCampaignDetailsHeaderControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteCampaignDetailsHeaderCompanyName.RadLabel { font-weight: 900; font-size: var(--wgtIgnite-text-size-large); color: var(--wgtIgnite-color-4); } .wgtIgniteCampaignDetailsHeaderStats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .wgtIgniteCampaignDetailsHeaderStatType.RadLabel, .wgtIgniteCampaignDetailsHeaderStatActive.RadLabel, .wgtIgniteCampaignDetailsHeaderStatLocked.RadLabel, .wgtIgniteCampaignDetailsHeaderStatPaused.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-color-1); padding: 5px; -webkit-column-gap: 3px; -moz-column-gap: 3px; column-gap: 3px; } .wgtIgniteCampaignDetailsHeaderStatType.RadLabel.active::before, .wgtIgniteCampaignDetailsHeaderStatType.RadLabel.inactive::before, .wgtIgniteCampaignDetailsHeaderStatActive.RadLabel.active::before, .wgtIgniteCampaignDetailsHeaderStatActive.RadLabel.inactive::before, .wgtIgniteCampaignDetailsHeaderStatLocked.RadLabel.active::before, .wgtIgniteCampaignDetailsHeaderStatLocked.RadLabel.inactive::before, .wgtIgniteCampaignDetailsHeaderStatPaused.RadLabel.active::before, .wgtIgniteCampaignDetailsHeaderStatPaused.RadLabel.inactive::before { content: ""; height: 10px; width: 10px; border-radius: 100%; background-color: var(--wgtIgnite-color-3); } .wgtIgniteCampaignDetailsHeaderStatType.RadLabel.inactive::before, .wgtIgniteCampaignDetailsHeaderStatActive.RadLabel.inactive::before, .wgtIgniteCampaignDetailsHeaderStatLocked.RadLabel.inactive::before, .wgtIgniteCampaignDetailsHeaderStatPaused.RadLabel.inactive::before { background-color: var(--wgtIgnite-palette-alert); } .wgtIgniteCampaignDetailsHeaderStatType.RadLabel.drip::before, .wgtIgniteCampaignDetailsHeaderStatActive.RadLabel.drip::before, .wgtIgniteCampaignDetailsHeaderStatLocked.RadLabel.drip::before, .wgtIgniteCampaignDetailsHeaderStatPaused.RadLabel.drip::before { background-color: var(--wgtIgnite-color-1l1); } .wgtIgniteCampaignDetailsHeaderStatType.RadLabel.scheduled::before, .wgtIgniteCampaignDetailsHeaderStatActive.RadLabel.scheduled::before, .wgtIgniteCampaignDetailsHeaderStatLocked.RadLabel.scheduled::before, .wgtIgniteCampaignDetailsHeaderStatPaused.RadLabel.scheduled::before { background-color: var(--wgtIgnite-color-1l1); } .wgtIgniteCampaignDetailsHeaderStatLocked.RadLabel { border-color: var(--wgtIgnite-palette-alert); } .wgtIgniteCampaignDetailsHeaderStatLocked.RadLabel::before { background-color: var(--wgtIgnite-palette-alert); } .wgtIgniteCampaignDetailsHeaderStatPaused.RadLabel { border-color: var(--wgtIgnite-color-2); } .wgtIgniteCampaignDetailsHeaderStatPaused.RadLabel::before { background-color: var(--wgtIgnite-color-2); } .wgtIgniteCampaignDetailsHeaderTitle.RadLabel { font-size: var(--wgtIgnite-text-size-hero); } .wgtIgniteCampaignDetailsHero { display: grid; grid-template-columns: 60% 40%; width: 100%; margin-left: auto; margin-right: auto; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); padding: 20px; margin-top: 20px; row-gap: 30px; } .wgtIgniteCampaignDetailsList { margin-left: auto; margin-right: auto; background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); padding: 20px; margin-top: 20px; } .wgtIgniteCampaignDetailsListHeaderTitle.RadLabel { color: var(--wgtIgnite-color-1); display: block; font-size: var(--wgtIgnite-text-size-large); font-weight: 900; left: 0px; text-transform: uppercase; width: 100%; margin-bottom: 20px; } .wgtIgniteCampaignDetailsStats { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; width: 100%; margin-left: auto; margin-right: auto; gap: 20px; background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); padding: 20px; margin-top: 20px; } .wgtIgniteCampaignDetailsStat { border-radius: var(--wgtIgnite-br); -webkit-box-shadow: 0px 1px 4px 1px #ccc; box-shadow: 0px 1px 4px 1px #ccc; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--wgtIgnite-palette-background); width: 100%; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteCampaignDetailsStatBody { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCampaignDetailsStatIcon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .wgtIgniteCampaignDetailsStatOpenRate .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignDetailsStatTotalRecipients .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignDetailsStatEmailsSent .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignDetailsStatEmailsOpened .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignDetailsStatTotalClicks .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignDetailsStatClickRate .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignDetailsStatOptOut .wgtIgniteCampaignDetailsStatIcon::before, .wgtIgniteCampaignDetailsStatSMSSent .wgtIgniteCampaignDetailsStatIcon::before { height: 20px; width: 20px; -webkit-mask-size: 20px; mask-size: 20px; } .wgtIgniteCampaignDetailsStatTotalClicks .wgtIgniteCampaignDetailsStatIcon::before { -webkit-mask-size: 15px; mask-size: 15px; } .wgtIgniteCampaignDetailsStatTotalClicks .wgtIgniteCampaignDetailsStatIcon::after { -webkit-mask-size: 6px; mask-size: 6px; -webkit-mask-position: 0px; mask-position: 0px; position: absolute; left: 20px; top: 25px; } .wgtIgniteCampaignDetailsStatTotalConversions .wgtIgniteCampaignDetailsStatIcon::before { -webkit-mask-size: 15px; mask-size: 15px; } .wgtIgniteCampaignDetailsStatTotalConversions .wgtIgniteCampaignDetailsStatIcon::after { -webkit-mask-size: 10px; mask-size: 10px; -webkit-mask-position: 0px; mask-position: 0px; position: absolute; left: 10px; top: 3px; } .wgtIgniteCampaignDetailsStatConversionRate .wgtIgniteCampaignDetailsStatIcon::after { -webkit-mask-size: 10px; mask-size: 10px; -webkit-mask-position: 0px; mask-position: 0px; position: absolute; left: 10px; top: 3px; } .wgtIgniteCampaignDetailsStatSMSSent .wgtIgniteCampaignDetailsStatIcon::before { -webkit-mask-size: 12px; mask-size: 12px; } .wgtIgniteCampaignDetailsStatTrend { margin-top: auto; display: none; } .wgtIgniteCampaignDetailsStatTrendValue.RadLabel.positive { color: var(--wgtIgnite-color-3); } .wgtIgniteCampaignDetailsStatTrendValue.RadLabel.negative { color: var(--wgtIgnite-palette-alert); } .wgtIgniteCampaignDetailsStatValue.RadLabel { font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteCampaignDetailsWrapper { position: relative; padding: 20px; width: 100%; } .wgtIgniteCampaignHistoryNotification { border-radius: 25px; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; } .wgtIgniteCampaignHistoryNotification::after { content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-color: var(--wgtIgnite-palette-grey-7); mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-position: top; mask-size: 20px; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: top; -webkit-mask-size: 20px; height: 30px; width: 30px; } .wgtIgniteCampaignHistoryNotification.platform-email::after { -webkit-mask-size: 18px; mask-size: 18px; } .wgtIgniteCampaignHistoryNotification.platform-email.active::after { background-color: var(--wgtIgnite-color-2); mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .wgtIgniteCampaignLockedTitle.RadLabel { color: var(--wgtIgnite-palette-alert); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; display: none; -ms-flex-item-align: end; align-self: flex-end; position: relative; } .wgtIgniteCampaignMeta.disabled .wgtIgniteCampaignLockedTitle.RadLabel, .wgtIgniteCampaignMeta.disabled ~ .wgtIgniteSection .wgtIgniteCampaignLockedTitle.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteCampaignLockedTitle.RadLabel::before { background-color: var(--wgtIgnite-palette-alert); content: ""; mask-image: url('data:image/svg+xml; utf8, '); mask-size: contain; mask-position: center; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml; utf8, '); -webkit-mask-size: contain; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; width: 10px; height: 10px; opacity: 1; position: absolute; top: 5px; left: 10px; display: inline-block; position: relative !important; height: 12px; top: 4px; left: 0px !important; } .wgtIgniteCampaignMessages { /*S 12/29/22 */ /*E 12/29/22 */ /*S 04/06/23 */ /*E 04/06/23 */ } .wgtIgniteCampaignMessagesContainer { background-color: #fff; border: solid 1px var(--wgtIgnite-palette-grey-2); border-radius: var(--wgtIgnite-br); position: relative; padding: 5px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; min-height: 100px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /*S 12/14/22 */ overflow: hidden; /*E 12/14/22 */ } .wgtIgniteCampaignMessagesContainerTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; position: absolute; top: -19px; } .wgtIgniteCampaignMessagesList { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteCommunicationsMessagingSectionCampaign .wgtIgniteCampaignMessagesList { padding: 0px; } .wgtIgniteCampaignMessagesListControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -ms-flex-item-align: end; align-self: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } .wgtIgniteCampaignMessagesListHeaders { grid-template-columns: 120px 35% 1fr 1fr 1fr 1fr 1fr 1fr !important; z-index: 1 !important; } .wgtIgniteCampaignMessagesListHeadersGroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-column: span 2; position: relative; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteCampaignMessagesRosterList.scheduled .wgtIgniteCampaignMessagesListHeadersGroup { display: none; } .wgtIgniteCampaignMessagesListHeadersGroup::after { content: ""; display: block; width: 100%; height: 12px; border-top: solid 1px var(--wgtIgnite-color-4); border-left: solid 2px var(--wgtIgnite-color-4); border-right: solid 2px var(--wgtIgnite-color-4); border-bottom-right-radius: var(--wgtIgnite-br); border-bottom-left-radius: var(--wgtIgnite-br); position: absolute; top: 100%; } .wgtIgniteCampaignMessagesListHeadersItem.RadLabel:last-child { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCampaignMessagesListHeadersItem.RadLabel:nth-child(5) { text-align: center; } .wgtIgniteCampaignMessagesListHeadersGroup .wgtIgniteCampaignMessagesListHeadersItem.RadLabel { color: var(--wgtIgnite-color-4) !important; } .wgtIgniteCampaignMessagesListHeadersItem.RadLabel.scheduled-only { display: none; grid-column: span 2; } .wgtIgniteCampaignMessagesRosterList.scheduled .wgtIgniteCampaignMessagesListHeadersItem.RadLabel.scheduled-only { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteCommunicationsMessagingSectionCampaign .wgtIgniteCampaignMessagesListHeaders { margin: 0px; padding: 0px 10px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; top: 72px; } .wgtIgniteCampaignMessagesListItem { grid-template-columns: 120px 35% 1fr 1fr 1fr 1fr 1fr 1fr; width: 100%; } .wgtIgniteCampaignMessagesListItemControl { grid-column: span 6; } .wgtIgniteCampaignMessagesListItem.edit-mode .wgtIgniteCampaignMessagesListItemControl, .wgtIgniteCampaignMessagesListItem.new .wgtIgniteCampaignMessagesListItemControl { grid-column: -1/1; } .wgtIgniteCampaignMessagesListItemDropdownGrid .rcbList .rcbItem { border-bottom: solid 1px var(--wgtIgnite-palette-grey-1); } .wgtIgniteCampaignMessagesListItemDropdownGrid .rcbList .rcbItem:first-child { display: none !important; } .wgtIgniteCampaignMessagesListItemDropdownGrid .rcbList .rcbItem:hover { background-color: var(--wgtIgnite-palette-grey-1); } .wgtIgniteCampaignMessagesListItemDropdownItem { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteCampaignMessagesListItemDropdownItemPreview { background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-palette-grey-3); border-radius: var(--wgtIgnite-br); height: 63px; width: 80px; padding: 5px; position: relative; overflow: hidden; } .wgtIgniteCampaignMessagesListItemDropdownItemPreview img { position: relative; z-index: 1; width: 100%; } .wgtIgniteCampaignMessagesListItemDropdownItemPreview::before { content: ""; display: block; height: calc(100% - 20px); width: calc(100% - 20px); background-color: var(--wgtIgnite-palette-grey-3); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; margin: 5px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 0; } .wgtIgniteCampaignMessagesListItemField { position: relative; } .wgtIgniteCampaignMessagesRosterList.scheduled .wgtIgniteCampaignMessagesListItemFieldFrequency { display: none; } .wgtIgniteCampaignMessagesListItemFieldScheduledDate { grid-column: span 2; } .wgtIgniteCampaignMessagesRosterList.drip .wgtIgniteCampaignMessagesListItemFieldScheduledDate { display: none; } .wgtIgniteCampaignMessagesRosterList.scheduled .wgtIgniteCampaignMessagesListItemFieldUnit { display: none; } .wgtIgniteCampaignMessagesListItemField .RadComboBox, .wgtIgniteCampaignMessagesListItemField .RadInput { width: 100%; } .wgtIgniteCampaignMessagesListItemGroupingTitle { display: none; position: relative; pointer-events: all !important; } .wgtIgniteCampaignMessagesListItemGroupingTitle::after { content: ""; display: block; width: 100%; height: 12px; border-top: solid 1px var(--wgtIgnite-color-4); border-left: solid 3px var(--wgtIgnite-color-4); border-right: solid 3px var(--wgtIgnite-color-4); border-bottom-right-radius: var(--wgtIgnite-br); border-bottom-left-radius: var(--wgtIgnite-br); position: absolute; top: calc(100% + 2px); } .wgtIgniteCampaignMessagesListItemGroupingTitleValue.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; color: var(--wgtIgnite-color-4) !important; display: block; text-align: center; grid-column-start: 2; grid-column-end: 4; position: relative; } .wgtIgniteCampaignMessagesListItemStat.wgtIgniteCampaignMessagesListItemStatControls { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; z-index: 3; pointer-events: all !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCampaignMessagesRosterList.scheduled .wgtIgniteCampaignMessagesListItemStatFrequency { display: none; } .wgtIgniteCampaignMessagesRosterList.scheduled .wgtIgniteCampaignMessagesListItemStatInterval { display: none; } .wgtIgniteCampaignMessagesListItemStatScheduledDate { grid-column: span 2; } .wgtIgniteCampaignMessagesRosterList.drip .wgtIgniteCampaignMessagesListItemStatScheduledDate { display: none; } .wgtIgniteCampaignMessagesListItemStatStatus.wgtIgniteCampaignMessagesListItemStat { position: absolute; top: 3px; left: 20px; } .wgtIgniteCampaignMessagesListItemStatCost .wgtIgniteCampaignMessagesListItemStatTitle.RadLabel { text-align: center; } .wgtIgniteCampaignMessagesListItemStatFrequency .wgtIgniteCampaignMessagesListItemStatTitle.RadLabel, .wgtIgniteCampaignMessagesListItemStatInterval .wgtIgniteCampaignMessagesListItemStatTitle.RadLabel { display: block !important; text-align: center; } .wgtIgniteCampaignMessagesListItemStatFrequency .wgtIgniteCampaignMessagesListItemStatValue.RadLabel, .wgtIgniteCampaignMessagesListItemStatInterval .wgtIgniteCampaignMessagesListItemStatValue.RadLabel { text-align: center; } .wgtIgniteCampaignMessagesListItemStatus.RadLabel { color: var(--wgtIgnite-color-1); font-weight: 900; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteCampaignMessagesListItemStatus.RadLabel::before { -webkit-mask-size: 10px; mask-size: 10px; } .wgtIgniteCampaignMessagesListItem.edit-mode .wgtIgniteCampaignMessagesListItemStatTitle.RadLabel, .wgtIgniteCampaignMessagesListItem.new .wgtIgniteCampaignMessagesListItemStatTitle.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteCampaignMessagesListItem.disabled { opacity: 1 !important; } .wgtIgniteCampaignMessagesListItem.disabled::after { grid-column-end: 8; } .wgtIgniteCampaignMessagesPreviewContainer { background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-palette-grey-3); border-radius: var(--wgtIgnite-br); padding: 5px; height: 100px; width: 120px; position: relative; overflow: hidden; } .wgtIgniteCampaignMessagesPreviewContainer img { width: 100%; position: relative; z-index: 1; } .wgtIgniteCampaignMessagesListItemStatPreview .wgtIgniteCampaignMessagesPreviewContainer::before { content: ""; display: block; height: calc(100% - 20px); width: calc(100% - 20px); background-color: var(--wgtIgnite-palette-grey-3); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; margin: 5px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 0; } .wgtIgniteCampaignMessagesRosterList { width: 100%; } .wgtIgniteCampaignMessagesSeperator { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteCampaignMeta { /*S 12/28/22 */ /*E 12/28/22 */ } .wgtIgniteCampaignMetaControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCampaignMetaFieldActive, .wgtIgniteCampaignMetaFieldCorporate, .wgtIgniteCampaignMetaFieldStayOpen { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteCampaignMetaFieldCampaignID { grid-column: -1/1; } .wgtIgniteCampaignMetaFieldDescription { grid-column: -1/1; width: 100%; } .wgtIgniteCampaignMetaField > .RadInput { width: 100% !important; } .wgtIgniteCampaignMetaFieldName, .wgtIgniteCampaignMetaFieldShortName { grid-column: -1/1; } .wgtIgniteCampaignMetaFieldType { grid-column: span 1; } .wgtIgniteCampaignMetaFieldName, .wgtIgniteCampaignMetaFieldType { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgniteCampaignMetaFields { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-rows: auto; padding: 10px; border-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-palette-background); gap: 10px; width: 100%; } .wgtIgniteCampaignMetaStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCampaignMetaStatDescription { grid-column: span 2; } .wgtIgniteCampaignMetaStatName { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgniteCampaignMetaStatTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteCampaignMetaStatCreditsPerLead .wgtIgniteCampaignMetaStatValue.RadLabel { font-size: var(--wgtIgnite-text-size-hero); font-weight: 900; } .wgtIgniteCampaignMetaStatDescription .wgtIgniteCampaignMetaStatValue.RadLabel { height: 100px; position: relative; overflow-y: scroll; } .wgtIgniteCampaignRecipientsList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; width: 100%; } .wgtIgniteCampaignRecipientsListContainer { width: 100%; } .wgtIgniteCampaignRecipientsListControls { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 20px; } .wgtIgniteCampaignRecipientsListHeaders, .wgtIgniteCampaignRecipientsListItem { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 120px; } .wgtIgniteCampaignRecipientsListHeaders { margin: 0px 10px; } .wgtIgniteCampaignRecipientsListHeadersItem.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteCampaignRecipientsListItem { background-color: var(--wgtIgnite-palette-list-item-bg); border: solid 1px var(--wgtIgnite-color-2); border-left-width: 5px; border-radius: var(--wgtIgnite-br); display: grid; grid-template-rows: auto; grid-auto-rows: auto; padding: 20px 10px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; -webkit-transition: padding 0.6s ease; transition: padding 0.6s ease; width: 100%; background-color: var(--wgtIgnite-color-4l5); border-color: var(--wgtIgnite-color-1); } .wgtIgniteCampaignRecipientsListItemStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCampaignRecipientsListItemStatTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; display: none; } .wgtIgniteCampaignRecipientsListItemStatOptOut .wgtIgniteCampaignRecipientsListItemStatValue.RadLabel { color: var(--wgtIgnite-palette-alert); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 3px; -moz-column-gap: 3px; column-gap: 3px; } .wgtIgniteCampaignRecipientsListItemStatOptOut .wgtIgniteCampaignRecipientsListItemStatValue.RadLabel::before { background-color: var(--wgtIgnite-palette-alert); } .wgtIgniteCampaignRecipientsListItemStatOptOut { position: absolute; top: 5px; left: 5px; display: none; } .wgtIgniteCampaignRecipientsListItem.out .wgtIgniteCampaignRecipientsListItemStatOptOut { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteCampaignRecipientsListNavigationPager.RadDataPager { background-color: transparent; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteCampaignRecipientsListSearch.RadSearchBox .rsbInner { border-color: var(--wgtIgnite-color-1l3); } .wgtIgniteCampaignRecipientsListSearch.RadSearchBox .rsbInput { padding: 17px 12px; } .wgtIgniteCampaignRecipientsListSearch.RadSearchBox .rsbButtonSearch { border: none !important; background-color: transparent; } .wgtIgniteCampaignRecipientsListSearch.RadSearchBox .rsbButtonSearch.rsbHovered { top: -2px !important; border: solid 1px var(--wgtIgnite-color-1) !important; background-color: #f0f0f0 !important; } .wgtIgniteCampaignTimingTitle.RadLabel { grid-column: -1/1; color: var(--wgtIgnite-color-1); font-size: var(--wgtIgnite-text-size-large); text-align: right; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteCampaignTimingTitle.RadLabel.drip::before { background-color: var(--wgtIgnite-color-1l1); } .wgtIgniteCampaignTimingTitle.RadLabel.scheduled::before { background-color: var(--wgtIgnite-color-1l1); } .wgtIgniteCampaignWindow { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); max-width: 800px; width: 100%; position: relative; overflow: hidden; max-height: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCampaignWindowHeader { background-color: var(--wgtIgnite-palette-alert); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px; } .wgtIgniteCampaignWindowBody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; } .wgtIgniteCampaignWindowBlurb { width: 100%; text-align: center; } .wgtIgniteCampaignWindowBlurbInitial { font-size: var(--wgtIgnite-text-size-medium); font-weight: 800; } .wgtIgniteCampaignWindowControls { padding: 20px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteCampaignWindowCloser { height: 37px; width: 37px; display: block; } .wgtIgniteCampaignWindowCloser:hover { cursor: pointer; } .wgtIgniteCampaignWindowCloser::before { content: "✖"; border-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-palette-base); color: var(--wgtIgnite-palette-background); display: -webkit-box; display: -ms-flexbox; display: flex; height: 37px; width: 37px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteCampaignWindowCloser:hover::before { opacity: 0.5; } .wgtIgniteCampaignWindowOverlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; z-index: 10; top: 0; left: 0; } .wgtIgniteCampaignWindowStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wgtIgniteCampaignWindowStatContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin: 10px 0px; max-width: 250px; width: 100%; margin-left: auto; margin-right: auto; } .wgtIgniteCampaignWindowStatLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteCampaignWindowTitle { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: var(--wgtIgnite-palette-grey-9); font-size: calc(var(--wgtIgnite-text-size-large) * 1.3); font-style: unset; font-size: var(--wgtIgnite-text-size-large); font-weight: 900 !important; } .wgtIgniteCampaigns { /*S 11/28/22 */ } .wgtIgniteCampaignsListMessage { background-color: #fff; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; row-gap: 10px; } .wgtIgniteCampaignsListHeaders { display: grid; grid-template-columns: minmax(80px, 80px) minmax(100px, 200px) 220px 180px 1fr 100px 100px 100px 80px 100px 180px !important; grid-auto-rows: auto; z-index: 2; } .wgtIgniteCampaignsListHeaderItem:last-child .wgtIgniteCampaignsListHeaderTitle { text-align: right; width: 100%; } .wgtIgniteCampaignsListHeaderTitle.RadLabel { width: 100%; } .wgtIgniteCampaignsListHeaderItem:nth-child(6) .wgtIgniteCampaignsListHeaderTitle.RadLabel, .wgtIgniteCampaignsListHeaderItem:nth-child(7) .wgtIgniteCampaignsListHeaderTitle.RadLabel, .wgtIgniteCampaignsListHeaderItem:nth-child(8) .wgtIgniteCampaignsListHeaderTitle.RadLabel, .wgtIgniteCampaignsListHeaderItem:nth-child(9) .wgtIgniteCampaignsListHeaderTitle.RadLabel { text-align: right; } .wgtIgniteCampaignsListItem { -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-template-columns: minmax(80px, 80px) minmax(100px, 200px) 220px 180px 1fr 100px 100px 100px 80px 100px 180px !important; grid-auto-rows: auto; -webkit-transition: padding 0.3s ease; transition: padding 0.3s ease; } .wgtIgniteCampaignsListItem.edit-mode, .wgtIgniteCampaignsListItem.new { grid-template-columns: minmax(180px, 200px) minmax(100px, 200px) 220px 180px 1fr 1fr 100px 100px 80px 100px !important; } .wgtIgniteCampaignsListItemControl { grid-column: -1/1; } .wgtIgniteCampaignsListItemControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteCampaignsListItemStat { /*S 01/23/23 */ /*E 01/23/23 */ } .wgtIgniteCampaignsListItem.edit-mode .wgtIgniteCampaignsListItemStatTitle.RadLabel, .wgtIgniteCampaignsListItem.new .wgtIgniteCampaignsListItemStatTitle.RadLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .wgtIgniteCampaignsListItemStat:last-child .wgtIgniteCampaignsListItemStatTitle.RadLabel, .wgtIgniteCampaignsListItemStatActive .wgtIgniteCampaignsListItemStatTitle.RadLabel, .wgtIgniteCampaignsListItemStatCorporate .wgtIgniteCampaignsListItemStatTitle.RadLabel, .wgtIgniteCampaignsListItemStatMessageCount .wgtIgniteCampaignsListItemStatTitle.RadLabel, .wgtIgniteCampaignsListItemStatReceipientCount .wgtIgniteCampaignsListItemStatTitle.RadLabel, .wgtIgniteCampaignsListItemStatStayOpen .wgtIgniteCampaignsListItemStatTitle.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCampaignsListItemStatCorporate { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteCampaignsListItemStatCode { overflow: hidden; } .wgtIgniteCampaignsListItemStatCode::before { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--wgtIgnite-color-2l4))); background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--wgtIgnite-color-2l4)); content: ""; width: 40px; position: absolute; right: 0; height: 100%; pointer-events: none; } .wgtIgniteCampaignsListItemStatShortName { position: relative; pointer-events: all; z-index: 1; } .wgtIgniteCampaignsListItemStatName a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCampaignsListItemStatTiming { padding-right: 20px; } .wgtIgniteCampaignsListItemStatValue.RadLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } .wgtIgniteActionsListItem.disabled .wgtIgniteCampaignsListItemStatValue.RadLabel { color: var(--wgtIgnite-palette-grey-7); } .wgtIgniteCampaignsListItemStatActive .wgtIgniteCampaignsListItemStatValue.RadLabel, .wgtIgniteCampaignsListItemStatCorporate .wgtIgniteCampaignsListItemStatValue.RadLabel, .wgtIgniteCampaignsListItemStatMessageCount .wgtIgniteCampaignsListItemStatValue.RadLabel, .wgtIgniteCampaignsListItemStatReceipientCount .wgtIgniteCampaignsListItemStatValue.RadLabel, .wgtIgniteCampaignsListItemStatStayOpen .wgtIgniteCampaignsListItemStatValue.RadLabel, .wgtIgniteActionsListItemStat:last-child .wgtIgniteCampaignsListItemStatValue.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCampaignsListItemStatTiming .wgtIgniteCampaignsListItemStatValue.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteCampaignsListItemStatTiming.auto-resume .wgtIgniteCampaignsListItemStatValue.RadLabel::after { content: "AR"; color: var(--wgtIgnite-color-2d2); margin-left: auto; border: solid 1px; padding: 1px; border-radius: var(--wgtIgnite-br); } .wgtIgniteCampaignsListItemStatTiming.drip .wgtIgniteCampaignsListItemStatValue.RadLabel::before { background-color: var(--wgtIgnite-color-1l1); } .wgtIgniteCampaignsListItemStatTiming.scheduled .wgtIgniteCampaignsListItemStatValue.RadLabel::before { background-color: var(--wgtIgnite-color-1l1); } .wgtIgniteActionsListItemStatDate .wgtIgniteCampaignsListItemStatValue.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteActionsListItem.edit-mode .wgtIgniteCampaignsListItemStat, .wgtIgniteCampaignsListItem.edit-mode .wgtIgniteCampaignsListItemStat, .wgtIgniteActionsListItem.new .wgtIgniteCampaignsListItemStat, .wgtIgniteCampaignsListItem.new .wgtIgniteCampaignsListItemStat { pointer-events: all !important; } .wgtIgniteCampaignsListItem.disabled::after { grid-column-end: 7; } .wgtIgniteCampaigns.open .wgtIgniteCampaignsList { max-height: 30000px; padding: 0px; opacity: 1; visibility: visible; } .wgtIgniteCameraView { border: solid 1px var(--wgtIgnite-palette-grey-2); border-radius: var(--wgtIgnite-br); position: relative; } .wgtIgniteCameraView .RadComboBox { max-width: 300px; width: 100%; } .wgtIgniteOverlayCamera .wgtIgniteCameraView { height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border: none; } .wgtIgniteOverlayCamera .wgtIgniteCameraView #canvas, .wgtIgniteOverlayCamera .wgtIgniteCameraView #output, .wgtIgniteOverlayCamera .wgtIgniteCameraView #video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 300px; height: 300px; } .wgtIgniteCamView { max-width: 1000px; width: 100%; height: 380px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .wgtIgniteCamView.load-scan::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .wgtIgniteCamView.load-scan::after { -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; background-color: var(--wgtIgnite-color-4); content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 20px; margin-right: 5px; mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; -webkit-mask-position: center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; height: 40px; width: 40px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; position: absolute; -webkit-mask-size: 40px; mask-size: 40px; } .wgtIgnite canvas.drawing, .wgtIgnite canvas.drawingBuffer { position: absolute; bottom: 0; top: 0; left: 0; margin: auto; } .wgtIgniteCreditCardUnsupported.RadLabel { display: none; } .cc-type.cc-amex .wgtIgniteCreditCardUnsupported.RadLabel { display: block; } .wgtIgniteCodeWarningDetailsContainer { grid-column: -1/1; } .wgtIgniteCodeWarningDetailsTableContainer { background-color: #fff; position: relative; overflow: hidden; height: 0px; max-height: 0px; } .open .wgtIgniteCodeWarningDetailsTableContainer { height: auto; max-height: 250px; overflow-y: scroll; } .wgtIgniteCodeWarningDetailsTable { padding: 10px 10px 0px 10px; } .wgtIgniteCodeWarningDetailsTableRow { display: grid; grid-template-columns: 55px 80px 1fr; border-right: solid 1px #ccc; border-left: solid 1px #ccc; border-bottom: solid 1px #ccc; } .wgtIgniteCodeWarningDetailsTableRow:nth-child(1) { border-top: solid 1px #ccc; } .wgtIgniteCodeWarningDetailsTableRowStat { padding: 0px 2px; } .wgtIgniteCodeWarningDetailsTableRowStat:nth-child(2) { border-right: solid 1px #ccc; border-left: solid 1px #ccc; } .wgtIgniteCodeWarningDetailsToggler { border-bottom: solid 1px var(--wgtIgnite-color-1); text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteCodeWarningDetailsToggler::after { content: "" !important; content: ""; height: 20px; width: 20px; background-color: var(--wgtIgnite-color-1); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; -webkit-mask-size: 10px; mask-size: 10px; } .wgtIgniteComingSoon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; margin-right: auto; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteComingSoon .RadLabel { font-size: var(--wgtIgnite-text-size-max); font-style: italic; color: var(--wgtIgnite-palette-base); font-weight: 900; max-width: 180px; } .wgtIgniteComingSoon img { opacity: 0.3; } .wgtIgniteCommentCancelTrigger, .wgtIgniteCommentSaveTrigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 20px; height: 20px; } .wgtIgniteCommentCancelTrigger::before { background-color: var(--wgtIgnite-color-1); width: 15px; height: 15px; content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } .wgtIgniteCommentSaveTrigger::before { background-color: var(--wgtIgnite-color-1); content: ""; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; width: 15px; height: 15px; } .wgtIgniteCommunications { /*S 03/01/23 */ /*E 03/01/23 */ /*S 11/15/22 */ /*E 11/15/22 */ /*S 04/14/23 */ /*E 04/14/23 */ /*S 11/28/22 */ /*E 11/28/22 */ /*S 01/24/23 */ /*E 01/24/23 */ /*S 11/14/22 */ /*E 11/14/22 */ /*S 11/09/22 */ /*E 11/09/22 */ /*S 1/30/23 */ /*E 1/30/23 */ /*S 1/24/23 */ /*E 1/24/23 */ /*S 01/27/23 */ /*E 01/27/23 */ /* wgtIgniteCommunicationsMessaging */ /*S 05/25/23 */ /*E 05/25/23 */ /*S 11/21/22 */ /*E 11/21/22 */ /*S 11/17/22 */ /*E 11/17/22 */ /*S 11/09/22 */ /*E 11/09/22 */ /*S 11/17/22 */ /*S 11/28/22 */ /*E 11/28/22 */ /*E 11/17/22 */ } .wgtIgniteCommunicationsMain { border-radius: var(--wgtIgnite-br); width: 100%; /*S 11/08/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; /*E 11/08/22 */ } .wgtIgniteCommunicationsMainHeader { border-bottom: solid 1px var(--wgtIgnite-palette-grey-3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; position: relative; /*S 11/07/22 */ -webkit-box-flex: 0; -ms-flex: 0; flex: 0; /*E 11/07/22 */ } .wgtIgniteCommunicationsMainHeaderSeperator { border-radius: 100px; background-color: var(--wgtIgnite-palette-grey-1); height: 10px; width: 10px; } .wgtIgniteCommunicationsBody { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteCommunicationsBlockEditor { margin: 0px; height: 100% !important; } .wgtIgniteCommunicationsBlockEditMenu { border-right: solid 1px var(--wgtIgnite-palette-grey-1); border-left: solid 1px var(--wgtIgnite-palette-grey-1); padding: 5px; width: 55px; } .wgtIgniteCommunicationsBlockEditMenu:first-child { border-left: none; } .wgtIgniteCommunicationsBlockEditMenu:last-child { border-right: none; } .wgtIgniteVisualEditorInjectedOverlay.mode-image .wgtIgniteCommunicationsBlockEditMenu { display: none; } .wgtIgniteVisualEditorInjectedOverlay.mode-image .wgtIgniteCommunicationsBlockEditMenu.wgtIgniteCommunicationsBlockEditMenuImage { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 300px; } .wgtIgniteCommunicationsBlockEditMenuContainer { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); -webkit-box-shadow: 0px 0px 5px 0px #ccc; box-shadow: 0px 0px 5px 0px #ccc; position: absolute; bottom: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; } .wgtIgniteCommunicationsBlockEditMenuImage { width: auto; } .wgtIgniteCommunicationsBlockEditMenuList { -webkit-box-shadow: 0px 0px 5px 0px #ccc; box-shadow: 0px 0px 5px 0px #ccc; border-bottom-left-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 0px; position: absolute; overflow: hidden; background-color: var(--wgtIgnite-palette-background); } .wgtIgniteCommunicationsBlockEditMenuListItem { padding: 5px; } .wgtIgniteCommunicationsBlockEditMenuListItem:hover { background-color: var(--wgtIgnite-palette-grey-1); cursor: pointer; } .wgtIgniteCommunicationsBlockEditMenu.open .wgtIgniteCommunicationsBlockEditMenuList { max-height: 2000px; } .wgtIgniteCommunicationsBlockEditMenuToggler { display: block; } .wgtIgniteCommunicationsBlockEditMenu .wgtIgniteCommunicationsBlockEditMenuToggler::before { content: ""; background-color: var(--wgtIgnite-palette-grey-9); display: inline-block; -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); width: 30px; height: 30px; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .wgtIgniteCommunicationsBlockEditMenuFontStyle .wgtIgniteCommunicationsBlockEditMenuToggler::before { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .wgtIgniteCommunicationsBlockEditMenuToggler::after { content: "V"; } .wgtIgniteCommunicationsEditorStateControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; width: 100%; margin-top: 10px; } .wgtIgniteCommunicationsBuilderLayoutBlockControlsDeleteTrigger, .wgtIgniteCommunicationsBuilderLayoutBlockControlsEditTrigger, .wgtIgniteCommunicationsBuilderLayoutBlockControlsOrderUpTrigger, .wgtIgniteCommunicationsBuilderLayoutBlockControlsOrderDownTrigger { width: 25px; height: 25px; display: block; background-color: var(--wgtIgnite-color-1); } .wgtIgniteCommunicationsBuilderLayoutBlockControlsDeleteTrigger::before, .wgtIgniteCommunicationsBuilderLayoutBlockControlsEditTrigger::before, .wgtIgniteCommunicationsBuilderLayoutBlockControlsOrderUpTrigger::before, .wgtIgniteCommunicationsBuilderLayoutBlockControlsOrderDownTrigger::before { background-color: var(--wgtIgnite-palette-background); content: ""; width: 25px; height: 25px; display: block; mask-image: url('data:image/svg+xml; utf8, '); mask-position: center; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml; utf8, '); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; } .wgtIgniteCommunicationsBuilderLayoutBlockControlsDeleteTrigger:hover, .wgtIgniteCommunicationsBuilderLayoutBlockControlsEditTrigger:hover, .wgtIgniteCommunicationsBuilderLayoutBlockControlsOrderUpTrigger:hover, .wgtIgniteCommunicationsBuilderLayoutBlockControlsOrderDownTrigger:hover { background-color: var(--wgtIgnite-palette-background); } .wgtIgniteCommunicationsBuilderLayoutBlockControlsDeleteTrigger:hover::before, .wgtIgniteCommunicationsBuilderLayoutBlockControlsEditTrigger:hover::before, .wgtIgniteCommunicationsBuilderLayoutBlockControlsOrderUpTrigger:hover::before, .wgtIgniteCommunicationsBuilderLayoutBlockControlsOrderDownTrigger:hover::before { background-color: var(--wgtIgnite-color-1); } .wgtIgniteCommunicationsBuilderLayoutBlockControlsOrderUpTrigger::before, .wgtIgniteCommunicationsBuilderLayoutBlockControlsOrderDownTrigger::before { background-color: var(--wgtIgnite-palette-grey-4) !important; } .wgtIgniteCommunicationsBuilderLayoutBlockControlsOrderUpTrigger:hover::before, .wgtIgniteCommunicationsBuilderLayoutBlockControlsOrderDownTrigger:hover::before { background-color: var(--wgtIgnite-palette-grey-6) !important; } .wgtIgniteCommunicationsBuilderLayoutBlockControlsEditTrigger { border-bottom-left-radius: var(--wgtIgnite-br); } .wgtIgniteCommunicationsBuilderLayoutBlockControlsEditTrigger::before { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .wgtIgniteCommunicationsBuilderLayoutBlockControlsOrderUpTrigger::before { mask-image: url('data:image/svg+xml; utf8,') !important; -webkit-mask-image: url('data:image/svg+xml; utf8,') !important; } .wgtIgniteCommunicationsBuilderLayoutBlockControlsOrderDownTrigger::before { mask-image: url('data:image/svg+xml; utf8,') !important; -webkit-mask-image: url('data:image/svg+xml; utf8,') !important; } .wgtIgniteCommunicationsMessageBuilder { /*S 02/09/23 */ background-color: var(--wgtIgnite-palette-background); -webkit-box-flex: 2; -ms-flex: 2; flex: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /*E 02/09/23 */ /*S 11/08/22 */ /*E 11/08/22 */ /*S 11/14/22 */ /*E 11/14/22 */ /*S 02/09/23 */ /*E 02/09/23 */ /*S 11/14/22 */ /*S 11/21/22 */ /*E 11/21/22 */ /*S 11/09/22 */ /*E 11/09/22 */ /*E 11/08/22 */ /*S 01/26/23 */ /*E 01/26/23 */ } .wgtIgniteCommunicationsMessageBuilderControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 10px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .wgtIgniteCommunicationsMessageBuilderDropzone { width: 100%; height: 400px; border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-palette-grey-3); padding: 40px; /*S 11/15/22 */ /*E 11/15/22 */ } .wgtIgniteCommunicationsMessageBuilderDropzoneDesigner { width: 100%; height: 100%; border-radius: var(--wgtIgnite-br); } .wgtIgniteCommunicationsMessageBuilderDropzoneDesignerBlock { border: solid 1px var(--wgtIgnite-palette-grey-4); border-radius: var(--wgtIgnite-br); padding: 20px 5px; position: relative; } .wgtIgniteCommunicationsMessageBuilderDropzoneDesignerBlock:hover { border-color: var(--wgtIgnite-color-1); cursor: pointer; } .wgtIgniteCommunicationsMessageBuilderDropzoneDesignerControls { position: absolute; bottom: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; visibility: hidden; pointer-events: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteCommunicationsBodyDropzoneDesignerBlock:hover .wgtIgniteCommunicationsMessageBuilderDropzoneDesignerControls { visibility: visible; pointer-events: all; } .wgtIgniteCommunicationsMessageBuilderEditor { padding-bottom: 10px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteCommunicationsMessageBuilderEditorControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-bottom: 40px; } .wgtIgniteCommunicationsMessageBuilderEditor .reContent { min-height: 300px; } .wgtIgniteCommunicationsMessageBuilderMain { height: 100%; position: relative; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; background-color: var(--wgtIgnite-palette-grey-1); min-width: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteCommunicationsMessageBuilder.build-mode .wgtIgniteCommunicationsMessageBuilderMain { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 400px; } .wgtIgniteCommunicationsMessageBuilderMedium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 20px; border-bottom: solid 1px var(--wgtIgnite-palette-grey-3); } .wgtIgniteCommunicationsMessageBuilderMedium:nth-child(odd) { border-right: solid 1px var(--wgtIgnite-palette-grey-3); } .wgtIgniteCommunicationsMessageBuilderMediumGraphic { /*S 11/10/22 */ padding-left: 40px; /*E 11/10/22 */ } .wgtIgniteCommunicationsMessageBuilderMediumGraphic svg.awesome path { fill: #515151; } .wgtIgniteCommunicationsMessageBuilderMediumSelectorTitle { font-weight: 800; /*S 11/10/22 */ font-size: var(--wgtIgnite-text-size-large); max-width: 250px; /*E 11/10/22 */ } .wgtIgniteCommunicationsMessageBuilderModeLabel.RadLabel { font-style: italic; padding: 10px 55px; width: 100%; text-align: center; position: relative; bottom: 40px; } .wgtIgniteCommunicationsMessageBuilderLibrary { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; z-index: 1; max-width: 0px; -webkit-transition: max-width 0.3s ease; transition: max-width 0.3s ease; padding: 20px; position: relative; background-color: var(--wgtIgnite-palette-background); width: 100%; pointer-events: none; opacity: 0; /*S 11/28/22 */ /*E 11/28/22 */ /*E 11/14/22 */ /*S 11/15/22 */ /*E 11/15/22 */ } .wgtIgniteCommunicationsMessageBuilder.build-mode .wgtIgniteCommunicationsMessageBuilderLibrary { max-width: none; pointer-events: all; opacity: 1; } .wgtIgniteCommunicationsMessageBuilder.view-mode .wgtIgniteCommunicationsMessageBuilderLibrary { padding: 0px; } .wgtIgniteCommunicationsMessageBuilderLibraryCategory { border-bottom: dotted 1px var(--wgtIgnite-palette-grey-3); } .wgtIgniteCommunicationsMessageBuilderLibraryCategory.open { border-bottom: none; } .wgtIgniteCommunicationsMessageBuilderLibraryCategoryHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wgtIgniteCommunicationsMessageBuilderLibraryCategoryHeaderToggler:hover { cursor: pointer; } .wgtIgniteCommunicationsMessageBuilderLibraryCategoryHeaderToggler::before { background-color: var(--wgtIgnite-palette-base); display: block; content: ""; height: 20px; width: 20px; mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; } .wgtIgniteCommunicationsBodyLibraryCategory.open .wgtIgniteCommunicationsMessageBuilderLibraryCategoryHeaderToggler::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .wgtIgniteCommunicationsMessageBuilderLibraryCategoryItems { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 0px; gap: 10px; position: relative; overflow: hidden; } .wgtIgniteCommunicationsBodyLibraryCategory.open .wgtIgniteCommunicationsMessageBuilderLibraryCategoryItems { max-height: 90000px; padding: 20px 0px; overflow: visible; } .wgtIgniteCommunicationsMessageBuilderLibraryCategories { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCommunicationsMessageBuilderLibraryContainer { position: sticky; top: 120px; } .wgtIgniteCommunicationsMessageBuilderLibraryControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wgtIgniteCommunicationsMessageBuilderLibraryHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCommunicationsMessageBuilderLibraryItems { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: auto; gap: 10px; margin-top: 20px; } .wgtIgniteCommunicationsMessageBuilderLibraryTitle { font-weight: 800; } .wgtIgniteCommunicationsMessageBuilderMessaging { padding: 0px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; grid-template-rows: 1fr auto; } .wgtIgniteCommunicationsMessageBuilderStep { padding: 20px; /*S 11/10/22 */ /*E 11/10/22 */ } .wgtIgniteCommunicationsMessageBuilderStepCampaignTypes { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; padding: 0px; } .wgtIgniteCommunicationsMessageBuilderStepMessage { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteCommunicationsMessageBuilderTemplate { /*S 11/15/22 */ margin-top: 20px; /*E 11/15/22 */ /*S 11/10/22 */ -webkit-box-flex: 2; -ms-flex: 2; flex: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*E 11/10/22 */ /*S 11/14/22 */ /*E 11/14/22 */ /*S 11/11/22 */ /*E 11/11/22 */ } .wgtIgniteCommunicationsMessageBuilderTemplateControl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .wgtIgniteCommunicationsMessageBuilderTemplateEditor { margin: 20px 0px; } .wgtIgniteCommunicationsMessageBuilderTemplateFields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteCommunicationsMessageBuilderTemplateToolbox { grid-row-start: 1; grid-row-end: 3; } .wgtIgniteCommunicationsMessageBuilderToken, .wgtIgniteCommunicationsMessageBuilderAsset { background-color: var(--wgtIgnite-color-3l4); border-radius: var(--wgtIgnite-br); padding: 5px; } .wgtIgniteCommunicationsMessageBuilderToken:hover, .wgtIgniteCommunicationsMessageBuilderAsset:hover { cursor: pointer; } .wgtIgniteCommunicationsMessageBuilderTokens, .wgtIgniteCommunicationsMessageBuilderAssets { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; padding: 0px 10px 10px 10px; } .wgtIgniteCommunicationsMessageBuilderTokensCloser, .wgtIgniteCommunicationsMessageBuilderAssetsCloser { padding-top: 5px; } .wgtIgniteCommunicationsMessageBuilderTokensCloser:hover, .wgtIgniteCommunicationsMessageBuilderAssetsCloser:hover { cursor: pointer; } .wgtIgniteCommunicationsMessageBuilderTokensCloser::before, .wgtIgniteCommunicationsMessageBuilderAssetsCloser::before { content: "×"; display: block; font-size: var(--wgtIgnite-text-size-max); color: var(--wgtIgnite-palette-background); height: 30px; padding: 0px 5px; line-height: 30px; text-align: right; width: 40px; margin-left: auto; } .wgtIgniteCommunicationsMessageBuilderTokensWrapper, .wgtIgniteCommunicationsMessageBuilderAssetsWrapper { background-color: var(--wgtIgnite-palette-grey-1); border-radius: var(--wgtIgnite-br); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; max-height: 0px; } .wgtIgniteCommunicationsMessageBuilderTokensWrapper p, .wgtIgniteCommunicationsMessageBuilderAssetsWrapper p { padding: 10px; } .wgtIgniteCommunicationsMessageBuilderTokensWrapper.reveal, .wgtIgniteCommunicationsMessageBuilderAssetsWrapper.reveal { max-height: 30000px; } .wgtIgniteCommunicationsMessageBuilderToolbox { width: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteSectionCommunicationsBuilder .wgtIgniteCommunicationsMessageBuilder { padding-right: 0px; } .wgtIgniteCommunicationsBuilder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 40px 20px 60px 20px; position: relative; overflow: visible; /*S 1/31/23 */ /*E 1/31/23 */ /*S 02/09/23 */ /*E 02/09/23 */ } .wgtIgniteCommunicationsBuilderCursor { -webkit-animation-name: blink; animation-name: blink; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: var(--wgtIgnite-palette-background); -webkit-box-shadow: 0px 0px 0px 1px #ccc; box-shadow: 0px 0px 0px 1px #ccc; display: inline-block; height: 18px; width: 4px; } .wgtIgniteCommunicationsBuilderFields { display: none; } .wgtIgniteCommunicationsBuilderLibraryToggler { border-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-color-4); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: sticky; z-index: 3; top: 85px; padding: 5px; -ms-flex-item-align: end; align-self: flex-end; } .wgtIgniteCommunicationsMessageBuilder.view-mode .wgtIgniteCommunicationsBuilderLibraryToggler { -ms-flex-item-align: start; align-self: flex-start; } .wgtIgniteCommunicationsBuilderLibraryTogglerLabelEdit.RadLabel, .wgtIgniteCommunicationsBuilderLibraryTogglerLabelBuild.RadLabel { color: var(--wgtIgnite-palette-background); pointer-events: none; } .wgtIgniteCommunicationsBuilderLibraryToggler:hover { -webkit-box-shadow: 0px 0px 3px 1px var(--wgtIgnite-palette-grey-2); box-shadow: 0px 0px 3px 1px var(--wgtIgnite-palette-grey-2); cursor: pointer; } .wgtIgniteCommunicationsBuilderLibraryToggler::before { color: var(--wgtIgnite-palette-background); content: "<"; display: block; pointer-events: none; } .wgtIgniteCommunicationsMessageBuilder.build-mode .wgtIgniteCommunicationsBuilderLibraryToggler::before { display: none; } .wgtIgniteCommunicationsBuilderLibraryToggler::after { background-color: var(--wgtIgnite-palette-background); content: ""; display: block; height: 13px; width: 13px; mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; mask-repeat: no-repeat; mask-size: cover; pointer-events: none; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; } .wgtIgniteCommunicationsMessageBuilder.view-mode .wgtIgniteCommunicationsBuilderLibraryToggler::after { display: none; } .wgtIgniteCommunicationsBuilderLayoutBlock { background-color: var(--wgtIgnite-palette-background); position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: visible; } .wgtIgniteCommunicationsMessageBuilder.build-mode .wgtIgniteCommunicationsBuilderLayoutBlock { position: absolute; } .wgtIgniteCommunicationsMessageBuilder.view-mode .wgtIgniteCommunicationsBuilderLayoutBlock:hover { z-index: 2; } .wgtIgniteCommunicationsBuilderLayoutBlock:hover .wgtIgniteCommunicationsBuilderLayoutBlockContent { border: solid 1px var(--wgtIgnite-color-1l1); } .wgtIgniteCommunicationsBuilder.drag-on .wgtIgniteCommunicationsBuilderLayoutBlock { pointer-events: none; } .wgtIgniteCommunicationsBuilder.edit-mode .wgtIgniteCommunicationsBuilderLayoutBlock { -webkit-filter: blur(8px); filter: blur(8px); } .wgtIgniteCommunicationsBuilder.edit-mode .wgtIgniteCommunicationsBuilderLayoutBlock::after { content: ""; background-color: rgba(0, 0, 0, 0.35); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .wgtIgniteCommunicationsBuilder.edit-mode .wgtIgniteCommunicationsBuilderLayoutBlock.edit-mode { -webkit-filter: blur(0px); filter: blur(0px); } .wgtIgniteCommunicationsBuilder.edit-mode .wgtIgniteCommunicationsBuilderLayoutBlock.edit-mode::after { display: none; } .wgtIgniteCommunicationsBuilderLayoutBlockControls { position: absolute; right: 0; bottom: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; visibility: hidden; } .wgtIgniteCommunicationsBuilderLayoutBlockControlsOrder { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteCommunicationsMessageBuilder.view-mode .wgtIgniteCommunicationsBuilderLayoutContainer:hover .wgtIgniteCommunicationsBuilderLayoutBlockControls { visibility: visible; } .wgtIgniteCommunicationsBuilderLayoutContainer { position: relative; margin-left: auto; margin-right: auto; } .wgtIgniteCommunicationsBuilderMessageContainer { width: 100%; } .wgtIgniteCommunicationsBuilderSlot { max-height: 2px; -webkit-transition: max-height 0.3s ease; transition: max-height 0.3s ease; height: 100%; display: block; opacity: 0; position: absolute; width: 100%; z-index: 2; padding-top: 10px; padding-bottom: 10px; background-color: var(--wgtIgnite-palette-background); border: dotted 1px var(--wgtIgnite-palette-grey-2); border-radius: var(--wgtIgnite-br); } .wgtIgniteCommunicationsBuilderSlot.empty-layout { max-height: 40px; opacity: 1; } .wgtIgniteCommunicationsBuilderSlot.drag-on { background-color: var(--wgtIgnite-color-3l4); border-top-color: var(--wgtIgnite-color-4); max-height: 80px; opacity: 1; pointer-events: all; padding: 20px 10px; } .wgtIgniteCommunicationsBuilderSlot.drag-on:hover { background-color: var(--wgtIgnite-palette-alert); } .wgtIgniteCommunicationsCampaignCostBlurb.RadLabel { font-style: italic; font-weight: 100; text-align: center; } .wgtIgniteCommunicationsDragMessage { text-align: center; } .wgtIgniteCommunicationsMediaLibrary { border-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-palette-background); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 1200px; width: 100%; height: 70%; margin: 20px; padding: 20px; z-index: 8; } .wgtIgniteCommunicationsMediaLibraryControls { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteCommunicationsMediaLibraryContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; width: calc(100% + 50px); height: 100%; top: 0; left: 0; -webkit-transform: translate(-50px, 0px); transform: translate(-50px, 0px); z-index: 8; } .wgtIgniteCommunicationsMediaLibraryContainer::before { content: ""; background-color: var(--wgtIgnite-palette-grey-9); opacity: 0.7; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .wgtIgniteCommunicationsMediaLibraryHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wgtIgniteCommunicationsMediaLibraryTabs { margin-top: 50px; margin-bottom: 20px; } .wgtIgniteCommunicationsMediaLibraryTitle.RadLabel { font-size: var(--wgtIgnite-text-size-large); font-weight: 900; } .wgtIgniteCommunicationsMessageEditor.preview-only { height: auto !important; } .wgtIgniteCommunicationsMessageEditorSubject.RadEditor { margin-bottom: 10px; padding: 0px !important; border: none !important; } .wgtIgniteCommunicationsMessageEditorSubject.RadEditor .reToolBarWrapper { display: none !important; } .wgtIgniteCommunicationsMessageEditor.RadEditor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCommunicationsMessageEditor.RadEditor .reBottomProperties { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .wgtIgniteCommunicationsMessageEditor.RadEditor .reToolBar::after { display: none; } .wgtIgniteCommunicationsMessageEditor.RadEditor .reToolBar .reFontName { width: 200px; } .wgtIgniteCommunicationsMessageEditor.RadEditor .reToolBar .reFontSize { width: 50px; } .wgtIgniteCommunicationsMessageEditor.RadEditor .reToolBar .reFormatBlock { width: 200px; } .wgtIgniteCommunicationsMessageEditor.RadEditor .reToolBar > li { margin-bottom: 5px; } .wgtIgniteCommunicationsMessageEditor.RadEditor .reToolBarWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteCommunicationsMessageEditor.RadEditor .reModes { float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCommunicationsMessageEditor.RadEditor .reModes a { background-color: var(--wgtIgnite-color-1); color: var(--wgtIgnite-palette-background); margin-right: 0px; font-family: var(--wgtIgnite-font) !important; min-width: 140px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: var(--wgtIgnite-br); } .wgtIgniteCommunicationsMessageEditor.RadEditor .reModes a.reSelectedMode { background-color: var(--wgtIgnite-palette-background); color: var(--wgtIgnite-color-1); } .wgtIgniteCommunicationsMessageEditor.RadEditor .reModes a.reSelectedMode .reIcon::before { color: var(--wgtIgnite-color-1); } .wgtIgniteCommunicationsMessageEditor.RadEditor .reModes a .reIcon::before { color: var(--wgtIgnite-palette-background); } .wgtIgniteCommunicationsFieldDesignerMarkup { visibility: hidden; pointer-events: none; } .wgtIgniteCommunicationsFieldTemplate, .wgtIgniteCommunicationsFieldSubject { width: 100%; } .wgtIgniteCommunicationsLayout { width: 100%; } .wgtIgniteCommunicationsLayoutContentEditor.RadEditor { background-color: var(--wgtIgnite-color-1); border-color: var(--wgtIgnite-color-1); position: relative; bottom: 11px; } .wgtIgniteCommunicationsLayoutEditor { background-color: var(--wgtIgnite-palette-background); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 1; min-width: 340px; position: sticky; top: 90px; /*S 04/19/23 */ /*E 04/19/23 */ } .wgtIgniteCommunicationsLayoutEditorBackgroundImagePreview { height: 180px; width: 180px; border: solid 1px var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); } .wgtIgniteCommunicationsLayoutEditorControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-top: 10px; } .wgtIgniteCommunicationsLayoutEditorColumnControls { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteCommunicationsLayoutEditorFields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; padding: 10px; } .wgtIgniteCommunicationsLayoutEditorHeader { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); display: grid; grid-template-columns: 1fr auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteCommunicationsLayoutEditorHeader::before { content: ""; height: 1px; width: 1px; border: solid 10px transparent; border-top-color: var(--wgtIgnite-palette-background); -webkit-filter: drop-shadow(0 3px 2px var(--wgtIgnite-palette-grey-2)); filter: drop-shadow(0 3px 2px var(--wgtIgnite-palette-grey-2)); display: block; position: absolute; top: 45px; right: 0; left: 0; margin: auto; } .wgtIgniteCommunicationsLayoutEditor.resize-mode .wgtIgniteCommunicationsLayoutEditorHeader::before { display: none; } .wgtIgniteCommunicationsLayoutEditorHeaderTitle.RadLabel { font-size: var(--wgtIgnite-text-size-large); font-weight: 800; color: var(--wgtIgnite-color-4); padding: 10px; margin-right: 10px; grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; } .wgtIgniteCommunicationsLayoutEditorHeaderControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; padding: 5px; grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; } .wgtIgniteCommunicationsLayoutEditorHeaderMenu { background-color: var(--wgtIgnite-palette-background); -webkit-box-flex: 2; -ms-flex: 2; flex: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; padding: 10px; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; position: relative; } .wgtIgniteCommunicationsLayoutEditorHeaderMenuControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; grid-row-start: 3; grid-column-start: 1; grid-column-end: 3; padding: 10px; } .wgtIgniteCommunicationsLayoutEditorPreview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCommunicationsLayoutFields { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; padding: 10px; } .wgtIgniteCommunicationsLayoutPreviewContainer { background-color: var(--wgtIgnite-palette-background); position: relative; z-index: 1; } .wgtIgniteCommunicationsLayoutPreviewDesigner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 0px 0px 0px; } .wgtIgniteCommunicationsLayoutEditor.resize-mode .wgtIgniteCommunicationsLayoutPreviewDesigner { position: relative; z-index: 1; } .wgtIgniteCommunicationsLayoutSection .RadInput { width: 100% !important; } .wgtIgniteCommunicationsLayoutSectionWidth .wgtIgniteCommunicationsLayoutSectionHeader { grid-column: span 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCommunicationsLayoutSectionActive, .wgtIgniteCommunicationsLayoutSectionLayout, .wgtIgniteCommunicationsLayoutSectionName { grid-column-start: 1; grid-column-end: 7; } .wgtIgniteCommunicationsLayoutSectionHeight { grid-column-start: 1; grid-column-end: 3; } .wgtIgniteCommunicationsLayoutSectionWidth { grid-column-start: 3; grid-column-end: 7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteCommunicationsLayoutSectionWidth.wgtIgniteInput { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .wgtIgniteCommunicationsLayoutSectionWidth .RadInput { width: auto !important; } .wgtIgniteCommunicationsLibrary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; z-index: 1; min-width: 200px; /*S 11/28/22 */ /*E 11/28/22 */ /*E 11/14/22 */ /*S 11/15/22 */ /*E 11/15/22 */ } .wgtIgniteCommunicationsLibraryCategory { border-bottom: dotted 1px var(--wgtIgnite-palette-grey-3); } .wgtIgniteCommunicationsLibraryCategory.open { border-bottom: none; } .wgtIgniteCommunicationsLibraryCategoryHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wgtIgniteCommunicationsLibraryCategoryHeaderToggler:hover { cursor: pointer; } .wgtIgniteCommunicationsLibraryCategoryHeaderToggler::before { background-color: var(--wgtIgnite-palette-base); display: block; content: ""; height: 20px; width: 20px; mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; } .wgtIgniteCommunicationsLibraryCategory.open .wgtIgniteCommunicationsLibraryCategoryHeaderToggler::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .wgtIgniteCommunicationsLibraryCategoryItems { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 0px; gap: 10px; position: relative; overflow: hidden; } .wgtIgniteCommunicationsLibraryCategory.open .wgtIgniteCommunicationsLibraryCategoryItems { max-height: 90000px; padding: 20px 0px; overflow: visible; } .wgtIgniteCommunicationsLibraryCategories { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCommunicationsLibraryContainer { position: sticky; top: 120px; } .wgtIgniteCommunicationsLibraryHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCommunicationsLibraryItem { border-radius: var(--wgtIgnite-br); position: relative; padding: 3px 5px; } .wgtIgniteCommunicationsLibraryItemCode { visibility: hidden; } .wgtIgniteCommunicationsLibraryItemName.RadLabel { pointer-events: none; width: 100%; } .wgtIgniteCommunicationsLibraryItemPreview { background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-palette-grey-3); border-radius: var(--wgtIgnite-br); width: 220px; height: 140px; position: relative; overflow: hidden; } .wgtIgniteCommunicationsLibraryItem .RadInput { display: none; } .wgtIgniteCommunicationsLibraryItem iframe { pointer-events: none; -webkit-transform: scale(0.14); transform: scale(0.14); translate: -590px -330px; } .wgtIgniteCommunicationsLibraryItems { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: auto; gap: 10px; margin-top: 20px; } .wgtIgniteCommunicationsLibraryTitle { font-weight: 800; } .wgtIgniteCommunicationsMessageTitleEditTrigger::before { border-radius: 0px; border-bottom-right-radius: var(--wgtIgnite-br); cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: var(--wgtIgnite-text-size-hero); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; content: url('data:image/svg+xml; utf8,'); background-color: var(--wgtIgnite-color-1l1); line-height: 0px; position: absolute; opacity: 0; left: 0px; top: 0px; height: 18px; width: 18px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: var(--wgtIgnite-br) !important; position: relative; opacity: 1; } .wgtIgniteCommunicationsMessaging { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; padding: 10px; background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; /*S 12/13/22 */ /*E 12/13/22 */ /*S 12/14/22 */ /*E 12/14/22 */ /*S 12/12/22 */ /*E 12/12/22 */ /*S 12/08/22 */ /*E 12/08/22 */ /*S 12/13/22 */ /*E 12/13/22 */ /*S 12/12/22 */ /* .wgtIgniteCommunicationsMessagingSection */ /*E 12/12/22 */ /*S 05/19/23 */ /*E 05/19/23 */ } .wgtIgniteCommunicationsMessaging .RadDropTarget, .wgtIgniteCommunicationsMessaging .RadDraggable { display: none; } .wgtIgniteCommunicationsMessaging.open { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteCommunicationsMessagingCampaign { /*S 11/29/22 */ -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; /*E 11/29/22 */ /*S 12/08/22 */ /*E 12/08/22 */ } .wgtIgniteCommunicationsMessagingCampaignMenu.RadComboBox { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; display: none; width: 100%; } .wgtIgniteCommunicationsMessagingCampaign .wgtIgniteCommunicationsMessagingCampaignMenu.RadComboBox { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteCommunicationsMessagingControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; width: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteCommunicationsMessagingEditor.RadEditor { border-color: var(--wgtIgnite-color-1l3); display: none; } .wgtIgniteCommunicationsMessagingEmail .wgtIgniteCommunicationsMessagingEditor.RadEditor { display: block !important; } .wgtIgniteCommunicationsMessagingEditor.RadEditor .reContent, .wgtIgniteCommunicationsMessagingEditor.RadEditor .reContentArea { outline: none !important; } .wgtIgniteCommunicationsMessagingField.RadEditor { border: none !important; height: 42px !important; padding: 0px !important; } .wgtIgniteCommunicationsMessagingField.RadEditor > div:nth-child(3) { display: none; } .wgtIgniteCommunicationsMessagingField.RadEditor .reContent { border-color: var(--wgtIgnite-color-1l3) !important; } .wgtIgniteCommunicationsMessagingField.RadEditor .reContent, .wgtIgniteCommunicationsMessagingField.RadEditor .reContentArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% !important; height: 100% !important; outline: none !important; } .wgtIgniteCommunicationsMessagingField.RadTextBox, .wgtIgniteCommunicationsMessagingField.RadComboBox { width: 100%; } .wgtIgniteCommunicationsMessagingMobilePlatformMenu.RadComboBox { width: 100%; display: none; } .wgtIgniteCommunicationsMessagingPlatform { width: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0px; } .wgtIgniteCommunicationsMessagingPlatformTitle { font-weight: 800; } .wgtIgniteCommunicationsMessagingPreview { background-color: var(--wgtIgnite-palette-background); height: 500px; border: solid 1px var(--wgtIgnite-palette-grey-5); border-radius: var(--wgtIgnite-br); width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px; /*S 12/13/22 */ /*E 12/13/22 */ } .wgtIgniteCommunicationsMessagingPreview iframe { border: none; -webkit-box-shadow: 0px 0px 1px 1px #ccc; box-shadow: 0px 0px 1px 1px #ccc; } .wgtIgniteCommunicationsMessagingPreviewTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; margin-top: 10px; } .wgtIgniteCommunicationsMessagingQuickMessage { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; row-gap: 10px; } .wgtIgniteCommunicationsMessagingQuickMessage > span { width: 100%; } .wgtIgniteCommunicationsMessagingQuickMessage.wgtIgniteInput { display: none; } .wgtIgniteCommunicationsMessagingSMS .wgtIgniteCommunicationsMessagingQuickMessage.wgtIgniteInput { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteCommunicationsMessagingSection { /*S 04/10/23 */ /*E 04/10/23 */ } .wgtIgniteCommunicationsMessagingSectionCampaign, .wgtIgniteCommunicationsMessagingSectionCampaign.RadLabel, .wgtIgniteCommunicationsMessagingSectionCampaign.wgtIgniteInput, .wgtIgniteCommunicationsMessagingSectionEmail, .wgtIgniteCommunicationsMessagingSectionEmail.RadLabel, .wgtIgniteCommunicationsMessagingSectionEmail.wgtIgniteInput, .wgtIgniteCommunicationsMessagingSectionSMS, .wgtIgniteCommunicationsMessagingSectionSMS.RadLabel, .wgtIgniteCommunicationsMessagingSectionSMS.wgtIgniteInput { display: none; } .wgtIgniteCommunicationsMessagingSectionSMS { position: relative; } .wgtIgniteCommunicationsMessagingSectionCampaign, .wgtIgniteCommunicationsMessagingSectionEmail { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCommunicationsMessagingCampaign .wgtIgniteCommunicationsMessagingSectionCampaign, .wgtIgniteCommunicationsMessagingCampaign .wgtIgniteCommunicationsMessagingSectionCampaign.RadLabel, .wgtIgniteCommunicationsMessagingCampaign .wgtIgniteCommunicationsMessagingSectionCampaign.wgtIgniteInput, .wgtIgniteCommunicationsMessagingEmail .wgtIgniteCommunicationsMessagingSectionEmail, .wgtIgniteCommunicationsMessagingEmail .wgtIgniteCommunicationsMessagingSectionEmail.RadLabel, .wgtIgniteCommunicationsMessagingEmail .wgtIgniteCommunicationsMessagingSectionEmail.wgtIgniteInput, .wgtIgniteCommunicationsMessagingSMS .wgtIgniteCommunicationsMessagingSectionSMS, .wgtIgniteCommunicationsMessagingSMS .wgtIgniteCommunicationsMessagingSectionSMS.RadLabel, .wgtIgniteCommunicationsMessagingSMS .wgtIgniteCommunicationsMessagingSectionSMS.wgtIgniteInput { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .wgtIgniteCommunicationsMessagingSeperatorLabel.RadLabel { /*S 11/28/22 */ font-size: var(--wgtIgnite-text-size-large); font-weight: 800; color: var(--wgtIgnite-color-4); margin: 20px 0px; /*E 11/28/22 */ } .wgtIgniteCommunicationsMessagingStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .wgtIgniteCommunicationsMessagingStatCampaignDescription { margin: 10px 0px; } .wgtIgniteCommunicationsMessagingStatTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteCommunicationsMessagingStatValue.RadLabel { font-weight: 800; color: var(--wgtIgnite-palette-base); } .wgtIgniteCommunicationsMessagingSticky { position: sticky; top: 90px; } .wgtIgniteCommunicationsMessagingTemplatesControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteCommunicationsMessagingTemplatesMenu.RadComboBox { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; width: auto !important; } .wgtIgniteCommunicationsMessagingTokens { /*S 12/12/22 */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*E 12/12/22 */ /*S 12/13/22 */ /*E 12/13/22 */ } .wgtIgniteCommunicationsMessagingTokensMenu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .wgtIgniteCommunicationsMessagingTypesOptions { display: grid; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; grid-template-columns: 200px 200px 1fr; } .wgtIgniteCommunicationsMessagePreviewContainer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteCommunicationsPlatformContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; margin-bottom: 20px; } .wgtIgniteCommunicationsProgressStatRecipient { font-family: var(--wgtIgnite-font) !important; font-weight: 800; } .wgtIgniteCommunicationsRecipients { /*S 11/04/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0px; min-width: 280px; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; /*E 11/04/22 */ } .wgtIgniteCommunicationsRecipientsList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteCommunicationsRecipientsListColumns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .wgtIgniteCommunicationsRecipientsListContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 5px; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; width: 100%; } .wgtIgniteCommunicationsRecipientsListHeader { border-bottom: solid 1px var(--wgtIgnite-color-2); display: grid; grid-template-columns: auto 1fr; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; margin: 10px 0px; padding-bottom: 5px; } .wgtIgniteCommunicationsRecipientsListHeaderCounter.RadLabel { font-size: var(--wgtIgnite-text-size-max); font-weight: 800; } .wgtIgniteCommunicationsRecipientsListHeaderItem.RadLabel { font-weight: 100; } .wgtIgniteCommunicationsRecipientsListHeaderTitle { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteCommunicationsRecipientsListHeaderTitleLabel.RadLabel { display: grid; grid-template-columns: 15px auto; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; font-weight: 100; font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteCommunicationsRecipientsListHeaderTitleCost.positive .wgtIgniteCommunicationsRecipientsListHeaderTitleLabel.RadLabel { color: var(--wgtIgnite-color-3) !important; } .wgtIgniteCommunicationsRecipientsListHeaderTitleCost.negative .wgtIgniteCommunicationsRecipientsListHeaderTitleLabel.RadLabel { color: var(--wgtIgnite-palette-alert) !important; } .wgtIgniteCommunicationsRecipientsListHeaderTitleCost.positive .wgtIgniteCommunicationsRecipientsListHeaderTitleLabel.RadLabel::before { color: var(--wgtIgnite-color-3) !important; content: "✓"; font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteCommunicationsRecipientsListHeaderTitleCost.negative .wgtIgniteCommunicationsRecipientsListHeaderTitleLabel.RadLabel::before { color: var(--wgtIgnite-palette-alert) !important; content: "✖"; font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteCommunicationsRecipientsListHeaderTitleValue.RadLabel { font-weight: 800; font-size: var(--wgtIgnite-text-size-large); line-height: 20px; } .wgtIgniteCommunicationsRecipientsListHeaderTitleCost.positive .wgtIgniteCommunicationsRecipientsListHeaderTitleValue.RadLabel { color: var(--wgtIgnite-color-3) !important; } .wgtIgniteCommunicationsRecipientsListHeaderTitleCost.negative .wgtIgniteCommunicationsRecipientsListHeaderTitleValue.RadLabel { color: var(--wgtIgnite-palette-alert) !important; } .wgtIgniteCommunicationsRecipientsListItem { /*S 04/28/23 */ border-bottom: dotted 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; /*E 04/28/23 */ /*S 12/13/22 */ /*S 12/13/22 */ } .wgtIgniteCommunicationsRecipientsListItemLink { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteCommunicationsRecipientsListItemRemoveLink.RadButton { border: none !important; } .wgtIgniteCommunicationsRecipientsListItemRemoveLink.RadButton:hover, .wgtIgniteCommunicationsRecipientsListItemRemoveLink.RadButton.rbHovered { background-color: transparent !important; color: var(--wgtIgnite-color-1l1) !important; } .wgtIgniteCommunicationsRecipientsListItemStat.RadLabel { color: var(--wgtIgnite-color-4); } .wgtIgniteCommunicationsRecipientsListNavigation { margin-top: 10px; width: 100%; } .wgtIgniteCommunicationsRecipientsListNavigation .RadDataPager { background: #fff; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteCommunicationsRecipientsListStatCost { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCommunicationsRecipientsListStatCount { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteCommunicationsRecipientsListStatCount .wgtIgniteCommunicationsRecipientsListStatTitle.RadLabel { font-weight: 100; } .wgtIgniteCommunicationsRecipientsListStatCount .wgtIgniteCommunicationsRecipientsListStatValue.RadLabel { font-size: var(--wgtIgnite-text-size-large); font-weight: 900; line-height: 20px; } .wgtIgniteCommunicationsRecipientsListStatCost .wgtIgniteCommunicationsRecipientsListStatValue.RadLabel { font-weight: 100; text-align: right; } .wgtIgniteCommunicationsRecipientsListTitle.RadLabel { text-align: center; font-weight: 700; } .wgtIgniteCommunicationsRecipientsSection { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); padding: 20px; } .wgtIgniteCommunicationsRecipientsSectionList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteCommunicationsRecipientsSectionStats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 5px; } .wgtIgniteCommunicationsRecipientsSender { border-bottom-left-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); grid-column: span 2; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .wgtIgniteCommunicationsRecipientsSenderControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteCommunicationsRecipientsSenderInfo { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteCommunicationsRecipientsSenderInfoCount { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteCommunicationsRecipientsSenderInfoCountValue.RadLabel { font-size: var(--wgtIgnite-text-size-max); } .wgtIgniteCommunicationsRecipientsSenderMessage.RadLabel { font-weight: 200; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin-top: 30px; } .wgtIgniteCommunicationsRecipientsSenderProgress { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5px; grid-column: span 2; } .wgtIgniteCommunicationsRecipientsSenderProgressArea .ruHeader, .wgtIgniteCommunicationsRecipientsSenderProgressArea .ruBody { padding: 0px; } .wgtIgniteCommunicationsRecipientsSenderProgress .RadUploadProgressArea.RadUploadProgressAreaHidden { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCommunicationsRecipientsSenderProgress .RadUploadProgressArea_Bootstrap { background-color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; } .wgtIgniteCommunicationsRecipientsSticky { position: sticky; top: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteCommunicationsReview { border-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-palette-background); } .wgtIgniteCommunicationsReviewSection { border-bottom: solid 1px var(--wgtIgnite-palette-grey-3); } .wgtIgniteCommunicationsReviewSectionHeader { display: grid; grid-template-columns: auto 1fr auto; grid-template-rows: 1fr auto; padding: 10px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteCommunicationsReviewSectionHeaderTitle.RadLabel { font-weight: 800; grid-column-start: 2; grid-row-start: 1; } .wgtIgniteCommunicationsReviewSectionHeaderSubtitle.RadLabel { grid-column-start: 2; grid-row-start: 2; } .wgtIgniteCommunicationsReviewSectionHeaderValue.RadLabel { grid-column-start: 3; grid-row-start: 1; } .wgtIgniteCommunicationsReviewSectionHeader::before { background-color: var(--wgtIgnite-palette-grey-3); content: ""; width: 25px; height: 25px; -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .wgtIgniteCommunicationsSectionTitle.RadLabel { color: var(--wgtIgnite-color-1); width: 100%; font-weight: 900; font-size: var(--wgtIgnite-text-size-medium); margin-bottom: 5px; } .wgtIgniteCommunicationsStep.RadLabel { color: var(--wgtIgnite-palette-grey-3); font-weight: 800; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; background-color: var(--wgtIgnite-palette-background); z-index: 1; } .wgtIgniteCommunicationsStep.RadLabel::before { content: ""; color: var(--wgtIgnite-palette-background); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 30px; height: 30px; border-radius: 50px; background-color: var(--wgtIgnite-palette-grey-3); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteCommunicationsStep.RadLabel.active { color: var(--wgtIgnite-color-4); } .wgtIgniteCommunicationsStep.RadLabel.active::before { background-color: var(--wgtIgnite-color-4); } .wgtIgniteCommunicationsStep.RadLabel:nth-child(1)::before { content: "1"; } .wgtIgniteCommunicationsStep.RadLabel:nth-child(5)::before { content: "2"; } .wgtIgniteCommunicationsStep.RadLabel:nth-child(9)::before { content: "3"; } .wgtIgniteCommunicationsTemplateMenu { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteCommunicationsToken.RadLabel { background-color: var(--wgtIgnite-color-3l4); padding: 5px; border-radius: var(--wgtIgnite-br); -webkit-box-shadow: 0px 0px 1px 0px #aaa; box-shadow: 0px 0px 1px 0px #aaa; font-style: italic; font-weight: 100; } .wgtIgniteCommunicationsToken.RadLabel:hover { cursor: pointer; } .wgtIgniteCommunicationsTokenDragTitle.RadLabel { font-weight: 200; width: 100%; text-align: center; padding: 10px 0px; } .wgtIgniteCommunicationsTokens { width: 100%; } .wgtIgniteCommunicationsTokensTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteContactEditTrigger { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; z-index: 1; } .wgtIgniteLeadName .wgtIgniteContactEditTrigger { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .wgtIgniteContactEditTrigger::after { background-color: var(--wgtIgnite-palette-background); cursor: pointer; display: inline-block; font-size: var(--wgtIgnite-text-size-hero); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; content: ""; background-color: var(--wgtIgnite-color-1); width: 20px; height: 20px; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-position: center; mask-size: cover; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: cover; padding: 0px; } .wgtIgniteContactToggleTrigger { display: none; margin-left: 5px; } .wgtIgniteContactToggleTrigger::after { display: inline-block; content: ""; height: 20px; width: 15px; background-color: var(--wgtIgnite-color-1); mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; mask-repeat: no-repeat; mask-size: contain; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } .wgtIgnitePageHeaderInfoWrap.expanded-mobile .wgtIgniteContactToggleTrigger::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .wgtIgniteContext { /* .wgtIgniteContextFilter */ /* .wgtIgniteContextMenu */ } .wgtIgniteContextFilter { /* S 4/8/22 */ /* S 4/8/22 */ /*S 1/20/23 */ /*E 1/20/23 */ } .wgtIgniteContextFilterControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteContextFilterGroup { background-color: var(--wgtIgnite-palette-background); -webkit-box-shadow: 0px 0px 1px 0px inset var(--wgtIgnite-palette-shadow); box-shadow: 0px 0px 1px 0px inset var(--wgtIgnite-palette-shadow); padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; pointer-events: none; } .wgtIgniteContextFilterGroup.constrained { overflow-y: scroll; scrollbar-width: thin !important; } .wgtIgniteContextFilters.reveal .wgtIgniteContextFilterGroup { opacity: 1; pointer-events: all; z-index: 3; } .wgtIgniteContextMenuList + .wgtIgniteContextFilter { margin: 80px 0px 20px 0px; } .wgtIgniteContextFilterTitle { font-weight: 800; color: var(--wgtIgnite-palette-base); pointer-events: none; } .wgtIgniteContextFilterTrigger .rbIcon { pointer-events: none; } .wgtIgniteContextFilterItem { -webkit-column-gap: 7px; -moz-column-gap: 7px; column-gap: 7px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 5px 0px; } .wgtIgniteContextFilterItem .rbText { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left; pointer-events: none; } .wgtIgniteContextFilterItem a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; position: relative; } .wgtIgniteContextFilterItem a::before { content: ""; width: 5px; height: 100%; display: inline-block; background-color: transparent; border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-palette-grey-2); } .wgtIgniteContextFilterItem.selected a::before { background-color: var(--wgtIgnite-color-1); } .wgtIgniteContextMenu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 10px; padding: 20px 10px 0px 10px; position: absolute; width: 100%; } .wgtIgniteMainMenu.constrained .wgtIgniteContextMenu { position: relative; } .wgtIgniteContextMenuButton { -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteContextMenuList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; width: 100%; } .wgtIgniteContextMenuItem { /* Start 3/18/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; /* End 3/18/22 */ /* S 3/28/22 */ /* E 3/28/22 */ } .wgtIgniteContextMenuItemFeatured { border: none; border-bottom: solid 1px var(--wgtIgnite-color-1); -o-border-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--wgtIgnite-color-1), rgba(0, 0, 0, 0)) 27; border-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(var(--wgtIgnite-color-1)), to(rgba(0, 0, 0, 0))) 27; border-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--wgtIgnite-color-1), rgba(0, 0, 0, 0)) 27; padding-bottom: 10px; } .wgtIgniteContextMenu.expanded .wgtIgniteContextMenuItem.dynamic { opacity: 1; pointer-events: all; } .wgtIgniteContextMenu.expanded .wgtIgniteContextMenuItem.dynamic.expanded { z-index: 2; } .wgtIgniteContextMenuItem.dynamic { opacity: 0.3; pointer-events: none; } .wgtIgniteContextSubmenu { border-bottom-left-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); -webkit-transition: max-height 0.3s ease; transition: max-height 0.3s ease; border-top: none; height: 100%; max-height: 0px; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; /* Start 3/18/22 */ background-color: var(--wgtIgnite-palette-background); /* End 3/18/22 */ overflow: hidden; } .wgtIgniteContextSubmenu.RadComboBox { width: 100% !important; } .wgtIgniteContextSubmenu li { cursor: pointer; } .wgtIgniteContextMenuItem.expanded .wgtIgniteContextSubmenu { max-height: 2000px; opacity: 1; } .wgtIgniteContextFilters { /*S 9/13/22 */ width: 100%; /*E 9/13/22 */ /* S 3/23/22 */ position: relative; /* E 3/23/22 */ /* s 5/3/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; /* e 5/3/22*/ } .wgtIgniteContextFilters.reveal::after { background-color: var(--wgtIgnite-palette-background); content: ""; display: block; position: absolute; width: 20px; height: 20px; border: none; top: 38px; right: 30px; pointer-events: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 4; -webkit-box-shadow: -3px -3px 5px 0px var(--wgtIgnite-palette-shadow); box-shadow: -3px -3px 5px 0px var(--wgtIgnite-palette-shadow); } .wgtIgniteContextFilterGroupWrapper { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); -webkit-box-shadow: 0px 0px 10px 0px var(--wgtIgnite-palette-shadow); box-shadow: 0px 0px 10px 0px var(--wgtIgnite-palette-shadow); position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; right: 0px; top: 48px; opacity: 0; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; pointer-events: none; overflow: hidden; padding-top: 10px; } .wgtIgniteContextFilters.reveal .wgtIgniteContextFilterGroupWrapper { opacity: 1; pointer-events: all; z-index: 3; } .wgtIgniteCopy { /*S DG 09/20/23 */ line-height: normal; /*E DG 09/20/23 */ } .wgtIgniteCorporateProductsControl { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 5px; } .wgtIgniteCorporateProductsControlSelectAll { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-left: 20px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteCorporateProductsControlTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteCorporateProductsHeader { -webkit-box-shadow: none; box-shadow: none; margin-bottom: 20px; padding: 0px; } .wgtIgniteCorporateProductsImage { border: solid 3px var(--wgtIgnite-palette-grey-3); border-radius: var(--wgtIgnite-br); width: 100%; max-width: 250px; height: 180px; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteCorporateProductsImage.modified { border-color: var(--wgtIgnite-color-2); } .wgtIgniteCorporateProductsImageReplaceControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteCorporateProductsImportControlTitle.RadLabel { position: absolute; bottom: 100%; left: 0; font-weight: bold; } .wgtIgniteCorporateProductsPhoto { height: 75px; width: 75px; } .wgtIgniteCorporateProductsPhotoFileSelectLabel { background-color: var(--wgtIgnite-color-1l1); color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); padding: 6px; } .wgtIgniteCorporateProductsPhotoFileSelectLabel + input { display: none; } .wgtIgniteProductImageUploadExplorer:hover .wgtIgniteCorporateProductsPhotoFileSelectLabel { background-color: var(--wgtIgnite-color-1); cursor: pointer; } .wgtIgniteCorporateProductsListHeaderItem { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteCorporateProductsListHeaderItemPrice { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCorporateProductsListHeaders { padding-left: 10px; padding-right: 10px; top: 0px; margin-left: 0px; margin-right: 0px; } .wgtIgniteCorporateProductsListHeaders, .wgtIgniteCorporateProductsListItem { -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; display: grid; grid-template-columns: 50px 100px 120px 1fr 100px; } .wgtIgniteCorporateProductsListItem { background-color: rgba(0, 176, 186, 0.03); border-color: #0065A2; padding: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteCorporateProductsListItem:hover { background-color: rgba(0, 176, 186, 0.03) !important; border-color: #0065A2 !important; } .wgtIgniteCorporateProductsListItem:hover::before { display: none !important; } .wgtIgniteCorporateProductsListItemControl { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .wgtIgniteCorporateProductsListItemControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCorporateProductsListItemAdd, .wgtIgniteCorporateProductsListItemDelete, .wgtIgniteCorporateProductsListItemEdit { height: 35px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteCorporateProductsListItemAdd::before, .wgtIgniteCorporateProductsListItemDelete::before, .wgtIgniteCorporateProductsListItemEdit::before { pointer-events: none; } .wgtIgniteCorporateProductsListItemAdd:hover, .wgtIgniteCorporateProductsListItemDelete:hover, .wgtIgniteCorporateProductsListItemEdit:hover { background-color: var(--wgtIgnite-color-1); } .wgtIgniteCorporateProductsListItemAdd:hover::before, .wgtIgniteCorporateProductsListItemDelete:hover::before, .wgtIgniteCorporateProductsListItemEdit:hover::before { background-color: var(--wgtIgnite-palette-background); } .wgtIgniteCorporateProductsListItemDelete[data-is-corporate=true] { pointer-events: none; opacity: 0.5; } .wgtIgniteCorporateProductsListItemEdit[data-is-corporate=true] { pointer-events: none; opacity: 0.5; } .wgtIgniteCorporateProductsListItemStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCorporateProductsListItemStatPhotoCaption.RadLabel { background-color: #111111; color: #ffffff; display: none; } .isCorporate .wgtIgniteCorporateProductsListItemStatPhotoCaption.RadLabel { display: block; width: 75px; text-align: center; padding: 3px 0px; position: absolute; bottom: 0; } .wgtIgniteCorporateProductsListItemStatPrice { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteCorporateProductsListItemStatTitle, .wgtIgniteCorporateProductsListItemStatTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; display: none; } .wgtIgniteProductListItemStatQtyAvailable .wgtIgniteCorporateProductsListItemStatValue, .wgtIgniteProductListItemStatQtyCommitted .wgtIgniteCorporateProductsListItemStatValue { text-align: right; } .wgtIgniteCorporateProductsListWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; max-height: 420px; overflow-y: auto; } .wgtIgniteCorporateProductsList, .wgtIgniteCorporateProductsListHeaders { width: 100%; } .wgtIgniteCredit { /* .wgtIgniteCreditPackage */ } .wgtIgniteCreditPackage { border: dotted 1px var(--wgtIgnite-palette-grey-4); border-radius: var(--wgtIgnite-br); padding: 10px; position: relative; } .wgtIgniteCreditPackage:hover { cursor: pointer; } .wgtIgniteCreditPackage.selected { border: solid 1px var(--wgtIgnite-color-1l1); background-color: var(--wgtIgnite-color-1); } .wgtIgniteCreditPackage.custom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteCreditPackage.custom:hover { cursor: unset; } .wgtIgniteCreditPackageCost.RadLabel { font-size: var(--wgtIgnite-text-size-medium); font-weight: 100; } .wgtIgniteCreditPackageCost.RadLabel::before { content: "@"; font-size: var(--wgtIgnite-text-size-medium); font-weight: 900; } .wgtIgniteCreditPackageCount { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; pointer-events: none; } .wgtIgniteCreditPackageCountValue.RadLabel { font-size: 32px; font-weight: 900; line-height: 30px !important; color: var(--wgtIgnite-color-4); } .wgtIgniteCreditPackage.selected .wgtIgniteCreditPackageCountValue.RadLabel { color: var(--wgtIgnite-palette-background); } .wgtIgniteCreditPackageCountLabel.RadLabel { font-size: var(--wgtIgnite-text-size-small); } .wgtIgniteCreditPackage.selected .wgtIgniteCreditPackageCountLabel.RadLabel { color: var(--wgtIgnite-palette-background); } .wgtIgniteCreditPackagePrice { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; pointer-events: none; } .wgtIgniteCreditPackagePriceCurrency.RadLabel { font-size: var(--wgtIgnite-text-size-small); } .wgtIgniteCreditPackage.selected .wgtIgniteCreditPackagePriceCurrency.RadLabel { color: var(--wgtIgnite-palette-background); } .wgtIgniteCreditPackagePriceValue.RadLabel { line-height: 12px; font-weight: 800; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteCreditPackage.selected .wgtIgniteCreditPackagePriceValue.RadLabel { color: var(--wgtIgnite-palette-background); } .wgtIgniteCreditPackageStats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCreditPackageTitle.RadLabel { font-size: var(--wgtIgnite-text-size-large); font-weight: 100; font-style: italic; width: 100%; text-align: right; pointer-events: none; } .wgtIgniteCreditPackage.selected .wgtIgniteCreditPackageTitle.RadLabel { color: var(--wgtIgnite-palette-background); } .wgtIgniteCreditTierList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 400px; } .wgtIgniteCreditTierListItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteCreditTierListItemTitle.RadLabel { font-weight: 100; } .wgtIgniteCreditTierListItemValue.RadLabel { font-weight: 100; } .wgtIgniteCustomPackageQuantityLabel.RadLabel { font-size: var(--wgtIgnite-text-size-small); } .wgtIgniteDashboard { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; grid-template-columns: 50% auto; display: grid; -ms-flex-wrap: wrap; flex-wrap: wrap; /*S 08/01/23 */ /*E 08/01/23 */ /*S 07/21/23 */ /*E 07/21/23 */ /*S 12/21/22 */ /*E 12/21/22 */ /*S 9/19/22 */ /*E 9/19/22 */ /* S 5/20/22 */ /* E 5/20/22 */ /*S 10/04/22 */ /*E 10/04/22 */ /*S 9/19/22 */ /*E 9/19/22 */ } .wgtIgniteDashboardCampaign { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding: 20px; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; row-gap: 20px; } .wgtIgniteDashboardCampaignDetailsHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px 10px; } .wgtIgniteDashboardCampaignDetailsHeaderSpan { display: block; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; height: 2px; background-color: var(--wgtIgnite-color-4); } .wgtIgniteDashboardCampaignDetailsHeaderTitle.RadLabel { color: var(--wgtIgnite-color-4); font-weight: 800; padding-right: 5px; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .wgtIgniteDashboardCampaignDetailsHeaderToggler { background-color: var(--wgtIgnite-color-4); border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 20px; width: 20px; } .wgtIgniteDashboardCampaignDetailsHeaderToggler:hover { cursor: pointer; } .wgtIgniteDashboardCampaignDetailsHeaderToggler::before { content: ""; height: 14px; width: 14px; background-color: var(--wgtIgnite-color-1); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; background-color: var(--wgtIgnite-palette-background); } .wgtIgniteDashboardCampaignDetails.open .wgtIgniteDashboardCampaignDetailsHeaderToggler::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .wgtIgniteDashboardCampaignInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteDashboardCampaignInfoGraphic { height: 120px; width: 120px; border: solid 1px var(--wgtIgnite-palette-grey-3); border-radius: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteDashboardCampaignInfoStats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteDashboardCampaignInfoStatsResponseDetails { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wgtIgniteDashboardCampaignInfoStatsDate, .wgtIgniteDashboardCampaignInfoStatsResponseTitle { font-weight: 100; opacity: 0.8; } .wgtIgniteDashboardCampaignInfoStatsResponse.RadProgressBar.rpbHorizontal { height: 10px; } .wgtIgniteDashboardCampaignSummaryHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wgtIgniteDashboardCampaignSummaryHeader .rcbInner { min-width: 100px; } .wgtIgniteDashboardCampaignSummaryPeriod.RadComboBox { padding: 5px 8px; width: 14em; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: unset; flex-wrap: unset; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteDashboardCampaignSummaryPeriod.RadComboBox .rcbLabel { text-align: right; } .wgtIgniteDashboardCampaignsList { padding: 10px 15px !important; } .wgtIgniteDashboardCampaignsListContainer { position: relative; overflow: hidden; padding-top: 10px; max-height: 0px; height: 100%; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .wgtIgniteDashboardCampaignDetails.open .wgtIgniteDashboardCampaignsListContainer { max-height: 30000px; } .wgtIgniteDashboardCampaignsListHeaders { top: 0px !important; } .wgtIgniteDashboardCampaignsListHeaders, .wgtIgniteDashboardCampaignsListItem { grid-template-columns: 160px 90px 90px 1fr 1fr 1fr 1fr 1fr 1fr 120px !important; } .wgtIgniteDashboardCampaignsListItem { padding: 5px 0px !important; background-color: transparent !important; border-radius: 0px !important; border: none !important; border-bottom: solid 1px #cccccc !important; } .wgtIgniteDashboardCampaignsListItem:hover::before { display: none; } .wgtIgniteDashboardCampaignsListPager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteDashboardChartDonutActions.empty svg { overflow: hidden; } .wgtIgniteDashboardChartDonutActions.empty svg g g path { fill: #fff !important; -webkit-filter: drop-shadow(0px 0px 1px var(--wgtIgnite-color-1)); filter: drop-shadow(0px 0px 1px var(--wgtIgnite-color-1)); } .wgtIgniteDashboardDonutChartLeads .wgtIgniteDashboardChartDonutActions.empty svg g g path { -webkit-filter: drop-shadow(0px 0px 1px var(--wgtIgnite-color-3)); filter: drop-shadow(0px 0px 1px var(--wgtIgnite-color-3)); } .wgtIgniteDashboardDonutChart { position: relative; } .wgtIgniteDashboardDonutChartActions svg text { fill: var(--wgtIgnite-color-1) !important; } .wgtIgniteDashboardDonutChartLeads svg text { fill: var(--wgtIgnite-color-3) !important; } .wgtIgniteDashboardDonutChart.empty svg { overflow: hidden; } .wgtIgniteDashboardDonutChart.empty svg g g path { fill: #fff !important; -webkit-filter: drop-shadow(0px 0px 1px var(--wgtIgnite-color-1)); filter: drop-shadow(0px 0px 1px var(--wgtIgnite-color-1)); } .wgtIgniteDashboardDonutChartLeads .wgtIgniteDashboardDonutChart.empty svg g g path { -webkit-filter: drop-shadow(0px 0px 1px var(--wgtIgnite-color-3)); filter: drop-shadow(0px 0px 1px var(--wgtIgnite-color-3)); } .wgtIgniteDashboardDonutChartStatCounter.RadLabel { font-size: 23px; font-weight: 800; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; line-height: 28px !important; pointer-events: none; } .wgtIgniteDashboardDonutChartActions .wgtIgniteDashboardDonutChartStatCounter.RadLabel { color: var(--wgtIgnite-color-1) !important; } .wgtIgniteDashboardDonutChartLeads .wgtIgniteDashboardDonutChartStatCounter.RadLabel { color: var(--wgtIgnite-color-3) !important; } .wgtIgniteDashboardDonutChartWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteDashboardDue { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*S 6/13/22 */ -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; /*E 6/13/22 */ gap: 10px; padding: 10px; /*S 10/05/22 */ /*E 10/05/22 */ /*S 10/04/22 */ /*E 10/04/22 */ } .wgtIgniteDashboardDueClosedTitle { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteDashboardDueClosedToggler { width: 16px; } .wgtIgniteDashboardDueClosedType { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; position: relative; overflow: hidden; } .wgtIgniteDashboardDueClosedTypeItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteDashboardDueClosedTypeItem svg { -webkit-transform: scale(1.4, 1.4); transform: scale(1.4, 1.4); } .wgtIgniteDashboardDueClosedTypeItemName.RadLabel { font-weight: 100; } .wgtIgniteDashboardDueClosedTypeItemValue.RadLabel { font-weight: 700; } .wgtIgniteDashboardDueItem { /*S 7/08/22 */ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /*E 7/08/22 */ border-radius: var(--wgtIgnite-br); -webkit-box-shadow: 0px 0px 1px 0px #ccc inset; box-shadow: 0px 0px 1px 0px #ccc inset; border: solid 1px #ddd; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; } .wgtIgniteDashboardDueItem:hover { border-color: var(--wgtIgnite-color-1l3); } .wgtIgniteDashboardDueItemTitle { font-weight: 300; letter-spacing: -1px; margin-top: 5px; /*S 7/5/22 */ text-align: center; /*E 7/5/22 */ } .wgtIgniteDashboardDueList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; margin: 20px 0px; /*S 10/19/22 */ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /*E 10/19/22 */ } .wgtIgniteDashboardDueListItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*S 10/12/22 */ /*E 10/12/22 */ } .wgtIgniteDashboardDueListItemLink { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .wgtIgniteDashboardDueListItemLead.RadLabel { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; text-align: right; color: var(--wgtIgnite-color-4); font-weight: 700; } .wgtIgniteDashboardDueListItemType { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteDashboardDueListItemType::before { content: ""; height: 28px; width: 28px; background-color: var(--wgtIgnite-color-3); display: inline-block; mask-image: url('data:image/svg+xml; utf8, '); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8, '); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; height: 15px; width: 15px; margin-right: 5px; position: relative; bottom: 2px; } .wgtIgniteDashboardDueListItemType.due-today::before { background-color: #dfb461; } .wgtIgniteDashboardDueListItemType.due-past::before { background-color: #f55; } .wgtIgniteDashboardDueListNavigation { /*S 10/13/22 */ /*E 10/13/22 */ } .wgtIgniteDashboardDueListNavigation .RadDataPager { background-color: transparent; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 20px; } .wgtIgniteDashboardDueItemStat { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--wgtIgnite-color-1) !important; font-weight: 800; font-size: var(--wgtIgnite-text-size-max); } .wgtIgniteDashboardDueStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: solid 1px var(--wgtIgnite-palette-grey-5); -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .wgtIgniteDashboardDueStatTitle { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; font-weight: 700; } .wgtIgniteDashboardDueStatValue.RadLabel { font-weight: 700; font-size: var(--wgtIgnite-text-size-hero); height: 25px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteDashboardDueStat.due-today { margin-top: 10px; } .wgtIgniteDashboardDueStat.due-today::before { content: ""; height: 28px; width: 28px; background-color: var(--wgtIgnite-color-3); display: inline-block; mask-image: url('data:image/svg+xml; utf8, '); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8, '); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; height: 15px; width: 15px; background-color: #dfb461; margin-right: 5px; } .wgtIgniteDashboardDueStat.due-past::before { content: ""; height: 28px; width: 28px; background-color: var(--wgtIgnite-color-3); display: inline-block; mask-image: url('data:image/svg+xml; utf8, '); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8, '); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; height: 15px; width: 15px; background-color: #f55; margin-right: 5px; } .wgtIgniteDashboardGrid { /*S 7/6/22 */ /*S 07/20/23 */ /*E 07/20/23 */ /*E 7/6/22 */ /*S 07/21/23 */ /*E 07/21/23 */ } .wgtIgniteDashboardGridBox { /*S 10/03/22 */ background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); position: relative; overflow: hidden; /*E 10/03/22 */ /*S 07/06/23 */ /*E 07/06/23 */ /*E 7/5/22 */ } .wgtIgniteDashboardGridBox.wgtIgniteDashboardGridHero { background-color: transparent; overflow: visible; /*S 12/19/22 */ margin-bottom: 20px; /*E 12/19/22 */ } .wgtIgniteDashboardGridBox.wgtIgniteDashboardGridLeadsActions { height: 100%; } .wgtIgniteDashboardGridBoxBody { padding: 10px; /*S 10/19/22 */ /*E 10/19/22 */ } .wgtIgniteDashboardGridDue .wgtIgniteDashboardGridBoxBody { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteDashboardGridHero .wgtIgniteDashboardGridBoxBody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px; } .wgtIgniteDashboardGridSparkActivity .wgtIgniteDashboardGridBoxBody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } .wgtIgniteDashboardGridTagCloud .wgtIgniteDashboardGridBoxBody { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .wgtIgniteDashboardGridLeadsActions .wgtIgniteDashboardGridBoxBody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wgtIgniteCampaignDetailsStats .wgtIgniteDashboardGridBoxSubtitle.RadLabel { grid-column: span 2; text-align: right; font-weight: 900; font-size: var(--wgtIgnite-text-size-large); color: var(--wgtIgnite-color-4); } .MessageAnalyticsModalActive .wgtIgniteDashboardGridBoxSubtitle.RadLabel { grid-column: -1/1; text-align: left; } .wgtIgniteDashboardGridBoxTitle, .wgtIgniteDashboardGridBoxTitle.RadLabel { color: var(--wgtIgnite-color-1); display: block; font-size: var(--wgtIgnite-text-size-large); font-weight: 900; left: 0px; padding: 5px 8px; text-transform: uppercase; width: 100%; /*S 12/20/22 */ /*E 12/20/22 */ } .MessageAnalyticsModalActive .wgtIgniteDashboardGridBoxTitle, .MessageAnalyticsModalActive .wgtIgniteDashboardGridBoxTitle.RadLabel { grid-column: -1/1; } .wgtIgniteCampaignDetailsStats .wgtIgniteDashboardGridBoxTitle, .wgtIgniteCampaignDetailsStats .wgtIgniteDashboardGridBoxTitle.RadLabel { grid-column: span 3; padding: 0px; } .wgtIgniteDashboardGridBoxHeader .wgtIgniteDashboardGridBoxTitle, .wgtIgniteDashboardGridBoxHeader .wgtIgniteDashboardGridBoxTitle.RadLabel { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; } .wgtIgniteDashboardGridBoxTitle > span, .wgtIgniteDashboardGridBoxTitle.RadLabel > span { color: inherit !important; } .wgtIgniteDashboardGridBoxHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteDashboardGridBoxStats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; } .wgtIgniteDashboardGridDue { /*S 10/19/22 */ height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /*E 10/19/22 */ } .wgtIgniteDashboardGridHeroTitle.RadLabel { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); color: var(--wgtIgnite-color-4); font-weight: 700; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; /*S 12/29/22 */ font-size: var(--wgtIgnite-text-size-large); padding: 10px 20px; /*E 12/29/22 */ } .wgtIgniteDashboardGridStatCards { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 10px; padding: 0px 10px 10px 10px; position: relative; z-index: 4; } .wgtIgniteDashboardGridStatCard { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); -webkit-box-shadow: 0px 1px 4px 1px #ccc; box-shadow: 0px 1px 4px 1px #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px; position: relative; } .wgtIgniteDashboardGridStatCardEmailValues { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteDashboardGridStatCardSubtitle.RadLabel { color: var(--wgtIgnite-palette-grey-8); font-weight: 100; font-style: italic; } .wgtIgniteDashboardGridStatCardTitle.RadLabel { color: var(--wgtIgnite-palette-base); font-size: var(--wgtIgnite-text-size-medium); font-weight: 400; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 15px; } .wgtIgniteDashboardGridStatCardTooltip { position: absolute; right: 10px; top: 10px; } .wgtIgniteDashboardGridStatCardTooltip:hover { cursor: pointer; } .wgtIgniteDashboardGridStatCardTooltip::before { content: ""; height: 20px; width: 20px; background-color: var(--wgtIgnite-color-4); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; background-color: var(--wgtIgnite-color-2); height: 15px; width: 15px; } .wgtIgniteDashboardGridStatCardTooltipInfo.RadLabel { background-color: var(--wgtIgnite-palette-base); color: var(--wgtIgnite-palette-background); position: absolute; display: none; padding: 10px; border-radius: var(--wgtIgnite-br); min-width: 120px; right: 0px; } .wgtIgniteDashboardGridStatCardTooltipInfo.RadLabel::before { background-color: var(--wgtIgnite-palette-base); content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 10px; height: 10px; right: 5px; top: -3px; position: absolute; } .wgtIgniteDashboardGridStatCardTooltip:hover .wgtIgniteDashboardGridStatCardTooltipInfo.RadLabel { display: block; } .wgtIgniteDashboardGridStatCardValueEmailOpened.RadLabel::before { content: "/"; margin: 0px 5px; font-size: var(--wgtIgnite-text-size-medium); font-weight: 800; } .wgtIgniteDashboardGridStatCardValue.RadLabel { font-size: var(--wgtIgnite-text-size-medium); font-weight: 800; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteDashboardGridStats { background: #fff; position: fixed; right: 20px; top: 280px; z-index: 2; } .wgtIgniteDashboardGridOverview { border-bottom: none !important; border-left: none !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteDashboardGridOverviewPresentation { position: relative; z-index: 1; right: 20px; padding-left: 20px; /*S 8/2/22 */ margin-top: 80px; /*E 8/2/22 */ } .wgtIgniteDashboardGridOverviewPresentation::after { content: ""; display: block; background: var(--wgtIgnite-color-1); -webkit-mask-image: url(../images/supportGraphic3.png); mask-image: url(../images/supportGraphic3.png); -webkit-mask-position: -65px -100px; mask-position: -65px -100px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; width: 600px; height: 300px; position: absolute; top: -80px; left: 0px; z-index: -1; } .wgtIgniteDashboardGridOverviewPresentationGraphic { background: -webkit-gradient(linear, left top, left bottom, from(var(--wgtIgnite-color-1)), to(transparent)); background: linear-gradient(var(--wgtIgnite-color-1), transparent); background-image: url(../images/supportGraphic3.png); background-repeat: no-repeat; background-size: cover; height: 480px; width: 480px; position: absolute; left: -94px; top: -150px; } .wgtIgniteDashboardGridOverviewPresentation .RadLabel { color: var(--wgtIgnite-palette-background) !important; font-size: var(--wgtIgnite-text-size-hero); } .wgtIgniteDashboardGridOverviewStats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 1; } .wgtIgniteDashboardGridOverviewStatsTotal, .wgtIgniteDashboardGridOverviewStatsGroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteDashboardGridWrapper { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); } .wgtIgniteDashboardLatestLead { border-bottom: dotted 1px var(--wgtIgnite-color-4); font-size: var(--wgtIgnite-text-size-medium); color: var(--wgtIgnite-color-4); display: grid; grid-template-columns: 1fr 1fr; } .wgtIgniteDashboardLatestLead > a { grid-column: span 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteDashboardLatestLead > a .RadLabel { color: var(--wgtIgnite-color-4); } .wgtIgniteDashboardLatestLead > .RadLabel:last-child { text-align: right; } .wgtIgniteDashboardLatestNavigation { /*S 10/13/22 */ /*E 10/13/22 */ } .wgtIgniteDashboardLatestNavigation .RadDataPager { background-color: transparent; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteDashboardLeadChart svg { /*S 7/8/22 */ -webkit-transform: translate(3px, 0px); transform: translate(3px, 0px); /*E 7/8/22 */ } .wgtIgniteDashboardLeadChart svg g[clip-path] path[fill=none] { stroke: var(--wgtIgnite-color-1l3) !important; } .wgtIgniteDashboardLeadChartWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteDashboardLeadGrowth { color: var(--wgtIgnite-palette-background) !important; font-size: var(--wgtIgnite-text-size-large); font-weight: 100; } .wgtIgniteDashboardPie { position: absolute !important; right: 0px; z-index: 1; } .wgtIgniteDashboardSection { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteDashboardSparkSite { background-color: var(--wgtIgnite-palette-grey-1); border-radius: var(--wgtIgnite-br); /*S 12/19/22 */ display: grid; grid-template-columns: 65% 1fr; grid-template-rows: auto auto 1fr; padding: 20px; gap: 20px; /*E 12/19/22 */ /*S 12/12/22 */ /*E 12/12/22 */ } .wgtIgniteDashboardSparkSiteAverages, .wgtIgniteDashboardSparkSiteBounceRates, .wgtIgniteDashboardSparkSiteVisitors { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteDashboardSparkSiteHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-bottom: solid 1px var(--wgtIgnite-palette-grey-3); /*S 12/12/22 */ grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 3; /*E 12/12/22 */ /*S 10/27/22 */ /*E 10/27/22 */ } .wgtIgniteDashboardSparkSiteHeaderMenu { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 10px; } .wgtIgniteDashboardSparkSiteHeaderMenu li:hover { cursor: pointer; } .wgtIgniteDashboardSparkSiteHeaderMenuTitle { border-radius: var(--wgtIgnite-br); padding: 5px 8px; pointer-events: none; } li.active .wgtIgniteDashboardSparkSiteHeaderMenuTitle { background-color: var(--wgtIgnite-color-1); color: var(--wgtIgnite-palette-background); } .wgtIgniteDashboardSparkSiteHeaderTitle.RadLabel { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; color: var(--wgtIgnite-palette-base); font-size: var(--wgtIgnite-text-size-large); font-weight: 700; } .wgtIgniteDashboardSparkSiteSectionAnalytics { grid-row-start: 2; grid-row-end: 3; grid-column-start: 2; grid-column-end: 3; } .wgtIgniteDashboardSparkSiteSectionAnalyticsStatLabel.RadLabel { font-weight: 100; } .wgtIgniteDashboardSparkSiteSectionAnalyticsStatValue.RadLabel { font-size: var(--wgtIgnite-text-size-hero); font-weight: 700; } .wgtIgniteDashboardSparkSiteSectionContacts { grid-row-start: 2; grid-row-end: 4; grid-column-start: 2; grid-column-end: 3; /*S 12/20/22 */ /*E 12/20/22 */ } .wgtIgniteDashboardSparkSiteSectionContactsList { padding: 10px; background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); } .wgtIgniteDashboardSparkSiteSectionContactsListHeaders { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /*S 12/14/22 */ padding: 0px 10px; /*E 12/14/22 */ } .wgtIgniteDashboardSparkSiteSectionContactsListHeadersItem.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteDashboardSparkSiteSectionContactsListItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /*S 12/19/22 */ /*E 12/19/22 */ } .wgtIgniteDashboardSparkSiteSectionContactsListItemDate { text-align: right; } .wgtIgniteDashboardSparkSiteSectionContactsListItemLink { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wgtIgniteDashboardSparkSiteSectionContactsListItemLead.RadLabel { color: var(--wgtIgnite-color-4); } .wgtIgniteDashboardSparkSiteSectionContactsTitle.RadLabel { padding: 12px 0px 10px 0px; text-align: center; width: 100%; font-weight: 800; } .wgtIgniteDashboardSparkSiteSectionLeads { grid-row-start: 2; grid-row-end: 4; grid-column-start: 1; grid-column-end: 2; } .wgtIgniteDashboardSparkSiteSectionStatBounceRate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteDashboardSparkSiteTabs { padding: 10px; } .wgtIgniteDashboardSponsor { /*S 12/29/22 */ padding: 20px; background-color: var(--wgtIgnite-palette-background); border-radius: calc(var(--wgtIgnite-br) * 4); -webkit-box-shadow: 0px 1px 1px 1px #ccc; box-shadow: 0px 1px 1px 1px #ccc; position: relative; right: 6px; height: 70px; width: 200px; /*E 12/29/22 */ } .wgtIgniteDashboardSponsor.background-black { background-color: #000000; } .wgtIgniteDashboardSponsor.background-dark { background-color: #474747; } .wgtIgniteDashboardSponsor.default, .wgtIgniteDashboardSponsor.squared { border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 80px; width: 80px; } .wgtIgniteDashboardSponsor.default { -webkit-transform: scale(1.1); transform: scale(1.1); } .wgtIgniteDashboardSponsor.no-background { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .wgtIgniteDashboardSponsor.rounded { border-radius: 100%; } .wgtIgniteDashboardSponsor.squared { border-radius: 0px; } .wgtIgniteDashboardSponsor > a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteDashboardSponsor > a > img { width: 100%; } .wgtIgniteDashboardTagCloud { /*S 12/20/22 */ /*E 12/20/22 */ } .wgtIgniteDashboardTagCloudEmptyMiddle { display: none; } .wgtIgniteDashboardGridTagCloud.empty .wgtIgniteDashboardTagCloudEmpty { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; min-height: 300px; background-color: var(--wgtIgnite-color-1l5); position: relative; border-radius: var(--wgtIgnite-br); } .wgtIgniteDashboardGridTagCloud.empty .wgtIgniteDashboardTagCloudEmptyMiddle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; row-gap: 10px; padding: 10px; min-width: 250px; } .wgtIgniteDashboardGridTagCloud.empty .wgtIgniteDashboardTagCloudEmptyLeft, .wgtIgniteDashboardGridTagCloud.empty .wgtIgniteDashboardTagCloudEmptyRight { max-width: 400px; width: 100%; } .wgtIgniteDashboardGridTagCloud.empty .wgtIgniteDashboardTagCloudEmptyRight { background-position: top right; } .wgtIgniteDashboardTagCloud.RadTagCloud { /*S 10/28/22 */ border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 10px !important; float: left; /*E 10/28/22 */ /*S 12/20/22 */ /*E 12/20/22 */ /*S 11/04/22 */ /*E 11/04/22 */ } .wgtIgniteDashboardGridTagCloud.empty .wgtIgniteDashboardTagCloud.RadTagCloud { display: none; } .wgtIgniteDashboardTagCloud.RadTagCloud ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 700px; } .wgtIgniteDashboardTagCloud.RadTagCloud .rtcTagItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 3px; -moz-column-gap: 3px; column-gap: 3px; /*S 11/03/22 */ /*E 11/03/22 */ } .wgtIgniteDashboardTagCloud.RadTagCloud .rtcTagItem a { padding: 8px; border-radius: var(--wgtIgnite-br); font-family: var(--wgtIgnite-font); font-weight: 100; max-width: 250px; word-break: break-word; } .wgtIgniteDashboardTagCloud.RadTagCloud .rtcTagItem span { color: var(--wgtIgnite-palette-base); font-family: var(--wgtIgnite-font); font-weight: 100; } .wgtIgniteDashboardTitle { color: var(--wgtIgnite-color-3) !important; font-size: var(--wgtIgnite-text-size-hero); font-weight: 800; } .wgtIgniteEditorFrame { border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-palette-grey-3); height: 100%; } .wgtIgniteEditorFrame.disabled { pointer-events: none; } .wgtIgniteEditorMediaLibrary { position: relative; overflow-y: scroll; } .wgtIgniteEditorMediaLibraryContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .wgtIgniteEditorMediaLibraryControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; } .wgtIgniteEditorMediaLibraryItemMetaDimensions.RadLabel { padding-left: 10px; } .wgtIgniteEditorMediaLibraryItemName.RadLabel { padding-left: 10px; } .wgtIgniteEditorMediaLibraryListItem { border: solid 1px var(--wgtIgnite-palette-grey-2); border-radius: var(--wgtIgnite-br); position: relative; overflow: hidden; } .wgtIgniteEditorMediaLibraryListItem:hover { border: solid 1px var(--wgtIgnite-color-1); cursor: pointer; } .wgtIgniteEditorMediaLibraryListItem.selected { border-color: var(--wgtIgnite-color-1); } .wgtIgniteEditorMediaLibraryListItemPreviewThumbnail { width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; } .wgtIgniteEditorToken { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--wgtIgnite-color-3l4); border: none; padding: 5px; border-radius: var(--wgtIgnite-br); -webkit-box-shadow: 0px 0px 1px 0px #aaa; box-shadow: 0px 0px 1px 0px #aaa; font-style: italic; font-weight: 100; pointer-events: none; } .wgtIgniteEditorTokens { -ms-flex-item-align: end; align-self: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 10px; } .wgtIgniteEditorTokensMenuContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteEditorTokensMenuTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteEditorVisual.disabled { pointer-events: none; } .wgtIgniteEditorZone { height: 100%; position: relative; overflow: hidden; } .wgtIgniteEditorZone .fr-toolbar .fr-command.fr-btn svg path, .wgtIgniteEditorZone .fr-popup .fr-command.fr-btn svg path, .wgtIgniteEditorZone .fr-modal .fr-command.fr-btn svg path { fill: var(--wgtIgnite-color-1); } .wgtIgniteLogin, .wgtIgniteSignup { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 450px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* S 3/25/22 */ /* E 3/25/22 */ } .wgtIgniteLogin > p, .wgtIgniteSignup > p { max-width: 400px; width: 100%; } .wgtIgniteLoginBranding, .wgtIgniteSignupBranding { background-color: var(--wgtIgnite-palette-background); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .wgtIgniteLoginBranding::before, .wgtIgniteSignupBranding::before { content: ""; display: block; position: absolute; width: 98%; height: 1px; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0)), color-stop(var(--wgtIgnite-color-1)), to(rgba(255, 0, 0, 0))); background: linear-gradient(to right, rgba(255, 0, 0, 0), var(--wgtIgnite-color-1), rgba(255, 0, 0, 0)); top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .wgtIgniteLoginBranding img, .wgtIgniteSignupBranding img { width: 280px; -webkit-filter: drop-shadow(0px 0px 4px #aaa); filter: drop-shadow(0px 0px 4px #aaa); } .wgtIgniteLoginForm, .wgtIgniteSignupForm { border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-color-1); background-color: var(--wgtIgnite-palette-background); max-width: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /* S 3/25/22 */ position: relative; z-index: 2; left: 40px; bottom: 30px; /* E 3/25/22 */ } .wgtIgniteLoginForm p, .wgtIgniteSignupForm p { text-align: center; } .wgtIgniteLoginFormBody, .wgtIgniteLoginFormHeader, .wgtIgniteSignupFormBody, .wgtIgniteSignupFormHeader { border-radius: inherit; width: 100%; position: relative; overflow: hidden; } .wgtIgniteLoginFormBody, .wgtIgniteSignupFormBody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; padding: 10px 20px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .wgtIgniteLoginFormHeader, .wgtIgniteSignupFormHeader { padding: 10px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .wgtIgniteLoginFormControls, .wgtIgniteSignupFormControls { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 20px; /* S 3/25/22 */ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* E 3/25/22 */ } .wgtIgniteLoginHero, .wgtIgniteSignupHero { position: relative; z-index: 1; } .wgtIgniteLoginHero img, .wgtIgniteSignupHero img { max-width: 800px; } .wgtIgniteLoginHeroTitle, .wgtIgniteSignupHeroTitle { color: #fff; } .wgtIgniteLoginMain, .wgtIgniteSignupMain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* S 3/25/22 */ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /* E 3/25/22 */ max-width: 1800px; margin-left: auto; margin-right: auto; } .wgtIgniteLoginPremember, .wgtIgniteLoginNotice, .wgtIgniteSignupPremember, .wgtIgniteSignupNotice { width: 100%; } .wgtIgniteLoginSubtitle, .wgtIgniteSignupSubtitle { color: #fff; font-style: italic; margin: 20px 0px 50px 0px; position: relative; } .wgtIgniteLoginTitle, .wgtIgniteSignupTitle { color: #fff; max-width: 400px; width: 100%; font-size: 80px; line-height: 60px; /* S 3/25/22 */ position: relative; z-index: 1; /* S 3/25/22 */ } .wgtIgniteLoginTeaser, .wgtIgniteSignupTeaser { margin-top: 100px; position: relative; } .wgtIgniteLoginTeaser::before, .wgtIgniteSignupTeaser::before { background-image: url("/ignite-bubble.png"); background-size: cover; content: ""; width: 700px; height: 400px; display: block; position: absolute; z-index: 0; top: -105px; left: -90px; } .wgtIgniteMobileContextFiltersTitle { color: var(--wgtIgnite-color-1); } .wgtIgniteEChart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteEntry { background-color: var(--wgtIgnite-palette-list-item-bg); border: solid 1px var(--wgtIgnite-color-2); border-left-width: 5px; border-radius: var(--wgtIgnite-br); display: grid; grid-template-rows: auto; grid-auto-rows: auto; padding: 20px 10px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; -webkit-transition: padding 0.6s ease; transition: padding 0.6s ease; width: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; position: relative; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 0px 10px 10px 10px; /* S 4/19/22 */ /* E 4/19/22 */ /*S 03/22/23 */ /*E 03/22/23 */ /* .wgtIgniteEntryLink */ /* S 03/23/23 */ /* E 03/23/23 */ /* wgtIgniteEntryRow */ /* .wgtIgniteEntrySelector */ /* S 4/22/22 */ /* wgtIgniteEntryTags */ /*E 4/22/22 */ /*S 03/23/23 */ } .wgtIgniteEntry:hover { background-color: var(--wgtIgnite-color-2l3); } .wgtIgniteEntry.filtered { max-height: 0px; visibility: hidden; pointer-events: none; } .wgtIgniteEntry.selected .wgtIgniteEntrySelector { background-color: var(--wgtIgnite-color-1); opacity: 1; } .wgtIgniteEntry.suspended { background-color: var(--wgtIgnite-palette-grey-3); } .wgtIgniteEntryCell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* wgtIgniteEntryCellLabel */ /* wgtIgniteEntryCellValue */ } .wgtIgniteEntryCell.wgtIgniteEntryCommunications { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 4; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .wgtIgniteEntryCell.wgtIgniteEntryToolbar { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 7; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .wgtIgniteEntryCell.wgtIgniteEntryDate { /* S 4/21/22 */ grid-row-start: 2; grid-row-end: 3; grid-column-start: 5; grid-column-end: 6; text-align: right; /* E 4/21/22 */ } .wgtIgniteEntryCell.wgtIgniteEntryDue { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; grid-row-start: 2; grid-row-end: 3; grid-column-start: 6; grid-column-end: 7; } .wgtIgniteEntryCell.wgtIgniteEntryGeneralComments { grid-column-start: 3; grid-column-end: 6; grid-row-start: 3; grid-row-end: 4; } .wgtIgniteEntryCell.wgtIgniteEntryMessage { grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; } .wgtIgniteEntryCell.wgtIgniteEntryName { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2; padding-bottom: 5px; white-space: normal; } .wgtIgniteEntryCell.wgtIgniteEntryRequest { grid-row-start: 2; grid-row-end: 3; grid-column-start: 4; grid-column-end: 5; } .wgtIgniteEntryCell.wgtIgniteEntrySource { /*S 4/21/22 */ grid-row-start: 2; grid-row-end: 3; grid-column-start: 3; grid-column-end: 4; /*E 4/21/22 */ } .wgtIgniteEntryCell.wgtIgniteEntryStatus { grid-row-start: 2; grid-row-end: 3; grid-column-start: 2; grid-column-end: 3; } .wgtIgniteEntryCell.wgtIgniteEntryTags { grid-column-start: 1; grid-column-end: 7; grid-row-start: 5; grid-row-end: 6; } .wgtIgniteEntryCellLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteEntryDue .wgtIgniteEntryCellLabel { text-align: right; } .wgtIgniteEntryCellValue { color: var(--wgtIgnite-palette-base); line-height: 16px; min-height: 18px; /*S 03/22/23 */ /*E 03/22/23 */ /*S 03/22/23 */ /*E 03/22/23 */ } .wgtIgniteEntryGeneralComments .wgtIgniteEntryCellValue, .wgtIgniteEntryMessage .wgtIgniteEntryCellValue { font-style: italic; } .wgtIgniteEntryCommunications .wgtIgniteEntryCellValue { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 25px; height: 25px; } .wgtIgniteEntryToolbar .wgtIgniteEntryCellValue { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 25px; height: 25px; } .wgtIgniteEntryName:hover .wgtIgniteEntryCellValue { position: absolute; top: 12px; } .wgtIgniteEntryCommunicationsNotification { border-radius: 25px; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; } .wgtIgniteEntryCommunicationsNotification::after { content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-color: var(--wgtIgnite-palette-grey-4); mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-position: center; mask-size: 20px; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 20px; height: 30px; width: 30px; } .wgtIgniteEntryCommunicationsNotification.active { background-color: var(--wgtIgnite-palette-background); -webkit-box-shadow: 0px 0px 8px 0px #ccc; box-shadow: 0px 0px 8px 0px #ccc; pointer-events: all; } .wgtIgniteEntryCommunicationsNotification.active::after { background-color: var(--wgtIgnite-color-1); } .wgtIgniteEntryCommunicationsNotification.invalid { background-color: var(--wgtIgnite-palette-alert); -webkit-box-shadow: 0px 0px 8px 0px #ccc; box-shadow: 0px 0px 8px 0px #ccc; pointer-events: all; } .wgtIgniteEntryCommunicationsNotification.invalid::after { background-color: var(--wgtIgnite-palette-background); } .wgtIgniteEntryCommunicationsNotification.platform-email::after { -webkit-mask-size: 18px; mask-size: 18px; } .wgtIgniteEntryCommunicationsNotification.platform-sms::after { mask-size: 18px; mask-image: url('data:image/svg+xml; utf8, '); -webkit-mask-image: url('data:image/svg+xml; utf8, '); -webkit-mask-size: 18px; } .wgtIgniteEntryCommunicationsNotification.platform-projectbroadcast::after { -webkit-mask-image: url('data:image/svg+xml; utf8, '); mask-image: url('data:image/svg+xml; utf8, '); mask-size: 14px; -webkit-mask-image: url('data:image/svg+xml; utf8, '); -webkit-mask-size: 14px; } .opted-out .wgtIgniteEntryCommunicationsNotification, .suspended .wgtIgniteEntryCommunicationsNotification { display: none; } .wgtIgniteEntryControls { position: absolute; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; pointer-events: all !important; height: 100%; z-index: 1; } .wgtIgniteEntryDetailLink { border-bottom: dotted 1px var(--wgtIgnite-color-1); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: var(--wgtIgnite-text-size-medium); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; width: 100%; height: 100%; opacity: 0; top: 0; left: 0; z-index: 1; } .wgtIgniteEntryDetailLink::after { content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-color: var(--wgtIgnite-color-1); mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; height: 25px; width: 25px; } .wgtIgniteEntryDue { /*S 03/22/23 */ /*E 03/22/23 */ /*S 10/04/22 */ /*E 10/04/22 */ } .wgtIgniteEntryDueEmpty.RadLabel { width: 100%; text-align: right; line-height: 16px !important; } .wgtIgniteEntryDueItem { /*S 7/08/22 */ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /*E 7/08/22 */ border-radius: var(--wgtIgnite-br); -webkit-box-shadow: 0px 0px 1px 0px #ccc inset; box-shadow: 0px 0px 1px 0px #ccc inset; border: solid 1px #ddd; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; } .wgtIgniteEntryDueItem:hover { border-color: var(--wgtIgnite-color-1l3); } .wgtIgniteEntryDueItemTitle { font-weight: 300; letter-spacing: -1px; margin-top: 5px; /*S 7/5/22 */ text-align: center; /*E 7/5/22 */ } .wgtIgniteEntryDueList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 0px; margin: 0px 0px 0px auto; padding-left: 10px; max-width: 150px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgniteEntryDueListItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /*S 10/26/22 */ /*E 10/26/22 */ } .wgtIgniteEntryDueListItemCode.RadLabel { font-style: italic; text-align: right; width: 100%; } .wgtIgniteEntryDueListItemType { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-left: 5px; } .wgtIgniteEntryDueListItemType::before { content: ""; height: 28px; width: 28px; background-color: var(--wgtIgnite-color-3); display: inline-block; mask-image: url('data:image/svg+xml; utf8, '); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8, '); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; height: 15px; width: 15px; margin-right: 0px; position: relative; } .wgtIgniteEntryDueListItemType.due-today::before { background-color: #dfb461; } .wgtIgniteEntryDueListItemType.due-past::before { background-color: #f55; } .wgtIgniteEntryDueItemStat { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--wgtIgnite-color-1) !important; font-weight: 800; font-size: var(--wgtIgnite-text-size-max); } .wgtIgniteEntryDueStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: solid 1px var(--wgtIgnite-palette-grey-5); -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .wgtIgniteEntryDueStatTitle { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; font-weight: 700; } .wgtIgniteEntryDueStatValue.RadLabel { font-weight: 700; font-size: var(--wgtIgnite-text-size-hero); height: 25px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteEntryDueStat.due-today { margin-top: 10px; } .wgtIgniteEntryDueStat.due-today::before { content: ""; height: 28px; width: 28px; background-color: var(--wgtIgnite-color-3); display: inline-block; mask-image: url('data:image/svg+xml; utf8, '); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8, '); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; height: 15px; width: 15px; background-color: #dfb461; margin-right: 5px; } .wgtIgniteEntryDueStat.due-past::before { content: ""; height: 28px; width: 28px; background-color: var(--wgtIgnite-color-3); display: inline-block; mask-image: url('data:image/svg+xml; utf8, '); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8, '); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; height: 15px; width: 15px; background-color: var(--wgtIgnite-palette-alert); margin-right: 5px; } .wgtIgniteEntryEditTrigger { /*S 03/08/23 */ /*E 03/08/23 */ /*S 10/31/22 */ /*E 10/31/22 */ } .wgtIgniteEntryEditTrigger, .wgtIgniteEntryEditTrigger.RadButton { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; position: relative; width: 100%; height: auto; background-color: transparent !important; border: none !important; border-bottom: dotted 1px var(--wgtIgnite-color-1) !important; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; left: 0px; border-radius: 0px !important; padding: 0px !important; grid-column: 1/-1; z-index: 2; } .wgtIgniteCampaignsList .wgtIgniteEntryEditTrigger, .wgtIgniteCampaignsList .wgtIgniteEntryEditTrigger.RadButton { display: none; } .disabled .wgtIgniteEntryEditTrigger { display: none !important; } .wgtIgniteEntryEditTrigger::before { content: attr(data-entry-title); color: var(--wgtIgnite-color-1); background-color: transparent; } .wgtIgniteEntryEditTrigger::after { content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-color: var(--wgtIgnite-color-1); mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; height: 25px; width: 25px; } .wgtIgniteEntryEllipses { background-color: var(--wgtIgnite-palette-background); } .wgtIgniteEntryEmptyTagsPlaceholder.RadLabel { display: none; } .wgtIgniteEntry.no-tags .wgtIgniteEntryEmptyTagsPlaceholder.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteEntryLink { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteEntryName:hover .wgtIgniteEntryLink { position: relative; } .wgtIgniteEntryName { white-space: nowrap; overflow: hidden; } .wgtIgniteEntryName:hover { overflow: visible; } .wgtIgniteEntryOut.RadLabel { display: none; } .wgtIgniteEntryToolbarNotifications.opted-out .wgtIgniteEntryOut.RadLabel, .wgtIgniteEntry.suspended .wgtIgniteEntryOut.RadLabel { display: block; font-weight: 100; color: var(--wgtIgnite-palette-alert); } .wgtIgniteEntry.suspended .wgtIgniteEntryOut.RadLabel { color: var(--wgtIgnite-color-2); } .wgtIgniteEntryRevealTagTrigger { cursor: pointer; z-index: 3; } .wgtIgniteEntryRow { /*S 3/23/23 */ display: grid; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; grid-template-columns: minmax(100px, 200px) minmax(80px, 100px) minmax(80px, 100px) minmax(80px, 100px) minmax(100px, 200px) minmax(100px, 200px); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-template-rows: 35px auto auto; grid-auto-rows: auto; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /*E 3/23/23 */ } .wgtIgniteEntrySelector { border: solid 1px var(--wgtIgnite-palette-grey-2); cursor: pointer; display: inline-block; width: 16px; border-radius: 5px; position: relative; min-height: 40px; background-color: var(--wgtIgnite-palette-background); margin: 0px; margin-top: 10px; z-index: 2; /*S 5/16/22 */ /*E 5/16/22 */ } .wgtIgniteEntrySelectorCheckbox { border-radius: var(--wgtIgnite-br); cursor: pointer; position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0px; } .wgtIgniteEntrySelectorCheckbox:active, .wgtIgniteEntrySelectorCheckbox:focus-visible { background-color: var(--wgtIgnite-palette-grey-2); outline: none; } .wgtIgniteEntry.selected .wgtIgniteEntrySelectorCheckbox:active, .wgtIgniteEntry.selected .wgtIgniteEntrySelectorCheckbox:focus-visible { opacity: 0.5; } .wgtIgniteEntrySelector:hover { -webkit-box-shadow: 0px 0px 3px 0px #ccc; box-shadow: 0px 0px 3px 0px #ccc; background-color: var(--wgtIgnite-palette-grey-1); } .wgtIgniteEntry.selected .wgtIgniteEntrySelector { border-color: var(--wgtIgnite-color-1); } .wgtIgniteEntryTags { max-height: 0px; -webkit-transition: max-height 0.3s ease, opacity 0.3s ease; transition: max-height 0.3s ease, opacity 0.3s ease; position: relative; opacity: 0; pointer-events: none; } .wgtIgniteEntryTags::before { right: 8px; height: 40px; top: -40px; } .wgtIgniteEntry.tags-open .wgtIgniteEntryTags { -webkit-box-shadow: 0px 0px 5px 0px var(--wgtIgnite-palette-shadow); box-shadow: 0px 0px 5px 0px var(--wgtIgnite-palette-shadow); max-height: 2000px; min-height: 50px; opacity: 1; pointer-events: all; background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); margin-top: 10px; } .wgtIgniteEntryTagsList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wgtIgniteEntryToolbar { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wgtIgniteEntryToolbarNotifications { -webkit-column-gap: 3px; -moz-column-gap: 3px; column-gap: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 5px; } .wgtIgniteEntryToolbarNotifications.opted-out, .wgtIgniteEntry.suspended .wgtIgniteEntryToolbarNotifications { padding-top: 10px; } .wgtIgniteEntryToolbarNotifications.opted-out::before, .wgtIgniteEntry.suspended .wgtIgniteEntryToolbarNotifications::before { content: ""; display: block; width: 15px; height: 15px; background-color: var(--wgtIgnite-palette-alert); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .wgtIgniteEntry.suspended .wgtIgniteEntryToolbarNotifications::before { background-color: var(--wgtIgnite-color-2); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .wgtIgniteEntryToolbarSet { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteEntryTool { height: 25px; width: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--wgtIgnite-color-2); } .wgtIgniteEntryTool::before { content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-color: var(--wgtIgnite-palette-background); mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; height: 25px; width: 25px; } .wgtIgniteEntryTool:first-child { border-bottom-left-radius: var(--wgtIgnite-br); } .wgtIgniteEntryTool:last-child { border-bottom-right-radius: var(--wgtIgnite-br); } .wgtIgniteEntry.tags-open .wgtIgniteEntryToolTags { background-color: var(--wgtIgnite-color-2d1); } .wgtIgniteEntryToolTags::before { mask-image: url('data:image/svg+xml; utf8,'); mask-size: 14px; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-size: 14px; } .wgtIgniteEmptyList { /*S 12/21/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; padding: 20px; /*E 12/21/22 */ } .wgtIgniteEmptyList.vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteDashboardSparkSiteSectionContacts .wgtIgniteEmptyList.vertical { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); } .wgtIgniteEmptyListGraphic { /*S 12/20/22 */ background-size: cover; background-repeat: no-repeat; opacity: 0.8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /*E 12/20/22 */ /*S 1/13/23 */ /*E 1/13/23 */ } .wgtIgniteEmptyListGraphic svg { width: 100%; max-width: 200px; } .wgtIgniteEmptyListGraphic img { max-width: 100%; } .wgtIgniteEmptyListMessage h1 { line-height: 30px; text-align: center; } .wgtIgniteEmptyListMessage h1, .wgtIgniteEmptyListMessage p { color: var(--wgtIgnite-palette-base); } .wgtIgniteEmptyListMessageTitle.RadLabel, .wgtIgniteEmptyListMessageTitle, .wgtIgniteEmptyListMessage h1 { font-size: var(--wgtIgnite-text-size-large); font-weight: 900; } .wgtIgniteEmptyList.vertical .wgtIgniteEmptyListMessage { /*S 12/16/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; /*E 12/16/22 */ /*S 12/19/22 */ /*E 12/19/22 */ } .wgtIgniteEmptyList.vertical .wgtIgniteEmptyListMessage p { text-align: center; } .wgtIgniteSettingsPaymentTemplates .wgtIgniteEmptyList, .wgtIgniteSettingsPaymentHistory .wgtIgniteEmptyList { background-color: var(--wgtIgnite-palette-background); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 40px; width: 100%; text-align: center; } .wgtIgniteModalListContainer .wgtIgniteEmptyList { padding: 0px; } .wgtIgniteOrderProductListContainer .wgtIgniteEmptyList { height: 100%; border-radius: var(--wgtIgnite-br); border: dashed 2px var(--wgtIgnite-color-1l2); opacity: 0.5; } .wgtIgniteError.RadLabel { border: solid 1px var(--wgtIgnite-palette-alert); position: relative; color: var(--wgtIgnite-palette-background); display: none; font-weight: 900; border-radius: var(--wgtIgnite-br); padding: 10px; } .wgtIgniteError.RadLabel.reveal { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteError.RadLabel::before { content: ""; background-color: var(--wgtIgnite-palette-alert); position: absolute; opacity: 0.7; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .wgtIgniteExpiredSubscription { border-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-palette-background); padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; margin: 0px 10px; width: 100%; } .wgtIgniteExpiredSubscriptionActivatePaymentMethod { font-style: italic; } .wgtIgniteExpiredSubscriptionBranding { border-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-palette-background); } .wgtIgniteExpiredSubscriptionDetails { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteExpiredSubscriptionDetailsAccount { margin-left: auto; } .wgtIgniteExpiredSubscriptionDetailsInfo { width: 100%; max-width: 420px; border-left: solid 1px var(--wgtIgnite-palette-grey-6); padding-left: 10px; margin-left: 8px; } .wgtIgniteExpiredSubscriptionDetailsInfoTitle.RadLabel { font-size: var(--wgtIgnite-text-size-large); font-weight: 900; color: var(--wgtIgnite-palette-base); } .wgtIgniteExpiredSubscriptionPayMethodCancel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteExpiredSubscriptionRenewalCard, .wgtIgniteExpiredSubscriptionRenewalCardItem { background-color: var(--wgtIgnite-palette-list-item-bg); border: solid 1px var(--wgtIgnite-color-2); border-left-width: 5px; border-radius: var(--wgtIgnite-br); display: grid; grid-template-rows: auto; grid-auto-rows: auto; padding: 20px 10px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; -webkit-transition: padding 0.6s ease; transition: padding 0.6s ease; width: 100%; } .wgtIgniteExpiredSubscriptionRenewalCardStatTitle.RadLabel, .wgtIgniteExpiredSubscriptionRenewalCardItemStatTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteExpiredSubscriptionRenewalCard.active, .wgtIgniteExpiredSubscriptionRenewalCardItem.active { border: none !important; padding-right: 50px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-template-columns: 80px 100px 1fr 80px; width: 100%; } .wgtIgniteExpiredSubscriptionRenewalCard.disabled, .wgtIgniteExpiredSubscriptionRenewalCardItem.disabled { pointer-events: none; opacity: 0.5; } .wgtIgniteExpiredSubscriptionRenewalCard .rcbActionButton, .wgtIgniteExpiredSubscriptionRenewalCardItem .rcbActionButton { height: 100% !important; padding: 0px !important; width: 35px !important; pointer-events: none !important; background-color: transparent; border: none; } .wgtIgniteExpiredSubscriptionRenewalCard .rcbActionButton .p-icon, .wgtIgniteExpiredSubscriptionRenewalCardItem .rcbActionButton .p-icon { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .wgtIgniteExpiredSubscriptionRenewalCard .rcbActionButton .p-icon::before, .wgtIgniteExpiredSubscriptionRenewalCardItem .rcbActionButton .p-icon::before { content: "" !important; content: ""; height: 20px; width: 20px; background-color: var(--wgtIgnite-color-1); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; } .wgtIgniteExpiredSubscriptionRenewalCard .rcbActionButton .rcbButtonText, .wgtIgniteExpiredSubscriptionRenewalCardItem .rcbActionButton .rcbButtonText { display: none; } .wgtIgniteExpiredSubscriptionRenewalCardStat, .wgtIgniteExpiredSubscriptionRenewalCardItemStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .wgtIgniteExpiredSubscriptionRenewalCheckbox { background-color: var(--wgtIgnite-palette-grey-3); border-color: transparent; height: 16px; width: 16px; position: relative; border-radius: var(--wgtIgnite-br); } .wgtIgniteExpiredSubscriptionRenewalCheckbox:hover { cursor: pointer; } .wgtIgniteExpiredSubscriptionRenewalCheckbox .rbToggleCheckboxChecked::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--wgtIgnite-color-3l1); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 80%; mask-size: 80%; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .wgtIgniteExpiredSubscriptionRenewalControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteExpiredSubscriptionRenewalForm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; width: 100%; } .wgtIgniteExpiredSubscriptionRenewalPayment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteExpiredSubscriptionRenewalPaymentContainer { background-color: var(--wgtIgnite-palette-grey-1); border-radius: var(--wgtIgnite-br); padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 15px; } .wgtIgniteExpiredSubscriptionRenewalPaymentForm { border-right-width: 5px !important; } .wgtIgniteExpiredSubscriptionRenewalPaymentForm.wgtIgnitePayTemplatesListItem { display: none; border-top-right-radius: 0px; border-top-left-radius: 0px; } .wgtIgniteExpiredSubscriptionRenewalPaymentNew.open .wgtIgniteExpiredSubscriptionRenewalPaymentForm.wgtIgnitePayTemplatesListItem { display: grid; } .wgtIgniteExpiredSubscriptionRenewalPaymentNew.open .wgtIgniteExpiredSubscriptionRenewalPaymentForm.wgtIgnitePayTemplatesListItem:hover { background-color: var(--wgtIgnite-color-2l4); } .wgtIgniteExpiredSubscriptionRenewalPaymentSeperator { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteExpiredSubscriptionRenewalPaymentSeperatorTitle.RadLabel { color: var(--wgtIgnite-color-4); font-weight: 900; } .wgtIgniteExpiredSubscriptionRenewalPaymentSeperator::before, .wgtIgniteExpiredSubscriptionRenewalPaymentSeperator::after { content: ""; display: block; height: 1px; border-top: solid 1px var(--wgtIgnite-color-4); width: 100%; } .wgtIgniteExpiredSubscriptionRenewalPaymentTitle.RadLabel { color: var(--wgtIgnite-color-1); font-weight: 900; } .wgtIgniteExpiredSubscriptionRenewalPayMethodActivation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; grid-column: span 5; height: 100%; } .wgtIgniteExpiredSubscriptionRenewalSummary { margin-top: 10px; } .wgtIgniteExpiredSubscriptionRenewalSummaryTitle.RadLabel { font-weight: 900; color: var(--wgtIgnite-color-1); } .wgtIgniteExpiredSubscriptionRenewalTerms { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: solid 1px var(--wgtIgnite-palette-grey-3); border-top: solid 1px var(--wgtIgnite-palette-grey-3); margin: 30px 20px; padding: 10px 0px; position: relative; } .wgtIgniteFileSelectImportHTML.RadUpload .ruFileWrap.ruStyled { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteFileSelectImportHTML.RadUpload .ruFileWrap.ruStyled .ruFileInput:hover { cursor: pointer; } .wgtIgniteFileSelectImportHTML.RadUpload .ruFileWrap.ruStyled .ruBrowse { border-radius: var(--wgtIgnite-br) !important; -webkit-column-gap: 6px; -moz-column-gap: 6px; column-gap: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px !important; text-align: left; } .wgtIgniteFileSelectImportHTML.RadUpload .ruFileWrap.ruStyled .ruBrowse:hover { cursor: pointer; } .wgtIgniteFileSelectImportHTML.RadUpload .ruFileWrap.ruStyled .ruBrowse.ruButtonHover { cursor: pointer; } .wgtIgniteFileSelectImportHTML.RadUpload .ruFileWrap.ruStyled .ruBrowse.ruButtonHover:hover { cursor: pointer; } .wgtIgniteFileSelectImportHTML.RadUpload .ruFileWrap.ruStyled .ruBrowse::before { content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 15px; width: 15px; background-color: var(--wgtIgnite-color-1); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .wgtIgniteForm { background-color: var(--wgtIgnite-palette-background); padding: 10px; border: solid 1px var(--wgtIgnite-color-1l1); border-radius: var(--wgtIgnite-br); width: 100%; /*S 05/23/23 */ /* .wgtIgniteFormRequirement */ /* Used in SparkSites with required fields */ /*E 05/23/23 */ /*S 7/6/22 */ /*E 7/6/22 */ } .wgtIgniteFormImportUpload { border-color: #ccc; width: 100%; } .wgtIgniteFormNewAction { display: grid; grid-template-columns: 30% auto 20%; width: 100%; gap: 10px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteFormRequirement::before { content: "*"; } .wgtIgniteFormError { display: none !important; width: 100%; z-index: 99; /*S 1/12/23 */ /*E 1/12/23 */ } .wgtIgniteSettingsAccountGrid .wgtIgniteFormError { z-index: 1; } .wgtIgniteSparkSiteDetailFieldHTML .wgtIgniteFormError, .wgtIgniteMessageTemplateDetailFieldHTMLBody .wgtIgniteFormError { width: calc(100% - 230px); } .wgtIgniteMessageTemplateDetailFieldHeaderContent .wgtIgniteFormError, .wgtIgniteSparkSiteDetailFieldHeaderAddlContent .wgtIgniteFormError, .wgtIgniteSparkSiteDetailFieldJavascriptHeader .wgtIgniteFormError, .wgtIgniteSparkSiteDetailFieldHeaderCSS .wgtIgniteFormError, .wgtIgniteSparkSiteDetailFieldJavascriptFooter .wgtIgniteFormError { width: calc(100% - 130px); } .wgtIgniteFormError.reveal { /*S 7/7/22 */ background-color: var(--wgtIgnite-palette-alert) !important; border-radius: 60px; color: white !important; display: block !important; font-size: var(--wgtIgnite-text-size-default); padding: 5px 10px; line-height: 18px; position: absolute; bottom: calc(100% - 5px); left: 0; z-index: 2; /*E 7/7/22 */ } .wgtIgniteFormError.reveal.wgtIgniteFormErrorAccountStatus { color: var(--wgtIgnite-palette-alert) !important; background-color: transparent !important; bottom: unset !important; padding-left: 0px; position: relative !important; } .wgtIgniteFormError.reveal::after { bottom: -17px; z-index: -1; border-radius: 6px; content: ""; display: block; width: 0px; height: 0px; border: solid 10px transparent; border-top-color: #f24f4f; position: absolute; right: 0; bottom: -18px; left: 0; margin: auto; } .wgtIgniteFormError.reveal.wgtIgniteFormErrorAccountStatus::after { display: none; } .wgtIgniteFormError.reveal + span > label, .wgtIgniteFormError.reveal + div > label { opacity: 0; } .wgtIgniteOnboardingFormField .wgtIgniteFormError.reveal + span > label, .wgtIgniteOnboardingFormField .wgtIgniteFormError.reveal + div > label { opacity: 1; } .wgtIgniteFormError.wgtIgniteFormErrorBlock.reveal { position: relative; bottom: unset; } .wgtIgniteFormError.wgtIgniteFormErrorBlock.reveal::after { display: none !important; } .wgtIgniteSparkSiteDetailForm .wgtIgniteFormError.reveal, .wgtIgniteMessageTemplateDetailForm .wgtIgniteFormError.reveal { bottom: calc(100% - 10px); } .wgtIgniteOnboardingFormPayment .wgtIgniteFormError { margin-left: -30px; white-space: pre; } .wgtIgniteOnboardingFormPayment .wgtIgniteFormError.reveal { width: auto; max-width: 320px; } .wgtIgniteGraphic { /* S 4/8/22 */ /* E 4/8/22 */ } .wgtIgniteGraphic .ico path { fill: #fff; } .wgtIgniteGraphicConfetti { position: absolute; top: -18px; right: 0; opacity: 0.5; width: 200px; } .wgtIgniteGraphicPermissionDenied { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-filter: grayscale(100); filter: grayscale(100); opacity: 0.2; min-width: 100px; max-width: 400px; } .wgtIgniteGroup { /* wgtIgniteGroupbar */ /* wgtIgniteGroupGrid */ /* wgtIgniteGroupHeader */ /* wgtIgniteGroupList */ /* .wgtIgniteGroupSelect */ /* .wgtIgniteGroupSort */ /* wgtIgniteGroupSwiper */ /* S 4/21/22 */ /* E 4/21/22 */ /* S 4/19/22 */ -webkit-transition: height 0.3s ease; transition: height 0.3s ease; /* E 4/19/22 */ } .wgtIgniteGroupbar, .wgtIgniteGroupBar { /*S 8/26/22 */ grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 3; position: relative; /*E 8/26/22 */ background-color: var(--wgtIgnite-palette-background); -webkit-box-shadow: 0px 0px 8px 0px #ccc inset; box-shadow: 0px 0px 8px 0px #ccc inset; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* S 9/09/22 */ display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; /* E 9/09/22 */ /* 3/14/22 */ width: 100%; z-index: 3; /* 3/14/22 */ /* .wgtIgniteGroupbarAdd */ /* .wgtIgniteGroupbarLabel */ /* .wgtIgniteGroupbarNav */ } .wgtIgniteGroupbarAdd, .wgtIgniteGroupBarAdd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteGroupbarAdd path, .wgtIgniteGroupBarAdd path { color: var(--wgtIgnite-color-1); } .wgtIgniteGroupbarLabel, .wgtIgniteGroupBarLabel { color: var(--wgtIgnite-palette-shadow); -webkit-column-gap: 4px; -moz-column-gap: 4px; column-gap: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; margin: 0px; padding: 0px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; /* S 9/9/22 */ /* E 9/9/22 */ } .wgtIgniteGroupbarLabel::before, .wgtIgniteGroupBarLabel::before { /* S 4/14/22 */ color: var(--wgtIgnite-palette-background); /* E 4/14/22 */ content: attr(data-bar-title); display: inline-block; } .wgtIgniteGroupbarLabel::after, .wgtIgniteGroupBarLabel::after { content: ""; position: absolute; background-color: var(--wgtIgnite-color-1l4); z-index: -1; top: 0; left: 0; opacity: 0.8; height: 100%; width: 100%; } .wgtIgniteGroupbarLabel path, .wgtIgniteGroupBarLabel path { fill: var(--wgtIgnite-palette-background); } .wgtIgniteGroupbar.constrained .wgtIgniteGroupbarLabel, .wgtIgniteGroupbar.constrained .wgtIgniteGroupBarLabel { z-index: 6; grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } .wgtIgniteGroupbarNav, .wgtIgniteGroupBarNav { display: -webkit-box; display: -ms-flexbox; display: flex; /* S 4/11/22 */ /* S 4/22/22 */ overflow: hidden; /* S 4/25/22 */ scrollbar-color: var(--wgtIgnite-color-1d2) var(--wgtIgnite-palette-scrollbar); scrollbar-width: thin !important; /*S 9/13/22 */ -ms-flex-wrap: wrap; flex-wrap: wrap; /*E 9/12/22 */ /* E 4/25/22 */ /*S 9/29/22 */ /*E 9/29/22 */ /* .wgtIgniteGroupbarNavMobile */ /* .wgtIgniteGroupbarNavTitle */ } .wgtIgniteGroupbarNav::-webkit-scrollbar, .wgtIgniteGroupBarNav::-webkit-scrollbar { width: 10px; height: 10px; } .wgtIgniteGroupbarNav::-webkit-scrollbar-track, .wgtIgniteGroupBarNav::-webkit-scrollbar-track { background: var(--wgtIgnite-palette-scrollbar); } .wgtIgniteGroupbarNav::-webkit-scrollbar-thumb, .wgtIgniteGroupBarNav::-webkit-scrollbar-thumb { background-color: var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); border: 3px solid var(--wgtIgnite-palette-scrollbar); } .wgtIgniteGroupbar.constrained .wgtIgniteGroupbarNav, .wgtIgniteGroupbar.constrained .wgtIgniteGroupBarNav { overflow-x: scroll; grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 3; width: 100%; } .wgtIgniteGroupbarNavCounter, .wgtIgniteGroupBarNavCounter { border-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-color-1); color: var(--wgtIgnite-palette-background); content: attr(data-lead-count); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: var(--wgtIgnite-text-size-default); padding: 0px 4px; margin-left: 5px; } .wgtIgniteGroupbarSearchNav .wgtIgniteGroupbarNavCounter, .wgtIgniteGroupbarNavItem.active .wgtIgniteGroupbarNavCounter, .wgtIgniteGroupbarSearchNav .wgtIgniteGroupBarNavCounter, .wgtIgniteGroupbarNavItem.active .wgtIgniteGroupBarNavCounter { background-color: var(--wgtIgnite-palette-background); color: var(--wgtIgnite-color-1); } .wgtIgniteGroupbarNavItemSpecial .wgtIgniteGroupbarNavCounter, .wgtIgniteGroupbarNavItemSpecial.active .wgtIgniteGroupbarNavCounter, .wgtIgniteGroupbarNavItemSpecial .wgtIgniteGroupBarNavCounter, .wgtIgniteGroupbarNavItemSpecial.active .wgtIgniteGroupBarNavCounter { background-color: var(--wgtIgnite-palette-grey-1); color: var(--wgtIgnite-color-1); } .wgtIgniteGroupbarNavItem, .wgtIgniteGroupBarNavItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* E 4/11/22 */ } .wgtIgniteGroupbarNavItem a, .wgtIgniteGroupBarNavItem a { border-radius: var(--wgtIgnite-br); padding: 8px 16px; /* S 4/25/22 */ margin: 5px; /* E 4/25/22 */ /*S 3/22/22 */ white-space: nowrap; /*E 3/22/22 */ /*S 9/29/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*E 9/29/22 */ } .wgtIgniteGroupbarSearchNav .wgtIgniteGroupbarNavItem a, .wgtIgniteGroupbarSearchNav .wgtIgniteGroupBarNavItem a { pointer-events: none; } .wgtIgniteGroupbarNavItem:hover, .wgtIgniteGroupBarNavItem:hover { cursor: pointer; } .wgtIgniteGroupbarNavItem:hover a, .wgtIgniteGroupBarNavItem:hover a { background-color: var(--wgtIgnite-palette-grey-2); } .wgtIgniteGroupbarSearchNav .wgtIgniteGroupbarNavItem:hover a, .wgtIgniteGroupbarSearchNav .wgtIgniteGroupBarNavItem:hover a { color: var(--wgtIgnite-color-1); } .wgtIgniteGroupbarNavItem.active a, .wgtIgniteGroupBarNavItem.active a { background-color: var(--wgtIgnite-color-1); color: var(--wgtIgnite-palette-background); } .wgtIgniteGroupbarNavItem.spin a::before, .wgtIgniteGroupBarNavItem.spin a::before { -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; background-color: var(--wgtIgnite-color-4); content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 20px; margin-right: 5px; mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; -webkit-mask-position: center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; } .wgtIgniteGroupbarNavItemSpecial a, .wgtIgniteGroupBarNavItemSpecial a { background-color: var(--wgtIgnite-color-3l4); } .wgtIgniteGroupbarNavItemSpecial.active a, .wgtIgniteGroupbarNavItemSpecial:hover a, .wgtIgniteGroupBarNavItemSpecial.active a, .wgtIgniteGroupBarNavItemSpecial:hover a { background-color: var(--wgtIgnite-color-3); color: var(--wgtIgnite-palette-background); } .wgtIgniteGroupbar.search-mode .wgtIgniteGroupbarNav > .wgtIgniteGroupbarNavItem.active, .wgtIgniteGroupbar.search-mode .wgtIgniteGroupbarNav > .wgtIgniteGroupBarNavItem.active { position: relative; } .wgtIgniteGroupbarSearchNav .wgtIgniteGroupbarNavItem a, .wgtIgniteGroupbarSearchNav .wgtIgniteGroupBarNavItem a { color: #fff; } .wgtIgniteGroupbarNavMobile, .wgtIgniteGroupBarNavMobile { display: none; position: relative; /* .wgtIgniteGroupbarNavMobileActive */ /* .wgtIgniteGroupbarNavMobileMenu */ } .wgtIgniteGroupbarNavMobileActive, .wgtIgniteGroupBarNavMobileActive { background-color: #e0e0e0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 16px; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteGroupbarNavMobileMenu, .wgtIgniteGroupBarNavMobileMenu { display: none; position: absolute; } .wgtIgniteGroupbarNavMobileMenu li, .wgtIgniteGroupBarNavMobileMenu li { cursor: pointer; padding: 5px; } .wgtIgniteGroupbarNavMobileMenu.reveal, .wgtIgniteGroupBarNavMobileMenu.reveal { display: block; top: 40px; z-index: 2; background-color: var(--wgtIgnite-palette-background); -webkit-box-shadow: 0px 0px 5px var(--wgtIgnite-palette-shadow); box-shadow: 0px 0px 5px var(--wgtIgnite-palette-shadow); } .wgtIgniteGroupbarNavTitle, .wgtIgniteGroupBarNavTitle { /* S 3/30/22 */ color: var(--wgtIgnite-palette-grey-2); /* E 3/30/22 */ /* S 4/11/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* E 4/11/22 */ /*S 9/9/22 */ white-space: nowrap; /*E 9/9/22 */ /* S 4/28/22 */ margin-left: 20px; /* E 4/28/22 */ } .wgtIgniteGroupbarSearchNav, .wgtIgniteGroupBarSearchNav { background-color: var(--wgtIgnite-color-1); display: none; width: 100%; z-index: 2; /* S 4/22/22 */ grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 3; /* E 4/22/22 */ /*S 9/13/22 */ /*E 9/13/22 */ } .wgtIgniteGroupbar.search-mode.constrained .wgtIgniteGroupbarSearchNav, .wgtIgniteGroupbar.search-mode.constrained .wgtIgniteGroupBarSearchNav { scrollbar-color: var(--wgtIgnite-color-1d2) var(--wgtIgnite-palette-scrollbar); scrollbar-width: thin !important; /* S 4/28/22 */ height: 64px; overflow-x: scroll; /* E 4/28/22 */ } .wgtIgniteGroupbar.search-mode.constrained .wgtIgniteGroupbarSearchNav::-webkit-scrollbar, .wgtIgniteGroupbar.search-mode.constrained .wgtIgniteGroupBarSearchNav::-webkit-scrollbar { width: 10px; height: 10px; } .wgtIgniteGroupbar.search-mode.constrained .wgtIgniteGroupbarSearchNav::-webkit-scrollbar-track, .wgtIgniteGroupbar.search-mode.constrained .wgtIgniteGroupBarSearchNav::-webkit-scrollbar-track { background: var(--wgtIgnite-palette-scrollbar); } .wgtIgniteGroupbar.search-mode.constrained .wgtIgniteGroupbarSearchNav::-webkit-scrollbar-thumb, .wgtIgniteGroupbar.search-mode.constrained .wgtIgniteGroupBarSearchNav::-webkit-scrollbar-thumb { background-color: var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); border: 3px solid var(--wgtIgnite-palette-scrollbar); } .wgtIgniteGroupbar.search-mode .wgtIgniteGroupbarSearchNav, .wgtIgniteGroupbar.search-mode .wgtIgniteGroupBarSearchNav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wgtIgniteGroupbarSearchNavMobile, .wgtIgniteGroupBarSearchNavMobile { position: absolute; display: none; /* S 3/30/22 */ margin-top: 8px; /* E 3/30/22 */ } .wgtIgniteGroupbarSearchNavMobile .wgtIgniteSelectLabel, .wgtIgniteGroupBarSearchNavMobile .wgtIgniteSelectLabel { color: var(--wgtIgnite-color-4); } .wgtIgniteGroupGrid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: auto; gap: 20px; width: 100%; margin: 20px 0px; /* wgtIgniteGroupGridItem */ } .wgtIgniteGroupGridItem { background-color: var(--wgtIgnite-palette-background); border: none; border-radius: var(--wgtIgnite-br); cursor: pointer; padding: 20px; position: relative; /* S 4/1/22 */ /* E 4/1/22 */ /* wgtIgniteGroupGridItemLabel */ /* wgtIgniteGroupGridItemStats */ /* wgtIgniteGroupGridItemStat */ } .wgtIgniteGroupGridItem > a { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteGroupGridItem::before, .wgtIgniteGroupGridItem::after { content: ""; position: absolute; background-color: var(--wgtIgnite-palette-background); height: 100%; width: 100%; top: -1px; left: -1px; z-index: -1; border: solid 1px var(--wgtIgnite-color-1l1); border-radius: var(--wgtIgnite-br); -webkit-transition: height 0.3s ease, width 0.3s ease, border-color 0.3s ease; transition: height 0.3s ease, width 0.3s ease, border-color 0.3s ease; } .wgtIgniteGroupGridItem::after { border-color: transparent; height: 0px; width: 0px; } .wgtIgniteGroupGridItem:hover::after { border-color: var(--wgtIgnite-color-4); height: 100%; width: 100%; } .wgtIgniteGroupGridItemLabel.RadLabel { background-color: var(--wgtIgnite-palette-background); padding: 0px 6px; z-index: 1; } .wgtIgniteGroupGridItemStats { width: 100%; } .wgtIgniteGroupGridItemStat { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wgtIgniteGroupGridItemStat::before { background-color: var(--wgtIgnite-palette-background); content: url('data:image/svg+xml; utf8,'); display: inline-block; width: 18px; z-index: 1; } .wgtIgniteGroupGridItemStat::after { content: ""; background: -webkit-gradient(linear, left top, right top, from(var(--wgtIgnite-color-4)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to right, var(--wgtIgnite-color-4), rgba(0, 0, 0, 0)); position: absolute; width: 0%; height: 1px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 0; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; } .wgtIgniteGroupGridItem:hover .wgtIgniteGroupGridItemStat::after { width: 100%; } .wgtIgniteGroupGridItemStat.wgtIgniteGroupGridItemStatTags::before { content: url('data:image/svg+xml; utf8,'); } .wgtIgniteGroupGridItemStat.wgtIgniteGroupGridItemStatActions::before { content: url('data:image/svg+xml; utf8,'); } .wgtIgniteGroupGridItemTitle.RadLabel { background-color: var(--wgtIgnite-palette-background); font-weight: 800; } .wgtIgniteGroupHeader { top: 55px; /*S 04/03/23 */ /*E 04/03/23 */ /* .wgtIgniteGroupbar.search-mode ~ .wgtIgniteMainContent & { top: 45px; } */ /* Start 3/22/22 */ /* End 3/22/22 */ } .wgtIgniteSearchHeader.hidden + .wgtIgniteMasterList .wgtIgniteGroupHeader { top: 0px; } .wgtIgniteGroup[search-group=True] .wgtIgniteGroupHeader { color: var(--wgtIgnite-color-4); } .wgtIgniteGroupList { padding: 10px 20px 20px 20px; /* S 4/21/22 */ /* E 4/21/22 */ } .wgtIgniteSearchHeader + .wgtIgniteGroup .wgtIgniteGroupList { margin-top: 40px; } .wgtIgniteGroupListHeaders, .wgtIgniteGroupListItem { grid-template-columns: var(--wgtIgnite-lead-columns) !important; } .wgtIgniteGroupListHeaders { padding-left: 40px; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; } .wgtIgniteGroupbar.search-mode ~ .wgtIgniteMainContent .wgtIgniteGroupListHeaders { top: 95px; } .wgtIgniteGroupSelect.RadComboBox { display: none; width: auto !important; /* S 4/25/22 */ /* E 4/25/22 */ } .wgtIgniteTopbar.search-open + .wgtIgniteMain .wgtIgniteGroupSelect.RadComboBox, .wgtIgniteTopbar.info-open + .wgtIgniteMain .wgtIgniteGroupSelect.RadComboBox { pointer-events: none; } .wgtIgniteGroupSort { /* S 4/7/22 */ max-width: 175px; /* E 4/7/22 */ /* 3/14/22 */ /* 3/14/22 */ } .wgtIgniteGroupbar.search-mode ~ .wgtIgniteMainContent .wgtIgniteGroupSort { display: none; } .wgtIgniteGroupSwiper { display: none; width: 100%; height: 40px; /* wgtIgniteGroupSwiperSlide */ } .wgtIgniteGroupSwiperSlide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* wgtIgniteGroupSwiperSlideTitle */ } .wgtIgniteGroupSwiperSlide.active .wgtIgniteGroupSwiperSlideTitle { background-color: var(--wgtIgnite-color-1); color: #FFF; white-space: nowrap; } .wgtIgniteGroupSwiperSlideTitle { border-radius: var(--wgtIgnite-br); color: var(--wgtIgnite-color-1); font-weight: 800; padding: 5px 8px; } .wgtIgniteGroup:last-of-type { margin-bottom: 40px; } .wgtIgniteGroup.filtered { -webkit-animation-name: collapse; animation-name: collapse; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; overflow: hidden; } .wgtIgniteGroupsList { /*S 9/19/22 */ /*E 9/19/22 */ } .wgtIgniteGroupsListHeaders, .wgtIgniteGroupsListItem { grid-template-columns: 1fr 40% 20% 10% 10%; } .wgtIgniteGroupsListItem { /*S 9/6/22 */ /*E 9/6/22 */ } .wgtIgniteGroupsListItem.disabled::before { grid-column-end: 6; } .wgtIgniteGroupsListItem.disabled::after { grid-column-end: 6; } .wgtIgniteGroupsListItemControl { grid-row-start: 2; grid-column-start: 1; grid-column-end: 6; } .wgtIgniteGroupsListItemStat { pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wgtIgniteGroupsListItem.edit-mode .wgtIgniteGroupsListItemStat, .wgtIgniteGroupsListItem.new .wgtIgniteGroupsListItemStat { pointer-events: all; } .wgtIgniteGroupsListItemStat:last-child { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteGroupsListItem.edit-mode .wgtIgniteGroupsListItemStatTitle.RadLabel, .wgtIgniteGroupsListItem.new .wgtIgniteGroupsListItemStatTitle.RadLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .wgtIgniteGroupsListItemStatDate .wgtIgniteGroupsListItemStatTitle.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteGroupsListItemStatDate .wgtIgniteGroupsListItemStatValue.RadLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; width: 100%; } .wgtIgniteGroupsListItemStatCount .wgtIgniteGroupsListItemStatValue.RadLabel { font-weight: 900; font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteGroupsListItem.disabled .wgtIgniteGroupsListItemStatValue.RadLabel { color: var(--wgtIgnite-palette-grey-7); } .wgtIgniteHeaderSeparator { height: 5px; border-radius: 5px; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; background-color: #e0e0e0; /* S 4/13/22 */ /* E 4/13/22 */ } .wgtIgniteSearchHeader .wgtIgniteHeaderSeparator { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgniteHelperToTop, .wgtIgniteHelperBack { position: fixed; /* S 3/30/22 */ border-radius: var(--wgtIgnite-br); /* E 3/30/22 */ background-color: var(--wgtIgnite-color-4); height: 40px; width: 40px; bottom: 10px; right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index: 5; } .wgtIgniteHelperToTop::before, .wgtIgniteHelperBack::before { content: url('data:image/svg+xml; utf8,'); display: inline-block; width: 20px; } .wgtIgniteHelperBack { padding: 0px 10px; width: auto; right: 52px; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteHelperBack::before { content: url('data:image/svg+xml; utf8,'); } .wgtIgniteHelperBack::after { content: "Go Back"; color: #fff; } .wgtIgnitePermissionDeniedDetails .wgtIgniteHeroTitle.RadLabel { font-size: var(--wgtIgnite-text-size-hero); font-weight: 900; } .wgtIgniteIncompatabilityWarning.RadLabel { font-weight: 900; grid-column: -1/1; text-align: right; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: var(--wgtIgnite-palette-alert) !important; padding-right: 10px; } .wgtIgniteInput { /*S 7/15/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: var(--wgtIgnite-gap); /*E 7/15/22 */ /*S 02/09/23 */ /*E 02/09/23 */ /*S 8/1/22 */ /*E 8/1/22 */ /*S 06/19/23 */ /*E 06/19/23 */ /*S 12/14/22 */ /*E 12/14/22 */ /*S 9/19/22 */ /*E 9/19/22 */ /*S 9/21/22 */ /*E 9/21/22 */ /*S 9/7/22 */ /*E 9/7/22 */ /*S 9/19/22 */ /*E 9/19/22 */ /*S 9/2/22 */ /*E 9/2/22 */ /* .wgtIgniteInputGraphic */ /*S 1/30/23 */ /*E 1/30/23 */ /*S 04/14/23 */ /*E 04/14/23 */ /*S 7/20/22 */ /*E 7/20/22 */ /*S 09/18/23 */ /*E 9/18/23 */ /* .wgtIgniteInputSettings */ /* Start 3/28/22 */ /* End 3/28/22 */ /* S 3/24/22 */ /* E 3/24/22 */ /*S 8/17/22 */ /*E 8/17/22 */ /*S 8/30/22 */ /*E 8/30/22 */ /*S 8/18/22 */ /*E 8/18/22 */ } .wgtIgniteCommunicationsLayoutEditorHeaderMenu .wgtIgniteInput { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCampaignsListItemStatTiming .wgtIgniteInput { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteInventoryControlForm .wgtIgniteInput { margin-top: 20px; } .wgtIgniteActionsCreate .wgtIgniteInput, .wgtIgniteActionsScheduledCreate .wgtIgniteInput, .wgtIgniteOrderRecipientForm .wgtIgniteInput, .wgtIgniteProductDetailGrid .wgtIgniteInput { position: relative; } .wgtIgniteSettingsAccountGrid .wgtIgniteInput.edit-mode, .wgtIgniteSettingsAccountGrid .wgtIgniteInput.new { display: none; } .wgtIgniteSettingsBillingGrid.edit-mode .wgtIgniteInput, .wgtIgniteSettingsBillingGrid.new .wgtIgniteInput { display: none; } .wgtIgniteCampaignsListItemStat .wgtIgniteInput, .wgtIgniteRequestCodeListItemStatCampaign .wgtIgniteInput, .wgtIgniteRequestCodeListItemStatDescription .wgtIgniteInput, .wgtIgniteTagsListItemStat .wgtIgniteInput { width: 100%; } .wgtIgniteCommunicationsBodyLayoutSection .wgtIgniteInput.RadComboBox { width: 100%; } .wgtIgniteTagsListItemStatAutoAssign .wgtIgniteInput { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wgtIgniteTagsListItemStatAutoAssign .wgtIgniteInput .rcbLabel { width: 100%; } .wgtIgniteAdminCompaniesListItemStat .wgtIgniteInput { width: 100%; } .wgtIgniteAdminCompaniesListItemStat .wgtIgniteInput > .RadInput { width: 100%; } .wgtIgniteAdminCompaniesListItemStat.wgtIgniteAdminCompaniesListItemStatLocation .wgtIgniteInput { width: auto; } .wgtIgniteActionsListItem .wgtIgniteInput { width: 100%; } .wgtIgniteStatusesListItemStat .wgtIgniteInput, .wgtIgniteGroupsListItemStat .wgtIgniteInput { width: 100%; } .wgtIgniteStaffForm > .wgtIgniteInput { position: relative; } .wgtIgniteExpiredSubscriptionRenewalPaymentNew .wgtIgniteInput input { width: 100%; } .wgtIgniteInput > .RadInput, .wgtIgniteInput > .RadPicker { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: var(--wgtIgnite-gap); } .wgtIgniteInput > .RadPicker { width: auto; } .wgtIgniteInput.rbRadioButton { /*S 8/08/22 */ border: solid 1px var(--wgtIgnite-color-1) !important; background-color: var(--wgtIgnite-color-1) !important; /*E 8/08/22 */ /*S 9/12/22 */ /*E 9/12/22 */ } .wgtIgniteInput.rbRadioButton > .rbText { color: #fff !important; } .wgtIgniteInput.rbRadioButton.rbHovered { border: solid 1px var(--wgtIgnite-palette-alert) !important; background-color: var(--wgtIgnite-palette-alert) !important; } .wgtIgniteInput.rbRadioButton.rbHovered > .rbIcon::before { color: var(--wgtIgnite-palette-alert) !important; } .wgtIgniteActionEntry .wgtIgniteInput.rbRadioButton { position: relative; top: 13px; } .wgtIgniteActionEntry.recurring .wgtIgniteInput.rbRadioButton { top: 0px; } .wgtIgniteAdminCompaniesListItem.inactive .wgtIgniteInput.rbRadioButton > .rbText { color: var(--wgtIgnite-color-1) !important; } .wgtIgniteInput.wgtIgniteInputCompanyReferralCode > .RadInput { width: 100%; border: solid 1px var(--wgtIgnite-palette-grey-4); border-radius: var(--wgtIgnite-br); padding: 5px; font-size: 20px; } .wgtIgniteAdminCompaniesListItemStatActive.inactive .wgtIgniteInput.wgtIgniteAdminCompaniesActiveTrigger { border: solid 1px transparent !important; background-color: transparent !important; } .wgtIgniteInput.wgtIgniteSparkSiteDetailFieldActive { row-gap: 0px; } .wgtIgniteInput.wgtIgniteTopbarSearch > .RadInput { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .wgtIgniteInput.wgtIgniteSettingsAccountFieldInputPasswordRequirements { row-gap: 0px !important; } .wgtIgniteInput input { line-height: 20px; font-family: var(--wgtIgnite-font) !important; /*DO NOT SET WIDTH AT THIS LEVEL, IT BREAKS TELERIK CONTROLS */ } .wgtIgniteInput input[type=checkbox] { position: absolute; height: 100%; width: 100%; top: 0; left: 0; margin: 0px; visibility: hidden; pointer-events: none; } .wgtIgniteInput input[type=checkbox].wgtIgniteOrderRecipientFormEmailRecipientType { visibility: visible; pointer-events: all; position: relative; height: 25px; width: 25px; } .wgtIgniteInput input[type=number] { width: 100px; } .wgtIgniteInventoryControlFormRow .wgtIgniteInput input[type=number] { width: 100% !important; } .wgtIgniteInput input:focus, .wgtIgniteInput input:active { outline: none; } .wgtIgniteInput input.wgtIgniteTopbarSearchQuery:focus, .wgtIgniteInput input.wgtIgniteTopbarSearchQuery:active { border-bottom: solid 1px var(--wgtIgnite-palette-grey-2); } .wgtIgniteInput.wgtIgniteButton.disabled { pointer-events: none; opacity: 0.6; } .wgtIgniteInput textarea { border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; } .wgtIgniteInputCheck { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteInputCheck::after { border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-palette-grey-2); content: ""; height: 20px; width: 20px; -webkit-box-shadow: 0px 0px 4px 1px var(--wgtIgnite-palette-shadow); box-shadow: 0px 0px 4px 1px var(--wgtIgnite-palette-shadow); } .wgtIgniteInputCheck::before { content: url('data:image/svg+xml; utf8,'); display: block; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; position: absolute; right: 5px; } .wgtIgniteInputCheck label { color: var(--wgtIgnite-color-3); top: unset; left: unset; position: relative; text-align: right; height: auto; } .wgtIgniteInputCheck.selected::before { opacity: 1; } .wgtIgniteInputDynamicText .wgtIgniteInputControls { display: none; } .wgtIgniteInputDynamicText .wgtIgniteInputField:focus + .wgtIgniteInputControls, .wgtIgniteInputDynamicText .wgtIgniteInputField:active + .wgtIgniteInputControls { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteInputDynamicText.expanded .wgtIgniteInputControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteInputCounter.RadLabel { padding-right: 5px; position: absolute; bottom: 2px; right: 0; text-align: right; font-weight: 100; font-size: var(--wgtIgnite-text-size-small); } .wgtIgniteInputCounter.RadLabel::after { content: attr(data-counter-label); } .wgtIgniteInputDynamicText.wgtIgniteInput { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: max-width 0.3s ease; transition: max-width 0.3s ease; max-width: 200px; margin-left: auto; /*S 7/21/22 */ padding: 7px 5px !important; /*E 7/21/22 */ /* s 4/8/22 */ border-color: var(--wgtIgnite-color-1); background-color: var(--wgtIgnite-color-1) !important; border: solid 1px var(--wgtIgnite-color-1l1) !important; border-radius: var(--wgtIgnite-br); color: var(--wgtIgnite-palette-background); /* e 4/8/22 */ /* s 4/14/22 */ -webkit-box-shadow: inset 0 0 1px var(--wgtIgnite-palette-background); box-shadow: inset 0 0 1px var(--wgtIgnite-palette-background); -ms-flex-wrap: nowrap; flex-wrap: nowrap; /* e 4/14/22 */ /* s 4/12/22 */ cursor: pointer; /* e 4/12/22 */ /* 3/15/22 */ -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; /* 3/15/22 */ /*S 7/27/22 */ /*E 7/27/22 */ /*S 05/24/23 */ /*E 05/24/23 */ } .wgtIgniteInputDynamicText.wgtIgniteInput::before { -ms-flex-item-align: center; align-self: center; background-color: var(--wgtIgnite-color-1); content: ""; height: 20px; width: 20px; display: block; margin-left: 10px; mask-image: url('data:image/svg+xml; utf8, '); mask-size: cover; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8, '); -webkit-mask-size: cover; -webkit-mask-position: center; } .wgtIgniteInputDynamicText.wgtIgniteInput > .RadInput { -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteInputDynamicText.wgtIgniteInput .ico path { fill: var(--wgtIgnite-palette-background); } .wgtIgniteInputDynamicText.wgtIgniteInput.expanded { background-image: none; background-color: var(--wgtIgnite-palette-background) !important; -webkit-box-shadow: 2px 2px 4px 0px var(--wgtIgnite-palette-shadow); box-shadow: 2px 2px 4px 0px var(--wgtIgnite-palette-shadow); max-width: 100%; margin: 10px 0px 0px 0px; } .wgtIgniteInputDynamicText.wgtIgniteInput.expanded .ico path { fill: var(--wgtIgnite-color-1); } .wgtIgniteInputField { /*S 8/3/22 */ /*E 8/3/22 */ /*S 8/1/22 */ /*E 8/1/22 */ /* Start 3/16/22 */ /* End 3/16/22 */ } .wgtIgniteInputField.wgtIgniteInputFieldSettingsBillingCountry { grid-column: span 2; } .wgtIgniteSettingsAccountGrid .wgtIgniteInputField, .wgtIgniteSettingsBillingGrid .wgtIgniteInputField, .wgtIgniteSettingsCCGrid .wgtIgniteInputField, .wgtIgniteSettingsPaymentCardTitle .wgtIgniteInputField { display: none; } .wgtIgniteSettingsAccountGrid .wgtIgniteInputField > .RadInput, .wgtIgniteSettingsBillingGrid .wgtIgniteInputField > .RadInput, .wgtIgniteSettingsCCGrid .wgtIgniteInputField > .RadInput, .wgtIgniteSettingsPaymentCardTitle .wgtIgniteInputField > .RadInput { width: 100%; } .wgtIgniteSettingsBillingGrid.edit-mode .wgtIgniteInputField, .wgtIgniteSettingsPaymentCard.edit-mode .wgtIgniteSettingsCCGrid .wgtIgniteInputField, .wgtIgniteSettingsPaymentCard.edit-mode .wgtIgniteSettingsPaymentCardTitle .wgtIgniteInputField { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteSettingsAccountGrid .wgtIgniteInputSettingsUsername.edit-mode ~ .wgtIgniteInputField.wgtIgniteInputSettingsUsername, .wgtIgniteSettingsAccountGrid .wgtIgniteInputSettingsPassword.edit-mode ~ .wgtIgniteInputField.wgtIgniteInputSettingsPassword { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteInputField.wgtIgniteInputSettingsPassword { grid-column: span 4; } .wgtIgniteInputDynamicText .wgtIgniteInputField { font-size: var(--wgtIgnite-text-size-medium); height: 100%; width: 100%; background-color: transparent; /* S 4/14/22 */ color: var(--wgtIgnite-palette-background); /* S 4/14/22 */ /* S 3/30/22 */ padding: 0px; /* E 3/30/22 */ /* S 4/12/22 */ pointer-events: none; /* E 4/12/22 */ } .wgtIgniteInputDynamicText.expanded .wgtIgniteInputField { /* S 4/14/22 */ color: var(--wgtIgnite-palette-base); /* E 4/14/22 */ /* S 4/12/22 */ pointer-events: all; /* E 4/12/22 */ } .wgtIgniteInputField::-webkit-input-placeholder { /* S 4/14/22 */ color: var(--wgtIgnite-palette-background); /* E 4/14/22 */ opacity: 1; } .wgtIgniteInputField::-moz-placeholder { /* S 4/14/22 */ color: var(--wgtIgnite-palette-background); /* E 4/14/22 */ opacity: 1; } .wgtIgniteInputField:-ms-input-placeholder { /* S 4/14/22 */ color: var(--wgtIgnite-palette-background); /* E 4/14/22 */ opacity: 1; } .wgtIgniteInputField::-ms-input-placeholder { /* S 4/14/22 */ color: var(--wgtIgnite-palette-background); /* E 4/14/22 */ opacity: 1; } .wgtIgniteInputField::placeholder { /* S 4/14/22 */ color: var(--wgtIgnite-palette-background); /* E 4/14/22 */ opacity: 1; } .wgtIgniteInputGraphic { /* S 3/30/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; /* E 3/30/22 */ /* S 4/11/22 */ padding-left: 10px; /* E 4/11/22 */ /* S 4/12/22 */ /* E 4/12/22 */ } .wgtIgniteInputDynamicText .wgtIgniteInputGraphic { pointer-events: none; } .wgtIgniteCommunicationsLayoutSectionWidth .wgtIgniteInputHeader { grid-column: span 2; } .wgtIgniteInputLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteInputLabelSelected { margin-top: 20px; margin-bottom: 5px; } .wgtIgniteCommunicationsMessagingSectionEmail .wgtIgniteInputLabel { margin-bottom: var(--wgtIgnite-gap); } .wgtIgniteInputTitle { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; font-family: var(--wgtIgnite-font); line-height: 12px !important; width: 100%; /*S 8/23/22 */ /*E 8/23/22 */ } .wgtIgniteMessageTemplateDetailFieldPreview .wgtIgniteInputTitle, .wgtIgniteSparkSiteDetailFieldPreview .wgtIgniteInputTitle, .wgtIgniteSparkSiteDetailFieldIsCorporate .wgtIgniteInputTitle, .wgtIgniteSparkSiteDetailFieldIsTemplate .wgtIgniteInputTitle, .wgtIgniteSparkSiteDetailFieldIsPublicTemplate .wgtIgniteInputTitle { text-align: center; } .wgtIgniteTagListItem .wgtIgniteInputTitle { display: none; } .wgtIgniteSettingsAccountFieldStatProfilePic .wgtIgniteInputTitle, .wgtIgniteSettingsAccountFieldInputProfilePic .wgtIgniteInputTitle { text-align: center; } .wgtIgniteTagListItem.edit-mode .wgtIgniteInputTitle, .wgtIgniteTagListItem.new .wgtIgniteInputTitle { display: block; } .wgtIgniteInputProductPhoto { max-width: 250px; width: 100%; } .wgtIgniteInputProductPhoto .RadInput { width: 100%; } .wgtIgniteInputToken { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-item-align: start; align-self: flex-start; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; } .wgtIgniteInputSettings { /*S 8/3/22 */ /*E 8/3/22 */ /*S 8/4/22 */ /*E 8/4/22 */ } .wgtIgniteInputSettingsAccountProfilePicSelect { display: none; } .wgtIgniteInputSettingsBillingCountry { grid-column: span 2; } .wgtIgniteInputSettingsCCBillingCheck { display: none !important; } .wgtIgniteSettingsPaymentCard.edit-mode .wgtIgniteInputSettingsCCBillingCheck, .wgtIgniteSettingsPaymentCard.new .wgtIgniteInputSettingsCCBillingCheck { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .wgtIgniteInputSettingsCCName, .wgtIgniteInputSettingsCCNumber { grid-column: span 2; } .wgtIgniteSettingsPaymentCard.edit-mode .wgtIgniteInputSettingsCC, .wgtIgniteSettingsPaymentCard.new .wgtIgniteInputSettingsCC { display: none; } .wgtIgniteInputSMSCounter.RadLabel { -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteInputSMSCounter.RadLabel.invalid { color: var(--wgtIgnite-palette-alert); font-weight: 700; } .wgtIgniteInputTag { border: none; color: var(--wgtIgnite-color-1); font-size: var(--wgtIgnite-text-size-medium); font-weight: 800; padding: 0px; caret-color: var(--wgtIgnite-color-1); position: absolute; left: 10px; } .wgtIgniteInputUpload { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; width: 100%; } .wgtIgniteLoginForm .wgtIgniteInput.wgtIgniteLoginEmail, .wgtIgniteSignupForm .wgtIgniteInput.wgtIgniteSignupEmail, .wgtIgniteLoginForm .wgtIgniteInput.wgtIgniteLoginPassword, .wgtIgniteSignupForm .wgtIgniteInput.wgtIgniteSignupPassword { width: 100%; } .wgtIgniteInputValue { font-weight: 600; } .wgtIgniteSettingsAccountFieldStat .wgtIgniteInputValue { min-height: 17px; } .wgtIgniteInputWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-color-1l3); border-radius: var(--wgtIgnite-br); padding: 5px; } .wgtIgniteStatusesListItem.edit-mode .wgtIgniteInput.RadComboBox, .wgtIgniteStatusesListItem.new .wgtIgniteInput.RadComboBox { width: 100%; } .wgtIgniteInput .RadDropDownList, .wgtIgniteInput.RadPicker .RadInput, .wgtIgniteInput .RadPicker .RadInput, .wgtIgniteInput .riContentWrapper, .wgtIgniteInput .rcbInner, .wgtIgniteInput .RadRadioButtonList, .wgtIgniteInput .RadColorPicker .rcpIcon a { background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-color-1l3); border-radius: var(--wgtIgnite-br); padding: 6px !important; } .wgtIgniteInput.invalid .RadDropDownList, .wgtIgniteInput.RadPicker.invalid .RadInput, .wgtIgniteInput.invalid .RadPicker .RadInput, .wgtIgniteInput.invalid .riContentWrapper, .wgtIgniteInput.invalid .rcbInner, .wgtIgniteInput.invalid .RadColorPicker .rcpIcon a { border: solid 1px var(--wgtIgnite-palette-alert); } .wgtIgniteInput.invalid .rcbLabel::before, .wgtIgniteInput.invalid .riLabel::before, .wgtIgniteInput.invalid > .wgtIgniteInputTitle::before { background-color: #f55; content: "" !important; display: block !important; width: 12px !important; height: 12px !important; mask-repeat: no-repeat; mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); } .wgtIgniteInput.invalid .rcbLabel, .wgtIgniteInput.invalid .riLabel, .wgtIgniteInput.invalid > .wgtIgniteInputTitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteInput.invalid .rcbInner, .wgtIgniteInput.invalid .wgtIgniteInputWrapper, .wgtIgniteInput.invalid .RadPicker .RadInput, .wgtIgniteInput.invalid .RadRadioButtonList, .wgtIgniteInput.invalid .riContentWrapper { border-color: var(--wgtIgnite-palette-alert) !important; } .wgtIgniteInput.wgtIgniteTopbarCompanyPicker { row-gap: 0px; } .wgtIgniteInput.modified .riContentWrapper { border-color: var(--wgtIgnite-color-2); -webkit-box-shadow: 0px 0px 10px 0px var(--wgtIgnite-palette-grey-4) !important; box-shadow: 0px 0px 10px 0px var(--wgtIgnite-palette-grey-4) !important; } .wgtIgniteInventoryControlForm { grid-row-start: 2; grid-row-end: 5; } .wgtIgniteInventoryControlFormRow .riTextBox { width: 100%; } .wgtIgniteInventoryControlFormRow .wgtIgniteInput { border: solid 1px var(--wgtIgnite-color-1l3); border-radius: var(--wgtIgnite-br); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px; margin-bottom: 10px; height: 32px; } .wgtIgniteInventoryControlFormRowStatAmount.RadLabel { text-align: right; } .wgtIgniteInventoryControlFormHeaders, .wgtIgniteInventoryControlFormRow { display: grid; grid-template-columns: 1fr 1fr 1fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteInventoryControlFormHeaderTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; text-align: center; } .wgtIgniteInventoryControlFormHeaderTitle.RadLabel.right-align { text-align: right; } .wgtIgniteInventoryControlFormHeaderTitle.RadLabel.left-align { text-align: left; } .wgtIgniteInventoryListHeaders, .wgtIgniteInventoryListItem { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 100px 100px 100px 100px; } .wgtIgniteInventoryListItem:hover::before { display: none; } .wgtIgniteInventoryListItem:hover::after { display: none; } .wgtIgniteInventoryListItem .inventory-edit:hover { cursor: pointer; } .wgtIgniteInventoryListItemControls { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteInventoryListItemStatStockAvailable .wgtIgniteInventoryListItemStatValue, .wgtIgniteInventoryListItemStatStockOnHand .wgtIgniteInventoryListItemStatValue, .wgtIgniteInventoryListItemStatStockUnavailable .wgtIgniteInventoryListItemStatValue, .wgtIgniteInventoryListItemStatStockCommitted .wgtIgniteInventoryListItemStatValue { display: inline; padding: 5px 25px; background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); border: solid 3px var(--wgtIgnite-color-1); -ms-flex-item-align: end; align-self: flex-end; margin-left: auto; margin-right: 20px; width: 60px; } .wgtIgniteInventoryListItemStatStockAvailable .wgtIgniteInventoryListItemStatValue:hover, .wgtIgniteInventoryListItemStatStockOnHand .wgtIgniteInventoryListItemStatValue:hover, .wgtIgniteInventoryListItemStatStockUnavailable .wgtIgniteInventoryListItemStatValue:hover, .wgtIgniteInventoryListItemStatStockCommitted .wgtIgniteInventoryListItemStatValue:hover { cursor: pointer; } .wgtIgniteInventoryListItemStatStockAvailable .wgtIgniteInventoryListItemStatValue::after, .wgtIgniteInventoryListItemStatStockOnHand .wgtIgniteInventoryListItemStatValue::after, .wgtIgniteInventoryListItemStatStockUnavailable .wgtIgniteInventoryListItemStatValue::after, .wgtIgniteInventoryListItemStatStockCommitted .wgtIgniteInventoryListItemStatValue::after { position: absolute; top: 10px; margin-left: 35px; } .wgtIgniteInvisible { /* S 5/11/22 */ display: none; visibility: hidden; /* E 5/11/22 */ } .wgtIgniteImport { /* wgtIgniteImportPreviewTable */ /*S 9/6/22 */ /*S 9/6/22 */ /* wgtIgniteImportArea */ /*E 8/15/22 */ /* wgtIgniteImportControls */ /*S 7/18/22 */ /*E 7/18/22 */ /* wgtIgniteImportDropzone */ /*S 8/31/22 */ /*E 8/31/22 */ /*S 8/22/22 */ /*E 8/22/22 */ /*S 7/18/22 */ /*E 7/18/22 */ /* S 7/12/22 */ /* wgtIgniteImportTemplate */ /* E 7/12/22 */ /* S 4/5/22 */ /* E 4/5/22 */ } .wgtIgniteImportPreview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .wgtIgniteImportPreviewTable { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br) !important; position: relative; font-family: var(--wgtIgnite-font) !important; overflow: hidden; padding: 20px; width: 100%; margin: 0px; /*S 8/29/22 */ /*E 8/29/22 */ } .wgtIgniteImportPreviewTableHeaders, .wgtIgniteImportPreviewTableEntry { display: grid; grid-template-columns: 100px 100px 160px 130px 150px 1fr 1fr 50px 100px 1fr 1fr 1fr 1fr 1fr 1fr; } .wgtIgniteImportPreviewTableHeaders h3 { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteImportPreviewTableHeaders h3:last-child { text-align: right; } .wgtIgniteImportPreviewTableEntry { border-bottom: solid 1px var(--wgtIgnite-palette-grey-3); } .wgtIgniteImportPreviewTableEntryCell.truncated { overflow: hidden; position: relative; } .wgtIgniteImportPreviewTableEntryCell.truncated:hover { overflow: visible; } .wgtIgniteImportPreviewTableEntryCell.truncated:hover .wgtIgniteImportPreviewTableEntryCellValue { background-color: var(--wgtIgnite-palette-background); -webkit-box-shadow: 0px 0px 5px 1px #ccc; box-shadow: 0px 0px 5px 1px #ccc; padding-left: 5px; padding-right: 5px; z-index: 3; } .wgtIgniteImportPreviewTableEntryCell.truncated:hover::before, .wgtIgniteImportPreviewTableEntryCell.truncated:hover::after { display: none; } .wgtIgniteImportPreviewTableEntryCell.truncated::before { background: tranparent; display: block; content: ""; position: absolute; width: 120px; height: 100%; top: 0; right: 0; text-align: right; color: #333; z-index: 1; } .wgtIgniteImportPreviewTableEntryCell.truncated::after { content: "..."; display: block; position: absolute; padding-right: 30px; width: 120px; bottom: 0px; right: 0; text-align: right; color: var(--wgtIgnite-palette-base); z-index: 2; } .wgtIgniteImportPreviewTableEntryCell:last-child { text-align: right; } .wgtIgniteImportPreviewTableEntryCellLabel { display: none; } .wgtIgniteImportPreviewTableEntryCellValue { color: var(--wgtIgnite-palette-base); } .wgtIgniteImportPreviewTable.active { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 50px; } .wgtIgniteImportArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 20px; width: 100%; } .wgtIgniteImportControls, .wgtIgniteImportErrorControls { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 10px; } .wgtIgniteImportControls.RadAsyncUpload, .wgtIgniteImportErrorControls.RadAsyncUpload { height: 100%; position: absolute !important; } .wgtIgniteImportControls .ruInputs, .wgtIgniteImportErrorControls .ruInputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px !important; width: 100%; } .wgtIgniteImportDropzone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; border: solid 1px var(--wgtIgnite-palette-grey-2); border-radius: var(--wgtIgnite-br); min-height: 450px; position: relative; width: 100%; /* S 4/1/22 */ text-align: center; /* E 4/1/22 */ /*S 8/15/22 */ /*E 8/15/22 */ } .wgtIgniteImportDropzone .ruSelectWrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteImportDropzone::after { content: attr(data-dropzone-title); color: var(--wgtIgnite-palette-grey-2); font-weight: 800; font-size: var(--wgtIgnite-text-size-hero); display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0px; right: 0; left: 0; height: 50%; pointer-events: none; } .wgtIgniteImportImportant { width: 100%; margin-left: auto; margin-right: auto; border-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-color-1d2); } .wgtIgniteImportImportantBody { padding: 20px; } .wgtIgniteImportImportantBody ul { list-style: disc; padding-left: 16px; } .wgtIgniteImportImportantBody ul li { color: var(--wgtIgnite-palette-important); } .wgtIgniteImportImportantTitle { background-color: var(--wgtIgnite-color-1d2); border-top-right-radius: var(--wgtIgnite-br); border-top-left-radius: var(--wgtIgnite-br); color: var(--wgtIgnite-palette-background); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 20px; } .wgtIgniteImportImportantTitle::before { background-color: var(--wgtIgnite-palette-background); content: "" !important; display: inline-block !important; margin-right: 5px; width: 25px !important; height: 25px !important; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .wgtIgniteImportLeadForm { display: grid; gap: 20px; background-color: var(--wgtIgnite-palette-background); overflow: hidden; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-rows: auto; height: 100%; width: 100%; max-height: 0px; } .wgtIgniteImportLeadForm.open { max-height: 4000px; } .wgtIgniteImportMeta { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; /*S 8/22/22 */ /*E 8/22/22 */ } .wgtIgniteImportMeta h3 { font-weight: 400; color: var(--wgtIgnite-color-1); } .wgtIgniteImportMeta p { color: var(--wgtIgnite-palette-base); text-align: left; } .wgtIgniteImportMetaOptions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteImportMetaOptionsFields { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .wgtIgniteImportMetaOptionsIntro { margin-bottom: 10px; } .wgtIgniteImportPreviewTable ~ .wgtIgniteImportMetaOptions { padding-left: 0px; margin: 20px 0px; } .wgtIgniteImportMetaOptions + p { margin-bottom: 20px; } .wgtIgniteImportMetaFields { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-left: solid 1px var(--wgtIgnite-color-1); padding-left: 10px; } .wgtIgniteImportMetaFields ul { list-style: disc; padding-left: 16px; margin-top: 10px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .wgtIgniteImportMetaFields ul li { color: var(--wgtIgnite-color-1); -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } .wgtIgniteImportMetaTemplate { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteImportMetaTemplate p { width: 100%; text-align: right; } .wgtIgniteImportSeperator { grid-column: span 4; } .wgtIgniteImportStartControls { display: grid; grid-template-columns: auto auto; gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteImportStartControls .wgtIgniteTooltipIcon { grid-column-start: 2; grid-row-start: 1; } .wgtIgniteImportStartControls .wgtIgniteTooltip.RadLabel { top: unset; bottom: calc(100% + 4px); right: -10px; } .wgtIgniteImportStartControls .wgtIgniteTooltip.RadLabel::before { top: calc(100% - 16px); right: 10px; } .wgtIgniteImportTagsActive { /*S 8/9/22 */ -webkit-box-flex: 2; -ms-flex: 2; flex: 2; /*E 8/9/22 */ } .wgtIgniteImportTagsActive > div { min-height: 130px; } .wgtIgniteImportTagsActiveInput { background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-color-1l1); display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; border-radius: var(--wgtIgnite-br); padding: 10px; width: 100%; } .wgtIgniteImportTagsActiveInput > .RadInput { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteImportTagsActiveInput > .RadInput > input { height: 100%; } .wgtIgniteImportTagsActiveInput > .RadInput + .RadButton { min-width: 75px; } .wgtIgniteImportTagsAvailable > div { min-height: 200px; } .wgtIgniteImportTagsContainer { position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; row-gap: 5px; } .wgtIgniteModal .wgtIgniteImportTagsContainer { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteImportTagsContainer .racTokenList { padding: 0px !important; } .wgtIgniteImportTagsContainer .racTagList + .racInput { width: auto !important; } .wgtIgniteImportTagsContainer > div { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); height: 100%; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; padding: 5px; } .wgtIgniteModalAssignTagsContainer .wgtIgniteImportTagsContainer > div { background-color: var(--wgtIgnite-palette-grey-2); } .wgtIgniteImportTagsContainer > div > .RadInput { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteImportTagsLabel.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteImportTagsList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /* 3/10/22 */ height: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /* 3/10/22 */ /*S 7/15/22 */ padding: 10px; /*E 7/15/22 */ } .wgtIgniteImportTagsList > li + li { margin-left: 1px; } .wgtIgniteImportTagsSeparator { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 90px; float: left; margin: 0px 2px; } .wgtIgniteModal .wgtIgniteImportTagsSeparator { padding-top: 17px; } .wgtIgniteImportTemplate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-bottom: 20px; width: 100%; } .wgtIgniteImportEntryTrigger { margin-top: 20px; } .wgtIgniteLayout { /*S 12/27/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /*E 12/27/22 */ /*S 02/03/23 */ /*E 02/03/23 */ } .wgtIgniteCommunicationsBodyLayoutPreviewDesigner .wgtIgniteLayout, .wgtIgniteCommunicationsMessagingPreview .wgtIgniteLayout { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteCommunicationsMessageBuilder.view-mode .wgtIgniteCommunicationsBuilderLayoutBlock:hover .wgtIgniteLayout { -webkit-box-shadow: 0px 0px 3px 0px var(--wgtIgnite-palette-grey-4); box-shadow: 0px 0px 3px 0px var(--wgtIgnite-palette-grey-4); } .wgtIgniteCommunicationsMessagingPreview .wgtIgniteLayout { border: dotted 1px var(--wgtIgnite-palette-base); border-radius: var(--wgtIgnite-br); padding: 10px; } .wgtIgniteCommunicationsMessagingPreview .wgtIgniteLayoutEditTrigger::before, .wgtIgniteCommunicationsMessagingPreview .wgtIgniteLayoutDeleteTrigger::before, .wgtIgniteCommunicationsMessagingPreview .wgtIgniteLayoutOrderControlsDown, .wgtIgniteCommunicationsMessagingPreview .wgtIgniteLayoutOrderControlsUp { border-radius: 0px; border-bottom-right-radius: var(--wgtIgnite-br); cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: var(--wgtIgnite-text-size-hero); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; content: url('data:image/svg+xml; utf8,'); background-color: var(--wgtIgnite-color-1l1); line-height: 0px; position: absolute; opacity: 0; left: 0px; top: 0px; height: 18px; width: 18px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--wgtIgnite-color-1); opacity: 1; left: unset; position: relative; border-radius: 200px; padding: 6px; } .wgtIgniteCommunicationsMessagingPreview .wgtIgniteLayoutOrderControlsUp, .wgtIgniteCommunicationsMessagingPreview .wgtIgniteLayoutOrderControlsDown { content: url('data:image/svg+xml; utf8,') !important; width: 20px; height: 20px; } .wgtIgniteCommunicationsMessagingPreview .wgtIgniteLayoutOrderControlsDown { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .wgtIgniteCommunicationsMessagingPreview .wgtIgniteLayoutDeleteTrigger::before { content: url('data:image/svg+xml; utf8,') !important; } .wgtIgniteCommunicationsMessageBuilder.view-mode .wgtIgniteLayout .editable:hover { -webkit-box-shadow: 0px 0px 1px 0px inset var(--wgtIgnite-color-1l1); box-shadow: 0px 0px 1px 0px inset var(--wgtIgnite-color-1l1); } .wgtIgniteLayout .editable { position: relative; } .wgtIgniteLayoutColumn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; height: 100%; /*S 02/03/23 */ /*E 02/03/23 */ /*S 02/01/23 */ /*E 02/01/23 */ } .wgtIgniteLayoutColumnContent { height: 100%; position: relative; overflow: hidden; } .wgtIgniteLayoutColumnControls { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 10px; position: absolute; top: 0; right: 0; display: none; z-index: 3; } .wgtIgniteLayoutColumn:hover .wgtIgniteLayoutColumnControls, .wgtIgniteLayoutColumn.edit-mode .wgtIgniteLayoutColumnControls { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteLayoutColumnEditor.RadEditor { padding: 0px !important; width: 100% !important; } .wgtIgniteLayoutColumn.edit-mode { position: relative; border: solid 1px var(--wgtIgnite-color-1); position: relative; overflow: hidden; } .wgtIgniteCommunicationsBodyLayoutPreviewDesigner .wgtIgniteLayoutColumn { border: dotted 1px var(--wgtIgnite-palette-base); border-radius: var(--wgtIgnite-br); padding: 10px; position: relative; } .wgtIgniteCommunicationsBodyLayoutPreviewDesigner .wgtIgniteLayoutColumn:hover { border: solid 1px var(--wgtIgnite-color-1); cursor: pointer; } .wgtIgniteCommunicationsBodyLayoutPreviewDesigner .wgtIgniteLayoutColumnEditTrigger::before, .wgtIgniteCommunicationsBodyLayoutPreviewDesigner .wgtIgniteLayoutColumnDeleteTrigger::before { border-radius: 0px; border-bottom-right-radius: var(--wgtIgnite-br); cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: var(--wgtIgnite-text-size-hero); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; content: url('data:image/svg+xml; utf8,'); background-color: var(--wgtIgnite-color-1l1); line-height: 0px; position: absolute; opacity: 0; left: 0px; top: 0px; height: 18px; width: 18px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--wgtIgnite-color-1); opacity: 1; left: unset; position: relative; border-radius: 200px; padding: 6px; } .wgtIgniteCommunicationsBodyLayoutPreviewDesigner .wgtIgniteLayoutColumnDeleteTrigger::before { content: url('data:image/svg+xml; utf8, '); } .wgtIgniteLayoutContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .wgtIgniteLayoutControls { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteLayoutControlsSeperator { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; border-bottom: dotted 1px var(--wgtIgnite-color-1); } .wgtIgniteLayoutOrderControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteLayoutPreviewContainer { background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-color-1l1); display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteLayoutResizeHandler { background-color: var(--wgtIgnite-color-4); position: absolute; z-index: 3; display: none; } .wgtIgniteCommunicationsLayoutEditor.resize-mode .wgtIgniteLayoutResizeHandler { display: block; } .wgtIgniteLayoutResizeHandler:hover { cursor: -webkit-grab; cursor: grab; } .wgtIgniteLayoutResizeHandler.top { width: 100%; top: 0; height: 5px; } .wgtIgniteLayoutResizeHandler.top::after { display: none; } .wgtIgniteLayoutResizeHandler.left { height: 100%; width: 5px; left: 0; } .wgtIgniteLayoutResizeHandler.left::after { left: -30px; } .wgtIgniteLayoutResizeHandler.right { height: 100%; width: 5px; right: 0; } .wgtIgniteLayoutResizeHandler.right::after { background-color: var(--wgtIgnite-color-4); height: 30px; width: 30px; border-radius: var(--wgtIgnite-br); color: var(--wgtIgnite-palette-background); content: "||"; position: absolute; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 10px; left: 0; margin: auto; right: -30px; } .wgtIgniteLayoutResizeHandler.bottom { height: 5px; width: 100%; bottom: 0; } .wgtIgniteLabel { color: var(--wgtIgnite-color-4); font-weight: 800; } .wgtIgniteLabelAlert.RadLabel { color: var(--wgtIgnite-palette-alert); } .wgtIgniteOverlayAccountUpgrade .wgtIgniteLabelAlert.RadLabel { text-align: center; margin: 20px; font-size: var(--wgtIgnite-text-size-medium); font-weight: 900; } .wgtIgniteLabelCommunicationsNeedCredits.RadLabel { color: var(--wgtIgnite-palette-alert); text-align: center; padding: 0px 2px; margin-top: 10px; } .wgtIgniteLead { position: relative; /* .wgtIgniteLeadAddress */ /* .wgtIgniteLeadContact */ /* .wgtIgniteLeadCampaignHistoryList */ /*S 05/25/23 */ /*E 05/25/23 */ /* .wgtIgniteLeadName */ /*S 8/18/22 */ /*E 8/18/22 */ } .wgtIgniteLeadAddress { /* S 4/29/22 */ grid-row-start: 1; grid-row-end: 2; /* E 4/29/22 */ } .wgtIgniteLeadActions { /* S 4/12/22 */ margin-bottom: 40px; /* E 4/12/22 */ /* Start 3/21/22 */ overflow: hidden; /* End 3/21/22 */ /*S 4/6/22 */ position: relative; z-index: 0; /*E 4/6/22 */ } .wgtIgniteLeadContact { background-color: var(--wgtIgnite-palette-background); overflow: hidden; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 100px; grid-auto-rows: auto; width: 100%; max-height: 0px; /*S 7/29/22 */ scroll-margin-top: 100px; /*E 7/29/22 */ /* S 3/8/22 */ position: sticky; /* E 3/8/22 */ visibility: hidden; /*S 7/6/22 */ /*E 7/6/22 */ /* .wgtIgniteLeadContactAddress */ /* .wgtIgniteLeadContactControls */ /*S 01/23/23 */ /*E 1/23/23 */ /*S 7/6/22 */ /*E 7/6/22 */ /* End 3/17/22 */ } .wgtIgniteLeadContact > div { position: relative; } .wgtIgnitePageHeader + .wgtIgniteLeadContact.wgtIgniteSection { display: grid; padding: 0px 20px; gap: 20px; } .wgtIgnitePageHeader + .wgtIgniteLeadContact.wgtIgniteSection.open { padding: 20px; } .wgtIgniteLeadContactAddress { grid-column-start: 1; grid-column-end: 4; } .wgtIgniteLeadContactControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteLeadContactComment, .wgtIgniteLeadContactCustom1, .wgtIgniteLeadContactCustom2, .wgtIgniteLeadContactCustom3, .wgtIgniteLeadContactCustom4, .wgtIgniteLeadContactCustom5, .wgtIgniteLeadContactMessage { grid-column: span 5; width: 100%; } .wgtIgniteLeadContactComment .RadInput, .wgtIgniteLeadContactCustom1 .RadInput, .wgtIgniteLeadContactCustom2 .RadInput, .wgtIgniteLeadContactCustom3 .RadInput, .wgtIgniteLeadContactCustom4 .RadInput, .wgtIgniteLeadContactCustom5 .RadInput, .wgtIgniteLeadContactMessage .RadInput { width: 100%; } .wgtIgniteLeadContactMessage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteLeadContactCountry { grid-column: span 5; } .wgtIgniteLeadContactEditTrigger { cursor: pointer; } .wgtIgniteLeadContactComment { width: 100%; } .wgtIgniteLeadContactComment .RadInput { width: 100%; } .wgtIgniteLeadContactControls { grid-column: span 6; } .wgtIgniteLeadContactFirstName, .wgtIgniteLeadContactEmail { grid-column: span 2; } .wgtIgniteLeadContactPhone, .wgtIgniteLeadContactLastName, .wgtIgniteLeadContactAddress2 { grid-column: span 3; } .wgtIgniteLeadContactGroup { grid-column: span 3; } .wgtIgniteLeadContactSeperator { /*S 7/5/22 */ grid-column: span 6; /*E 7/5/22 */ border-bottom: dotted 1px var(--wgtIgnite-color-1); position: relative; margin: 20px 0px 0px 0px; /*S 1/23/23 */ /*E 1/23/23 */ /* S 4/1/22 */ /* E 4/1/22 */ } .wgtIgniteLeadContactSeperatorTitle.RadLabel { color: var(--wgtIgnite-color-1); font-size: var(--wgtIgnite-text-size-medium); font-weight: 800; position: absolute; bottom: 0; right: 0; } .wgtIgniteLeadContactSeperator::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 5px; background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0)); } .wgtIgniteLeadContactState.wgtIgniteInput { grid-column: span 2; } .wgtIgniteLeadContact.open { max-height: 4000px; padding: 20px; z-index: 1; } .wgtIgniteLeadMeta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 80px; } .wgtIgniteLeadContact.open + .wgtIgniteLeadMeta { display: none; } .wgtIgniteLeadCampaignHistoryListItem, .wgtIgniteLeadCampaignHistoryListHeaders { grid-template-columns: 260px 100px 1fr auto 1fr auto; } .wgtIgniteLeadCampaignHistoryListItem.sms { grid-template-columns: 260px 100px 1fr auto; } .wgtIgniteLeadCampaignHistoryListItem { background-color: var(--wgtIgnite-color-4l5); border-color: var(--wgtIgnite-color-1); } .wgtIgniteLeadCampaignHistoryListItem:hover:before { display: none; } .wgtIgniteLeadCampaignHistoryListItem.sms .wgtIgniteLeadCampaignHistoryListItemStatEnvelope, .wgtIgniteLeadCampaignHistoryListItem.sms .wgtIgniteLeadCampaignHistoryListItemStatOpenedDate { display: none; } .wgtIgniteLeadCampaignHistoryListItemStatTitle.RadLabel { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .wgtIgniteLeadName.RadLabel { font-weight: 800; right: -1px; padding: 0px 0px 0px 4px; top: -18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgnitePageHeaderInfoWrap .wgtIgniteLeadCustom, .wgtIgnitePageHeaderInfoWrap .wgtIgniteLeadEmail, .wgtIgnitePageHeaderInfoWrap .wgtIgniteLeadPhone, .wgtIgnitePageHeaderInfoWrap .wgtIgniteLeadAddress, .wgtIgnitePageHeaderInfoWrap .wgtIgniteLeadStatus, .wgtIgnitePageHeaderInfoWrap .wgtIgniteLeadGroup, .wgtIgnitePageHeaderInfoWrap .wgtIgniteLeadComment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteLeadEmail { grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; } .wgtIgniteLeadPhone { grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; } .wgtIgniteLeadStatus { grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; } .wgtIgniteLeadGroup { grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; } .wgtIgniteLeadOptoutLabel.RadLabel { position: absolute; top: 8px; right: 20px; color: var(--wgtIgnite-palette-alert); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteLeadOptoutLabel.RadLabel::before { content: ""; display: block; width: 15px; height: 15px; background-color: var(--wgtIgnite-palette-alert); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .wgtIgniteLeadOptoutLabel.RadLabel.suspended { color: var(--wgtIgnite-color-2); } .wgtIgniteLeadOptoutLabel.RadLabel.suspended::before { background-color: var(--wgtIgnite-color-2); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .wgtIgniteLeadTags { /*S 7/26/22 */ /*E 7/26/22 */ /* .wgtIgniteLeadTagsList */ } .wgtIgniteLeadTagsActive { /*S 8/9/22 */ -webkit-box-flex: 2; -ms-flex: 2; flex: 2; /*E 8/9/22 */ } .wgtIgniteLeadTagsActiveInput { background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-color-1l1); display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; border-radius: var(--wgtIgnite-br); padding: 10px; width: 100%; } .wgtIgniteLeadTagsActiveInput > .RadInput { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteLeadTagsActiveInput > .RadInput > input { height: 100%; } .wgtIgniteLeadTagsActiveInput > .RadInput + .RadButton { min-width: 75px; } .wgtIgniteLeadTagsContainer { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); position: relative; /* S 7/15/22 */ padding: 5px !important; /* E 7/15/22 */ /* 7/7/22 */ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; /* 7/7/22 */ /*S 7/21/22 */ min-height: 100px; /* S 7/21/22 */ /* E 7/21/22 */ /*E 7/21/22 */ } .wgtIgniteLeadTagsContainer .racTokenList { padding: 0px !important; } .wgtIgniteLeadTagsContainer .racTagList + .racInput { width: auto !important; } .wgtIgniteLeadTagsContainer > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 1px; -moz-column-gap: 1px; column-gap: 1px; /*S 7/26/22 */ -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 5px; /*E 7/26/22 */ } .wgtIgniteLeadTagsContainer > div > .RadInput { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteLeadTagsContainer > .RadLabel, .wgtIgniteLeadTagsContainer > .racLabel { position: absolute; top: -19px; } .wgtIgniteLeadTagsActive .wgtIgniteLeadTagsLabel { position: absolute; top: -19px; } .wgtIgniteLeadTagsList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /* 3/10/22 */ height: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /* 3/10/22 */ /*S 7/15/22 */ padding: 10px; /*E 7/15/22 */ } .wgtIgniteLeadTagsList > li + li { margin-left: 1px; } .wgtIgniteLeadTagsSeparator { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteLeadTag { border-radius: var(--wgtIgnite-br); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 10px; position: relative; /* S 5/02/22 */ background-color: var(--wgtIgnite-color-1l3); /* E 5/02/22 */ } .wgtIgniteEntryTagsList .wgtIgniteLeadTag { padding: 5px 8px; margin: 10px 4px; } .wgtIgniteLeadTag.RadLabel { color: var(--wgtIgnite-palette-background); } .wgtIgniteLeadTagLabel { opacity: 0; } .wgtIgniteLeadTagAddTrigger { display: block; text-align: right; padding: 5px; } .wgtIgniteLeadTagsContainer.edit-mode .wgtIgniteLeadTagAddTrigger { opacity: 0.5; pointer-events: none; } .wgtIgniteLeadTagDeleteTrigger, .wgtIgniteLeadTagApplyTrigger { position: relative; z-index: 2; } .wgtIgniteLeadTagDeleteTrigger::after, .wgtIgniteLeadTagApplyTrigger::after { border-radius: var(--wgtIgnite-br); color: var(--wgtIgnite-palette-background); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 20px; line-height: normal; width: 20px; content: "✕"; margin-left: 5px; } .wgtIgniteLeadTagDeleteTrigger::after { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: var(--wgtIgnite-text-size-default); height: 15px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: 0px; } .wgtIgniteLeadTagApplyTrigger { pointer-events: none; } .wgtIgniteLeadTagApplyTrigger::after { content: url('data:image/svg+xml; utf8,'); } .wgtIgniteLeadTagTitle { font-size: var(--wgtIgnite-text-size-medium); pointer-events: none; } .wgtIgniteLeadTag.edit-mode::after, .wgtIgniteLeadTag.new::after { display: none; } .wgtIgniteLibraryAsset { border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-palette-grey-6); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteLibraryAssetThumbnail { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; position: relative; z-index: 1; } .wgtIgniteLibraryAssetThumbnailContainer { height: 150px; width: 250px; position: relative; overflow: hidden; } .wgtIgniteLibraryAssetThumbnailContainer::before { content: ""; background-color: var(--wgtIgnite-palette-background); background-image: linear-gradient(45deg, var(--wgtIgnite-palette-grey-2) 25%, transparent 25%, transparent 75%, var(--wgtIgnite-palette-grey-2) 75%, var(--wgtIgnite-palette-grey-2)), linear-gradient(-45deg, var(--wgtIgnite-palette-grey-2) 25%, transparent 25%, transparent 75%, var(--wgtIgnite-palette-grey-2) 75%, var(--wgtIgnite-palette-grey-2)); background-size: 10px 10px; border-top-left-radius: var(--wgtIgnite-br); border-top-right-radius: var(--wgtIgnite-br); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .wgtIgniteLibraryAssetInfo { border-top: solid 1px var(--wgtIgnite-palette-grey-6); display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; background-color: var(--wgtIgnite-palette-background); padding: 10px; } .wgtIgniteLibraryAssetInfoTitle.RadLabel { color: var(--wgtIgnite-palette-base); font-style: italic; font-weight: 900; } .wgtIgniteLibraryAssetMetaInfo { background-color: var(--wgtIgnite-palette-background); border-top: solid 1px var(--wgtIgnite-palette-grey-6); border-bottom-left-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; padding: 5px 10px; } .wgtIgniteLibraryAssetMetaInfoStat.RadLabel { color: var(--wgtIgnite-palette-base); font-weight: 100; font-size: 10px; } .wgtIgniteLibraryAssetStatTitle .wgtIgniteLibraryAssetValue.RadLabel { width: 100%; text-align: center; } .wgtIgniteLibraryForm { position: relative; overflow: hidden; width: 100%; max-width: 0px; } .wgtIgniteLibraryForm.open { max-width: 800px; } .wgtIgniteLibraryGroupHeader { background-color: var(--wgtIgnite-palette-background); padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top-right-radius: var(--wgtIgnite-br); border-top-left-radius: var(--wgtIgnite-br); } .wgtIgniteLibraryGroupHeaderTitle { color: var(--wgtIgnite-color-4); } .wgtIgniteLibraryList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; background-color: var(--wgtIgnite-palette-grey-3); border-bottom-left-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); gap: 10px; } .wgtIgniteLibraryListContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 50px; } .wgtIgniteLibraryListArea { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteLibraryTypes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 20px; row-gap: 10px; width: 200px; } .wgtIgniteLibraryTypesTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteLink { color: var(--wgtIgnite-color-4); font-size: var(--wgtIgnite-text-size-default); position: relative; text-decoration: underline; } .wgtIgniteLinkContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteLinkCreatePayTemplate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .wgtIgniteLink:hover { color: var(--wgtIgnite-color-4d1); cursor: pointer; } .wgtIgniteLink:focus-visible .wgtIgniteTooltip { display: none; } .wgtIgniteList { /*S 9/8/22 */ /*E 9/8/22 */ } .wgtIgniteListHeaders .RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteListPagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; } .wgtIgniteListPaginationIndicator { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px 10px; } .wgtIgniteLeadMeta { -ms-flex-wrap: wrap; flex-wrap: wrap; } .wgtIgniteLogo { /* S 4/14/22 */ border-right: solid 1px var(--wgtIgnite-palette-grey-6); margin: 10px 0px; /* E 4/14/22 */ /* S 4/29/22 */ max-height: 65px; padding-right: 5px; /* E 4/29/22 */ /* S 6/13/23 */ /* E 6/13/23 */ } .wgtIgniteLogoLink { position: absolute; height: 100%; width: 100%; } .wgtIgniteLogoLinkSecondary { height: 25px; width: 65%; bottom: 0; right: 0; } .wgtIgniteLogoSquare { margin-left: auto; margin-right: auto; } .wgtIgniteLoginHeader { text-align: center; padding: 30px 20px 50px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 10px 10px var(--wgtIgnite-color-1); box-shadow: 0px 0px 10px 10px var(--wgtIgnite-color-1); max-width: 500px; width: 100%; -ms-flex-item-align: center; align-self: center; border-radius: 12px; margin-top: 100px; } .wgtIgniteLoginLink { font-size: var(--wgtIgnite-text-size-default); color: var(--wgtIgnite-color-1); } .wgtIgniteLoginLink:hover { color: var(--wgtIgnite-color-4); } .wgtIgniteMain { /*S 8/26/22 */ display: grid; grid-template-columns: 1fr 250px; grid-template-rows: auto 1fr; grid-auto-rows: auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /*E 8/26/22 */ /* S 9/13/22 */ position: relative; overflow: hidden; /* E 9/13/22 */ /*S 08/22/24 */ padding-top: 115px; /*E 08/22/24 */ /* .wgtIgniteMainContent */ /* wgtIgniteMainFooter */ /* E 4/12/22 */ } .MessageAnalyticsModalActive .wgtIgniteMain { padding-top: 0px !important; } .wgtIgniteMainContent { scrollbar-color: var(--wgtIgnite-color-1d2) var(--wgtIgnite-palette-scrollbar); scrollbar-width: thin !important; /*S 8/26/22 */ grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-bottom: 40px; /*E 8/26/22 */ /*S 7/15/22 */ height: 100%; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; overflow: auto; /*E 7/15/22 */ /*S 01/04/23 */ /*E 01/04/23 */ /*S 11/04/22 */ /*E 11/04/22 */ /*S 8/29/22 */ /*E 8/29/22 */ /*S 03/01/23 */ /*E 03/01/23 */ } .wgtIgniteMainContent::-webkit-scrollbar { width: 10px; height: 10px; } .wgtIgniteMainContent::-webkit-scrollbar-track { background: var(--wgtIgnite-palette-scrollbar); } .wgtIgniteMainContent::-webkit-scrollbar-thumb { background-color: var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); border: 3px solid var(--wgtIgnite-palette-scrollbar); } .wgtIgniteBodyOnboarding .wgtIgniteMainContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; position: relative; } .wgtIgniteAppCommunications .wgtIgniteMainContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 0px; } .wgtIgniteProgressModal ~ .wgtIgniteMainContent::before { content: ""; height: 100%; width: 100vw; position: absolute; top: 0; left: -50px; background-color: rgba(0, 0, 0, 0.3); z-index: 6; } .wgtIgniteProgressModal.RadUploadProgressAreaHidden ~ .wgtIgniteMainContent::before { display: none; } .wgtIgniteMainContent a { /* S 11/08/22 */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* E 11/08/22 */ /*S 11/21/22 */ /*E 11/21/22 */ } .wgtIgniteMainContent a.reTool, .wgtIgniteMainContent a.reDropdown { display: inline-block; } .wgtIgniteMainContentMessageBuilder > div { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteMainDashboard { /*S 08/22/24 */ padding-top: 55px; /*E 08/22/24 */ /*S 12/29/22 */ /*E 12/29/22 */ } .wgtIgniteMainDashboard.wgtIgniteMainContent { padding-bottom: 0px; } .wgtIgniteMainDashboard > svg { height: 0px; line-height: 0px; position: absolute; } .wgtIgniteMainFooter { -webkit-box-shadow: 0px 0px 4px 0px var(--wgtIgnite-palette-shadow); box-shadow: 0px 0px 4px 0px var(--wgtIgnite-palette-shadow); background-color: var(--wgtIgnite-palette-background); z-index: 4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 10px 20px; /*S 9/12/22 */ grid-row-start: 3; grid-row-end: 4; position: relative; /*E 9/12/22 */ /* wgtIgniteMainFooterCopyright */ } .wgtIgniteMainFooterCopyright { /*S 4/13/22 */ background-color: var(--wgtIgnite-palette-background); /*E 4/13/22 */ color: var(--wgtIgnite-color-1); font-size: var(--wgtIgnite-text-size-default); font-weight: 900; position: relative; padding: 0px 8px; /* S 4/26/22 */ text-align: center; /* E 4/26/22 */ } .wgtIgniteMainFooter::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 2px; width: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(var(--wgtIgnite-color-1)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--wgtIgnite-color-1), rgba(255, 255, 255, 0)); } .wgtIgniteMainHeaderInfo { position: relative; } .wgtIgniteMainLeadActionsHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteMainMenu { /*S 8/26/22 */ scrollbar-color: var(--wgtIgnite-color-1d2) var(--wgtIgnite-palette-scrollbar); scrollbar-width: thin !important; grid-row-start: 2; grid-row-end: 3; grid-column-start: 2; grid-column-end: 3; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 0px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*E 8/26/22 */ /*S 9/13/22 */ position: relative; /*E 9/13/22 */ /* S 3/23/22 */ z-index: 2; /* E 3/23/22 */ /* S 7/20/22 */ width: 100%; /* E 7/20/22 */ /*S 9/12/22 */ /*E 9/12/22 */ } .wgtIgniteMainMenu::-webkit-scrollbar { width: 10px; height: 10px; } .wgtIgniteMainMenu::-webkit-scrollbar-track { background: var(--wgtIgnite-palette-scrollbar); } .wgtIgniteMainMenu::-webkit-scrollbar-thumb { background-color: var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); border: 3px solid var(--wgtIgnite-palette-scrollbar); } .wgtIgniteMainMenu.constrained { overflow-y: scroll; overflow-x: hidden; } .wgtIgniteManageSparkSitesList, .wgtIgniteManageEmailTemplatesList { padding: 0px !important; display: grid; grid-template-columns: minmax(275px, 1fr) minmax(275px, 1fr) minmax(275px, 1fr) minmax(275px, 1fr); gap: 20px; } .wgtIgniteManageSparkSitesListControls, .wgtIgniteManageEmailTemplatesListControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 10px; } .wgtIgniteManageSparkSitesListHeaders, .wgtIgniteManageEmailTemplatesListHeaders { display: none !important; margin: 0px 10px; } .wgtIgniteManageSparkSitesListItem, .wgtIgniteManageEmailTemplatesListItem { background-color: var(--wgtIgnite-palette-background); display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 0px 10px 10px 10px; border-color: var(--wgtIgnite-color-1l2); } .wgtIgniteManageSparkSitesListItem::before, .wgtIgniteManageEmailTemplatesListItem::before { cursor: unset; } .wgtIgniteManageSparkSitesListItem.disabled, .wgtIgniteManageEmailTemplatesListItem.disabled { opacity: 1 !important; } .wgtIgniteManageSparkSitesListItem.disabled::before, .wgtIgniteManageSparkSitesListItem.disabled::after, .wgtIgniteManageEmailTemplatesListItem.disabled::before, .wgtIgniteManageEmailTemplatesListItem.disabled::after { top: unset; bottom: 68px; } .wgtIgniteManageSparkSitesListItem.disabled::after, .wgtIgniteManageEmailTemplatesListItem.disabled::after { font-size: var(--wgtIgnite-text-size-small); left: 10px; max-width: 280px; } .wgtIgniteManageSparkSitesListItem.disabled::before, .wgtIgniteManageEmailTemplatesListItem.disabled::before { height: 18px; bottom: 85px; opacity: 0; } .wgtIgniteManageSparkSitesListItem.disabled:hover, .wgtIgniteManageEmailTemplatesListItem.disabled:hover { background-color: var(--wgtIgnite-palette-background); border-color: var(--wgtIgnite-color-1l2); } .wgtIgniteManageSparkSitesListItem.disabled:hover::before, .wgtIgniteManageEmailTemplatesListItem.disabled:hover::before { opacity: 0; } .wgtIgniteManageSparkSitesListItem.incompatible .wgtIgniteManageEmailTemplatesListItemStatThumbnail > a, .wgtIgniteManageSparkSitesListItem.incompatible .wgtIgniteManageSparkSitesListItemStatThumbnail > a, .wgtIgniteManageEmailTemplatesListItem.incompatible .wgtIgniteManageEmailTemplatesListItemStatThumbnail > a, .wgtIgniteManageEmailTemplatesListItem.incompatible .wgtIgniteManageSparkSitesListItemStatThumbnail > a { pointer-events: none; } .wgtIgniteManageSparkSitesListItem.incompatible::before, .wgtIgniteManageEmailTemplatesListItem.incompatible::before { content: attr(data-disabled-incompatible); display: -webkit-box; display: -ms-flexbox; display: flex; top: 0px; left: 10px; -webkit-mask-image: none; mask-image: none; width: auto; background-color: var(--wgtIgnite-palette-alert); font-size: var(--wgtIgnite-text-size-small); color: var(--wgtIgnite-palette-background); border-bottom-right-radius: var(--wgtIgnite-br); border-bottom-left-radius: var(--wgtIgnite-br); opacity: 1; padding: 0px 5px; height: 27px; } .wgtIgniteManageSparkSitesListItem.incompatible:hover::before, .wgtIgniteManageEmailTemplatesListItem.incompatible:hover::before { opacity: 1; } .wgtIgniteManageSparkSitesListItem:hover, .wgtIgniteManageEmailTemplatesListItem:hover { background-color: var(--wgtIgnite-palette-background); border-color: var(--wgtIgnite-color-1l2); } .wgtIgniteManageSparkSitesListItem:hover::before, .wgtIgniteManageEmailTemplatesListItem:hover::before { opacity: 0; } .wgtIgniteManageSparkSitesListItem.sparksitetemplate, .wgtIgniteManageSparkSitesListItem.emailtemplate, .wgtIgniteManageEmailTemplatesListItem.sparksitetemplate, .wgtIgniteManageEmailTemplatesListItem.emailtemplate { border-color: var(--wgtIgnite-color-3l1) !important; padding-top: 0px; } .wgtIgniteManageSparkSitesListItem.sparksitetemplate::before, .wgtIgniteManageSparkSitesListItem.emailtemplate::before, .wgtIgniteManageEmailTemplatesListItem.sparksitetemplate::before, .wgtIgniteManageEmailTemplatesListItem.emailtemplate::before { left: 80px; } .wgtIgniteManageSparkSitesListItem.sparksitetemplate.disabled:after, .wgtIgniteManageSparkSitesListItem.emailtemplate.disabled:after, .wgtIgniteManageEmailTemplatesListItem.sparksitetemplate.disabled:after, .wgtIgniteManageEmailTemplatesListItem.emailtemplate.disabled:after { display: none; } .wgtIgniteManageSparkSitesListItem.sparksiteusertemplate::before, .wgtIgniteManageSparkSitesListItem.emailusertemplate::before, .wgtIgniteManageEmailTemplatesListItem.sparksiteusertemplate::before, .wgtIgniteManageEmailTemplatesListItem.emailusertemplate::before { left: 110px; } .wgtIgniteManageSparkSitesListItem.sparksiteusertemplate.disabled:after, .wgtIgniteManageSparkSitesListItem.emailusertemplate.disabled:after, .wgtIgniteManageEmailTemplatesListItem.sparksiteusertemplate.disabled:after, .wgtIgniteManageEmailTemplatesListItem.emailusertemplate.disabled:after { display: none; } .wgtIgniteManageSparkSitesListItem.emailusertemplate, .wgtIgniteManageEmailTemplatesListItem.emailusertemplate { border-color: var(--wgtIgnite-color-4) !important; padding-top: 0px; } .wgtIgniteManageSparkSitesListItem.emailusertemplate.disabled:after, .wgtIgniteManageEmailTemplatesListItem.emailusertemplate.disabled:after { display: none; } .wgtIgniteManageSparkSitesListItem.emailusertemplate .wgtIgniteManageEmailTemplatesListItemStatIcon::before, .wgtIgniteManageEmailTemplatesListItem.emailusertemplate .wgtIgniteManageEmailTemplatesListItemStatIcon::before { background-color: var(--wgtIgnite-color-4) !important; } .wgtIgniteManageSparkSitesListItem.sparksiteusertemplate, .wgtIgniteManageEmailTemplatesListItem.sparksiteusertemplate { border-color: var(--wgtIgnite-color-4) !important; padding-top: 0px; } .wgtIgniteManageSparkSitesListItem.sparksiteusertemplate.disabled:after, .wgtIgniteManageEmailTemplatesListItem.sparksiteusertemplate.disabled:after { display: none; } .wgtIgniteManageSparkSitesListItem.sparksiteusertemplate .wgtIgniteManageSparkSitesListItemStatIcon::before, .wgtIgniteManageEmailTemplatesListItem.sparksiteusertemplate .wgtIgniteManageSparkSitesListItemStatIcon::before { background-color: var(--wgtIgnite-color-4) !important; } .wgtIgniteManageSparkSitesListItemStat, .wgtIgniteManageEmailTemplatesListItemStat { grid-column: -1/1; } .wgtIgniteManageSparkSitesListItem.disabled .wgtIgniteManageSparkSitesListItemStat, .wgtIgniteManageSparkSitesListItem.disabled .wgtIgniteManageEmailTemplatesListItemStat { opacity: 0.8; } .wgtIgniteManageSparkSitesListItemStatRequestCode, .wgtIgniteManageSparkSitesListItemStatSourceCode, .wgtIgniteManageSparkSitesListItemStatActive, .wgtIgniteManageEmailTemplatesListItemStatRequestCode, .wgtIgniteManageEmailTemplatesListItemStatSourceCode, .wgtIgniteManageEmailTemplatesListItemStatActive { grid-column: span 1; } .wgtIgniteManageSparkSitesListItemStatTemplate, .wgtIgniteManageEmailTemplatesListItemStatTemplate { grid-column: span 2; padding: 0px; display: none; grid-row-start: 1; position: absolute; top: 0; left: 5px; } .sparksitetemplate .wgtIgniteManageSparkSitesListItemStatTemplate, .sparksiteusertemplate .wgtIgniteManageSparkSitesListItemStatTemplate, .emailtemplate .wgtIgniteManageSparkSitesListItemStatTemplate, .emailusertemplate .wgtIgniteManageSparkSitesListItemStatTemplate, .sparksitetemplate .wgtIgniteManageEmailTemplatesListItemStatTemplate, .sparksiteusertemplate .wgtIgniteManageEmailTemplatesListItemStatTemplate, .emailtemplate .wgtIgniteManageEmailTemplatesListItemStatTemplate, .emailusertemplate .wgtIgniteManageEmailTemplatesListItemStatTemplate { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .wgtIgniteManageSparkSitesListItemStatTemplate.RadLabel, .wgtIgniteManageEmailTemplatesListItemStatTemplate.RadLabel { border-bottom-right-radius: var(--wgtIgnite-br); border-bottom-left-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-color-3l1); color: var(--wgtIgnite-palette-background); padding: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; } .emailusertemplate .wgtIgniteManageSparkSitesListItemStatTemplate.RadLabel, .sparksiteusertemplate .wgtIgniteManageSparkSitesListItemStatTemplate.RadLabel, .emailusertemplate .wgtIgniteManageEmailTemplatesListItemStatTemplate.RadLabel, .sparksiteusertemplate .wgtIgniteManageEmailTemplatesListItemStatTemplate.RadLabel { background-color: var(--wgtIgnite-color-4); } .wgtIgniteManageSparkSitesListItemStatTemplate.RadLabel::after, .wgtIgniteManageEmailTemplatesListItemStatTemplate.RadLabel::after { display: none; } .wgtIgniteManageSparkSitesListItemStatControls, .wgtIgniteManageEmailTemplatesListItemStatControls { -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; pointer-events: all; margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .wgtIgniteManageSparkSitesListItem.disabled .wgtIgniteManageSparkSitesListItemStatControls, .wgtIgniteManageSparkSitesListItem.disabled .wgtIgniteManageEmailTemplatesListItemStatControls { opacity: 1 !important; } .wgtIgniteManageSparkSitesListItemStatTitle.RadLabel, .wgtIgniteManageEmailTemplatesListItemStatTitle.RadLabel { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .wgtIgniteManageSparkSitesListItemStatIcon, .wgtIgniteManageEmailTemplatesListItemStatIcon { grid-column-start: 3; grid-column-end: 4; align-self: flex-start; } .wgtIgniteManageSparkSitesListItemStatIcon::before, .wgtIgniteManageEmailTemplatesListItemStatIcon::before { content: ""; background-color: var(--wgtIgnite-color-1l2); display: block; height: 28px; width: 28px; margin-left: auto; border-bottom-left-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); position: relative; bottom: 1px; } .sparksitetemplate .wgtIgniteManageSparkSitesListItemStatIcon::before, .emailtemplate .wgtIgniteManageSparkSitesListItemStatIcon::before, .sparksitetemplate .wgtIgniteManageEmailTemplatesListItemStatIcon::before, .emailtemplate .wgtIgniteManageEmailTemplatesListItemStatIcon::before { background-color: var(--wgtIgnite-color-3l1); } .wgtIgniteManageSparkSitesListItemStatIcon::after, .wgtIgniteManageEmailTemplatesListItemStatIcon::after { content: ""; background-color: var(--wgtIgnite-palette-background); height: 28px; width: 28px; -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 15px; mask-size: 15px; position: absolute; right: 0px; } .wgtIgniteManageSparkSitesListItemStatIcon.isEmail::after, .wgtIgniteManageEmailTemplatesListItemStatIcon.isEmail::after { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .wgtIgniteManageSparkSitesListItemStatIcon.isSMS::after, .wgtIgniteManageEmailTemplatesListItemStatIcon.isSMS::after { -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .wgtIgniteManageSparkSitesListItemStatThumbnail, .wgtIgniteManageEmailTemplatesListItemStatThumbnail { background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-palette-grey-3); border-radius: var(--wgtIgnite-br); padding: 5px; position: relative; overflow: hidden; } .wgtIgniteManageSparkSitesListItemStatThumbnail > a, .wgtIgniteManageEmailTemplatesListItemStatThumbnail > a { display: block; position: relative; } .wgtIgniteManageSparkSitesListItemStatThumbnail img, .wgtIgniteManageEmailTemplatesListItemStatThumbnail img { width: 100%; z-index: 1; } .wgtIgniteManageSparkSitesListItemStatThumbnail::before, .wgtIgniteManageEmailTemplatesListItemStatThumbnail::before { content: ""; display: block; height: calc(100% - 20px); width: calc(100% - 20px); background-color: var(--wgtIgnite-palette-grey-3); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; margin: 5px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 0; } .wgtIgniteManageEmailTemplatesListItem { border-color: var(--wgtIgnite-palette-grey-8); } .wgtIgniteManageEmailTemplatesListItem:hover, .wgtIgniteManageEmailTemplatesListItem.disabled:hover { border-color: var(--wgtIgnite-palette-grey-8); } .wgtIgniteManageEmailTemplatesListItemStatIcon::before { background-color: var(--wgtIgnite-palette-grey-8); } .wgtIgniteMapping { font-family: var(--wgtIgnite-font) !important; /* .wgtIgniteMappingControls */ /* .wgtIgniteMappingLegend */ /* .wgtIgniteMappingZone */ } .wgtIgniteMappingControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteMappingLegend { display: none; width: 100%; } .wgtIgniteMappingLegendListItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: dotted 2px #ccc; font-weight: 200; text-align: left; position: relative; } .wgtIgniteMappingLegendListItem::after { content: "Not Mapped"; display: inline-block; } .wgtIgniteMappingLegendListItem.mapped { border-bottom-color: var(--wgtIgnite-color-1l1); } .wgtIgniteMappingLegendListItem.mapped::after { content: "Mapped"; } .wgtIgniteMappingLegendListItem.required::before { content: "*"; color: #ff5555; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: var(--wgtIgnite-text-size-medium); height: 20px; position: absolute; width: 10px; left: -10px; top: 4px; } .wgtIgniteMappingPreviewTable { background-color: #fff; border-radius: var(--wgtIgnite-br); margin-top: 20px; } .wgtIgniteMappingPreviewTable .header { font-weight: 800; } .wgtIgniteMappingPreviewTable td { border-bottom: solid 1px #ddd; padding: 5px; } .wgtIgniteMappingSliderContainer { width: 300px; position: relative; margin-left: auto; margin-right: auto; display: none; } .wgtIgniteMappingSliderContainer .swiper-button-prev { left: -25px; } .wgtIgniteMappingSliderContainer .swiper-button-next { right: -25px; } .wgtIgniteMappingSliderContainer .swiper-pagination { bottom: 0px; font-weight: 100; position: relative; } .wgtIgniteMappingZone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; /* .wgtIgniteMappingZoneSeperator */ /* .wgtIgniteMappingZoneSource */ /* .wgtIgniteMappingZoneTarget */ } .wgtIgniteMappingZoneSeperator { text-align: center; margin: 30px 0px; } .wgtIgniteMappingZoneSource, .wgtIgniteMappingZoneTarget { background-color: #fff; gap: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 20px; cursor: default; vertical-align: middle; text-align: center; border-radius: var(--wgtIgnite-br); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: baseline; align-content: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteMappingZoneSourceField, .wgtIgniteMappingZoneTargetField { border-radius: var(--wgtIgnite-br); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 20px; position: relative; } .wgtIgniteMappingZoneSourceFieldAutoMappedLabel, .wgtIgniteMappingZoneTargetFieldAutoMappedLabel { background-color: var(--wgtIgnite-color-3l4); color: var(--wgtIgnite-palette-base); font-style: italic; font-size: var(--wgtIgnite-text-size-default); border-radius: var(--wgtIgnite-br); position: absolute; top: -14px; left: 8px; padding: 0px 4px; } .wgtIgniteMappingZoneTargetSlide .wgtIgniteMappingZoneSourceFieldAutoMappedLabel, .wgtIgniteMappingZoneTargetSlide .wgtIgniteMappingZoneTargetFieldAutoMappedLabel { top: 5px; left: 5px; } .wgtIgniteMappingZoneSource h1, .wgtIgniteMappingZoneTarget h1 { width: 100%; } .wgtIgniteMappingZoneSource > p, .wgtIgniteMappingZoneTarget > p { width: 100%; margin: 20px 0px; } .wgtIgniteMappingZoneSourceField { cursor: -webkit-grab; cursor: grab; background-color: var(--wgtIgnite-color-1); color: #fff; } .wgtIgniteMappingZoneSourceField.hollow { background-color: #ccc; pointer-events: none; } .wgtIgniteMappingZoneSource > .RadDraggable { display: none; } .wgtIgniteMappingZoneTarget { position: relative; /*S 8/12/22 */ /*E 8/12/22 */ } .wgtIgniteMappingZoneTarget > div { width: 100%; } .wgtIgniteMappingZoneTarget > div > p { width: 100%; margin: 20px 0px; } .wgtIgniteMappingZoneTargetSlider { width: 100%; } .wgtIgniteMappingZoneTargetArea { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; row-gap: 18px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteMappingZoneTargetLabel { width: 100%; text-align: right; } .wgtIgniteMappingZoneTargetField, .wgtIgniteMappingZoneTargetSlide { color: #ccc; background-color: transparent; border: dotted 1px var(--wgtIgnite-palette-grey-8); border-radius: var(--wgtIgnite-br); } .wgtIgniteMappingZoneTargetField.mapped .wgtIgniteMappingZoneTargetFieldLink, .wgtIgniteMappingZoneTargetSlide.mapped .wgtIgniteMappingZoneTargetFieldLink, .wgtIgniteMappingZoneTargetField.mapped .wgtIgniteMappingZoneTargetSlideLink, .wgtIgniteMappingZoneTargetSlide.mapped .wgtIgniteMappingZoneTargetSlideLink { background-color: #fff; color: var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 0px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteMappingZoneTargetField.droppable, .wgtIgniteMappingZoneTargetSlide.droppable { opacity: 0.5; } .wgtIgniteMappingZoneTargetField.mapped, .wgtIgniteMappingZoneTargetSlide.mapped { background-color: var(--wgtIgnite-color-1); color: #fff; } .wgtIgniteMappingZoneTargetField.mapped::after, .wgtIgniteMappingZoneTargetSlide.mapped::after { content: url('data:image/svg+xml; utf8, '); color: #fff; display: inline-block; margin: 0px 5px; } .wgtIgniteMappingZoneTargetField.required::before, .wgtIgniteMappingZoneTargetSlide.required::before { content: "*"; color: #ff5555; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: var(--wgtIgnite-text-size-hero); height: 20px; position: absolute; top: -7px; right: -8px; } .wgtIgniteMappingZoneTargetSlide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 45px 20px; } .wgtIgniteMappingZoneTargetSlide.mapped { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; } .wgtIgniteMappingZoneTargetSlide.required::before { top: 5px; right: 5px; } .wgtIgniteMappingZoneTargetUnlink { text-decoration: none; margin: 0px 0px 0px 5px; padding: 0px; height: 20px; color: var(--wgtIgnite-color-1); font-size: var(--wgtIgnite-text-size-large); line-height: 10px; display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteMasterList { position: relative; /*S 04/03/23 */ /*E 04/03/23 */ /*S 10/28/22 */ /*E 10/28/22 */ } .wgtIgniteMasterListFilters.RadLabel { color: var(--wgtIgnite-palette-alert); font-weight: 100; z-index: 3; padding: 5px; } .wgtIgniteMasterListFilters.RadLabel.truncated { cursor: pointer; overflow: hidden; position: relative; width: 280px; height: 20px; word-break: break-all; } .wgtIgniteMasterListFilters.RadLabel.truncated::before { content: ""; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--wgtIgnite-palette-grey-2))); background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--wgtIgnite-palette-grey-2)); height: 100%; width: 100%; position: absolute; left: 0; top: 0; } .wgtIgniteMasterListFilters.RadLabel.truncated::after { content: "..."; color: var(--wgtIgnite-palette-base); width: 100%; line-height: 0px; position: absolute; top: 0; right: 5px; text-align: right; font-size: var(--wgtIgnite-text-size-max); } .wgtIgniteMasterListFilters.RadLabel.truncated.show-all { background-color: var(--wgtIgnite-palette-grey-2); position: absolute; height: auto; } .wgtIgniteMasterListFilters.RadLabel.truncated.show-all::before, .wgtIgniteMasterListFilters.RadLabel.truncated.show-all::after { display: none; } .wgtIgniteMasterListNavigation { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .wgtIgniteMasterListNavigationContainer { background-color: var(--wgtIgnite-palette-background); z-index: 4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: auto; padding: 5px 20px; position: fixed; width: calc(100% - 310px); bottom: 0px; padding-bottom: 48px; } .wgtIgniteMasterListNavigationDesktop { -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 5px; padding-top: 20px; } .wgtIgniteMasterListNavigationMobile { display: none; row-gap: 5px; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; } .wgtIgniteMasterListNavigationPageSize, .wgtIgniteMasterListNavigationPageJump { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteMasterListNavigationBar { display: grid; grid-template-columns: 15% 35% 35% 15%; min-width: 250px; } .wgtIgniteMasterListNavigationBar .rbButton { min-width: unset; width: 100%; } .wgtIgniteMasterListNavigationBar .rbButton.spin { pointer-events: none; } .wgtIgniteMasterListNavigationBar .rbButton.spin::before { content: ""; height: 15px; width: 15px; -webkit-mask-size: 15px; mask-size: 15px; -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; background-color: var(--wgtIgnite-color-4); content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 20px; margin-right: 5px; mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; -webkit-mask-position: center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; } .wgtIgniteMasterListNavigationBar .rbButton:nth-child(1), .wgtIgniteMasterListNavigationBar .rbButton:nth-child(2) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .wgtIgniteMasterListNavigationBar .rbButton:nth-child(2) { border-left: none; } .wgtIgniteMasterListNavigationBar .rbButton:nth-child(3) { border-right: none; } .wgtIgniteMasterListNavigationBar .rbButton:nth-child(2), .wgtIgniteMasterListNavigationBar .rbButton:nth-child(3) { border-radius: 0px; } .wgtIgniteMasterListNavigationBar .rbButton:nth-child(3), .wgtIgniteMasterListNavigationBar .rbButton:nth-child(4) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .wgtIgniteMasterListNavigationPageJump .RadInput { height: 100%; min-width: 40px; max-width: 60px; border: solid 1px var(--wgtIgnite-palette-grey-7); border-radius: var(--wgtIgnite-br); text-align: center; margin: 0px 5px; } .wgtIgniteMasterListNavigationPageJump > .RadLabel { font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteMasterListNavigationPageJump .RadButton { margin-left: 5px; } .wgtIgniteMasterListNavigationPageJump .RadLabel + .RadLabel { margin-left: 5px; } .wgtIgniteMasterListNavigationPageJump .riTextBox { text-align: center !important; font-size: var(--wgtIgnite-text-size-medium) !important; } .wgtIgniteMasterListNavigationPageJump .rdpWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } .wgtIgniteMasterListNavigationPageSize > .RadLabel { font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteMasterListNavigationPageSize .RadLabel { margin-right: 5px; text-align: right; } .wgtIgniteMasterListNavigationPageSize .RadComboBox { max-width: 70px; } .wgtIgniteMasterListNavigationPageSize .RadComboBox.disabled { opacity: 0.6 !important; pointer-events: none !important; } .wgtIgniteMasterListNavigationPageSize .RadComboBox.spin .p-icon::before { content: ""; height: 15px; width: 15px; -webkit-mask-size: 15px; mask-size: 15px; -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; background-color: var(--wgtIgnite-color-4); content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 20px; margin-right: 5px; mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; -webkit-mask-position: center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; } .wgtIgniteMasterListNavigation .RadDataPager { background: transparent; border: none; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px; } .wgtIgniteMasterListRecordCount.RadLabel { position: absolute; top: 5px; left: 20px; } .wgtIgniteMessageTemplateAdminControlsContainer { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 10px; grid-column: 1/-1; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteMessageTemplateDetailForm { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 200px 200px; grid-template-rows: 55px 55px 55px 55px 55px 55px auto auto; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 20px; } .wgtIgniteMessageTemplateDetailField { position: relative; } .wgtIgniteMessageTemplateDetailField textarea { scrollbar-color: var(--wgtIgnite-color-1d2) var(--wgtIgnite-palette-scrollbar); scrollbar-width: thin !important; } .wgtIgniteMessageTemplateDetailField textarea::-webkit-scrollbar { width: 10px; height: 10px; } .wgtIgniteMessageTemplateDetailField textarea::-webkit-scrollbar-track { background: var(--wgtIgnite-palette-scrollbar); } .wgtIgniteMessageTemplateDetailField textarea::-webkit-scrollbar-thumb { background-color: var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); border: 3px solid var(--wgtIgnite-palette-scrollbar); } .wgtIgniteMessageTemplateDetailField.disabled .riContentWrapper { background-color: var(--wgtIgnite-palette-grey-4) !important; opacity: 0.5 !important; } .wgtIgniteMessageTemplateDetailField.disabled .riContentWrapper textarea, .wgtIgniteMessageTemplateDetailField.disabled .riContentWrapper input { background-color: var(--wgtIgnite-palette-grey-4) !important; } .wgtIgniteMessageTemplateDetailFieldActive, .wgtIgniteMessageTemplateDetailFieldUserTemplate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wgtIgniteMessageTemplateDetailFieldControls { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 30px; position: absolute; right: 8px; top: -20px; z-index: 1; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteMessageTemplateDetailFieldDisplayName, .wgtIgniteMessageTemplateDetailFieldSubject, .wgtIgniteMessageTemplateDetailFieldCompany, .wgtIgniteMessageTemplateDetailFieldPreHeader { grid-column: span 4; } .wgtIgniteMessageTemplateDetailFieldType { grid-column: span 3; } .wgtIgniteMessageTemplateDetailFieldCompanyID, .wgtIgniteMessageTemplateDetailFieldEditable, .wgtIgniteMessageTemplateDetailFieldIsPublic { grid-column: span 2; } .wgtIgniteMessageTemplateDetailFieldPreview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 2px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-column-start: 5; grid-column-end: 7; grid-row-start: 2; grid-row-end: 6; } .wgtIgniteMessageTemplateDetailFieldBodyCSS, .wgtIgniteMessageTemplateDetailFieldBodyTagAttributes, .wgtIgniteMessageTemplateDetailFieldTitle, .wgtIgniteMessageTemplateDetailFieldDescription, .wgtIgniteMessageTemplateDetailFieldHeaderCSS, .wgtIgniteMessageTemplateDetailFieldHeaderContent, .wgtIgniteMessageTemplateDetailFieldHTMLBody, .wgtIgniteMessageTemplateDetailFieldTextBody { grid-column: span 6; } .wgtIgniteMessageTemplateDetailFieldHeaderContent, .wgtIgniteMessageTemplateDetailFieldHeaderCSS, .wgtIgniteMessageTemplateDetailFieldHTMLBody, .wgtIgniteMessageTemplateDetailFieldTextBody { margin-top: 20px; } .wgtIgniteMessageTemplateDetailSeperator { grid-column: 1/-1; } .wgtIgniteMessageTemplateDetailSeperatorTitle.RadLabel { border-bottom: dotted 1px var(--wgtIgnite-color-1); font-weight: 900; font-size: var(--wgtIgnite-text-size-large); color: var(--wgtIgnite-color-1); width: 100%; text-align: right; } .wgtIgniteMessageTemplatePreviewContainer { border: solid 1px var(--wgtIgnite-color-1l3); border-radius: var(--wgtIgnite-br); padding: 10px; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; } .wgtIgniteMessageTemplatePreviewContainer img { width: 400px; height: 300px; z-index: 1; } .wgtIgniteMiniModal { position: absolute; top: 0; right: 0; background-color: #fff; border-radius: var(--wgtIgnite-br); -webkit-box-shadow: 0px 0px 5px 1px #e0e0e0; box-shadow: 0px 0px 5px 1px #e0e0e0; border: solid 1px #474747; right: 58px; top: 40px; } .wgtIgniteMiniModal::before { content: ""; position: absolute; width: 10px; height: 10px; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 10px; top: -6px; border-left: solid 1px #474747; border-top: solid 1px #474747; } .wgtIgniteMiniModal.red { border-color: var(--wgtIgnite-palette-alert); } .wgtIgniteMiniModal.red::before { border-left-color: var(--wgtIgnite-palette-alert); border-top-color: var(--wgtIgnite-palette-alert); } .wgtIgniteMiniModalBody { max-height: 30vh; overflow-y: scroll; } .wgtIgniteMiniModalBody, .wgtIgniteMiniModalHeader { padding: 10px; } .wgtIgniteMiniModalCompatibilityIssue { text-decoration: underline; } .wgtIgniteMiniModalCompatibilityIssue:hover { cursor: pointer; } .wgtIgniteMiniModalHeader { min-width: 150px; } .wgtIgniteModal { /*S 04/27/23 */ /*E 04/27/23 */ /*S 5/13/22 */ /*S 04/27/23 */ /*E 04/27/23 */ /*E 5/13/22 */ /*S 5/16/22 */ /*E 5/16/22 */ } .wgtIgniteModalAccountUpgrade { position: relative; } .wgtIgniteModalAccountUpgradeOverlay { background-color: rgba(0, 0, 0, 0.3); border-radius: var(--wgtIgnite-br); display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .wgtIgniteModalAccountUpgradeOverlay.reveal { display: block; } .wgtIgniteModalAccountLinking { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteModalAccountStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteModalAccountStatTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteModalAccountStatValue.RadLabel { font-weight: 800; } .wgtIgniteModalAssignTagsContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgniteModalAssignTagsContainer > div { min-width: 250px; } .wgtIgniteModalCorporateProductList .wgtIgniteModalBodyControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteModalOrderCCEntry .wgtIgniteModalBodyControlsGroup { max-width: 420px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteModalCorporateProductList .wgtIgniteModalBodyControlsGroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteModalBodyControlsGroupImportSettings { border: solid 1px var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); padding: 20px 10px; margin-right: auto; position: relative; margin-top: 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } .wgtIgniteModalBodyStats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 20px; border-radius: var(--wgtIgnite-br); max-width: 600px; margin-left: auto; margin-right: auto; padding: 10px; -webkit-box-shadow: 0px 0px 5px 1px #e0e0e0; box-shadow: 0px 0px 5px 1px #e0e0e0; } .wgtIgniteModalBulkTitle.RadLabel { color: var(--wgtIgnite-palette-grey-9); font-size: calc(var(--wgtIgnite-text-size-large) * 1.3); letter-spacing: 4px; margin-left: 5px; } .wgtIgniteOverlayGeneric .wgtIgniteModalBulkTitle.RadLabel { color: var(--wgtIgnite-color-1); z-index: 1; } .wgtIgniteOverlayGeneric.style-alert .wgtIgniteModalBulkTitle.RadLabel, .wgtIgniteOverlayGeneric.style-success .wgtIgniteModalBulkTitle.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; font-size: 16px; color: var(--wgtIgnite-palette-background); z-index: 1; } .wgtIgniteOverlayGeneric.style-alert .wgtIgniteModalBulkTitle.RadLabel::before, .wgtIgniteOverlayGeneric.style-success .wgtIgniteModalBulkTitle.RadLabel::before { content: ""; display: inline-block; background-color: var(--wgtIgnite-palette-background); height: 20px; width: 20px; -webkit-mask-image: url('data:image/svg+xml; utf8, ') !important; mask-image: url('data:image/svg+xml; utf8, ') !important; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .wgtIgniteOverlayGeneric.style-alert .wgtIgniteModalBulkTitle.RadLabel::before { -webkit-mask-image: url('data:image/svg+xml; utf8, ') !important; mask-image: url('data:image/svg+xml; utf8, ') !important; } .wgtIgniteModalBulkTitle.RadLabel + .RadInput { display: none; } .wgtIgniteModalCCEntryError.RadLabel { color: var(--wgtIgnite-palette-alert); } .wgtIgniteModalCCEntryMerchantLabel.RadLabel { color: var(--wgtIgnite-color-4); text-align: center; margin-bottom: 10px; } .wgtIgniteModalCCEntryInfoBlurb.RadLabel { margin-bottom: 10px; } .wgtIgniteOverlay .wgtIgniteModal { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); max-width: 900px; width: 100%; min-height: 300px; margin: 5px; } .wgtIgniteOverlayVideo.wgtIgniteOverlay .wgtIgniteModal { max-width: 1200px; min-height: 400px; } .wgtIgniteOverlayProductInfo.wgtIgniteOverlay .wgtIgniteModal, .wgtIgniteOverlayAccountLinking.wgtIgniteOverlay .wgtIgniteModal, .wgtIgniteOverlayAccountUnlinking.wgtIgniteOverlay .wgtIgniteModal { max-width: 600px; } .wgtIgniteOverlayCamera .wgtIgniteModal { max-width: 500px; min-height: 550px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteOverlayPrerelease .wgtIgniteModal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteOverlay.wgtIgniteOverlayCompanyReferral .wgtIgniteModal { min-height: unset; } .wgtIgniteOverlay.wgtIgniteOverlayVisualEditor .wgtIgniteModal { padding: 0px; border-bottom-left-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); display: block; } .wgtIgniteOverlay.wgtIgniteOverlayVisualEditor.fullscreen .wgtIgniteModal { width: 100%; height: 100%; margin: 0px; } .wgtIgniteOverlay.wgtIgniteOverlayCodeEditor .wgtIgniteModal, .wgtIgniteOverlay.wgtIgniteOverlayVisualEditor .wgtIgniteModal { min-height: unset; height: 90%; width: 90%; max-width: none; } .wgtIgniteOverlay.wgtIgniteOverlayOrderSearch .wgtIgniteModal { max-width: 1100px; } .wgtIgniteOverlay.processing .wgtIgniteModal::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.35); z-index: 2; } .wgtIgniteOverlayCommunications .wgtIgniteModal { min-height: 300px; max-width: 600px; } .wgtIgniteOverlayInventoryControl .wgtIgniteModal { max-width: 600px; } .wgtIgniteOverlayCCEntry .wgtIgniteModal { max-width: 600px; } .wgtIgniteOverlaySaveChanges .wgtIgniteModal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 400px; min-height: 250px; } .wgtIgniteOverlayGeneric .wgtIgniteModal { border: solid 2px var(--wgtIgnite-color-1); } .wgtIgniteOverlayGeneric.style-alert .wgtIgniteModal { border: solid 2px var(--wgtIgnite-palette-alert); } .wgtIgniteOverlayGeneric.style-warning .wgtIgniteModal { border: solid 2px var(--wgtIgnite-color-2); } .wgtIgniteOverlayGeneric.style-success .wgtIgniteModal { border: solid 2px var(--wgtIgnite-color-3); } .wgtIgniteOverlayGeneric .wgtIgniteModalGenericBlurb.RadLabel { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .wgtIgniteOverlayGeneric .wgtIgniteModal { overflow: hidden; min-height: 200px; max-width: 600px; } .wgtIgniteOverlayGeneric .wgtIgniteModal, .wgtIgniteOverlayRecipientList .wgtIgniteModal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteOverlayTokens .wgtIgniteModal { max-width: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteModalUserStatCreditsRequired + .wgtIgniteModalBlurb.RadLabel { grid-column: span 2; } .wgtIgniteModalUserStatCreditsAvailable + .wgtIgniteModalBlurb.RadLabel { grid-column: span 3; } .wgtIgniteOverlaySaveChanges .wgtIgniteModalBlurb.RadLabel { text-align: center; } .wgtIgniteModalBlurbCodeWarning1.RadLabel { text-align: right; padding-right: 20px; font-weight: 900; font-size: var(--wgtIgnite-text-size-hero); color: var(--wgtIgnite-palette-background); } .wgtIgniteModalBlurbCodeWarning2.RadLabel { text-align: right; font-style: italic; padding-right: 20px; font-weight: 900; font-size: var(--wgtIgnite-text-size-large); color: var(--wgtIgnite-palette-background); } .wgtIgniteModalBlurbLeadOptOut.RadLabel { margin: auto; } .wgtIgniteModalBlurbUpgradeAction.RadLabel { color: var(--wgtIgnite-color-1l2); font-size: var(--wgtIgnite-text-size-large); font-weight: 900; text-align: center; border-radius: var(--wgtIgnite-br); width: 100%; } .wgtIgniteModalBlurbUpgradePitch.RadLabel { padding: 10px; display: block; font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteModalBody { background-color: var(--wgtIgnite-palette-background); /* S 04/28/23 */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; font-family: var(--wgtIgnite-font); position: relative; overflow-y: auto; /* E 04/28/23 */ /*S 01/10/23 */ /*E 01/10/23 */ /*S 04/17/23 */ /*E 04/17/23 */ /*S 01/10/23 */ /*S 05/23/23 */ /*E 05/23/23 */ /*E 01/10/23 */ /*S 04/26/23 */ /*E 04/26/23 */ } .wgtIgniteModalAccountLinking .wgtIgniteModalBody, .wgtIgniteModalAccountUnlinking .wgtIgniteModalBody, .wgtIgniteModalBulkDelete .wgtIgniteModalBody, .wgtIgniteModalBulkMove .wgtIgniteModalBody, .wgtIgniteModalBulkStatus .wgtIgniteModalBody { -ms-flex-item-align: end; align-self: flex-end; background-color: transparent; } .wgtIgniteModalProductScanner .wgtIgniteModalBody { display: grid; grid-template-columns: 480px 1fr; gap: 20px; } .wgtIgniteModalLeadOptIn .wgtIgniteModalBody { background-color: transparent; } .wgtIgniteModalProductList .wgtIgniteModalBody { max-height: 600px; } .wgtIgniteModalBodyContentWrapper { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); } .wgtIgniteModalBodyContentWrapperUpgradePayment { margin-top: 20px; padding: 20px; } .wgtIgniteOverlay.wgtIgniteOverlayStaffAccount .wgtIgniteModalBody { overflow-y: unset; } .wgtIgniteOverlay.wgtIgniteOverlayCodeEditor .wgtIgniteModalBody { height: calc(100% - 101px); padding: 0px; border-bottom-left-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); } .wgtIgniteOverlay.wgtIgniteOverlayVisualEditor .wgtIgniteModalBody { overflow-y: visible; padding: 10px; height: calc(100% - 100px); } .wgtIgniteOverlay.wgtIgniteOverlayCompanyReferral .wgtIgniteModalBody { border-radius: var(--wgtIgnite-br); } .wgtIgniteOverlayAccountLinking .wgtIgniteModalBody, .wgtIgniteOverlayAccountUnLinking .wgtIgniteModalBody { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteOverlayCamera .wgtIgniteModalBody { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteOverlayGeneric .wgtIgniteModalBody { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgniteOverlaySaveChanges .wgtIgniteModalBody { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; row-gap: 20px; } .wgtIgniteOverlayCodeWarning .wgtIgniteModalBody { background-color: var(--wgtIgnite-color-2l1); display: grid; grid-template-columns: 1fr 340px; } .wgtIgniteOverlayPrerelease .wgtIgniteModalBody { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteOverlayCommunications .wgtIgniteModalBody { row-gap: 10px; } .wgtIgniteOverlayCreditPurchase .wgtIgniteModalBody { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteOverlayCreditPurchase.confirm .wgtIgniteModalBody, .wgtIgniteOverlayAccountUpgrade.confirm .wgtIgniteModalBody { display: none; } .wgtIgniteOverlaySubscriptionRenewalConfirmation .wgtIgniteModalBody { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteModalBodyBlurb.RadLabel { color: var(--wgtIgnite-palette-base); font-weight: 800; } .wgtIgniteOverlayLeadDelete .wgtIgniteModalBodyBlurb.RadLabel { margin: auto; font-weight: 400; font-size: var(--wgtIgnite-text-size-default); } .wgtIgniteModalBodyContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteOverlayCodeWarning .wgtIgniteModalBodyContent { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteModalOnboardingError .wgtIgniteModalBodyContent, .wgtIgniteModalExpiredSubscriptionRenewalError .wgtIgniteModalBodyContent { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wgtIgniteModalBodyControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-top: 20px; width: 100%; /*S 01/10/23 */ /*E 01/10/23 */ } .wgtIgniteOverlayCamera .wgtIgniteModalBodyControls { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .wgtIgniteOverlayProductInfo .wgtIgniteModalBodyControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } .wgtIgniteOverlayCorporateProductList .wgtIgniteModalBodyControls { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 10px; } .wgtIgniteOverlayOrderSearch .wgtIgniteModalBodyControls, .wgtIgniteOverlayProductList .wgtIgniteModalBodyControls, .wgtIgniteOverlayRecipientList .wgtIgniteModalBodyControls { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteOverlayCodeWarning .wgtIgniteModalBodyControls { padding: 20px; } .wgtIgniteModalOnboardingError .wgtIgniteModalBodyControls, .wgtIgniteModalExpiredSubscriptionRenewalError .wgtIgniteModalBodyControls { grid-column: span 2; } .wgtIgniteModalLeadDelete .wgtIgniteModalBodyControls, .wgtIgniteModalLeadOptOut .wgtIgniteModalBodyControls { margin-top: auto; } .wgtIgniteModalBodyDetails { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteModalBodyFields { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteModalOnboardingError .wgtIgniteModalBodyGraphic img, .wgtIgniteModalExpiredSubscriptionRenewalError .wgtIgniteModalBodyGraphic img { -webkit-transform: scale(1.3) rotate(-30deg); transform: scale(1.3) rotate(-30deg); opacity: 0.7; } .wgtIgniteModalExpiredSubscriptionRenewalError .wgtIgniteModalBodyGraphic img { width: 120px; } .wgtIgniteModalBodyHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteOverlayCommunications .wgtIgniteModalBodyHeader { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteOverlayPrerelease .wgtIgniteModalBodyHeader { width: 150px; } .wgtIgniteModalOnboardingError .wgtIgniteModalBody, .wgtIgniteModalExpiredSubscriptionRenewalError .wgtIgniteModalBody { display: grid; grid-template-columns: auto 1fr; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; overflow: hidden; height: auto !important; } .wgtIgniteModalBulkDelete .wgtIgniteModalBody { height: 100%; background-color: transparent; width: 100%; } .wgtIgniteModalLeadOptOut .wgtIgniteModalBody, .wgtIgniteModalLeadDelete .wgtIgniteModalBody { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteModalRecipientList .wgtIgniteModalBody { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteModalBodyMessage.RadLabel { font-weight: 100; } .wgtIgniteModalOnboardingError .wgtIgniteModalBodyMessage.RadLabel, .wgtIgniteModalExpiredSubscriptionRenewalError .wgtIgniteModalBodyMessage.RadLabel { text-align: left; } .wgtIgniteModalBodySectionAccount { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 20px; max-width: 500px; margin-left: auto; margin-right: auto; } .wgtIgniteModalBodySectionHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 20px 0px 10px 0px; } .wgtIgniteModalBodySectionInfo { display: grid; grid-template-columns: 180px 180px 180px 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteModalBodySectionPayment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteModalBodySectionTerms { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0px 20px 30px 20px; padding: 10px 0px; position: relative; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-bottom: solid 1px var(--wgtIgnite-palette-grey-3); border-top: solid 1px var(--wgtIgnite-palette-grey-3); } .wgtIgniteModalBodySectionTitle.RadLabel { font-size: var(--wgtIgnite-text-size-medium); color: var(--wgtIgnite-color-1); font-weight: 900; margin: 20px 0px 10px 0px; } .wgtIgniteOverlayCancelAccount .wgtIgniteModalBodySectionTitle.RadLabel { text-align: center; } .wgtIgniteModalBodySectionHeader .wgtIgniteModalBodySectionTitle.RadLabel { margin: 0px 0px 0px 0px; } .wgtIgniteModalBodySectionUpgrade { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteModalBodySectionUpgradeFeatures { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); margin: 20px 20px 0px 20px; } .wgtIgniteModalCodeField { position: absolute; bottom: 0; } .wgtIgniteModalCodeView { background-color: var(--wgtIgnite-palette-background); height: 100%; padding: 5px; } .wgtIgniteModalCodeView > .cm-editor { height: 100%; } .wgtIgniteModalCodeView .ͼ3 .cm-selectionBackground { background-color: var(--wgtIgnite-color-2l2) !important; opacity: 0.8; } .wgtIgniteModalCodeView .cm-searchMatch > .cm-selectionMatch > span { font-size: 24px !important; } .wgtIgniteModalCodeView .cm-selectionMatch > span { font-size: 24px !important; } .wgtIgniteModalCodeViewText { color: #fff; font-family: monospace; font-weight: 900; } .wgtIgniteModalCompatibilityCheckTrigger { height: 30px; border: solid 1px #ccc; border-radius: var(--wgtIgnite-br); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px; margin-left: auto; margin-right: 20px; } .wgtIgniteModalCompatibilityCheckTrigger:hover { cursor: pointer; border-color: #474747; } .wgtIgniteModalCompatibilityCheckTrigger::after { content: ""; height: 20px; width: 20px; background-color: var(--wgtIgnite-color-1); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; background-color: var(--wgtIgnite-color-3); width: 10px; height: 10px; content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 5px; } .wgtIgniteModalCloser { height: 30px; width: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteModalCloser:hover { cursor: pointer; } .wgtIgniteModalCloser::before { background-color: var(--wgtIgnite-color-1); width: 20px; height: 20px; content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } .wgtIgniteOverlayGeneric.style-alert .wgtIgniteModalCloser::before, .wgtIgniteOverlayGeneric.style-success .wgtIgniteModalCloser::before { background-color: var(--wgtIgnite-palette-background); } .wgtIgniteOverlayPrerelease .wgtIgniteModalCloser::before, .wgtIgniteOverlayTokens .wgtIgniteModalCloser::before, .wgtIgniteOverlayVisualEditor .wgtIgniteModalCloser::before { background-color: var(--wgtIgnite-palette-background); } .wgtIgniteModalOnboardingError .wgtIgniteModalCloseTrigger, .wgtIgniteModalExpiredSubscriptionRenewalError .wgtIgniteModalCloseTrigger { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .wgtIgniteModalConfirmation { display: none; padding: 20px; } .wgtIgniteModalConfirmationBlurb.RadLabel, .wgtIgniteModalConfirmationTitle.RadLabel { width: 100%; text-align: center; } .wgtIgniteModalConfirmationBlurb.RadLabel { font-weight: 100; max-width: 480px; } .wgtIgniteModalConfirmationGraphic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteModalConfirmationPurchase { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteModalConfirmationPurchaseDescription { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteModalConfirmationPurchaseType.RadLabel { color: var(--wgtIgnite-palette-base); font-style: italic; padding-left: 4px; } .wgtIgniteModalConfirmationPurchaseQuantity.RadLabel { color: var(--wgtIgnite-color-2); font-size: 70px; font-weight: 900; line-height: 58px; } .wgtIgniteModalConfirmationTitle.RadLabel { font-weight: 900; font-size: var(--wgtIgnite-text-size-large); color: var(--wgtIgnite-palette-base); } .wgtIgniteModalConfirmationUpgradeTitle.RadLabel { color: var(--wgtIgnite-color-4); font-size: var(--wgtIgnite-text-size-max); font-weight: 900; } .wgtIgniteModalConfirmationUpgradeSubtitle.RadLabel { color: var(--wgtIgnite-color-2); font-style: italic; font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteOverlay.confirm .wgtIgniteModalConfirmation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .wgtIgniteModalControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteOverlaySubscriptionRenewalConfirmation .wgtIgniteModalControls { padding: 20px; } .wgtIgniteOverlayProductScanner .wgtIgniteModalControls { grid-column: span 2; } .wgtIgniteOverlayCodeWarning .wgtIgniteModalControls { padding: 20px; } .wgtIgniteModalCreditPackagesList { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px; } .wgtIgniteModalDeleteLeadCount { font-size: calc(var(--wgtIgnite-text-size-medium) * 1.2); font-weight: 900; margin: 0px 5px; } .wgtIgniteModalError { min-width: 400px; width: auto !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin: auto !important; max-width: 600px; } .wgtIgniteModalError.RadWindow { background-color: transparent; z-index: 9999 !important; height: auto !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteModalError.RadWindow .rwContent { height: auto !important; } .wgtIgniteModalError .wgtIgniteModalLabel { text-align: center; } .wgtIgniteModalFooter { padding: 10px; } .wgtIgniteOverlayCodeEditor .wgtIgniteModalFooter { height: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteOverlayStaffAccount .wgtIgniteModalFooter { background-color: var(--wgtIgnite-palette-background); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteOverlay.wgtIgniteOverlayVisualEditor .wgtIgniteModalFooter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; background-color: var(--wgtIgnite-palette-background); border-bottom-left-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); } .wgtIgniteOverlayCodeWarning .wgtIgniteModalGraphic { position: relative; overflow: hidden; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; max-width: 340px; border: solid 4px var(--wgtIgnite-color-2); border-radius: 100%; background-color: var(--wgtIgnite-palette-background); text-align: center; padding: 20px 0px; } .wgtIgniteOverlayCodeWarning .wgtIgniteModalGraphic img { width: 300px; height: auto; } .wgtIgniteOverlayPrerelease .wgtIgniteModalGraphic { opacity: 0.3; } .wgtIgniteModalHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-top-right-radius: var(--wgtIgnite-br); border-top-left-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-palette-background); border-bottom: solid 1px #ccc; padding: 8px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; overflow: hidden; width: 100%; } .wgtIgniteOverlayGeneric .wgtIgniteModalHeader { background-image: url(/images/bg-pattern.jpg); border-top-right-radius: 0px; border-top-left-radius: 0px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteOverlayGeneric .wgtIgniteModalHeader::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: var(--wgtIgnite-palette-grey-6) !important; opacity: 0.8; z-index: 0; } .wgtIgniteOverlayGeneric.style-alert .wgtIgniteModalHeader::before { background-color: var(--wgtIgnite-palette-alert) !important; } .wgtIgniteOverlayGeneric.style-alert .wgtIgniteModalHeader { border-bottom: solid 1px var(--wgtIgnite-palette-alert); } .wgtIgniteOverlayGeneric.style-success .wgtIgniteModalHeader::before { background-color: var(--wgtIgnite-color-3) !important; } .wgtIgniteOverlayGeneric.style-success .wgtIgniteModalHeader { border-bottom: solid 1px var(--wgtIgnite-color-1); } .wgtIgniteOverlayGeneric.style-warning .wgtIgniteModalHeader { border-bottom: solid 1px var(--wgtIgnite-color-2); } .wgtIgniteOverlayGeneric.style-success .wgtIgniteModalHeader { border-bottom: solid 1px var(--wgtIgnite-color-1); } .wgtIgniteOverlayCodeEditor .wgtIgniteModalHeader { height: 46px; -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; overflow: visible; z-index: 7; } .wgtIgniteOverlayVideo .wgtIgniteModalHeader, .wgtIgniteOverlayTokens .wgtIgniteModalHeader { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 46px; } .wgtIgniteOverlayVisualEditor .wgtIgniteModalHeader { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wgtIgniteOverlayCamera .wgtIgniteModalHeader { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .wgtIgniteModalHeaderTitle.RadLabel { color: var(--wgtIgnite-palette-grey-9); font-size: calc(var(--wgtIgnite-text-size-large) * 1.3); padding: 0px; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteModalInputLabel { border: none !important; font-weight: 900 !important; text-align: center; pointer-events: none; } .wgtIgniteOverlayCommunications .wgtIgniteModalLabel { text-align: center; font-size: var(--wgtIgnite-text-size-medium); font-weight: 800; } .wgtIgniteOverlay .wgtIgniteModal.wgtIgniteModalLeadDelete { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 500px; } .wgtIgniteModalLeadOptInDescription.RadLabel { font-size: calc(var(--wgtIgnite-text-size-medium) * 1.5); font-style: italic; font-weight: 100; line-height: 1.42857143; } .wgtIgniteModalLeadOptIn.wgtIgniteModal { position: absolute; z-index: 5; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); max-height: 300px; } .wgtIgniteModalLeadOptInMenuTitle.RadLabel { margin-bottom: 5px; margin-top: 20px; color: var(--wgtIgnite-color-1); font-size: var(--wgtIgnite-text-size-large); max-width: 400px; margin-left: auto; width: 100%; } .wgtIgniteModalLeadOptOut.wgtIgniteModal { max-height: 320px; } .wgtIgniteModalLeadOptOut.wgtIgniteModal .rwContent { max-height: 320px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border: none; min-height: 320px; } .wgtIgniteModalListContainer { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteModalBodySectionPayment .wgtIgniteModalListContainer { height: 83px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteModalListNavigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteModalListNavigationUp, .wgtIgniteModalListNavigationDown { height: 20px; width: 20px; } .wgtIgniteModalListNavigationUp:hover, .wgtIgniteModalListNavigationDown:hover { cursor: pointer; } .wgtIgniteModalListNavigationUp::before { content: ""; height: 20px; width: 20px; background-color: var(--wgtIgnite-color-1); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; } .wgtIgniteModalListNavigationDown::before { content: ""; height: 20px; width: 20px; background-color: var(--wgtIgnite-color-1); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; } .wgtIgniteModalSubscriptionRenewalConfirmationTitle.RadLabel { color: var(--wgtIgnite-color-4); font-size: var(--wgtIgnite-text-size-large); font-weight: 900; } .wgtIgniteModalSubscriptionRenewalConfirmationBlurb.RadLabel { color: var(--wgtIgnite-palette-base); max-width: 400px; font-weight: 100; } .wgtIgniteModalStatTitle.RadLabel { width: 100%; font-weight: 900; text-align: right; } .wgtIgniteModalSSTitle { color: var(--wgtIgnite-palette-alert); font-size: var(--wgtIgnite-text-size-hero); font-weight: 800; } .wgtIgniteModalUpgradePlanFeaturesList { display: grid; grid-template-columns: 1fr; } .wgtIgniteModalUpgradePlanIntro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteModalUpgradePlanLabel.RadLabel { width: auto; text-align: right; font-weight: 900; font-style: italic; letter-spacing: 2px; position: absolute; top: 5px; left: 10px; } .wgtIgniteModalUpgradePlanName.RadLabel { color: var(--wgtIgnite-color-1); font-size: var(--wgtIgnite-text-size-large); font-weight: 900; } .wgtIgniteModalUpgradePlanCost.RadLabel { display: block; margin-top: 8px; } .wgtIgniteModalUpgradePlanTile { background-color: var(--wgtIgnite-palette-grey-2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: var(--wgtIgnite-br); padding: 10px; min-height: 120px; min-width: 240px; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteModalUpgradePlanTileTitle.RadLabel { font-weight: 900; font-size: var(--wgtIgnite-text-size-medium); color: var(--wgtIgnite-color-1); } .wgtIgniteModalUpgradeNewPaymentMethod { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteModalUpgradeSummary { margin: 0px 0px 10px 0px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgniteModalUsersIcon .rwIcon::before { background-color: var(--wgtIgnite-palette-background); content: "" !important; height: 100% !important; width: 100% !important; mask-image: url("/images/icons/users.svg"); mask-repeat: no-repeat; mask-position: center; mask-size: cover; margin: 0px !important; -webkit-mask-image: url("/images/icons/users.svg"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: cover; } .wgtIgniteModalUserStat { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteModalUserStatTitle.RadLabel { font-size: var(--wgtIgnite-text-size-small); } .wgtIgniteModalUserStatValue.RadLabel { font-weight: 800; font-size: var(--wgtIgnite-text-size-max); line-height: 36px; } .wgtIgniteModalUserStatCreditsAvailable .wgtIgniteModalUserStatValue.RadLabel { color: var(--wgtIgnite-color-4) !important; } .wgtIgniteModalUserStatCreditsRequired .wgtIgniteModalUserStatValue.RadLabel { color: var(--wgtIgnite-palette-alert) !important; } .wgtIgniteModal.wgtIgniteModalError p { color: var(--wgtIgnite-palette-base); } .wgtIgniteModalSummaryStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: solid 1px var(--wgtIgnite-palette-grey-4); } .wgtIgniteModalSummaryStatTotal { border-bottom: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: first baseline; -ms-flex-align: first baseline; align-items: first baseline; } .wgtIgniteModalSummaryStatTitle.RadLabel { font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteModalSummaryStatValue.RadLabel { font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteModalSummaryStatTotal .wgtIgniteModalSummaryStatValue.RadLabel { font-size: var(--wgtIgnite-text-size-hero); font-weight: 900; } .wgtIgniteModalLeadOptInTitle.RadLabel { font-size: calc(var(--wgtIgnite-text-size-large) * 1.3); margin: auto; letter-spacing: 4px; text-align: center; } .wgtIgniteModalTokenStatusLabel.RadLabel { padding: 10px; background-color: var(--wgtIgnite-color-3l4); border-radius: var(--wgtIgnite-br); text-align: center; margin-top: 10px; } .wgtIgniteModalTokenStatusLabel.RadLabel.empty { background-color: var(--wgtIgnite-palette-alert); color: var(--wgtIgnite-palette-background); } .wgtIgniteModalTokenDescription.RadLabel { text-align: center; margin: 10px 0px; } .wgtIgniteModalTerms { font-size: var(--wgtIgnite-text-size-default); font-style: italic; font-weight: 100; } .wgtIgniteModalTitle { color: var(--wgtIgnite-palette-grey-9); font-size: calc(var(--wgtIgnite-text-size-large) * 1.3); } .wgtIgniteModalTitle.RadLabel { color: var(--wgtIgnite-palette-grey-9); font-size: calc(var(--wgtIgnite-text-size-large) * 1.3); /*S 01/10/23 */ /*E 01/10/23 */ } .wgtIgniteOverlayAccountUpgrade .wgtIgniteModalTitle.RadLabel { font-size: calc(var(--wgtIgnite-text-size-medium) * 1.33); color: var(--wgtIgnite-color-4); } .wgtIgniteOverlayCodeWarning .wgtIgniteModalTitle.RadLabel { font-size: calc(var(--wgtIgnite-text-size-large) * 1.3); font-style: normal; } .wgtIgniteOverlayPrerelease .wgtIgniteModalTitle.RadLabel { font-weight: 900; font-style: normal; } .wgtIgniteModalOnboardingError .wgtIgniteModalTitle.RadLabel, .wgtIgniteModalExpiredSubscriptionRenewalError .wgtIgniteModalTitle.RadLabel { width: 100%; text-align: left; } .wgtIgniteModal.wgtIgniteModalAssignTags { height: auto !important; } .wgtIgniteModal.wgtIgniteModalAssignTags .rwContent { height: auto !important; } .wgtIgniteModal.wgtIgniteModalAssignTags[action-type=unassign] .wgtIgniteImportTagsActive .wgtIgniteImportTagsLabel.RadLabel { display: none; } .wgtIgniteModal.wgtIgniteModalAssignTags[action-type=unassign] .wgtIgniteImportTagsActive .wgtIgniteImportTagsLabel.RadLabel.wgtIgniteUnassignTagsLabel { display: inline-block; } .wgtIgniteModal.wgtIgniteModalAssignTags[action-type=assign] .wgtIgniteImportTagsActive .wgtIgniteUnassignTagsLabel.RadLabel { display: none !important; } .wgtIgniteModal.wgtIgniteModalAssignTags { width: auto !important; } .wgtIgniteModal.wgtIgniteModalImportHTML .rwContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .wgtIgniteModal.wgtIgniteModalStatus .rwIcon, .wgtIgniteModal.wgtIgniteModalWarning .rwIcon, .wgtIgniteModal.wgtIgniteModalError .rwIcon { height: 20px; width: 20px; } .wgtIgniteModal.wgtIgniteModalStatus .rwIcon::before, .wgtIgniteModal.wgtIgniteModalWarning .rwIcon::before, .wgtIgniteModal.wgtIgniteModalError .rwIcon::before { background-color: #fff; content: ""; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; width: 20px; height: 20px; margin: 0px !important; } .wgtIgniteModal.wgtIgniteModalStatus .rwCommandButton:hover, .wgtIgniteModal.wgtIgniteModalWarning .rwCommandButton:hover, .wgtIgniteModal.wgtIgniteModalError .rwCommandButton:hover { background-color: transparent !important; border: none !important; opacity: 0.8 !important; } .wgtIgniteModal.wgtIgniteModalError .rwTitleBar::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: var(--wgtIgnite-palette-alert) !important; opacity: 0.8; } .wgtIgniteModal.wgtIgniteModalError .rbButton { border: solid 1px var(--wgtIgnite-palette-important) !important; } .wgtIgniteModal.wgtIgniteModalError .rbIcon::before { color: rgb(255, 47, 14) !important; } .wgtIgniteModal.wgtIgniteModalError .rwIcon::before { mask-image: url('data:image/svg+xml; utf8, ') !important; -webkit-mask-image: url('data:image/svg+xml; utf8, ') !important; } .wgtIgniteModal.wgtIgniteModalWarning .rbButton { border-color: rgb(255, 161, 14) !important; } .wgtIgniteModal.wgtIgniteModalWarning .rbIcon::before { color: rgb(255, 161, 14) !important; } .wgtIgniteModal.wgtIgniteModalWarning .rwIcon::before { mask-image: url('data:image/svg+xml; utf8, ') !important; -webkit-mask-image: url('data:image/svg+xml; utf8, ') !important; } .wgtIgniteModal.wgtIgniteModalWarning .rwTitleBar::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: var(--wgtIgnite-color-4) !important; opacity: 0.8; } .wgtIgniteModal.wgtIgniteModalStatus .rwTitleBar::after { background: -webkit-gradient(linear, left top, right top, from(rgba(9, 187, 254, 0.1)), color-stop(rgba(9, 187, 254, 0.3)), color-stop(rgba(9, 187, 254, 0)), to(rgba(9, 187, 254, 0.3))); background: linear-gradient(to right, rgba(9, 187, 254, 0.1), rgba(9, 187, 254, 0.3), rgba(9, 187, 254, 0), rgba(9, 187, 254, 0.3)); } .wgtIgniteModal.wgtIgniteModalStatus .rwTitleBar::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: var(--wgtIgnite-color-1) !important; opacity: 0.8; } .wgtIgniteModal.wgtIgniteModalStatus .rwIcon::before { mask-image: url('data:image/svg+xml; utf8, ') !important; -webkit-mask-image: url('data:image/svg+xml; utf8, ') !important; } .wgtIgniteModal.wgtIgniteModalSSUnpublish, .wgtIgniteModal.wgtIgniteModalSSPublish { height: auto !important; } .wgtIgniteModal.wgtIgniteModalSSUnpublish p, .wgtIgniteModal.wgtIgniteModalSSUnpublish p span, .wgtIgniteModal.wgtIgniteModalSSPublish p, .wgtIgniteModal.wgtIgniteModalSSPublish p span { font-size: var(--wgtIgnite-text-size-large); line-height: 24px; } .wgtIgniteModal.wgtIgniteModalSSUnpublish .rwContent, .wgtIgniteModal.wgtIgniteModalSSPublish .rwContent { height: auto !important; } .wgtIgniteModal .rcbInner { width: 100%; } .wgtIgniteModal .rwTitle { color: var(--wgtIgnite-palette-background) !important; margin: 10px 0px !important; padding: 0px !important; } .wgtIgniteOverlaySaveChanges .wgtIgniteModal .rwTitle { width: 100% !important; } .wgtIgniteModal .rwTitleBar { display: none; } .wgtIgniteModal .rwTitleWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto !important; padding: 0px !important; position: relative; z-index: 2; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteModal .rwContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom-left-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; row-gap: 10px; } .wgtIgniteModal .rwContent p { text-align: center; } .wgtIgniteModal .rwContent p span { width: 100%; } .wgtIgniteModal.wgtIgniteModalSystem .rwContent { padding: 10px; } .wgtIgniteModal.wgtIgniteModalSystem .rwIcon { position: relative; top: 5px; left: 0; margin-left: 10px; margin-right: 5px; } .wgtIgniteModal.wgtIgniteModalSystem .rwTitleBar { background-image: url("/images/bg-pattern.jpg"); display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteModal.wgtIgniteModalSystem .rwTitleWrapper { width: 100%; } .wgtIgniteModal.wgtIgniteModalBulkStatus .RadInput { display: none; } .wgtIgniteModal.wgtIgniteModalAccountLinking, .wgtIgniteModal.wgtIgniteModalAccountUnlinking, .wgtIgniteModal.wgtIgniteModalBulkStatus, .wgtIgniteModal.wgtIgniteModalBulkMove, .wgtIgniteModal.wgtIgniteModalBulkDelete, .wgtIgniteModal.wgtIgniteModalLeadOptIn { max-height: 400px; width: 100% !important; max-width: 700px; height: auto !important; position: relative; } .wgtIgniteModal.wgtIgniteModalAccountLinking::before, .wgtIgniteModal.wgtIgniteModalAccountUnlinking::before, .wgtIgniteModal.wgtIgniteModalBulkStatus::before, .wgtIgniteModal.wgtIgniteModalBulkMove::before, .wgtIgniteModal.wgtIgniteModalBulkDelete::before, .wgtIgniteModal.wgtIgniteModalLeadOptIn::before { content: ""; position: absolute; left: 0; bottom: 0; width: 200px; height: 160px; background-image: url(/images/confirmation_box_graphic.png); background-size: 270px; background-position: top right; z-index: 0; opacity: 0.6; } .wgtIgniteModal.wgtIgniteModalAccountLinking .wgtIgniteModalBodyControls, .wgtIgniteModal.wgtIgniteModalAccountUnlinking .wgtIgniteModalBodyControls, .wgtIgniteModal.wgtIgniteModalBulkStatus .wgtIgniteModalBodyControls, .wgtIgniteModal.wgtIgniteModalBulkMove .wgtIgniteModalBodyControls, .wgtIgniteModal.wgtIgniteModalBulkDelete .wgtIgniteModalBodyControls, .wgtIgniteModal.wgtIgniteModalLeadOptIn .wgtIgniteModalBodyControls { margin-bottom: 20px; -ms-flex-item-align: end; align-self: flex-end; max-width: 400px; margin-top: 20px; } .wgtIgniteModal.wgtIgniteModalAccountLinking .rwContent, .wgtIgniteModal.wgtIgniteModalAccountUnlinking .rwContent, .wgtIgniteModal.wgtIgniteModalBulkStatus .rwContent, .wgtIgniteModal.wgtIgniteModalBulkMove .rwContent, .wgtIgniteModal.wgtIgniteModalBulkDelete .rwContent, .wgtIgniteModal.wgtIgniteModalLeadOptIn .rwContent { row-gap: 0px; } .wgtIgniteModal.wgtIgniteModalAccountLinking .rbPrimary, .wgtIgniteModal.wgtIgniteModalAccountUnlinking .rbPrimary, .wgtIgniteModal.wgtIgniteModalBulkStatus .rbPrimary, .wgtIgniteModal.wgtIgniteModalBulkMove .rbPrimary, .wgtIgniteModal.wgtIgniteModalBulkDelete .rbPrimary, .wgtIgniteModal.wgtIgniteModalLeadOptIn .rbPrimary { font-size: calc(var(--wgtIgnite-text-size-medium) * 0.9) !important; } .wgtIgniteModal.wgtIgniteModalAccountLinking p .RadLabel, .wgtIgniteModal.wgtIgniteModalAccountUnlinking p .RadLabel, .wgtIgniteModal.wgtIgniteModalBulkStatus p .RadLabel, .wgtIgniteModal.wgtIgniteModalBulkMove p .RadLabel, .wgtIgniteModal.wgtIgniteModalBulkDelete p .RadLabel, .wgtIgniteModal.wgtIgniteModalLeadOptIn p .RadLabel { padding-right: 0px; } .wgtIgniteModal.wgtIgniteModalAccountLinking p .RadLabel, .wgtIgniteModal.wgtIgniteModalAccountLinking p, .wgtIgniteModal.wgtIgniteModalAccountUnlinking p .RadLabel, .wgtIgniteModal.wgtIgniteModalAccountUnlinking p, .wgtIgniteModal.wgtIgniteModalBulkStatus p .RadLabel, .wgtIgniteModal.wgtIgniteModalBulkStatus p, .wgtIgniteModal.wgtIgniteModalBulkMove p .RadLabel, .wgtIgniteModal.wgtIgniteModalBulkMove p, .wgtIgniteModal.wgtIgniteModalBulkDelete p .RadLabel, .wgtIgniteModal.wgtIgniteModalBulkDelete p, .wgtIgniteModal.wgtIgniteModalLeadOptIn p .RadLabel, .wgtIgniteModal.wgtIgniteModalLeadOptIn p { font-size: calc(var(--wgtIgnite-text-size-medium) * 1.5); font-style: italic; font-weight: 100; line-height: 1.42857143; max-width: 400px; -ms-flex-item-align: end; align-self: flex-end; position: relative; z-index: 1; } .wgtIgniteModal.wgtIgniteModalAccountLinking p .RadInput, .wgtIgniteModal.wgtIgniteModalAccountUnlinking p .RadInput, .wgtIgniteModal.wgtIgniteModalBulkStatus p .RadInput, .wgtIgniteModal.wgtIgniteModalBulkMove p .RadInput, .wgtIgniteModal.wgtIgniteModalBulkDelete p .RadInput, .wgtIgniteModal.wgtIgniteModalLeadOptIn p .RadInput { font-size: calc(var(--wgtIgnite-text-size-medium) * 1.2); font-weight: 700; font-style: normal; margin-top: 10px; } .wgtIgniteModal.wgtIgniteModalAccountLinking .wgtIgniteModalBodyMessage.RadLabel, .wgtIgniteModal.wgtIgniteModalAccountUnlinking .wgtIgniteModalBodyMessage.RadLabel, .wgtIgniteModal.wgtIgniteModalBulkStatus .wgtIgniteModalBodyMessage.RadLabel, .wgtIgniteModal.wgtIgniteModalBulkMove .wgtIgniteModalBodyMessage.RadLabel, .wgtIgniteModal.wgtIgniteModalBulkDelete .wgtIgniteModalBodyMessage.RadLabel, .wgtIgniteModal.wgtIgniteModalLeadOptIn .wgtIgniteModalBodyMessage.RadLabel { font-size: var(--wgtIgnite-text-size-medium); font-style: italic; font-weight: 100; line-height: 1.42857143; max-width: 400px; -ms-flex-item-align: end; align-self: flex-end; position: relative; z-index: 1; } .wgtIgniteModal.wgtIgniteModalAccountLinking p .wgtIgniteModalStatStatusCodeValue.RadLabel, .wgtIgniteModal.wgtIgniteModalAccountUnlinking p .wgtIgniteModalStatStatusCodeValue.RadLabel, .wgtIgniteModal.wgtIgniteModalBulkStatus p .wgtIgniteModalStatStatusCodeValue.RadLabel, .wgtIgniteModal.wgtIgniteModalBulkMove p .wgtIgniteModalStatStatusCodeValue.RadLabel, .wgtIgniteModal.wgtIgniteModalBulkDelete p .wgtIgniteModalStatStatusCodeValue.RadLabel, .wgtIgniteModal.wgtIgniteModalLeadOptIn p .wgtIgniteModalStatStatusCodeValue.RadLabel { font-size: cvar(--wgtIgnite-text-size-medium); font-weight: 700; font-style: normal; margin-top: 10px; } .wgtIgniteModal.wgtIgniteModalAccountLinking .riTextBox, .wgtIgniteModal.wgtIgniteModalAccountUnlinking .riTextBox, .wgtIgniteModal.wgtIgniteModalBulkStatus .riTextBox, .wgtIgniteModal.wgtIgniteModalBulkMove .riTextBox, .wgtIgniteModal.wgtIgniteModalBulkDelete .riTextBox, .wgtIgniteModal.wgtIgniteModalLeadOptIn .riTextBox { background-color: transparent !important; } .wgtIgniteModal.wgtIgniteModalAccountLinking .rwContent, .wgtIgniteModal.wgtIgniteModalAccountUnlinking .rwContent, .wgtIgniteModal.wgtIgniteModalBulkStatus .rwContent, .wgtIgniteModal.wgtIgniteModalBulkMove .rwContent, .wgtIgniteModal.wgtIgniteModalBulkDelete .rwContent, .wgtIgniteModal.wgtIgniteModalLeadOptIn .rwContent { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: auto !important; max-height: 400px !important; border: none; } .wgtIgniteModal.wgtIgniteModalAccountLinking .rwTitleBar, .wgtIgniteModal.wgtIgniteModalAccountUnlinking .rwTitleBar, .wgtIgniteModal.wgtIgniteModalBulkStatus .rwTitleBar, .wgtIgniteModal.wgtIgniteModalBulkMove .rwTitleBar, .wgtIgniteModal.wgtIgniteModalBulkDelete .rwTitleBar, .wgtIgniteModal.wgtIgniteModalLeadOptIn .rwTitleBar { display: none !important; } .wgtIgniteModal.wgtIgniteModalAccountLinking, .wgtIgniteModal.wgtIgniteModalAccountUnlinking { max-height: 430px; } .wgtIgniteModal.wgtIgniteModalLeadOptIn { max-height: 250px; max-width: 750px; } .wgtIgniteModal.wgtIgniteModalBulkDelete p { margin-bottom: 35px; } .wgtIgniteModal.RadWindow, .wgtIgniteModal.RadWindow_Bootstrap { border: none; border-radius: var(--wgtIgnite-br) !important; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; } .wgtIgniteModal.RadWindow.rwShadow, .wgtIgniteModal.RadWindow_Bootstrap.rwShadow { -webkit-box-shadow: none; box-shadow: none; } .wgtIgniteModal.RadWindow .rwStatusBar { overflow: hidden; border-bottom-left-radius: var(--wgtIgnite-br) !important; border-bottom-right-radius: var(--wgtIgnite-br) !important; } .wgtIgniteNewAction { /*S 8/11/22 */ /*E 8/11/22 */ /*S 7/15/22 */ /*E 7/15/22 */ /*S 8/10/22 */ /*S 8/11/22 */ /*E 8/11/22 */ /*E 8/10/22 */ /* 3/15/22 */ /* 3/15/22 */ } .wgtIgniteNewActionControls, .wgtIgniteNewActionComment, .wgtIgniteNewActionDescription { grid-column: span 3; } .wgtIgniteNewActionCode { grid-column-start: 1; grid-column-end: 3; } .wgtIgniteNewActionDueDate { width: 100% !important; grid-column: span 3; } .wgtIgniteActionsScheduledCreate .wgtIgniteNewActionDueDate { grid-column: span 1; } .wgtIgniteNewActionControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 20px; } .wgtIgniteNewActionInputControls { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; grid-column: span 3; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteNewActionInputDefault, .wgtIgniteNewActionInputRecurring { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .wgtIgniteNewActionInputIsDefault { row-gap: 3px; } .wgtIgniteNewActionPriority { grid-column-start: 3; grid-column-end: 4; } .wgtIgniteNewActionIsScheduled { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-column: span 2; } .wgtIgniteNewActionIsScheduled > .RadLabel { background-color: #e4deff; width: auto; z-index: 1; } .wgtIgniteNewActionSeperator { height: 1px; background-color: var(--wgtIgnite-color-1l1); grid-column: span 3; margin: 10px 0px; } .wgtIgniteNewActionScheduledCampaignID { grid-column: -1/1; } .wgtIgniteNewActionScheduledInterval, .wgtIgniteNewActionScheduledFrequency { display: none !important; visibility: hidden; pointer-events: none; } .wgtIgniteNewActionScheduledInterval .RadInput, .wgtIgniteNewActionScheduledFrequency .RadInput { width: 100%; } .wgtIgniteNewActionIsScheduled.open.expanded.expanded-month ~ .wgtIgniteNewActionScheduledMonth { display: inline-block !important; visibility: visible; pointer-events: all; } .wgtIgniteNewActionIsScheduled.open ~ .wgtIgniteNewActionScheduledInterval { display: inline-block !important; visibility: visible; pointer-events: all; } .wgtIgniteActionsCreate.open + .wgtIgniteNewActionTrigger { visibility: hidden; } .wgtIgniteOnboarding { background-color: var(--wgtIgnite-palette-background); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 50px; width: 500px; z-index: 1; height: 100%; overflow-y: scroll; /*S 1/04/23 */ /*E 1/04/23 */ /*S 1/16/23 */ /* wgtIgniteOnboardingReceipt */ /*E 1/16/23 */ } .wgtIgniteOnboarding #dvReceiptContainer { width: 100%; } .wgtIgniteOnboardingBody { padding: 20px; /* S DG 09/20/23 */ /*E DG 09/20/23 */ } .wgtIgniteOnboardingBodyFeatures { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; margin-top: 40px; } .wgtIgniteOnboardingBodyFeaturesItem { font-size: var(--wgtIgnite-text-size-large); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteOnboardingBodyFeaturesItem::before { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; content: ""; width: 30px; height: 30px; display: inline-block; background-color: var(--wgtIgnite-color-3); -webkit-filter: brightness(1.5) hue-rotate(-35deg); filter: brightness(1.5) hue-rotate(-35deg); } .wgtIgniteOnboardingBodyTitle.RadLabel { font-size: var(--wgtIgnite-text-size-max); font-weight: 900; color: var(--wgtIgnite-color-4); } .wgtIgniteOnboardingBodyTitle p { line-height: 40px; } .wgtIgniteOnboardingBranding { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 40px 0px; } .wgtIgniteOnboardingBranding.sponsored .wgtIgniteOnboardingBrandingLogo { width: 40%; } .wgtIgniteOnboardingDisclaimer.RadLabel { border-top: solid 1px var(--wgtIgnite-palette-grey-2); width: 100%; color: var(--wgtIgnite-palette-base); font-weight: 100; text-align: center; -ms-flex-item-align: end; align-self: flex-end; padding: 20px 0px; } .wgtIgniteOnboardingForm { background-color: var(--wgtIgnite-palette-grey-2); border-radius: var(--wgtIgnite-br); padding: 15px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteOnboardingFormButton { grid-column: -1/1; } .wgtIgniteOnboardingFormControls { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 20px 0px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteOnboardingFormField { border-bottom: solid 1px var(--wgtIgnite-palette-grey-2); position: relative; width: 100%; } .wgtIgniteOnboardingFormField #txtIgniteOnboardingFormCompanyName_wrapper { background-color: var(--wgtIgnite-palette-grey-2); border-radius: var(--wgtIgnite-br); padding: 15px; } .wgtIgniteOnboardingFormFieldCardExpirationCustom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .wgtIgniteOnboardingFormFieldCardExpirationCustom input { border-radius: 4px; outline: none; border: none; height: 40px; padding: 5px 10px 0px 10px; } .wgtIgniteOnboardingFormFieldCardName, .wgtIgniteOnboardingFormFieldCardNumber { grid-column: span 3; } .wgtIgniteOnboardingFormFieldCardNumber { display: grid; grid-template-columns: 1fr auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteOnboardingFormFieldCardNumberInvalid.RadLabel { display: none; font-weight: 100; color: var(--wgtIgnite-color-1l1); text-align: right; } .cc-type.cc-amex .wgtIgniteOnboardingFormFieldCardNumberInvalid.RadLabel, .cc-type.cc-jcb .wgtIgniteOnboardingFormFieldCardNumberInvalid.RadLabel, .cc-type.cc-maestro .wgtIgniteOnboardingFormFieldCardNumberInvalid.RadLabel { display: block; } .wgtIgniteOnboardingFormFieldCompanyName { margin-bottom: 10px; margin-top: 20px; } .wgtIgniteOnboardingFormFieldEmail { grid-column: span 2; } .wgtIgniteOnboardingFormFieldPassword, .wgtIgniteOnboardingFormFieldPhone { grid-column: span 2; } .wgtIgniteOnboardingFormFieldPasswordRequirements { position: relative; width: 100%; padding: 10px; display: none; grid-column: -1/1; /*S 5/18/23 */ /*E 5/18/23 */ } .wgtIgniteOnboardingFormFieldPassword.invalid + .wgtIgniteOnboardingFormFieldPasswordRequirements { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteOnboardingFormFieldPasswordRequirementsList { list-style: disc !important; padding-left: 8px !important; max-width: 190px; } .wgtIgniteOnboardingFormFieldPasswordRequirementsListItem { font-size: var(--wgtIgnite-text-size-medium); font-weight: 100; text-align: left; } .wgtIgniteOnboardingFormFieldPasswordRequirementsTitle.RadLabel, .wgtIgniteOnboardingFormFieldPasswordRequirementsTitle { font-size: var(--wgtIgnite-text-size-medium); font-weight: 900; } .wgtIgnite .wgtIgniteOnboardingFormField .RadInput { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100% !important; } .wgtIgnite .wgtIgniteOnboardingFormField .riLabel, .wgtIgniteOnboardingFormFieldLabel { color: var(--wgtIgnite-palette-base) !important; font-weight: 100 !important; font-size: var(--wgtIgnite-text-size-medium); line-height: 15px !important; margin-bottom: 5px; } .wgtIgniteOnboardingFormFields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteOnboardingFormPayment { display: grid; gap: 10px; grid-template-columns: minmax(180px, 200px) 1fr 1fr; margin-bottom: 20px; } .wgtIgniteOnboardingFormPersonalInfo { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; } .wgtIgniteOnboardingFreeAccountWelcomeBlurb.RadLabel { font-size: calc(var(--wgtIgnite-text-size-medium) * 1.2); margin-bottom: 20px; font-weight: 300; color: var(--wgtIgnite-palette-base); } .wgtIgniteOnboardingGraphic { width: 500px; height: 400px; background-image: url(/images/IgniteRocket.png); background-size: 620px; background-position: left top; background-repeat: no-repeat; position: absolute; right: 0; bottom: 0; } .wgtIgniteOnboardingHeroTitle.RadLabel { color: var(--wgtIgnite-color-4); font-size: var(--wgtIgnite-text-size-large); font-weight: 900; margin-bottom: 20px; text-align: center; } .wgtIgniteOnboardingLabel.RadLabel { color: var(--wgtIgnite-palette-base) !important; font-weight: 100 !important; font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteOnboardingLogin { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; margin: 60px 0px; row-gap: 20px; width: 100%; } .wgtIgniteOnboardingLoginMethod { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteOnboardingLoginMethodLink { color: var(--wgtIgnite-color-4); font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteOnboardingOrderSummary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 5px; width: 100%; } .wgtIgniteOnboardingOrderSummaryPlan { background-color: var(--wgtIgnite-color-1l4); -webkit-box-shadow: 0px 0px 3px 0px #ccc; box-shadow: 0px 0px 3px 0px #ccc; border-radius: var(--wgtIgnite-br); padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 400px; } .wgtIgniteOnboardingOrderSummaryPlanFeaturesListItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; font-size: var(--wgtIgnite-text-size-default); font-weight: 100; color: var(--wgtIgnite-palette-base); } .wgtIgniteOnboardingOrderSummaryPlanFeaturesListItem::before { mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; content: ""; width: 15px; height: 15px; display: inline-block; background-color: var(--wgtIgnite-color-3); -webkit-filter: brightness(1.5) hue-rotate(-35deg); filter: brightness(1.5) hue-rotate(-35deg); } .wgtIgniteOnboardingOrderSummaryPlanPrice.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-weight: 100; } .wgtIgniteOnboardingOrderSummaryPlanPriceLabel.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 10px; } .wgtIgniteOnboardingOrderSummaryPlanTerm.RadLabel { font-weight: 100; font-style: italic; } .wgtIgniteOnboardingOrderSummaryPlanTier.RadLabel { font-weight: 900; font-size: var(--wgtIgnite-text-size-hero); } .wgtIgniteOnboardingOrderSummaryStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: solid 1px var(--wgtIgnite-palette-grey-2); } .wgtIgniteOnboardingOrderSummaryStatEmail { grid-column: span 3; } .wgtIgniteOnboardingOrderSummaryStatName { grid-column: span 3; } .wgtIgniteOnboardingOrderSummaryStatPlan { grid-column: span 6; } .wgtIgniteOnboardingOrderSummaryStatTitle.RadLabel { font-weight: 100; font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteOnboardingOrderSummaryStatValue.RadLabel { font-weight: 900; font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteOnboardingPayment { /* clip-path: polygon( 0px 0px, 500px 0px, 500px 200px, 480px 220px, 0px 220px, 0px 600px, 480px 600px, 500px 620px, 500px 1000px, 0px 1000px ); clip-path: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='100%' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3CclipPath id='clip-shape'%3E%3Cpath d='M0,0 L100,0 L100,40 L0,40 L0,60 L100,60 L100,100 L0,100 Z'/%3E%3C/clipPath%3E%3C/svg%3E"); */ } .wgtIgniteOnboardingPlan { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); border: dashed 3px var(--wgtIgnite-palette-grey-2); padding: 10px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto auto; position: relative; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; /*S 1/05/23 */ /*E 1/05/23 */ } .wgtIgniteOnboardingPlan:hover, .wgtIgniteOnboardingPlan.featured:hover, .wgtIgniteOnboardingPlan.featured.selected, .wgtIgniteOnboardingPlan.selected { border: solid 3px var(--wgtIgnite-color-1l1); background-color: var(--wgtIgnite-color-1); cursor: pointer; } .wgtIgniteOnboardingPlan.selected { display: grid; grid-template-columns: 1fr auto; padding: 20px; } .wgtIgniteOnboardingPlan.featured { background-color: var(--wgtIgnite-color-2l5); border-color: var(--wgtIgnite-color-2l3); } .wgtIgniteOnboardingPlan.wgtIgniteOnboardingPlanRenewal { pointer-events: none; border-color: var(--wgtIgnite-palette-grey-4); } .wgtIgniteOnboardingPlanFeatures { -ms-flex-item-align: start; align-self: flex-start; } .wgtIgniteOnboardingPlanFeaturesTitle.RadLabel { color: var(--wgtIgnite-color-4d1); font-style: italic; font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteOnboardingPlanFeaturesList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteOnboardingPlanFeaturesListItem { font-weight: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteOnboardingPlanFeaturesListItem::before { background-color: var(--wgtIgnite-color-3); content: ""; height: 14px; width: 14px; min-width: 14px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); -webkit-transform: translate(0px, 2px); transform: translate(0px, 2px); } .wgtIgniteOnboardingPlanPrice { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; grid-column-start: 1; grid-row-start: 2; grid-row-end: 4; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 10px; } .wgtIgniteOnboardingPlanPriceCurrency.RadLabel { font-size: var(--wgtIgnite-text-size-small); font-weight: 100; } .wgtIgniteOnboardingPlan:hover .wgtIgniteOnboardingPlanPriceCurrency.RadLabel, .wgtIgniteOnboardingPlan.selected .wgtIgniteOnboardingPlanPriceCurrency.RadLabel { color: var(--wgtIgnite-palette-background) !important; } .wgtIgniteOnboardingPlanPriceValue.RadLabel { font-size: var(--wgtIgnite-text-size-hero); font-weight: 800; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 26px !important; } .wgtIgniteOnboardingPlan:hover .wgtIgniteOnboardingPlanPriceValue.RadLabel, .wgtIgniteOnboardingPlan.selected .wgtIgniteOnboardingPlanPriceValue.RadLabel { color: var(--wgtIgnite-palette-background) !important; } .wgtIgniteOnboardingPlanSelectStatus { height: 20px; width: 20px; display: block; background-color: var(--wgtIgnite-color-3); mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; border-radius: 100%; -webkit-filter: brightness(1.5) hue-rotate(-35deg); filter: brightness(1.5) hue-rotate(-35deg); position: absolute; right: 2px; top: 2px; /* grid-row-start: 1; grid-column-start: 2; */ } .wgtIgniteOnboardingPlanStats.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; color: var(--wgtIgnite-color-4); font-weight: 900; font-size: var(--wgtIgnite-text-size-medium); text-align: right; grid-row-start: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 5px; } .wgtIgniteOnboardingPlan:hover .wgtIgniteOnboardingPlanStats.RadLabel, .wgtIgniteOnboardingPlan.selected .wgtIgniteOnboardingPlanStats.RadLabel { color: var(--wgtIgnite-palette-background) !important; } .wgtIgniteOnboardingPlan.unlimited .wgtIgniteOnboardingPlanStats.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteOnboardingPlan.trial .wgtIgniteOnboardingPlanStats.RadLabel { display: none; } .wgtIgniteOnboardingPlanTitle.RadLabel { font-size: var(--wgtIgnite-text-size-medium); font-weight: 900; color: var(--wgtIgnite-palette-base); letter-spacing: 2px; } .wgtIgniteOnboardingPlan:hover .wgtIgniteOnboardingPlanTitle.RadLabel, .wgtIgniteOnboardingPlan.selected .wgtIgniteOnboardingPlanTitle.RadLabel { color: var(--wgtIgnite-palette-background) !important; } .wgtIgniteOnboardingPlanTrial.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; font-size: var(--wgtIgnite-text-size-medium); text-align: right; line-height: 20px !important; } .wgtIgniteOnboardingPlan:hover .wgtIgniteOnboardingPlanTrial.RadLabel, .wgtIgniteOnboardingPlan.selected .wgtIgniteOnboardingPlanTrial.RadLabel { color: var(--wgtIgnite-palette-background) !important; } .wgtIgniteOnboardingPlan.standard .wgtIgniteOnboardingPlanTrial.RadLabel, .wgtIgniteOnboardingPlan.unlimited .wgtIgniteOnboardingPlanTrial.RadLabel { display: none; } .wgtIgniteOnboardingPlanTrialBlurb.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; line-height: normal !important; font-size: var(--wgtIgnite-text-size-medium); font-weight: 600; text-align: right; color: var(--wgtIgnite-color-4) !important; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; grid-column-start: 2; grid-row-start: 1; } .wgtIgniteOnboardingPlan:hover .wgtIgniteOnboardingPlanTrialBlurb.RadLabel, .wgtIgniteOnboardingPlan.selected .wgtIgniteOnboardingPlanTrialBlurb.RadLabel { color: var(--wgtIgnite-palette-background) !important; } .wgtIgniteOnboardingPlan.no-cc .wgtIgniteOnboardingPlanTrialBlurb.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteOnboardingPlanType { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteOnboardingPlanTypeLabel.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteOnboardingPlanUnlimitedLeads.RadLabel { display: none; } .wgtIgniteOnboardingPlan.unlimited .wgtIgniteOnboardingPlanUnlimitedLeads.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; display: block; font-size: var(--wgtIgnite-text-size-large); font-weight: 100; font-style: italic; text-align: right; color: var(--wgtIgnite-color-2); line-height: 15px !important; grid-row-start: 2; } .wgtIgniteOnboardingPlan.unlimited:hover .wgtIgniteOnboardingPlanUnlimitedLeads.RadLabel, .wgtIgniteOnboardingPlan.unlimited.selected .wgtIgniteOnboardingPlanUnlimitedLeads.RadLabel { color: var(--wgtIgnite-palette-background) !important; } .wgtIgniteOnboardingPlanUnlimitedLeads.RadLabel::before { content: attr(data-special); border-radius: var(--wgtIgnite-br); background: -webkit-gradient(linear, left top, left bottom, from(gold), to(#d600fd)); background: linear-gradient(gold, #d600fd); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-style: normal; font-weight: 900; color: #fff; letter-spacing: 0px; padding: 5px 8px; } .wgtIgniteOnboardingPlanContainer { position: relative; width: 100%; } .wgtIgniteOnboardingPlanList { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 20px; position: relative; padding: 15px; border-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-palette-grey-2); } .wgtIgniteOnboardingPlanList a { padding: 10px; border-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-palette-background); } .wgtIgniteOnboardingPlansTitle.RadLabel { background-color: var(--wgtIgnite-palette-grey-2); color: var(--wgtIgnite-color-1l1); font-size: var(--wgtIgnite-text-size-large); font-weight: 900; border-radius: var(--wgtIgnite-br); padding: 5px 10px; } .wgtIgniteOnboardingReceipt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; row-gap: 20px; width: 100%; } .wgtIgniteOnboardingReceiptCloseSummary.RadLabel { font-style: italic; text-align: center; margin-top: 40px; } .wgtIgniteOnboardingReceiptHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; width: 100%; } .wgtIgniteOnboardingReceiptHeaderDate, .wgtIgniteOnboardingReceiptHeaderInvoice { border-bottom: solid 1px var(--wgtIgnite-palette-grey-2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .wgtIgniteOnboardingReceiptHeaderTitle.RadLabel { color: var(--wgtIgnite-palette-base); font-weight: 100; } .wgtIgniteOnboardingReceiptHeaderValue.RadLabel { color: var(--wgtIgnite-palette-base); font-weight: 900; } .wgtIgniteOnboardingReceiptStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: solid 1px var(--wgtIgnite-palette-grey-2); } .wgtIgniteOnboardingReceiptUser .wgtIgniteOnboardingReceiptStat { border-bottom: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteOnboardingReceiptStatTitle.RadLabel { font-weight: 100; } .wgtIgniteOnboardingReceiptStatValue.RadLabel { font-weight: 900; } .wgtIgniteOnboardingReceiptTitle.RadLabel { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: var(--wgtIgnite-text-size-large); font-weight: 800; color: var(--wgtIgnite-color-4); } .wgtIgniteOnboardingReceiptPrintLink { font-weight: 100; font-size: var(--wgtIgnite-text-size-medium); text-decoration: underline; margin-bottom: 20px; } .wgtIgniteOnboardingReceiptSummary, .wgtIgniteOnboardingReceiptUser { width: 100%; } .wgtIgniteOnboardingReceiptUser { margin-top: 20px; } .wgtIgniteOnboardingSection { width: 100%; /*S 1/09/23 */ /*E 1/09/23 */ } .wgtIgniteOnboardingSectionContent { display: none; width: 100%; } .wgtIgniteOnboardingSection.reveal .wgtIgniteOnboardingSectionContent { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteOnboardingSectionHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: 20px 0px; } .wgtIgniteOnboardingSectionHeaderRow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteOnboardingSectionOrderDetails .wgtIgniteOnboardingSectionHeader { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteOnboardingSectionOrderDetails { margin-bottom: 20px; } .wgtIgniteOnboardingSectionTitle.RadLabel { color: var(--wgtIgnite-color-1); font-weight: 900; font-size: var(--wgtIgnite-text-size-large); width: 100%; } .wgtIgniteOnboardingSectionTitle.RadLabel p { font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteOnboardingFormFieldCompanyName .wgtIgniteOnboardingSectionTitle.RadLabel { margin-bottom: 20px; } .wgtIgniteOnboardingSectionHeaderRow .wgtIgniteOnboardingSectionTitle.RadLabel { width: auto; } .wgtIgniteOnboardingSectionTitleTrial.RadLabel { margin-top: 20px; } .wgtIgniteOnboardingSectionTogglerOn.RadLabel, .wgtIgniteOnboardingSectionTogglerOff.RadLabel { font-weight: 100; color: var(--wgtIgnite-color-4); } .wgtIgniteOnboardingSectionTogglerOn.RadLabel { display: none; } .wgtIgniteOnboardingSectionTogglerOff.RadLabel { display: block; } .wgtIgniteOnboardingSectionOrderDetails.reveal .wgtIgniteOnboardingSectionTogglerOn.RadLabel { display: block; } .wgtIgniteOnboardingSectionOrderDetails.reveal .wgtIgniteOnboardingSectionTogglerOff.RadLabel { display: none; } .wgtIgniteOnboardingSectionToggler:hover { cursor: pointer; } .wgtIgniteOnboardingSponsor { display: none; } .wgtIgniteOnboardingBranding.sponsored .wgtIgniteOnboardingSponsor { display: block; width: 60%; } .wgtIgniteOnboardingSponsorLogo { max-width: 100%; } .wgtIgniteOnboardingSponsorTitle.RadLabel { font-style: italic; } .wgtIgniteOnboardingSummary { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 5px; margin: 20px 0px; } .wgtIgniteOnboardingSummaryLabel.RadLabel { font-size: var(--wgtIgnite-text-size-medium); font-weight: 100; } .wgtIgniteOnboardingSummaryValue.RadLabel { font-weight: 100; } .wgtIgniteOnboardingSummaryTotal .wgtIgniteOnboardingSummaryValue.RadLabel { font-size: var(--wgtIgnite-text-size-hero); font-weight: 900; color: var(--wgtIgnite-palette-base); line-height: 28px; } .wgtIgniteOnboardingSummaryAmount, .wgtIgniteOnboardingSummaryTax { border-bottom: solid 1px var(--wgtIgnite-palette-grey-2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wgtIgniteOnboardingSummaryTotal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteOnboardingTerms { /*S 1/09/23 */ background-color: var(--wgtIgnite-color-4l5); border-radius: var(--wgtIgnite-br); padding: 5px; position: relative; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; /*E 1/09/23 */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px 0px; } .wgtIgniteOnboardingTermsDescription.RadLabel { font-size: var(--wgtIgnite-text-size-medium); font-weight: 100; } .wgtIgniteOnboardingTrialDetailsIntro.RadLabel, .wgtIgniteOnboardingTrialDetailsCTA.RadLabel { font-weight: 100; } .wgtIgniteOnboardingTrialDetailsCTA.RadLabel { font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteOnboardingTrialDetailsExpirationDate.RadLabel { text-align: center; color: var(--wgtIgnite-color-3l1); font-size: var(--wgtIgnite-text-size-hero); font-weight: 900; width: 100%; margin-bottom: 20px; } .wgtIgniteOptInSettings { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteOptInSettings.rbVerticalList { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteOptInTitle.RadLabel { margin-bottom: 5px; margin-top: 20px; color: var(--wgtIgnite-color-1); font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteOptInWrapper { border: solid 1px var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-palette-background); padding: 10px; } .wgtIgniteModalLeadOptIn .wgtIgniteOptInWrapper { margin-left: auto; max-width: 560px; margin-top: 25px; } .wgtIgniteOrder { /* Order Search Modal */ } .wgtIgniteOrderSKUField > .RadInput { width: 100%; } .wgtIgniteOrderBarcodeScanner { position: relative; } .wgtIgniteOrderBarcodeScannerArea { border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-color-1l3); padding: 15px 10px 10px 10px; display: grid; grid-template-columns: 200px 200px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; } .wgtIgniteOrderBarcodeScannerField > .RadInput { width: 100%; } .wgtIgniteOrderCamView { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: dashed 2px var(--wgtIgnite-color-1l2); max-height: 250px; position: relative; border-radius: 10px; grid-column: span 2; } .wgtIgniteOrderCamViewTitle.RadLabel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; height: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .loaded .wgtIgniteOrderCamViewTitle.RadLabel { display: none; } .wgtIgniteOrderBarcodeScanner.scanner .wgtIgniteOrderCamView { opacity: 0.5; pointer-events: none; } .wgtIgniteOrderCamView .controls { display: none; padding: 0; left: 0; position: absolute; bottom: 101%; } .loaded .wgtIgniteOrderCamView .controls { display: block; } .wgtIgniteOrderCamView .controls fieldset { border: none; padding: 0px; } .wgtIgniteOrderFormControls { grid-column: -1/1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteOrderHistoryDetailsList { padding: 20px; } .wgtIgniteOrderHistoryDetailsListHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-bottom: 20px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wgtIgniteOrderHistoryDetailsListHeaderTitle.RadLabel { color: var(--wgtIgnite-color-4); font-size: var(--wgtIgnite-text-size-large); font-weight: 600; } .wgtIgniteOrderHistoryList #HistoryItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteOrderHistoryListItem, .wgtIgniteOrderHistoryListHeaders { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 140px; } .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListItem, .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListHeaders { grid-template-columns: 100px 70px 1fr 1fr 1fr 1fr 80px 80px 80px 140px; } .wgtIgniteOrderHistoryListHeaderItem input { border: none; background-color: transparent; } .wgtIgniteOrderHistoryListHeaders { z-index: 5; top: 48px; margin: 0px 0px 0px 5px; padding: 0px 10px; } .wgtIgniteOrderHistoryListItem { padding: 10px; } .wgtIgniteOrderHistoryListItemStat.wgtIgniteOrderHistoryListItemControls { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteOrderHistoryListItemStatTitle { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; display: none; } .wgtIgniteOrderHistoryListItemsOrdered .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteOrderHistoryListItemSubtotal .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteOrderHistoryListItemShipping .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteOrderHistoryListItemStatTax .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteOrderHistoryListItemStatOtherFees .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteOrderHistoryListItemStatDiscount .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteOrderHistoryListItemStatOrderTotal .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteOrderHistoryListItemsOrdered .wgtIgniteOrderHistoryListItemStatTitle, .wgtIgniteOrderHistoryListItemSubtotal .wgtIgniteOrderHistoryListItemStatTitle, .wgtIgniteOrderHistoryListItemShipping .wgtIgniteOrderHistoryListItemStatTitle, .wgtIgniteOrderHistoryListItemStatTax .wgtIgniteOrderHistoryListItemStatTitle, .wgtIgniteOrderHistoryListItemStatOtherFees .wgtIgniteOrderHistoryListItemStatTitle, .wgtIgniteOrderHistoryListItemStatDiscount .wgtIgniteOrderHistoryListItemStatTitle, .wgtIgniteOrderHistoryListItemStatOrderTotal .wgtIgniteOrderHistoryListItemStatTitle, .wgtIgniteOrderHistoryListItemsOrdered .wgtIgniteOrderHistoryListItemStatValue, .wgtIgniteOrderHistoryListItemSubtotal .wgtIgniteOrderHistoryListItemStatValue, .wgtIgniteOrderHistoryListItemShipping .wgtIgniteOrderHistoryListItemStatValue, .wgtIgniteOrderHistoryListItemStatTax .wgtIgniteOrderHistoryListItemStatValue, .wgtIgniteOrderHistoryListItemStatOtherFees .wgtIgniteOrderHistoryListItemStatValue, .wgtIgniteOrderHistoryListItemStatDiscount .wgtIgniteOrderHistoryListItemStatValue, .wgtIgniteOrderHistoryListItemStatOrderTotal .wgtIgniteOrderHistoryListItemStatValue, .wgtIgniteOrderHistoryListItemsOrdered .wgtIgniteOrderHistoryListItemStatValue.RadLabel, .wgtIgniteOrderHistoryListItemSubtotal .wgtIgniteOrderHistoryListItemStatValue.RadLabel, .wgtIgniteOrderHistoryListItemShipping .wgtIgniteOrderHistoryListItemStatValue.RadLabel, .wgtIgniteOrderHistoryListItemStatTax .wgtIgniteOrderHistoryListItemStatValue.RadLabel, .wgtIgniteOrderHistoryListItemStatOtherFees .wgtIgniteOrderHistoryListItemStatValue.RadLabel, .wgtIgniteOrderHistoryListItemStatDiscount .wgtIgniteOrderHistoryListItemStatValue.RadLabel, .wgtIgniteOrderHistoryListItemStatOrderTotal .wgtIgniteOrderHistoryListItemStatValue.RadLabel { text-align: right; } .wgtIgniteOrderHistoryListItemStatValue.RadLabel, .wgtIgniteOrderHistoryListItemStatValue { font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteOrderHistoryListItem:hover { background-color: var(--wgtIgnite-palette-list-item-bg); border-color: var(--wgtIgnite-color-2); } .wgtIgniteOrderHistoryListItem:hover::before { display: none; } .wgtIgniteOrderHeaderStatTitle.RadLabel, .wgtIgniteOrderHeaderStatValue.RadLabel { font-size: var(--wgtIgnite-text-size-medium); font-weight: 800; } .wgtIgniteOrderHeaderTitleTotal.RadLabel { font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteOrderLeadType.RadLabel { grid-column: -1/1; grid-row-start: 1; text-align: right; color: var(--wgtIgnite-color-3); font-size: var(--wgtIgnite-text-size-medium); border-bottom: solid 1px var(--wgtIgnite-color-3); font-weight: 800; margin-bottom: 20px; } .wgtIgniteOrderLeadType.RadLabel.existing { color: var(--wgtIgnite-color-2); border-bottom: solid 1px var(--wgtIgnite-color-2); } .wgtIgniteOrderLocationTitle.RadLabel, .wgtIgniteOrderPaymentTitle.RadLabel, .wgtIgniteOrderBarcodeScannerTitle.RadLabel, .wgtIgniteOrderNotesTitle.RadLabel, .wgtIgniteOrderProductsTitle.RadLabel { width: 100%; color: var(--wgtIgnite-color-4); font-size: var(--wgtIgnite-text-size-large); font-weight: 600; } .wgtIgniteOrderBarcodeScannerTitle.RadLabel, .wgtIgniteOrderProductsTitle.RadLabel { display: inline; width: auto; position: absolute; left: 10px; top: -14px; padding: 0px 5px; background-color: var(--wgtIgnite-palette-background); } .wgtIgniteOrderPaymentForm { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 25px; margin-top: 5px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteOrderPaymentFormControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteOrderPaymentForm .wgtIgniteInput { position: relative; } .wgtIgniteOrderPaymentFormLast4 { max-width: 80px; } .card-verified .wgtIgniteOrderPaymentFormLast4 { display: none !important; } .wgtIgniteOrderPaymentFormNotes { grid-row-start: 1; grid-column-start: 3; grid-row-end: 3; } .wgtIgniteOrderPaymentFormNotes .RadInput { border: solid 1px var(--wgtIgnite-color-1l3); border-radius: var(--wgtIgnite-br); padding: 10px; } .wgtIgniteOrderPaymentFormLocation { margin-top: 18px; } .wgtIgniteOrderPaymentFormTotal { padding-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; margin-bottom: 5px; margin-left: auto; } .wgtIgniteOrderPaymentFormTotalTitle.RadLabel { font-weight: 800; } .wgtIgniteOrderPaymentFormTotalValue.RadLabel { font-weight: 800; } .wgtIgniteOrderPaymentFormType { max-width: 170px; } .wgtIgniteOrderPaymentLocation { grid-column-start: 2; grid-row-start: 2; } .wgtIgniteOrderPaymentLocation .RadInput { border: solid 1px var(--wgtIgnite-color-1l3); border-radius: var(--wgtIgnite-br); padding: 6px; } .wgtIgniteOrderPaymentNotes { grid-column-start: 2; grid-row-start: 3; } .wgtIgniteOrderPaymentTotalTitle.RadLabel { font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteOrderPaymentTotalValue.RadLabel { font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteOrderPaymentType.RadComboBox { width: 100%; } .wgtIgniteOrderProducts { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; position: relative; } .wgtIgniteOrderProductListContainer, .wgtIgniteOrderCorporateProductListContainer { height: 325px; overflow-y: auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteOrderProductListContainerWrapper, .wgtIgniteOrderCorporateProductListContainerWrapper { border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-color-1l3); padding: 10px; min-height: 411px; } .wgtIgniteOrderProductListHeaders, .wgtIgniteOrderProductListItem, .wgtIgniteOrderCorporateProductListHeaders, .wgtIgniteOrderCorporateProductListItem { display: grid; grid-template-columns: 40px 80px 90px 1fr 60px 70px 70px 70px 50px 50px; gap: 5px; } .wgtIgniteOrderProductListHeaders, .wgtIgniteOrderCorporateProductListHeaders { background-color: var(--wgtIgnite-palette-background); padding: 10px; width: calc(100% - 10px); } .wgtIgniteOrderProductListHeadersItemDiscount.RadLabel, .wgtIgniteOrderProductListHeadersItemPrice.RadLabel, .wgtIgniteOrderProductListHeadersItemQuantity.RadLabel, .wgtIgniteOrderProductListHeadersItemTotal.RadLabel, .wgtIgniteOrderCorporateProductListHeadersItemDiscount.RadLabel, .wgtIgniteOrderCorporateProductListHeadersItemPrice.RadLabel, .wgtIgniteOrderCorporateProductListHeadersItemQuantity.RadLabel, .wgtIgniteOrderCorporateProductListHeadersItemTotal.RadLabel { text-align: right; } .wgtIgniteOrderProductListHeadersItem, .wgtIgniteOrderCorporateProductListHeadersItem { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteOrderProductListItem, .wgtIgniteOrderCorporateProductListItem { background-color: var(--wgtIgnite-color-2l4); padding: 10px; border-radius: var(--wgtIgnite-br); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteOrderProductListItemControls, .wgtIgniteOrderCorporateProductListItemControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteOrderProductListItemDelete:hover, .wgtIgniteOrderProductListItemEdit:hover, .wgtIgniteOrderProductListItemPrint:hover, .wgtIgniteOrderCorporateProductListItemDelete:hover, .wgtIgniteOrderCorporateProductListItemEdit:hover, .wgtIgniteOrderCorporateProductListItemPrint:hover { background-color: var(--wgtIgnite-color-1); } .wgtIgniteOrderProductListItemDelete:hover::before, .wgtIgniteOrderProductListItemEdit:hover::before, .wgtIgniteOrderProductListItemPrint:hover::before, .wgtIgniteOrderCorporateProductListItemDelete:hover::before, .wgtIgniteOrderCorporateProductListItemEdit:hover::before, .wgtIgniteOrderCorporateProductListItemPrint:hover::before { background-color: var(--wgtIgnite-palette-background); } .wgtIgniteOrderProductListItemStatTitle, .wgtIgniteOrderCorporateProductListItemStatTitle { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; display: none; } .wgtIgniteOrderProductListItemStatField, .wgtIgniteOrderCorporateProductListItemStatField { border: solid 1px var(--wgtIgnite-color-1l3); max-width: 50px; border-radius: var(--wgtIgnite-br); padding: 6px; } .entry-line .wgtIgniteOrderProductListItemStatField, .entry-line .wgtIgniteOrderCorporateProductListItemStatField { max-width: 90px; } .wgtIgniteOrderProductListItemStatDescription.truncated, .wgtIgniteOrderCorporateProductListItemStatDescription.truncated { position: relative; overflow: hidden; } .wgtIgniteOrderProductListItemStatDescription.truncated::after, .wgtIgniteOrderCorporateProductListItemStatDescription.truncated::after { content: "..."; position: absolute; right: 0; bottom: 0; background-color: var(--wgtIgnite-color-2l4); } .wgtIgniteOrderProductListItemStatDescription.truncated:hover, .wgtIgniteOrderCorporateProductListItemStatDescription.truncated:hover { overflow: visible; z-index: 2; background-color: var(--wgtIgnite-color-2l4); } .wgtIgniteOrderProductListItemStatDescription.truncated:hover::after, .wgtIgniteOrderCorporateProductListItemStatDescription.truncated:hover::after { display: none; } .wgtIgniteOrderProductListItemStatPrice, .wgtIgniteOrderProductListItemStatQuantity, .wgtIgniteOrderProductListItemStatDiscount, .wgtIgniteOrderProductListItemStatTotal, .wgtIgniteOrderCorporateProductListItemStatPrice, .wgtIgniteOrderCorporateProductListItemStatQuantity, .wgtIgniteOrderCorporateProductListItemStatDiscount, .wgtIgniteOrderCorporateProductListItemStatTotal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteOrderProductListItemStatDescription.truncated .wgtIgniteOrderProductListItemStatValue, .wgtIgniteOrderProductListItemStatDescription.truncated .wgtIgniteOrderCorporateProductListItemStatValue { background-color: var(--wgtIgnite-color-2l4); } .wgtIgniteOrderProductListItemStatDescription .wgtIgniteOrderProductListItemStatValue, .wgtIgniteOrderProductListItemStatDescription .wgtIgniteOrderCorporateProductListItemStatValue { white-space: nowrap; } .wgtIgniteOrderProductListItemSubmit, .wgtIgniteOrderCorporateProductListItemSubmit { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 110px; } .wgtIgniteOrderRecipient { grid-row-start: 2; grid-row-end: 4; grid-column-start: 1; grid-column-end: 2; display: grid; } .wgtIgniteOrderRecipientForm { display: grid; gap: 25px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; margin-top: 20px; max-width: 700px; margin-top: 5px; } .wgtIgniteOrderRecipientForm .wgtIgniteInput { position: relative; } .existing .wgtIgniteOrderRecipientForm { display: none; } .wgtIgniteOrderRecipientFormAddress, .wgtIgniteOrderRecipientFormAddress2 { grid-column: -1/1; } .wgtIgniteOrderRecipientFormCity { grid-column: span 3; } .wgtIgniteOrderRecipientFormEmail { grid-column: span 3; position: relative; } .wgtIgniteOrderRecipientFormFirstName, .wgtIgniteOrderRecipientFormLastName { grid-column: span 3; } .wgtIgniteOrderRecipientFormPhone { grid-column: span 3; } .wgtIgniteOrderRecipientListCloser { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteOrderRecipientListCloser:hover { opacity: 0.5; } .wgtIgniteOrderRecipientSearch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; position: relative; } .wgtIgniteOrderRecipientSearchField { border: none; width: 100%; } .wgtIgniteOrderRecipientSearchFieldTitle.RadLabel { color: var(--wgtIgnite-color-3); font-weight: 900; font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteOrderRecipientSearchWrapper { max-height: 35px; border: solid 1px var(--wgtIgnite-color-1l2); border-radius: var(--wgtIgnite-br); width: 100%; padding: 6px; position: relative; } .wgtIgniteOrderRecipientSearchWrapper::after { position: absolute; top: 0; right: 5px; bottom: 0; margin: auto; } .searching .wgtIgniteOrderRecipientSearchWrapper::after { content: ""; height: 15px; width: 15px; -webkit-mask-size: 15px; mask-size: 15px; -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; background-color: var(--wgtIgnite-color-4); content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 20px; margin-right: 5px; mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; -webkit-mask-position: center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; } .existing .wgtIgniteOrderRecipientSearch { display: -webkit-box; display: -ms-flexbox; display: flex; } .new .wgtIgniteOrderRecipientSearch { display: none; } .wgtIgniteOrderRecipientState.RadComboBox { width: 100%; } .wgtIgniteOrderRecipientTitle.RadLabel { width: 100%; color: var(--wgtIgnite-color-4); font-size: var(--wgtIgnite-text-size-large); font-weight: 600; } .wgtIgniteOrderRecipientTypeWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteOrderRecipientTypeWrapper label { font-size: var(--wgtIgnite-text-size-small); } .wgtIgniteOrderRecipientList { background-color: var(--wgtIgnite-palette-background); min-height: 100px; max-height: 300px; z-index: 1; border: solid 1px var(--wgtIgnite-color-2l1); border-radius: var(--wgtIgnite-br); } .wgtIgniteOrderRecipientListBody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; padding: 10px; max-height: 220px; overflow-y: scroll; } .wgtIgniteOrderRecipientListHeader { display: grid; grid-template-columns: 1fr auto; padding: 5px; background-color: var(--wgtIgnite-color-2l1); } .wgtIgniteOrderRecipientListHeaders { display: grid; grid-template-columns: 60px 1fr 1fr 1fr 1fr 70px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px; border-bottom: solid 1px var(--wgtIgnite-palette-grey-3); } .wgtIgniteOrderRecipientListHeadersItem { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteOrderRecipientListItem { display: grid; grid-template-columns: 60px 1fr 1fr 1fr 1fr 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteOrderRecipientListItemStatOptOut.out::before { background-color: var(--wgtIgnite-palette-alert); } .wgtIgniteOrderRecipientListItem.opted-out { display: none; } .show-all .wgtIgniteOrderRecipientListItem.opted-out { display: grid; } .wgtIgniteOrderScanSelector { grid-column: span 2; } .wgtIgniteOrderSearchControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteOrderSearchCounter.RadLabel { text-align: right; margin-top: 6px; font-weight: 900; position: relative; top: 13px; } .wgtIgniteOrderSearchConditionsListItem { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: grid; grid-template-columns: 262px 1fr 50px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteOrderSearchConditionsListItemField.wgtIgniteOrderSearchConditionsListItemFieldConditionType { position: relative; font-weight: 900; } .wgtIgniteOrderSearchConditionsListItemField.wgtIgniteOrderSearchConditionsListItemFieldConditionPrompt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: var(--wgtIgnite-color-3); } .wgtIgniteOrderSearchConditionsListItemField > input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; } .wgtIgniteOrderSearchConditionsListItemField > select { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: var(--wgtIgnite-font) !important; outline: none; border: none; padding-left: 13px; font-size: 14px; line-height: 33px; } .wgtIgniteOrderSearchConditionsListWrapper { width: 100%; } .wgtIgniteOrderSearchForm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteOrderSearchFormStartDate { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteOrderSearchFormEndDate { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteOrderSearchResultsList { max-height: 240px; overflow-y: auto; } .wgtIgniteOrderSearchResultsList > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteOrderSearchResultsListHeaderTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteOrderSearchResultsListHeaders, .wgtIgniteOrderSearchResultsListItem { display: grid; grid-template-columns: 50px 140px 80px 80px 120px 1fr 1fr 70px 200px; } .wgtIgniteOrderSearchResultsListItem:hover { background-color: var(--wgtIgnite-color-2l4) !important; border-color: var(--wgtIgnite-color-2) !important; } .wgtIgniteOrderSearchResultsListItem:hover::before { display: none !important; } .wgtIgniteOrderSearchResultsListHeaders { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteOrderSearchResultsListItemControls { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 100px; } .wgtIgniteOrderSearchResultsListItemControls > span { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteOrderSearchResultsListItemStat.truncated:hover { background-color: #fff !important; } .wgtIgniteOrderSearchResultsListItemTotal .wgtIgniteOrderSearchResultsListItemStatValue { text-align: right; } .truncated .wgtIgniteOrderSearchResultsListItemStatValue { position: relative; overflow: hidden; } .truncated .wgtIgniteOrderSearchResultsListItemStatValue:after { content: "..."; display: block; position: absolute; height: 20px; width: 40px; right: 0px; padding-right: 3px; top: 0; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(var(--wgtIgnite-palette-list-item-bg)), to(var(--wgtIgnite-palette-list-item-bg))); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--wgtIgnite-palette-list-item-bg), var(--wgtIgnite-palette-list-item-bg)); z-index: 2; color: #000; font-size: 15px; text-align: right; } .truncated:hover .wgtIgniteOrderSearchResultsListItemStatValue { position: absolute; overflow: hidden; background-color: var(--wgtIgnite-color-4l3); padding: 5px; top: -14px; left: 0; z-index: 9; border-radius: var(--wgtIgnite-br); } .truncated:hover .wgtIgniteOrderSearchResultsListItemStatValue::after { display: none; } .wgtIgniteOrderSearchResultsListItemStatTitle { display: none; } .wgtIgniteOrderSearchResultsListWrapper { padding: 10px; border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-color-1l1); margin-top: 15px; } .wgtIgniteOrderSearchInput { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-color-1l1); -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; grid-column: -1/1; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wgtIgniteOrderSearchInput > .RadInput { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteOrderSearchInput > .RadInput.required { border: solid 1px var(--wgtIgnite-palette-alert); border-radius: var(--wgtIgnite-br); overflow: hidden; } .wgtIgniteOrderSearchInput > .RadComboBox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgniteOrderSearchInputField.riTextBox, .wgtIgniteOrderSearchInputField.riTextBox:hover, .wgtIgniteOrderSearchInputField.riTextBox:active { border-bottom: solid 1px var(--wgtIgnite-palette-grey-4) !important; border-bottom-color: var(--wgtIgnite-palette-grey-4) !important; border-radius: 0px !important; line-height: 31px !important; } .wgtIgniteOrderSearchInputFieldStartDate, .wgtIgniteOrderSearchInputFieldEndDate { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteOrderSearchInputFieldStartDate .RadPicker .RadInput, .wgtIgniteOrderSearchInputFieldEndDate .RadPicker .RadInput { border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: var(--wgtIgnite-palette-grey-4); border-radius: 0px !important; } .wgtIgniteOrderSearchInputFieldStartDate.required .RadInput, .wgtIgniteOrderSearchInputFieldEndDate.required .RadInput { border-bottom-color: var(--wgtIgnite-palette-alert) !important; } .wgtIgniteOrderSearchInputHeader { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; } .wgtIgniteOrderSearchInputHeaderTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; padding-bottom: 5px; } .wgtIgniteOrderSearchInputHeaderDates .wgtIgniteOrderSearchInputHeaderTitle.RadLabel::after { content: ""; height: 10px; width: 10px; background-color: var(--wgtIgnite-palette-alert); display: block; border-radius: 20px; margin-left: 5px; } .wgtIgniteOrderSearchInputHeader ~ .wgtIgniteOrderSearchInputHeader { margin-top: 20px; } .wgtIgniteOrderSearchListHeaders, .wgtIgniteOrderSearchListItem { display: grid; grid-template-columns: 110px 100px 1fr 1fr 1fr 120px; padding: 5px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteOrderSearchListHeaders { background-color: var(--wgtIgnite-palette-background); } .wgtIgniteOrderSearchListHeaderItem { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 5px; } .wgtIgniteOrderSearchListHeaderItem:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteOrderSearchListItem { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--wgtIgnite-palette-background); margin-top: 5px; } .wgtIgniteOrderSearchListItemStatTitle { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; display: none; } .wgtIgniteOrderSearchListHeaderTitle { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteOrderSearchListWrapper { margin-top: 20px; border-bottom-left-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-palette-grey-2); max-height: 262px; position: relative; overflow-y: scroll; } .wgtIgniteOverlay { background-color: rgba(0, 0, 0, 0.3); position: absolute; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; left: 0; overflow-y: scroll; top: 0; /* CAREFUL IN CHANGING Z-INDEX, CAN CAUSE ISSUES WITH PAYMENT SELECTION COMBO IN MODALS*/ z-index: 1999; } .wgtIgniteOverlayAccountUpgrade.mobile-mode { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteOverlay.wgtIgniteOverlayGeneric { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteOverlay.wgtIgniteOverlayGeneric.reveal { z-index: 2001; } .wgtIgniteOverlayMessageContainer { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 600px; width: 100%; row-gap: 20px; margin: 20px; padding: 20px; position: relative; } .wgtIgniteOverlayMessageContainer h2 { text-align: center; } .wgtIgniteOverlayMessageContainer p { text-align: center; } .wgtIgniteOverlay.wgtIgniteOverlayTokens { z-index: 9; } .wgtIgniteOverlay.wgtIgniteOverlayStaffAccount { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 30px; padding-bottom: 20px; } .wgtIgniteOverlay.wgtIgniteOverlayProductList { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 30px; padding-bottom: 20px; } .wgtIgniteOverlay.wgtIgniteOverlayLeadOptIn { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteOverlay.wgtIgniteOverlayLeadOptIn.hidden { display: none; } .wgtIgniteOverlay.wgtIgniteOverlayVisualEditor.fullscreen.reveal { position: absolute !important; width: 100% !important; height: 100% !important; top: 0; left: 0; overflow-y: hidden !important; } .wgtIgniteOverlay.opague { background-color: rgb(255, 255, 255); } .wgtIgniteOverlay.reveal { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteOverrideThumbnailContainer { background-color: var(--wgtIgnite-palette-background); position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: var(--wgtIgnite-br); } .wgtIgnitePage { /* .wgtIgnitePageHeader */ /* .wgtIgnitePageSubheader */ /*E 5/5/22*/ } .wgtIgnitePageHeader { /* S 3/28/22 */ -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* E 3/28/22 */ /* wgtIgnitePageHeaderInfo */ /* wgtIgnitePageHeaderInfoWrap */ } .wgtIgnitePageHeaderInfo { background-color: var(--wgtIgnite-palette-background); position: absolute; right: -1px; top: -12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgnitePageHeaderInfoValue { font-weight: 200; position: relative; min-height: 18px; line-height: 18px !important; } .wgtIgnitePageHeaderInfoValue.wgtIgniteLeadName { width: auto; } .wgtIgnitePageHeaderInfoWrap { border: solid 1px var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); display: grid; grid-template-columns: auto auto 1fr; grid-template-rows: auto auto auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; /* Start 3/17/22 */ row-gap: 5px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; width: 100%; margin: 10px; padding: 10px; /* End 3/17/22 */ } .wgtIgnitePageHeaderTitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgnitePageHeaderTitleStats.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; line-height: 15px; } .wgtIgnitePageHeaderTitleStats.RadLabel span { font-weight: 100; color: var(--wgtIgnite-color-3); } .wgtIgnitePageSubtitle { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgnitePageSubscriptionRenewal { height: 100%; } .wgtIgnitePageSubscriptionRenewal body { height: 100%; } .wgtIgnitePageSubscriptionRenewal body > .rcbSlide { position: relative; } .wgtIgnitePageSubscriptionRenewal form { height: 100%; } .wgtIgnitePasswordResetRequirements { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 10px 45px 0px 45px; } .wgtIgnitePasswordResetRequirementsItem { font-size: var(--wgtIgnite-text-size-default); text-align: left; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgnitePasswordResetRequirementsItem::before { content: "✓"; height: 16px; line-height: 16px; color: #5b8828; } .wgtIgnitePasswordResetRequirementsItem.invalid::before { content: "✖"; color: #f55; } .wgtIgniteProductDetailForm { display: grid; gap: 10px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; width: 100%; } .existing .wgtIgniteProductDetailForm { display: none; } .wgtIgniteProductDetailFormAddress, .wgtIgniteProductDetailFormAddress2 { grid-column: span 2; } .wgtIgniteProductDetailFormCity { grid-column-start: 1; } .wgtIgniteProductDetailFormSubtitle.RadLabel { grid-column: -1/1; border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-color-2); background-color: var(--wgtIgnite-color-2l5); padding: 10px; } .wgtIgniteProductDetailGrid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; padding: 20px; } .wgtIgniteProductDetailIsCorporateProduct.RadLabel { position: relative; z-index: 0; color: var(--wgtIgnite-palette-background); margin-right: 15px; } .wgtIgniteProductDetailIsCorporateProduct.RadLabel::before { content: ""; -webkit-transform: perspective(10px) rotateX(-1deg); transform: perspective(10px) rotateX(-1deg); background-color: #111111; position: absolute; border-bottom-right-radius: var(--wgtIgnite-br); border-bottom-left-radius: var(--wgtIgnite-br); width: calc(100% + 20px); height: calc(100% + 4px); z-index: -1; left: -10px; top: -10px; } .wgtIgniteProductDetailStatActive, .wgtIgniteProductDetailStatFreeProduct, .wgtIgniteProductDetailStatTrackInventory { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteProductDetailStatID, .wgtIgniteProductDetailStatDescription, .wgtIgniteProductDetailStatName { grid-column: -1/1; } .wgtIgniteProductDetailStatBarcode, .wgtIgniteProductDetailStatSKU { grid-column: span 3; } .wgtIgniteProductDetailStatCategory { grid-column: span 2; } .wgtIgniteProductDetailStatChargeTax.wgtIgniteInput, .wgtIgniteProductDetailStatChargeVAT.wgtIgniteInput { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteProductDetailStatChargeTax.wgtIgniteInput .wgtIgniteInputTitle.RadLabel, .wgtIgniteProductDetailStatChargeVAT.wgtIgniteInput .wgtIgniteInputTitle.RadLabel { width: auto; } .wgtIgniteProductDetailTitle.RadLabel { grid-column: -1/1; grid-row-start: 1; color: var(--wgtIgnite-color-4); font-size: var(--wgtIgnite-text-size-large); font-weight: 600; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgniteProductImage { border: solid 3px var(--wgtIgnite-palette-grey-3); border-radius: var(--wgtIgnite-br); width: 100%; max-width: 250px; height: 180px; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteProductImage.modified { border-color: var(--wgtIgnite-color-2); } .wgtIgniteProductImageReplaceControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteProductImageUploadDropzone { border: dashed 3px var(--wgtIgnite-palette-grey-3); border-radius: var(--wgtIgnite-br); width: 100%; max-width: 250px; height: 180px; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteProductImageUploadDropzone.entered { border-color: var(--WgtIgnite-color-1l3); } .wgtIgniteProductImageUploadExplorer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; max-width: 200px; } .wgtIgniteProductImageUploadExplorer .RadAsyncUpload { position: absolute; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; display: block; margin: auto; width: 192px; height: 32px; } .wgtIgniteProductImageUploadSeperatorLabel.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--wgtIgnite-color-3); -ms-flex-item-align: center; align-self: center; margin: 10px 0px; } .wgtIgniteProductImageUploadSeperatorLabel.RadLabel::before, .wgtIgniteProductImageUploadSeperatorLabel.RadLabel::after { content: ""; display: block; height: 1px; width: 100px; background-color: var(--wgtIgnite-color-3); } .wgtIgniteProductPhoto { height: 75px; width: 75px; } .wgtIgniteProductPhotoFileSelectLabel { background-color: var(--wgtIgnite-color-1l1); color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); padding: 6px; } .wgtIgniteProductPhotoFileSelectLabel + input { display: none; } .wgtIgniteProductImageUploadExplorer:hover .wgtIgniteProductPhotoFileSelectLabel { background-color: var(--wgtIgnite-color-1); cursor: pointer; } .wgtIgniteProductPricingGrid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteProductListHeaderItem { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteProductListHeaders { padding-left: 10px; padding-right: 10px; top: 0px; } .wgtIgniteProductListHeaders, .wgtIgniteProductListItem { -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; display: grid; grid-template-columns: 1fr 1fr minmax(80px, 300px) 60px 1fr; } .wgtIgniteSectionProducts .wgtIgniteProductListHeaders, .wgtIgniteSectionProducts .wgtIgniteProductListItem { grid-template-columns: 120px 100px 1fr 1fr 90px 60px 60px 90px 90px 1fr; } .wgtIgniteSectionProducts.no-inventory .wgtIgniteProductListHeaders, .wgtIgniteSectionProducts.no-inventory .wgtIgniteProductListItem { grid-template-columns: 120px 100px 140px 1fr 60px 60px 1fr; } .wgtIgniteProductListItem { background-color: var(--wgtIgnite-color-2l4); padding: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteProductListItem.isCorporate { background-color: rgba(0, 176, 186, 0.03); border-color: #0065A2; } .wgtIgniteProductListItem.isCorporate:hover { background-color: rgba(0, 176, 186, 0.168627451); } .wgtIgniteProductListItem:hover::before { display: none !important; } .wgtIgniteProductListItemControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteProductListItemAdd, .wgtIgniteProductListItemDelete, .wgtIgniteProductListItemEdit { height: 35px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteProductListItemAdd::before, .wgtIgniteProductListItemDelete::before, .wgtIgniteProductListItemEdit::before { pointer-events: none; } .wgtIgniteProductListItemAdd:hover, .wgtIgniteProductListItemDelete:hover, .wgtIgniteProductListItemEdit:hover { background-color: var(--wgtIgnite-color-1); } .wgtIgniteProductListItemAdd:hover::before, .wgtIgniteProductListItemDelete:hover::before, .wgtIgniteProductListItemEdit:hover::before { background-color: var(--wgtIgnite-palette-background); } .wgtIgniteProductListItemDelete[data-is-corporate=true] { pointer-events: none; opacity: 0.5; } .wgtIgniteProductListItemEdit[data-is-corporate=true] { pointer-events: none; opacity: 0.5; } .wgtIgniteProductListItemStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteProductListItemStatPhoto { grid-row-start: 1; grid-row-end: 3; } .wgtIgniteProductListItemStatPhotoCaption.RadLabel { background-color: #111111; color: #ffffff; display: none; } .isCorporate .wgtIgniteProductListItemStatPhotoCaption.RadLabel { display: block; width: 75px; text-align: center; padding: 3px 0px; position: absolute; bottom: 0; } .wgtIgniteProductListItemStatPrice { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteProductListItemStatTitle, .wgtIgniteProductListItemStatTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; display: none; } .wgtIgniteProductListItemStatQtyAvailable .wgtIgniteProductListItemStatValue, .wgtIgniteProductListItemStatQtyCommitted .wgtIgniteProductListItemStatValue { text-align: right; } .wgtIgniteProductListWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; max-height: 400px; overflow-y: scroll; } .wgtIgniteProductList, .wgtIgniteProductListHeaders { width: 100%; } .wgtIgniteExpiredSubscriptionRenewalCardItem { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 340px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteExpiredSubscriptionRenewalCardItem.wgtIgniteExpiredSubscriptionRenewalPaymentForm { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; padding: 10px; } .wgtIgniteExpiredSubscriptionRenewalCardItem:not(.new):not(.combo-item):hover { border-color: var(--wgtIgnite-color-2); } .wgtIgniteExpiredSubscriptionRenewalCardItem:not(.new):not(.combo-item):hover::before { opacity: 0 !important; } .wgtIgniteExpiredSubscriptionRenewalCardItem.new { grid-template-columns: 1fr 90px 1fr 100px 100px 100px; } .wgtIgniteExpiredSubscriptionRenewalCardItem.combo-item, .wgtIgniteExpiredSubscriptionRenewalCardItem.combo-active { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-template-columns: 80px 100px 1fr 80px; width: 100%; } .wgtIgniteExpiredSubscriptionRenewalCardItem.combo-item:hover { cursor: pointer; } .wgtIgniteExpiredSubscriptionRenewalCardItem.combo-item::before { display: none !important; } .wgtIgniteExpiredSubscriptionRenewalCardItem.combo-active { border: none !important; padding-right: 50px; } .wgtIgniteExpiredSubscriptionRenewalCardItem.combo-item.combo-item-active::before { content: ""; height: 20px; width: 20px; background-color: var(--wgtIgnite-color-1); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; background-color: var(--wgtIgnite-color-3l2); display: block !important; position: absolute; left: unset !important; right: -4px; top: -4px; opacity: 1; } .wgtIgniteExpiredSubscriptionRenewalCardItem.modal { max-height: 0px; height: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; padding: 0px; } .wgtIgniteExpiredSubscriptionRenewalCardItem.modal.selected { display: grid; grid-template-columns: 80px 100px 1fr 80px; max-height: 280px; padding: 20px 10px; opacity: 1; position: relative; overflow: hidden; } .wgtIgniteExpiredSubscriptionRenewalCardItem.active { pointer-events: none; grid-template-columns: 80px 100px 1fr 100px 100px; } .wgtIgniteSettingsPayment .wgtIgniteExpiredSubscriptionRenewalCardItem.active { background-color: var(--wgtIgnite-color-3l5); border-color: var(--wgtIgnite-color-1) !important; } .wgtIgniteExpiredSubscriptionRenewalCardItemControl { grid-column-start: 1; grid-column-end: 7; } .wgtIgniteExpiredSubscriptionRenewalCardItemStatTitle.RadLabel { display: inline-block !important; } .wgtIgniteExpiredSubscriptionRenewalCardStatActivate { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; z-index: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteExpiredSubscriptionRenewalPayment .wgtIgniteExpiredSubscriptionRenewalCardStatCardType { min-height: 54px; } .wgtIgniteExpiredSubscriptionRenewalCardStatCardNumber { grid-column: span 2; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-column-gap: 6px; -moz-column-gap: 6px; column-gap: 6px; } .wgtIgniteExpiredSubscriptionRenewalPaymentForm .wgtIgniteExpiredSubscriptionRenewalCardStatCardNumber { grid-column: span 5; } .wgtIgnitePayTemplatesListItem.new .wgtIgniteExpiredSubscriptionRenewalCardStatCardNumber { grid-column: span 1; } .wgtIgnitePayTemplatesListItem.modal .wgtIgniteExpiredSubscriptionRenewalCardStatExpiration { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteExpiredSubscriptionRenewalPaymentForm .wgtIgniteExpiredSubscriptionRenewalCardStatName { grid-column: span 3; } .wgtIgnitePayTemplatesListItem.modal .wgtIgnitePayTemplatesListItemStatExpiration .wgtIgniteExpiredSubscriptionRenewalCardStatTitle.RadLabel { text-align: right; } .wgtIgniteExpiredSubscriptionRenewalCardStatType .wgtIgniteExpiredSubscriptionRenewalCardStatValue.RadLabel { height: 23px; width: 64px; } .wgtIgniteExpiredSubscriptionRenewalCardStatType .wgtIgniteExpiredSubscriptionRenewalCardStatValue.RadLabel.cc-amex, .wgtIgniteExpiredSubscriptionRenewalCardStatType .wgtIgniteExpiredSubscriptionRenewalCardStatValue.RadLabel.cc-discover, .wgtIgniteExpiredSubscriptionRenewalCardStatType .wgtIgniteExpiredSubscriptionRenewalCardStatValue.RadLabel.cc-jcb, .wgtIgniteExpiredSubscriptionRenewalCardStatType .wgtIgniteExpiredSubscriptionRenewalCardStatValue.RadLabel.cc-maestro, .wgtIgniteExpiredSubscriptionRenewalCardStatType .wgtIgniteExpiredSubscriptionRenewalCardStatValue.RadLabel.cc-mastercard, .wgtIgniteExpiredSubscriptionRenewalCardStatType .wgtIgniteExpiredSubscriptionRenewalCardStatValue.RadLabel.cc-visa { background-image: url("/images/cc-icons-transparent.png"); } .wgtIgniteExpiredSubscriptionRenewalCardStatType .wgtIgniteExpiredSubscriptionRenewalCardStatValue.RadLabel.cc-amex { background-size: 300px; background-position: 0px; width: 43px; } .wgtIgniteExpiredSubscriptionRenewalCardStatType .wgtIgniteExpiredSubscriptionRenewalCardStatValue.RadLabel.cc-discover { background-position: -148px; background-size: 300px; width: 40px; } .wgtIgniteExpiredSubscriptionRenewalCardStatType .wgtIgniteExpiredSubscriptionRenewalCardStatValue.RadLabel.cc-visa { background-position: -100px -12px; background-size: 330px; } .wgtIgniteExpiredSubscriptionRenewalCardStatType .wgtIgniteExpiredSubscriptionRenewalCardStatValue.RadLabel.cc-mastercard { background-position: -48px; background-size: 300px; width: 40px; } .wgtIgnitePayHistoryList { padding: 0px !important; width: 100%; } .wgtIgnitePayHistoryListItem { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgnitePayHistoryListItem:hover { border-color: var(--wgtIgnite-color-2) !important; cursor: pointer; } .wgtIgnitePayHistoryListItem:hover::before { opacity: 0 !important; } .wgtIgnitePayHistoryListItem.new { padding: 20px 10px !important; } .wgtIgnitePayHistoryListItemPrint { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; grid-column-start: 5; grid-row-start: 1; pointer-events: all; } .wgtIgnitePayHistoryListItemStat { pointer-events: none; } .wgtIgnitePayHistoryListItemStatSKU { grid-column: span 2; } .wgtIgnitePayHistoryListItemStatTotal { grid-column: span 2; } .wgtIgnitePayHistoryListItemStatCardType .wgtIgnitePayHistoryListItemStatValue.RadLabel { background-repeat: no-repeat; height: 23px; width: 64px; } .wgtIgnitePayHistoryListItemStatCardType .wgtIgnitePayHistoryListItemStatValue.RadLabel.cc-amex, .wgtIgnitePayHistoryListItemStatCardType .wgtIgnitePayHistoryListItemStatValue.RadLabel.cc-discover, .wgtIgnitePayHistoryListItemStatCardType .wgtIgnitePayHistoryListItemStatValue.RadLabel.cc-jcb, .wgtIgnitePayHistoryListItemStatCardType .wgtIgnitePayHistoryListItemStatValue.RadLabel.cc-maestro, .wgtIgnitePayHistoryListItemStatCardType .wgtIgnitePayHistoryListItemStatValue.RadLabel.cc-mastercard, .wgtIgnitePayHistoryListItemStatCardType .wgtIgnitePayHistoryListItemStatValue.RadLabel.cc-visa { background-image: url("/images/cc-icons-transparent.png"); } .wgtIgnitePayHistoryListItemStatCardType .wgtIgnitePayHistoryListItemStatValue.RadLabel.cc-amex { background-size: 300px; background-position: 0px; width: 43px; } .wgtIgnitePayHistoryListItemStatCardType .wgtIgnitePayHistoryListItemStatValue.RadLabel.cc-discover { background-position: -148px; background-size: 300px; width: 40px; } .wgtIgnitePayHistoryListItemStatCardType .wgtIgnitePayHistoryListItemStatValue.RadLabel.cc-visa { background-position: -100px -12px; background-size: 330px; } .wgtIgnitePayHistoryListItemStatCardType .wgtIgnitePayHistoryListItemStatValue.RadLabel.cc-mastercard { background-position: -48px; background-size: 300px; width: 40px; } .wgtIgnitePayHistoryListItemStatTitle.RadLabel { display: inline-block !important; } .wgtIgnitePayHistoryListNavigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; } .wgtIgnitePayHistoryListNavigationPager.RadDataPager { background: transparent; border: none; } .wgtIgnitePayTemplateState.RadComboBox, .wgtIgnitePayTemplateCountry.RadComboBox { width: 100%; } .wgtIgnitePayTemplatesList { padding: 0px !important; width: 100%; } .wgtIgniteModalListContainer .wgtIgnitePayTemplatesList { row-gap: 0px !important; } .wgtIgnitePayTemplatesListItem { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 340px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgnitePayTemplatesListItem.wgtIgniteExpiredSubscriptionRenewalPaymentForm { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; padding: 10px; } .wgtIgnitePayTemplatesListItem:not(.new):not(.combo-item):hover { border-color: var(--wgtIgnite-color-2); } .wgtIgnitePayTemplatesListItem:not(.new):not(.combo-item):hover::before { opacity: 0 !important; } .wgtIgnitePayTemplatesListItem.new { grid-template-columns: 1fr 90px 1fr 100px 100px 100px; } .wgtIgnitePayTemplatesListItem.combo-item, .wgtIgnitePayTemplatesListItem.combo-active { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-template-columns: 80px 100px 1fr 80px; width: 100%; background-color: var(--wgtIgnite-palette-background); } .wgtIgnitePayTemplatesListItem.combo-item:hover { cursor: pointer; } .wgtIgnitePayTemplatesListItem.combo-item::before { display: none !important; } .wgtIgnitePayTemplatesListItem.combo-active { border: none !important; padding-right: 50px; } .wgtIgnitePayTemplatesListItem.combo-item.combo-item-active::before { content: ""; height: 20px; width: 20px; background-color: var(--wgtIgnite-color-1); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; background-color: var(--wgtIgnite-color-3l2); display: block !important; position: absolute; left: unset !important; right: -4px; top: -4px; opacity: 1; } .wgtIgnitePayTemplatesListItem.modal { max-height: 0px; height: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; padding: 0px; } .wgtIgnitePayTemplatesListItem.modal.selected { display: grid; grid-template-columns: 80px 100px 1fr 80px; max-height: 280px; padding: 20px 10px; opacity: 1; position: relative; overflow: hidden; } .wgtIgnitePayTemplatesListItem.active { pointer-events: none; grid-template-columns: 80px 100px 1fr 100px 100px; } .wgtIgniteSettingsPayment .wgtIgnitePayTemplatesListItem.active { background-color: var(--wgtIgnite-color-3l5); border-color: var(--wgtIgnite-color-1) !important; } .wgtIgnitePayTemplatesListItemControl { grid-column-start: 1; grid-column-end: 7; } .wgtIgnitePayTemplatesListItemStatActivate { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; z-index: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteExpiredSubscriptionRenewalPayment .wgtIgnitePayTemplatesListItemStatCardType { min-height: 54px; } .wgtIgnitePayTemplatesListItemStatCardNumber { grid-column: span 2; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-column-gap: 6px; -moz-column-gap: 6px; column-gap: 6px; } .wgtIgniteExpiredSubscriptionRenewalPaymentForm .wgtIgnitePayTemplatesListItemStatCardNumber { grid-column: span 5; } .wgtIgnitePayTemplatesListItem.new .wgtIgnitePayTemplatesListItemStatCardNumber { grid-column: span 1; } .wgtIgnitePayTemplatesListItem.modal .wgtIgnitePayTemplatesListItemStatExpiration { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteExpiredSubscriptionRenewalPaymentForm .wgtIgnitePayTemplatesListItemStatName { grid-column: span 3; } .wgtIgnitePayTemplatesListItem.modal .wgtIgnitePayTemplatesListItemStatExpiration .wgtIgnitePayTemplatesListItemStatTitle.RadLabel { text-align: right; } .wgtIgnitePayTemplatesListItemStatType .wgtIgnitePayTemplatesListItemStatValue.RadLabel { height: 23px; width: 64px; } .wgtIgnitePayTemplatesListItemStatType .wgtIgnitePayTemplatesListItemStatValue.RadLabel.cc-amex, .wgtIgnitePayTemplatesListItemStatType .wgtIgnitePayTemplatesListItemStatValue.RadLabel.cc-discover, .wgtIgnitePayTemplatesListItemStatType .wgtIgnitePayTemplatesListItemStatValue.RadLabel.cc-jcb, .wgtIgnitePayTemplatesListItemStatType .wgtIgnitePayTemplatesListItemStatValue.RadLabel.cc-maestro, .wgtIgnitePayTemplatesListItemStatType .wgtIgnitePayTemplatesListItemStatValue.RadLabel.cc-mastercard, .wgtIgnitePayTemplatesListItemStatType .wgtIgnitePayTemplatesListItemStatValue.RadLabel.cc-visa { background-image: url("/images/cc-icons-transparent.png"); } .wgtIgnitePayTemplatesListItemStatType .wgtIgnitePayTemplatesListItemStatValue.RadLabel.cc-amex { background-size: 300px; background-position: 0px; width: 43px; } .wgtIgnitePayTemplatesListItemStatType .wgtIgnitePayTemplatesListItemStatValue.RadLabel.cc-discover { background-position: -148px; background-size: 300px; width: 40px; } .wgtIgnitePayTemplatesListItemStatType .wgtIgnitePayTemplatesListItemStatValue.RadLabel.cc-visa { background-position: -100px -12px; background-size: 330px; } .wgtIgnitePayTemplatesListItemStatType .wgtIgnitePayTemplatesListItemStatValue.RadLabel.cc-mastercard { background-position: -48px; background-size: 300px; width: 40px; } .wgtIgnitePayTemplatesListItem.modal .wgtIgnitePayTemplatesListItemStatExpiration .wgtIgnitePayTemplatesListItemStatValue.RadLabel { text-align: right; } .wgtIgnitePayTemplatesListItemStatTitle.RadLabel { display: inline-block !important; } .wgtIgnitePlanTemplateState.RadComboBox, .wgtIgnitePlanTemplateCountry.RadComboBox { width: 100%; } .wgtIgnitePlanTemplatesList { padding: 0px !important; width: 100%; } .wgtIgniteModalListContainer .wgtIgnitePlanTemplatesList { row-gap: 0px !important; } .wgtIgnitePlanTemplatesListItem { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 340px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgnitePlanTemplatesListItem.wgtIgniteExpiredSubscriptionRenewalPaymentForm { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; padding: 10px; } .wgtIgnitePlanTemplatesListItem:not(.new):not(.combo-item):hover { border-color: var(--wgtIgnite-color-2); } .wgtIgnitePlanTemplatesListItem:not(.new):not(.combo-item):hover::before { opacity: 0 !important; } .wgtIgnitePlanTemplatesListItem.new { grid-template-columns: 1fr 90px 1fr 100px 100px 100px; } .wgtIgnitePlanTemplatesListItem.combo-item, .wgtIgnitePlanTemplatesListItem.combo-active { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-template-columns: 1fr 1fr 1fr 1fr; width: 100%; } .wgtIgnitePlanTemplatesListItem.combo-item:hover { cursor: pointer; } .wgtIgnitePlanTemplatesListItem.combo-item::before { display: none !important; } .wgtIgnitePlanTemplatesListItem.combo-active { border: none !important; padding-right: 160px; background-color: var(--wgtIgnite-color-2l3); } .wgtIgnitePlanTemplatesListItem.combo-item.combo-item-active { background-color: var(--wgtIgnite-color-2l3); } .wgtIgnitePlanTemplatesListItem.combo-item.combo-item-active::before { content: ""; height: 20px; width: 20px; background-color: var(--wgtIgnite-color-1); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; background-color: var(--wgtIgnite-color-3l2); display: block !important; position: absolute; left: unset !important; right: -4px; top: -4px; opacity: 1; } .wgtIgnitePlanTemplatesListItem.modal { max-height: 0px; height: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; padding: 0px; } .wgtIgnitePlanTemplatesListItem.modal.selected { display: grid; grid-template-columns: 80px 100px 1fr 80px; max-height: 280px; padding: 20px 10px; opacity: 1; position: relative; overflow: hidden; } .wgtIgnitePlanTemplatesListItem.active { pointer-events: none; grid-template-columns: 80px 100px 1fr 100px 100px; } .wgtIgniteSettingsPayment .wgtIgnitePlanTemplatesListItem.active { background-color: var(--wgtIgnite-color-3l5); border-color: var(--wgtIgnite-color-1) !important; } .wgtIgnitePlanTemplatesListItemControl { grid-column-start: 1; grid-column-end: 7; } .wgtIgnitePayTemplatesListItem.modal .wgtIgnitePayTemplatesListItemStatExpiration .wgtIgnitePlanTemplatesListItemStatTitle.RadLabel { text-align: right; } .wgtIgnitePlanTemplatesListItem .wgtIgnitePlanTemplatesListItemStatValue.RadLabel { font-size: var(--wgtIgnite-text-size-large); } .wgtIgnitePlanTemplatesListItem .wgtIgnitePlanTemplatesListItemStatPrice .wgtIgnitePlanTemplatesListItemStatValue.RadLabel { font-weight: 900; } .unlimited .wgtIgnitePlanTemplatesListItemStatLeadLimit .wgtIgnitePlanTemplatesListItemStatValue.RadLabel { border-radius: var(--wgtIgnite-br); background: -webkit-gradient(linear, left top, left bottom, from(gold), to(#d600fd)); background: linear-gradient(gold, #d600fd); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-style: normal; font-weight: 900; color: var(--wgtIgnite-palette-background); letter-spacing: 0px; } .wgtIgnitePlanTemplatesListItemStatTitle.RadLabel { display: inline-block !important; } .wgtIgnitePlanMaxedNotification.RadLabel { background-color: var(--wgtIgnite-color-4); border-radius: var(--wgtIgnite-br); color: var(--wgtIgnite-palette-background); margin-bottom: 20px; padding: 10px; width: 100%; text-align: center; } .wgtIgnitePreviewLayoutColumn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteErrorWindow, .wgtIgnitePreviewWindow, .wgtIgniteReceiptWindow, .wgtIgniteVoidWindow { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); max-width: 800px; width: 100%; position: relative; overflow: hidden; margin-top: 20px; max-height: 90%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteErrorWindow.message-details, .wgtIgnitePreviewWindow.message-details, .wgtIgniteReceiptWindow.message-details, .wgtIgniteVoidWindow.message-details { max-width: 1200px; } .wgtIgniteEditorOverlay .wgtIgniteErrorWindow, .wgtIgniteEditorOverlay .wgtIgnitePreviewWindow, .wgtIgniteEditorOverlay .wgtIgniteReceiptWindow, .wgtIgniteEditorOverlay .wgtIgniteVoidWindow { max-width: none; max-height: none; margin-top: 0px; } .wgtIgniteErrorWindow iframe, .wgtIgnitePreviewWindow iframe, .wgtIgniteReceiptWindow iframe, .wgtIgniteVoidWindow iframe { border: solid 1px var(--wgtIgnite-palette-grey-2); width: 100%; height: 100%; -webkit-box-shadow: 0px 0px 10px 0px #ccc; box-shadow: 0px 0px 10px 0px #ccc; } .wgtIgniteErrorWindowHeader, .wgtIgnitePreviewWindowHeader, .wgtIgniteReceiptWindowHeader, .wgtIgniteVoidWindowHeader { background-color: var(--wgtIgnite-palette-grey-7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px; } .wgtIgniteErrorWindowBody, .wgtIgnitePreviewWindowBody, .wgtIgniteReceiptWindowBody, .wgtIgniteVoidWindowBody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; position: relative; } .loading .wgtIgniteErrorWindowBody::before, .loading .wgtIgnitePreviewWindowBody::before, .loading .wgtIgniteReceiptWindowBody::before, .loading .wgtIgniteVoidWindowBody::before { content: ""; background-color: rgb(255, 255, 255); top: 0; left: 0; width: 100%; height: 100%; position: absolute; } .wgtIgniteErrorWindowCloser, .wgtIgnitePreviewWindowCloser, .wgtIgniteReceiptWindowCloser, .wgtIgniteVoidWindowCloser { height: 37px; width: 37px; display: block; } .wgtIgniteErrorWindowCloser:hover, .wgtIgnitePreviewWindowCloser:hover, .wgtIgniteReceiptWindowCloser:hover, .wgtIgniteVoidWindowCloser:hover { cursor: pointer; } .wgtIgniteErrorWindowCloser::before, .wgtIgnitePreviewWindowCloser::before, .wgtIgniteReceiptWindowCloser::before, .wgtIgniteVoidWindowCloser::before { content: "✖"; border-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-palette-base); color: var(--wgtIgnite-palette-background); display: -webkit-box; display: -ms-flexbox; display: flex; height: 37px; width: 37px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteErrorWindowCloser:hover::before, .wgtIgnitePreviewWindowCloser:hover::before, .wgtIgniteReceiptWindowCloser:hover::before, .wgtIgniteVoidWindowCloser:hover::before { opacity: 0.5; } .wgtIgniteErrorWindowOverlay, .wgtIgnitePreviewWindowOverlay, .wgtIgniteReceiptWindowOverlay, .wgtIgniteVoidWindowOverlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: absolute; background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; z-index: 10; top: 0; left: 0; } .wgtIgniteErrorWindowTitle, .wgtIgnitePreviewWindowTitle, .wgtIgniteReceiptWindowTitle, .wgtIgniteVoidWindowTitle { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: var(--wgtIgnite-palette-grey-9); font-size: calc(var(--wgtIgnite-text-size-large) * 1.3); } .wgtIgniteVoidWindow { max-height: 200px; } .wgtIgniteErrorWindow { max-height: 200px; } .wgtIgniteErrorWindowBody { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgnitePrintDateLabel.RadLabel { display: none; text-align: right; } .wgtIgnitePreviewWindow.wgtIgnitePreviewWindowSparkSite { max-width: 1200px; } .wgtIgniteProgressModal.RadUploadProgressArea { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; height: 320px; max-width: 900px; width: 90%; z-index: 8; padding: 20px; border-radius: var(--wgtIgnite-br); } .wgtIgniteProgressModal.RadUploadProgressArea .ruFileProgress { margin-top: 20px; } .wgtIgniteProgressModalStats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; font-weight: 700; } .wgtIgniteProgressModal h1 { color: var(--wgtIgnite-color-4); font-weight: 800; margin-bottom: 20px; } .wgtIgniteQuickMenuRevealTrigger.RadButton.rbButton { width: auto !important; margin: 10px 10px 5px 10px !important; } .wgtIgniteRequestCodeListHeaders, .wgtIgniteRequestCodeListItem { grid-template-columns: minmax(100px, 200px) 1fr 100px 1fr; } .wgtIgniteRequestCodeListHeaderItem:last-child { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wgtIgniteRequestCodeListItemControl { grid-column: -1/1; } .wgtIgniteSearch { /*wgtIgniteSearchCount */ /* S 4/8/22 */ /* E 4/8/22 */ /* .wgtIgniteSearchHeader */ /* S 4/7/22 */ /* .wgtIgniteSearchInfo */ /* E 4/7/22 */ /* wgtIgniteSearchResultCounter */ } .wgtIgniteSearchCount.RadLabel { color: var(--wgtIgnite-palette-background); font-weight: 800; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: var(--wgtIgnite-text-size-large); -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteSearchHeader { -webkit-box-shadow: none !important; box-shadow: none !important; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 20px; z-index: 4; background-color: var(--wgtIgnite-color-3d1); /* S 04/03/23 */ /* E 04/03/23 */ } .wgtIgniteSearchHeaderSorting { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; /* S 3/23/22 */ min-width: 175px; /* E 3/23/22 */ position: relative; bottom: 5px; } .wgtIgniteSearchHeaderTitle { -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; overflow: hidden; width: 100%; } .wgtIgniteSearchInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; /* S 4/8/22 */ /* E 4/8/22 */ /* .wgtIgniteSearchInfoCriteria */ /* S 04/04/23 */ /* .wgtIgniteSearchInfoResults */ /* E 04/04/23 */ } .wgtIgniteSearchHeaderTitle.truncated .wgtIgniteSearchInfo::after { content: "..."; color: var(--wgtIgnite-palette-background); background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--wgtIgnite-color-3d1))); background: linear-gradient(to right, transparent, var(--wgtIgnite-color-3d1)); position: absolute; right: 0; bottom: 40%; height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; pointer-events: none; /* S 4/13/22 */ line-height: 10px; font-size: var(--wgtIgnite-text-size-default); /* E 4/13/22 */ } .wgtIgniteSearchHeaderTitle.truncated .wgtIgniteSearchInfo.expanded::after { display: none; } .wgtIgniteSearchInfoCriteria.RadLabel { font-style: italic; color: var(--wgtIgnite-palette-background); display: -webkit-box; display: -ms-flexbox; display: flex; /* S 4/13/22 */ padding: 0px; -webkit-transition: padding 0.3s ease; transition: padding 0.3s ease; /* E 4/13/22 */ width: 100%; /* S 4/8/22 */ top: 20px; /* E 4/8/22 */ /* S 4/13/22 */ /* E 4/13/22 */ } .wgtIgniteSearchHeaderTitle.truncated.expanded .wgtIgniteSearchInfoCriteria.RadLabel { -webkit-box-shadow: 0px 0px 5px 0px var(--wgtIgnite-palette-shadow); box-shadow: 0px 0px 5px 0px var(--wgtIgnite-palette-shadow); padding: 10px; z-index: 1; } .wgtIgniteSearchInfoResults.RadLabel { width: 100%; color: var(--wgtIgnite-palette-background); font-size: var(--wgtIgnite-text-size-medium); line-height: 14px !important; } .wgtIgniteSearchResultCounter { color: var(--wgtIgnite-color-4); font-weight: 800; } .wgtIgniteSelect { background-color: var(--wgtIgnite-palette-background); cursor: pointer; display: inline-block; border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-palette-grey-2); padding: 10px; position: relative; margin-top: 10px; /* .wgtIgniteSelectActive */ /*S 9/27/22 */ /*E 9/27/22 */ } .wgtIgniteSelectActive { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; pointer-events: none; } .wgtIgniteSelectActive::before { content: ""; display: inline-block; width: 5px; background-color: var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); } .wgtIgniteSelectActive::after { content: url('data:image/svg+xml; utf8,'); display: inline-block; } .wgtIgniteSelectActiveLevel { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteSelectCount, .wgtIgniteSelectCountTotal { font-size: var(--wgtIgnite-text-size-hero); display: block; } .wgtIgniteSelectLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; position: absolute; top: -10px; left: 5px; font-style: italic; pointer-events: none; } .wgtIgniteSelectMenu { border-radius: var(--wgtIgnite-br); border-top-left-radius: 0px; border-top-right-radius: 0px; background-color: var(--wgtIgnite-palette-background); border-top: none; max-height: 0px; position: absolute; width: calc(100% + 2px); overflow: hidden; left: -1px; } .wgtIgniteSelectMenuItem { cursor: pointer; padding: 5px; /* 3/9/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; /* 3/9/22 */ } .wgtIgniteSelectMenuItem.dynamic { display: none; } .wgtIgniteContextMenu.expanded .wgtIgniteSelectMenuItem.dynamic { display: block; } .wgtIgniteSelectMenuItem:hover { background-color: var(--wgtIgnite-palette-grey-2); } .wgtIgniteSelect.open .wgtIgniteSelectMenu { max-height: 5000px; border: solid 1px var(--wgtIgnite-palette-grey-2); border-top: none; z-index: 2; } .wgtIgniteSelectStatus { /* S 4/13/22 */ color: var(--wgtIgnite-palette-base); text-align: center; font-weight: 800; width: 100%; /* E 4/13/22 */ /*S 9/27/22 */ /*E 9/27/22 */ } .wgtIgniteSelectStatusCount { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wgtIgniteSelectStatusCounters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteSelectTick { position: relative; pointer-events: none; } .wgtIgniteActions.open > .wgtIgniteSectionHeader .wgtIgniteSelectTick { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .wgtIgniteSettings { /*S 11/14/22 */ /*E 11/14/22 */ /*E 8/3/22 */ /*S 8/4/22 */ /*E 8/4/22 */ /*S 1/23/23 */ /*E 1/23/23 */ } .wgtIgniteSettingsAccountCountry.RadComboBox { width: 100%; } .wgtIgniteSettingsAccountControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteSettingsAccountProfilePic { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; margin: 20px 0px; /*S 11/14/22 */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*E 11/14/22 */ } .wgtIgniteSettingsAccountProfilePicPath.RadLabel { text-align: center; } .wgtIgniteSettingsAccountProfilePicPreview { width: 200px; height: 200px; border-radius: 200px; background-color: var(--wgtIgnite-palette-background); } .wgtIgniteSettingsAccountProfilePicPreview::before { content: attr(data-empty-title); width: 200px; height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteSettingsAccountField { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteSettingsAccountFieldControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-top: 10px; } .wgtIgniteSettingsAccountFieldInput, .wgtIgniteSettingsAccountFieldInput.RadComboBox { display: none; position: relative; } .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInput, .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInput.RadComboBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteSettingsAccountFieldInputAddress1, .wgtIgniteSettingsAccountFieldInput.RadComboBoxAddress1 { grid-column: span 1; grid-column-start: 1; } .wgtIgniteSettingsAccountFieldInputCity, .wgtIgniteSettingsAccountFieldInput.RadComboBoxCity { grid-column-start: 1; } .wgtIgniteSettingsAccountFieldInputCountry, .wgtIgniteSettingsAccountFieldInputEmail, .wgtIgniteSettingsAccountFieldInput.RadComboBoxCountry, .wgtIgniteSettingsAccountFieldInput.RadComboBoxEmail { grid-column-start: 1; } .wgtIgniteSettingsAccountFieldInputLanguage, .wgtIgniteSettingsAccountFieldInput.RadComboBoxLanguage { grid-column: span 5; } .wgtIgniteSettingsAccountFieldInputPasswordExisting .RadInput, .wgtIgniteSettingsAccountFieldInputPasswordNew .RadInput, .wgtIgniteSettingsAccountFieldInputPasswordConfirm .RadInput, .wgtIgniteSettingsAccountFieldInput.RadComboBoxPasswordExisting .RadInput, .wgtIgniteSettingsAccountFieldInput.RadComboBoxPasswordNew .RadInput, .wgtIgniteSettingsAccountFieldInput.RadComboBoxPasswordConfirm .RadInput { width: 100% !important; } .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInputOptIn, .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInput.RadComboBoxOptIn { grid-column: -1/1; display: grid; grid-template-columns: 1fr 120px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInputOptIn .wgtIgniteEntryCellValue, .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInputOptIn .wgtIgniteInputTitle, .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInputOptIn .wgtIgniteInputValue, .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInput.RadComboBoxOptIn .wgtIgniteEntryCellValue, .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInput.RadComboBoxOptIn .wgtIgniteInputTitle, .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInput.RadComboBoxOptIn .wgtIgniteInputValue { grid-column: -1/1; } .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInputOptIn .wgtIgniteEntryCellValue, .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInput.RadComboBoxOptIn .wgtIgniteEntryCellValue { margin-bottom: 20px; max-width: 1000px; } .wgtIgniteSettingsAccountFieldInputProfilePic, .wgtIgniteSettingsAccountFieldInput.RadComboBoxProfilePic { grid-row-start: 6; grid-column-start: 4; grid-column-end: 6; grid-row-end: 10; } .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInputProfilePic, .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInput.RadComboBoxProfilePic { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteSettingsAccountFieldInputFile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .wgtIgniteSettingsAccountFieldSeperator { grid-column-start: 1; grid-column-end: 6; border-bottom: solid 1px var(--wgtIgnite-palette-grey-3); margin: 0px 0px 5px 0px; } .wgtIgniteSettingsAccountFieldStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteSettingsAccountFieldStatAddress { grid-column: span 2; } .wgtIgniteSettingsAccountFieldStatCountry { grid-column-start: 1; } .wgtIgniteSettingsAccountFieldStatLanguage { grid-column: span 5; } .wgtIgniteSettingsAccountFieldStatOptIn { grid-column: -1/1; display: grid; grid-template-columns: 1fr 120px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .wgtIgniteSettingsAccountFieldStatOptIn .wgtIgniteEntryCellValue, .wgtIgniteSettingsAccountFieldStatOptIn .wgtIgniteInputTitle, .wgtIgniteSettingsAccountFieldStatOptIn .wgtIgniteInputValue { grid-column: -1/1; } .wgtIgniteSettingsAccountFieldStatOptIn .wgtIgniteEntryCellValue { margin-bottom: 20px; max-width: 1000px; } .wgtIgniteSettingsAccountFieldStatPassword { grid-column: span 3; } .wgtIgniteSettingsAccountFieldStatProfilePic { grid-row-start: 6; grid-column-start: 4; grid-column-end: 6; grid-row-end: 10; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteSettingsAccountFieldStatProfilePicContainer { height: 160px; width: 160px; border: solid 1px var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldStat { display: none; } .wgtIgniteSettingsAccountGrid { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); gap: 10px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; padding: 20px; width: 100%; } .wgtIgniteSettingsAccountGrid.edit-mode { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteSettingsAccountEmailWarning.RadLabel { color: var(--wgtIgnite-palette-alert); font-size: var(--wgtIgnite-text-size-small); font-weight: 100; } .wgtIgniteSettingsAccountPasswordRequirement.RadLabel { font-size: var(--wgtIgnite-text-size-small); font-weight: 100; } .wgtIgniteSettingsAccountPasswordRequirement.RadLabel::before { content: " ●"; margin-right: 5px; } .wgtIgniteSettingsAccountSectionLabel.RadLabel { color: var(--wgtIgnite-color-1); grid-column: -1/1; font-weight: 900; -webkit-transform: translate(0px, 10px); transform: translate(0px, 10px); } .wgtIgniteSettingsAccountState.RadComboBox { width: 100%; } .wgtIgniteSettingsBillingControls { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 20px; } .wgtIgniteSettingsBillingGrid { padding: 20px; background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); } .wgtIgniteSettingsBillingGrid, .wgtIgniteSettingsCCGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .wgtIgniteSettingsUsernameEditTrigger, .wgtIgniteSettingsPasswordChangeTrigger { grid-column: span 2; } .wgtIgniteSettingsPaymentCard { background-color: var(--wgtIgnite-palette-background); border: solid 1px var(--wgtIgnite-palette-grey-1); border-radius: var(--wgtIgnite-br); display: -webkit-box; display: -ms-flexbox; display: flex; /* S 8/4/22 */ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; padding: 20px; /*E 8/4/22 */ } .wgtIgniteSettingsPaymentCardControls { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-column: span 2; margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteSettingsPaymentCardInfo { border-left: solid 1px var(--wgtIgnite-palette-grey-2); padding-left: 20px; } .wgtIgniteSettingsPaymentCardInfoTitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wgtIgniteSettingsPaymentCardTitle { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-auto-rows: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 200px; gap: 10px; } .wgtIgniteSettingsPaymentCardTitle > h3 { grid-column: span 2; text-align: center; } .wgtIgniteSettingsPaymentCardTitleNumber { font-weight: 100; grid-column: span 2; width: 100%; text-align: center; } .wgtIgniteSettingsPaymentCard.edit-mode .wgtIgniteSettingsPaymentCardTitleNumber, .wgtIgniteSettingsPaymentCard.new .wgtIgniteSettingsPaymentCardTitleNumber { display: none; } .wgtIgniteSettingsPaymentCardType { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-column: span 2; } .wgtIgniteSettingsPaymentCardTypeIndicator { display: block; height: 80px; width: 150px; background-size: 280px; background-repeat: no-repeat; grid-column: span 2; } .wgtIgniteSettingsPaymentCardTypeIndicator.cc-amex, .wgtIgniteSettingsPaymentCardTypeIndicator.cc-discover, .wgtIgniteSettingsPaymentCardTypeIndicator.cc-jcb, .wgtIgniteSettingsPaymentCardTypeIndicator.cc-maestro, .wgtIgniteSettingsPaymentCardTypeIndicator.cc-mastercard, .wgtIgniteSettingsPaymentCardTypeIndicator.cc-visa { background-image: url("/images/cc-icons-transparent.png"); } .wgtIgniteSettingsPaymentCardTypeIndicator.cc-amex { background-size: 440px; background-position: 12px; width: 90px; } .wgtIgniteSettingsPaymentCardTypeIndicator.cc-discover { background-position: -242px; background-size: 480px; } .wgtIgniteSettingsPaymentCardTypeIndicator.cc-jcb { background-position: -214px; } .wgtIgniteSettingsPaymentCardTypeIndicator.cc-visa { background-position: -150px -18px; background-size: 470px; } .wgtIgniteSettingsPaymentCardTypeIndicator.cc-mastercard { background-position: -78px; background-size: 460px; } .wgtIgniteSettingsPaymentCardTypeIndicator.cc-maestro { background-position: -310px; background-size: 480px; } .wgtIgniteSettingsPaymentHistoryTable { /*S 11/01/22 */ background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); /*E 11/01/22 */ } .wgtIgniteSettingsPaymentHistoryTableEntry, .wgtIgniteSettingsPaymentHistoryTableHeader { display: grid; grid-template-columns: 30% 25% 20% 25%; padding: 10px; row-gap: 10px; } .wgtIgniteSettingsPaymentHistoryTableEntry { border-bottom: solid 1px var(--wgtIgnite-palette-grey-1); } .wgtIgniteSettingsPaymentHistoryTableEntryCellCC { text-align: right; } .wgtIgniteSettingsPaymentHistoryTableHeaderCellCC { text-align: right; } .wgtIgniteSettingsPaymentHistoryTableHeaderCell > .RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteSettingsPaymentHistoryTablePagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteSettingsPaymentTemplatesControls { margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteSettingsSubscriptionControls { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; grid-column: span 2; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteSettingsSubscriptionGrid { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); padding: 20px; width: 100%; display: grid; gap: 10px; grid-template-columns: 1fr 1fr 1fr 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteSettingsSubscriptionStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteSettingsSubscriptionStatBuy { grid-column: span 2; } .wgtIgniteSettingsSubscriptionStatSponsor { grid-column: span 4; } .wgtIgniteSettingsSubscriptionStatValue.RadLabel { font-weight: 600; } .wgtIgniteSettingsSubscriptionStatTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteSettingsStaffGrid { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; width: 100%; row-gap: 10px; } .wgtIgniteSkinLabel { position: absolute; visibility: hidden; } .wgtIgniteSparkSiteAdminControlsContainer { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 10px; grid-column: 1/-1; } .wgtIgniteSparkSiteCopyShortcut { position: absolute; height: 20px; width: 20px; right: 5px; bottom: 10px; } .wgtIgniteSparkSiteCopyShortcut:hover { cursor: pointer; opacity: 0.5; } .wgtIgniteSparkSiteCopyShortcut::before { content: ""; display: block; pointer-events: none; height: 100%; width: 100%; background-color: var(--wgtIgnite-color-1); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 15px; mask-size: 15px; -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .wgtIgniteSparkSiteDetailFieldPreviewURL.copy .wgtIgniteSparkSiteCopyShortcut::before { background-color: var(--wgtIgnite-color-3l1); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); } .wgtIgniteSparkSiteDetailError.RadLabel { content: attr(data-disabled-title); color: var(--wgtIgnite-palette-alert); font-size: var(--wgtIgnite-text-size-default); font-weight: 100; position: absolute; width: calc(100% - 25px); padding-top: 2px; top: 0px; left: 25px; width: calc(100% - 20px); left: 20px; } .wgtIgniteSparkSiteDetailError.RadLabel::before { background-color: var(--wgtIgnite-palette-alert); content: ""; mask-image: url('data:image/svg+xml; utf8, '); mask-size: contain; mask-position: center; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml; utf8, '); -webkit-mask-size: contain; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; width: 10px; height: 10px; opacity: 1; position: absolute; top: 5px; left: 10px; left: -15px; } .wgtIgniteSparkSiteDetailForm { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 200px 200px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 20px; } .wgtIgniteSparkSiteDetailField { position: relative; } .wgtIgniteSparkSiteDetailField textarea { scrollbar-color: var(--wgtIgnite-color-1d2) var(--wgtIgnite-palette-scrollbar); scrollbar-width: thin !important; } .wgtIgniteSparkSiteDetailField textarea::-webkit-scrollbar { width: 10px; height: 10px; } .wgtIgniteSparkSiteDetailField textarea::-webkit-scrollbar-track { background: var(--wgtIgnite-palette-scrollbar); } .wgtIgniteSparkSiteDetailField textarea::-webkit-scrollbar-thumb { background-color: var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); border: 3px solid var(--wgtIgnite-palette-scrollbar); } .wgtIgniteSparkSiteDetailFieldActive { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-row-start: 3; grid-column-start: 3; } .wgtIgniteSparkSiteDetailFieldIsCorporate, .wgtIgniteSparkSiteDetailFieldIsTemplate, .wgtIgniteSparkSiteDetailFieldIsPublicTemplate { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteSparkSiteDetailFieldUserTemplate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteSparkSiteDetailFieldCompany { grid-column: span 4; } .wgtIgniteSparkSiteDetailFieldDescription { grid-column-start: 1; grid-column-end: 5; grid-row-start: 5; } .wgtIgniteSparkSiteDetailFieldDomainName { grid-row-start: 4; grid-column-start: 1; grid-column-end: 3; } .wgtIgniteSparkSiteDetailFieldPreview { grid-row-start: 2; grid-row-end: 6; grid-column-start: 5; grid-column-end: 7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteSparkSiteDetailFieldPreviewURL { grid-column-start: 1; grid-column-end: 5; grid-row-start: 6; } .wgtIgniteSparkSiteDetailFieldTitle { grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; } .wgtIgniteSparkSiteDetailFieldType { grid-row-start: 7; } .wgtIgniteSparkSiteDetailFieldHeaderAddlContent, .wgtIgniteSparkSiteDetailFieldHeaderCSS, .wgtIgniteSparkSiteDetailFieldHTML, .wgtIgniteSparkSiteDetailFieldJavascriptHeader, .wgtIgniteSparkSiteDetailFieldJavascriptFooter { margin-top: 15px; } .wgtIgniteSparkSiteDetailFieldEditable, .wgtIgniteSparkSiteDetailFieldExternalProductURL, .wgtIgniteSparkSiteDetailFieldExternalProductID, .wgtIgniteSparkSiteDetailFieldExternalShoppingURL, .wgtIgniteSparkSiteDetailFieldExternalEnrollmentURL, .wgtIgniteSparkSiteDetailFieldExternalEnrollmentProcessCode, .wgtIgniteSparkSiteDetailFieldHeaderAddlContent, .wgtIgniteSparkSiteDetailFieldHeaderCSS, .wgtIgniteSparkSiteDetailFieldHTML, .wgtIgniteSparkSiteDetailFieldJavascriptHeader, .wgtIgniteSparkSiteDetailFieldJavascriptFooter, .wgtIgniteSparkSiteDetailFieldSEOTitle, .wgtIgniteSparkSiteDetailFieldSEOKeywords, .wgtIgniteSparkSiteDetailFieldSEODescription, .wgtIgniteSparkSiteDetailFieldSocialMediaImage, .wgtIgniteSparkSiteDetailFieldSocialMediaShare, .wgtIgniteSparkSiteDetailFieldSocialMediaDescription, .wgtIgniteSparkSiteDetailFieldThankYouURL, .wgtIgniteSparkSiteDetailFieldErrorURL { grid-column: span 6; } .wgtIgniteSparkSiteDetailSeperator { border-bottom: dotted 1px var(--wgtIgnite-color-1); display: -webkit-box; display: -ms-flexbox; display: flex; grid-column: 1/-1; } .wgtIgniteSparkSiteDetailSeperatorTitle.RadLabel { font-size: var(--wgtIgnite-text-size-large); font-weight: 900; color: var(--wgtIgnite-color-1); width: 100%; text-align: right; } .wgtIgniteSparkSitePreviewContainer { border: solid 1px var(--wgtIgnite-color-1l3); border-radius: var(--wgtIgnite-br); padding: 10px; height: 300px; width: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; overflow: hidden; } .wgtIgniteSparkSitePreviewContainer img { height: auto; width: 100%; z-index: 1; } .wgtIgniteSparkSiteStatFieldDomain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; grid-row-start: 4; grid-column-start: 3; grid-column-end: 5; } .wgtIgniteSparkSiteStatLabelDomain.RadLabel { margin-bottom: 12px; font-weight: 100; color: var(--wgtIgnite-palette-grey-7); font-style: italic; font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteSpinner, .wgtIgniteModalAccountUpgradeOverlaySpinner { display: block; position: absolute; height: 60px; width: 60px; border: 3px solid transparent; border-top-color: var(--wgtIgnite-color-1); top: 50%; left: 50%; margin: -30px; border-radius: 50%; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .message-details .wgtIgniteSpinner, .message-details .wgtIgniteModalAccountUpgradeOverlaySpinner { display: none; } .message-details.loading .wgtIgniteSpinner, .message-details.loading .wgtIgniteModalAccountUpgradeOverlaySpinner { display: block; } .wgtIgniteOverlayMessageContainer .wgtIgniteSpinner, .wgtIgniteOverlayMessageContainer .wgtIgniteModalAccountUpgradeOverlaySpinner { left: unset; margin: 0px; top: unset; margin-left: auto; margin-right: auto; position: relative; } .wgtIgniteSpinner:before, .wgtIgniteModalAccountUpgradeOverlaySpinner:before, .wgtIgniteSpinner:after, .wgtIgniteModalAccountUpgradeOverlaySpinner:after { content: ""; position: absolute; border: 3px solid transparent; border-radius: 50%; } .wgtIgniteSpinner:before, .wgtIgniteModalAccountUpgradeOverlaySpinner:before { border-top-color: var(--wgtIgnite-color-2); top: -12px; left: -12px; right: -12px; bottom: -12px; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } .wgtIgniteSpinner:after, .wgtIgniteModalAccountUpgradeOverlaySpinner:after { border-top-color: var(--wgtIgnite-color-3); top: 6px; left: 6px; right: 6px; bottom: 6px; -webkit-animation: spin 4s linear infinite; animation: spin 4s linear infinite; } .wgtIgniteSS { /*S 10/26/22 */ /*E 10/26/22 */ /* S 10/07/22 */ /*E 10/07/22 */ /*S 10/10/22 */ /*E 10/10/22 */ /*S 05/11/23 */ /*E 05/11/23 */ /*S 10/10/22 */ /*E 10/10/22 */ /*S 05/11/23 */ /*E 05/11/23 */ /* E 4/14/22 */ } .wgtIgniteSSAnalyticsList { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteSSAnalyticsList li { text-align: right; display: grid; grid-template-columns: 300px 1fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteSSAnalyticsStatTitle { font-weight: 100; } .wgtIgniteSSAnalyticsStatValue { color: var(--wgtIgnite-color-4); font-weight: 700; } .wgtIgniteSSCharts { display: none; width: 100%; } .wgtIgniteSSContainer.openBox .wgtIgniteSSCharts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 50px; } .wgtIgniteSSContainer { border-radius: var(--wgtIgnite-br); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; /*S 5/4/22 */ -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 10px; padding: 20px; margin: 20px 0px; /*E 5/4/22*/ /* S 4/20/22 */ overflow: hidden; position: relative; /* E 4/20/22 */ /*S 4/27/22 */ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: var(--wgtIgnite-palette-background); border: solid 1px transparent; border-left: solid 5px transparent; /*E 4/27/22 */ /*S 10/24/22 */ /*E 10/24/22 */ } .wgtIgniteSSContainerInfo { border-color: var(--wgtIgnite-palette-scrollbar); } .wgtIgniteSSContainerProduct { border-color: var(--wgtIgnite-color-4); } .wgtIgniteSSContainerRecruiting { border-color: var(--wgtIgnite-color-3); } .wgtIgniteSSControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteSSDescription.RadLabel { color: var(--wgtIgnite-palette-base); font-weight: 800; } .wgtIgniteSSDetails { -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteSSGroup.RadLabel { padding: 5px 10px; } .wgtIgniteSSTabsListItem.active .wgtIgniteSSGroup.RadLabel { color: var(--wgtIgnite-palette-background); } .wgtIgniteSSIntro { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wgtIgniteSSIntroAnalytics { /*S 10/21/22 */ gap: 10px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; margin: 20px 0px; width: 100%; /*E 10/21/22 */ } .wgtIgniteSSIntroAnalyticsCard { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); -webkit-box-shadow: 0px 1px 1px #ccc; box-shadow: 0px 1px 1px #ccc; position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5px; row-gap: 0px; } .wgtIgniteSSIntroAnalyticsCardCounter.RadLabel { color: var(--wgtIgnite-color-1) !important; font-size: var(--wgtIgnite-text-size-large); font-weight: 800; line-height: 20px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteSSIntroAnalyticsCardLabel.RadLabel { font-weight: 100; width: 100%; } .wgtIgniteSSIntroHeader { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .wgtIgniteSSIntroHeader::before { content: ""; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-position: center; mask-size: 100%; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 100%; background: var(--wgtIgnite-color-1); display: block; height: 50px; width: 50px; grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; margin-right: 10px; } .wgtIgniteSSIntroHeaderTitle { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteSSOverride { border-radius: var(--wgtIgnite-br); display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--wgtIgnite-color-1l5); padding: 10px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-top: 20px; border: dashed 1px var(--wgtIgnite-color-1l3); width: 100%; max-width: 500px; } .wgtIgniteSSOverrideThumbnail { width: 50px; height: auto; } .wgtIgniteSSOverrideWarning.RadLabel { width: 100%; border-top-right-radius: var(--wgtIgnite-br); border-top-left-radius: var(--wgtIgnite-br); text-align: center; background-color: var(--wgtIgnite-palette-alert); color: var(--wgtIgnite-palette-background); font-weight: 800; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; position: relative; } .wgtIgniteSSPubInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: solid 1px var(--wgtIgnite-palette-grey-3); width: 100%; } .wgtIgniteSSPubInfoDate.RadLabel, .wgtIgniteSSPubInfoType.RadLabel { color: var(--wgtIgnite-palette-base); font-weight: 800; } .wgtIgniteSSPubInfoTitle.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteSSPublishLabel { display: block; font-weight: 700; text-align: center; } .wgtIgniteSSQRCode { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteSSSummary.RadLabel { color: var(--wgtIgnite-palette-base); margin: 10px 0px; } .wgtIgniteSSTabs { /*S 10/21/22 */ /*E 10/21/22 */ } .wgtIgniteSSTabsContainer { padding-left: 10px; z-index: 1; } .wgtIgniteSSTabsContent { display: none; /*S 10/24/22 */ /*E 10/24/22 */ } .wgtIgniteSSTabsContentContainer { border-radius: var(--wgtIgnite-br); border: solid 1px transparent; padding: 20px; position: relative; overflow: hidden; } .wgtIgniteSSTabsContentContainer::before { content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: 0.5; } .wgtIgniteSSTabsContentContainer.MOREINFO { border-color: var(--wgtIgnite-palette-scrollbar); } .wgtIgniteSSTabsContentContainer.MOREINFO::before { background-color: var(--wgtIgnite-palette-scrollbar); opacity: 0.2; } .wgtIgniteSSTabsContentContainer.OTHER { border-color: #FE4C0B; } .wgtIgniteSSTabsContentContainer.OTHER::before { background-color: #FE4C0B; } .wgtIgniteSSTabsContentContainer.PRODUCT { border-color: var(--wgtIgnite-color-4); } .wgtIgniteSSTabsContentContainer.PRODUCT::before { background-color: var(--wgtIgnite-color-4); } .wgtIgniteSSTabsContentContainer.PUBLISHED { border-color: var(--wgtIgnite-color-1); } .wgtIgniteSSTabsContentContainer.PUBLISHED::before { background-color: var(--wgtIgnite-color-1); } .wgtIgniteSSTabsContentContainer.RECRUITING { border-color: var(--wgtIgnite-color-3); } .wgtIgniteSSTabsContentContainer.RECRUITING::before { background-color: var(--wgtIgnite-color-3); } .wgtIgniteSSTabsContent.active { display: block; } .wgtIgniteSSTabsList { /*S 10/24/22 */ /*E 10/24/22 */ } .wgtIgniteSSTabsList div { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .wgtIgniteSSTabsListItem { background-color: var(--wgtIgnite-palette-background); border: none; color: var(--wgtIgnite-palette-base); font-family: var(--wgtIgnite-font); font-size: var(--wgtIgnite-text-size-medium); cursor: pointer; padding: 5px 10px; border: solid 1px var(--wgtIgnite-color-1); border-left: solid 10px var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .wgtIgniteSSTabsListItem.active { border-left-width: 1px; } .wgtIgniteSSTabsListItemOther { border-color: #FE4C0B; } .wgtIgniteSSTabsListItemOther.active { background-color: #FE4C0B; color: var(--wgtIgnite-palette-background); } .wgtIgniteSSTabsListItemPublished { border-color: var(--wgtIgnite-color-1); } .wgtIgniteSSTabsListItemPublished.active { background-color: var(--wgtIgnite-color-1); color: var(--wgtIgnite-palette-background); } .wgtIgniteSSTabsListItemProduct { border-color: var(--wgtIgnite-color-4); } .wgtIgniteSSTabsListItemProduct.active { background-color: var(--wgtIgnite-color-4); color: var(--wgtIgnite-palette-background); } .wgtIgniteSSTabsListItemRecruiting { border-color: var(--wgtIgnite-color-3); } .wgtIgniteSSTabsListItemRecruiting.active { background-color: var(--wgtIgnite-color-3); color: var(--wgtIgnite-palette-background); } .wgtIgniteSSTabsListItemInfo { border-color: var(--wgtIgnite-palette-scrollbar); } .wgtIgniteSSTabsListItemInfo.active { background-color: var(--wgtIgnite-palette-scrollbar); color: var(--wgtIgnite-palette-background); } .wgtIgniteSSThumbnail { background: var(--wgtIgnite-palette-background); display: inline-block; position: relative; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.11), 0 6px 20px 0 rgba(0, 0, 0, 0.11); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.11), 0 6px 20px 0 rgba(0, 0, 0, 0.11); width: 310px; height: 200px; overflow: hidden; } .wgtIgniteSSThumbnailContainer { position: relative; opacity: 1; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; height: 100%; width: 100%; /*S 5/5/22 */ overflow: hidden; /*E 5/5/22 */ } .wgtIgniteSSThumbnailContainer::after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 1450px; } .wgtIgniteSSThumbnailLink { position: relative; width: 100%; height: 100%; top: 0; left: 0; } .wgtIgniteSSThumbnail iframe { border: 0; top: 0; left: 0; -webkit-transform: scale(0.22); transform: scale(0.22); -webkit-transform-origin: top left; transform-origin: top left; height: 900px; width: 1400px; } .wgtIgniteSSTitle { font-weight: 800; font-size: var(--wgtIgnite-text-size-large); color: var(--wgtIgnite-color-4); } .wgtIgniteSSTitle.RadLabel { font-size: var(--wgtIgnite-text-size-large); font-weight: 800; color: var(--wgtIgnite-palette-base); } .wgtIgniteSSTools { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-top: 20px; row-gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .wgtIgniteSSTools .sharethis-inline-share-buttons { z-index: 1 !important; } .wgtIgniteSSTools a { width: auto; text-align: center; padding: 15px 0; } .wgtIgniteStaffLogin { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 5px; } .wgtIgniteStaffLoginBrandingLogo { width: 100%; max-width: 600px; } .wgtIgniteStaffLoginBody { width: 100%; max-width: 500px; } .wgtIgniteStaffLoginContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteStaffLoginContainer + a { color: var(--wgtIgnite-palette-background); font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteStaffLoginFormField { position: relative; } .wgtIgniteStaffLoginFormField i { position: absolute; left: 60px; top: 42px; color: #7e7e7e; } .wgtIgniteStaffLoginFormFieldTextbox { width: 80%; border: 0px solid var(--wgtIgnite-palette-shadow); background-color: var(--wgtIgnite-palette-grey-1); height: 45px; font-size: var(--wgtIgnite-text-size-medium); border-radius: 4px; padding: 10px 10px 10px 60px; margin-top: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border: none; } .wgtIgniteStaffLoginForm .forgot-links a { position: relative; } .wgtIgniteStaffLoginForm .forgot-links a:hover .wgtIgniteTooltip { visibility: visible; right: -25%; padding: 8px; top: 110%; } .wgtIgniteStaffLoginForm .forgot-links a:hover .wgtIgniteTooltip::before { top: -10%; right: 0; bottom: unset; left: 0; margin: auto; } .wgtIgniteStaffLoginContainer { text-align: center; padding: 30px 20px 50px; background-color: var(--wgtIgnite-palette-background); max-width: 900px; width: 100%; -ms-flex-item-align: center; align-self: center; border-radius: 12px; } .wgtIgniteStaffLoginPage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; padding-left: 20px; padding-right: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: -webkit-gradient(linear, left top, right top, from(var(--wgtIgnite-color-4d1)), to(var(--wgtIgnite-color-4d2))); background: linear-gradient(to right, var(--wgtIgnite-color-4d1), var(--wgtIgnite-color-4d2)); background-color: var(--wgtIgnite-color-4); font-family: var(--wgtIgnite-font); } .wgtIgniteStaffPermissionsFeedback.RadLabel { text-align: center; color: var(--wgtIgnite-color-3l1); font-weight: 900; } .wgtIgniteStaffPermissionsList { max-height: 200px; position: relative; overflow-y: scroll; } .wgtIgniteStaffPermissionsListHeadersItem.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteStaffPermissionsListHeaders, .wgtIgniteStaffPermissionsListItem { display: grid; grid-template-columns: 80px 1fr; } .wgtIgniteStaffPermissionsListItem:hover { cursor: pointer; background-color: var(--wgtIgnite-palette-grey-1); } .wgtIgniteStaffPermissionsListItemStat { pointer-events: none; } .wgtIgniteStatusesListHeadersItem:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteStatusesListHeaders, .wgtIgniteStatusesListItem { grid-template-columns: 30% 35% 20% 1fr; } .wgtIgniteStatusesListItem { /*S 9/30/22 */ /*E 9/30/22 */ } .wgtIgniteStatusesListItem.disabled::after { grid-column-end: 5; } .wgtIgniteStatusesListItemActive { grid-column: span 2; } .wgtIgniteStatusesListItem.edit-mode .wgtIgniteStatusesListItemActive, .wgtIgniteStatusesListItem.new .wgtIgniteStatusesListItemActive { grid-column: span 2; } .wgtIgniteStatusesListItemControl { grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; } .wgtIgniteStatusesListItemStat { z-index: 0; } .wgtIgniteStatusesListItem.edit-mode .wgtIgniteStatusesListItemStat, .wgtIgniteStatusesListItem.new .wgtIgniteStatusesListItemStat { pointer-events: all; } .wgtIgniteStatusesListItemStatTitle.RadLabel { /*S 10/05/22 */ /*E 10/05/22 */ } .wgtIgniteStatusesListItemStatCount .wgtIgniteStatusesListItemStatTitle.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteStatusesListItem.edit-mode .wgtIgniteStatusesListItemStatTitle.RadLabel, .wgtIgniteStatusesListItem.new .wgtIgniteStatusesListItemStatTitle.RadLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .wgtIgniteStatusesListItemStat:last-child { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteStatusesListItemStatCount .wgtIgniteStatusesListItemStatValue.RadLabel { width: 100%; text-align: right; font-size: var(--wgtIgnite-text-size-large); font-weight: 900; } .wgtIgniteStatusesListItem.disabled .wgtIgniteStatusesListItemStatValue.RadLabel { color: var(--wgtIgnite-palette-grey-7); } .wgtIgniteStickyRow { background-color: var(--wgtIgnite-palette-grey-2); min-height: 28px; width: 100%; position: sticky; top: 0; } .wgtIgniteMainContent > .wgtIgniteStickyRow { z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 5px 0px; } .wgtIgniteGroupbar.search-mode ~ .wgtIgniteMainContent > .wgtIgniteStickyRow { top: 60px; } .wgtIgniteSupportBlurbTitle.RadLabel { color: var(--wgtIgnite-palette-base); font-size: var(--wgtIgnite-text-size-large); font-weight: 900; } .wgtIgniteSupportBlurb.RadLabel { font-size: var(--wgtIgnite-text-size-medium); font-weight: 100; } .wgtIgniteSupportContactInfoContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; margin-bottom: 40px; } .wgtIgniteSupportContactInfo.RadLabel { color: var(--wgtIgnite-color-3l1); font-size: var(--wgtIgnite-text-size-large); font-weight: 900; } .wgtIgniteSupportMediaList { width: 100%; } .wgtIgniteSupportMediaListItem { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; pointer-events: none; } .wgtIgniteSupportMediaListItemPreviewFrame { pointer-events: none; height: 120px; width: 200px; position: relative; overflow: hidden; } .wgtIgniteSupportMediaListItemPreviewFrameThumbnail { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .wgtIgniteSupportMediaListItemStatTitle .wgtIgniteSupportMediaListItemStatValue.RadLabel { font-size: var(--wgtIgnite-text-size-medium); font-weight: 900; } .wgtIgniteSwitch { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; /*S 1/04/23 */ /*E 1/04/23 */ } .wgtIgniteSwitch.vertical { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteSwitch input { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .wgtIgniteSwitchOnboardingPlanType { width: 150px !important; } .wgtIgniteSwitchSlider { border: solid 1px var(--wgtIgnite-color-1l3); border-radius: var(--wgtIgnite-br); display: inline-block; position: relative; width: 60px; height: 34px; background-color: var(--wgtIgnite-palette-grey-4); -webkit-transition: 0.4s; transition: 0.4s; } .wgtIgniteSwitch.vertical .wgtIgniteSwitchSlider { height: 60px; width: 34px; } .wgtIgniteSwitchSlider::before { border-radius: var(--wgtIgnite-br); position: absolute; content: ""; height: 26px; width: 26px; left: 3px; bottom: 3px; background-color: var(--wgtIgnite-palette-background); -webkit-transition: 0.4s; transition: 0.4s; } input:checked + .wgtIgniteSwitchSlider { background-color: var(--wgtIgnite-color-1); } input:checked + .wgtIgniteSwitchSlider::before { -webkit-transform: translateX(26px); transform: translateX(26px); } .wgtIgniteSwitch.vertical input:checked + .wgtIgniteSwitchSlider::before { -webkit-transform: translateY(-26px); transform: translateY(-26px); } input:focus + .wgtIgniteSwitchSlider { -webkit-box-shadow: 0 0 1px #2196F3; box-shadow: 0 0 1px #2196F3; } .wgtIgniteTag { /* S 8/17/22 */ /* E 8/17/22 */ /* S 5/11/22 */ /* E 5/11/22 */ /*S 08/18/23 */ /*E 08/18/23 */ /*S 7/7/22 */ /*E 7/7/22*/ } .wgtIgniteImportTagsContainer .wgtIgniteTag { margin: 2px; } .wgtIgniteTagList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 20px; } .wgtIgniteTagListItem { border-bottom: solid 1px var(--wgtIgnite-palette-grey-3); display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-template-columns: 15% 25% 15% 10% 1fr 1fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; padding: 20px 0px; -webkit-transition: padding 0.3s ease; transition: padding 0.3s ease; } .wgtIgniteTagListItemStat { pointer-events: none; position: relative; z-index: 0; } .wgtIgniteTagListItemTitle { cursor: pointer; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; /* S 5/11/22 */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* E 5/11/22 */ } .wgtIgniteTagListItemTitle::before { background-color: var(--wgtIgnite-color-1); content: ""; display: block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; width: 0px; height: 100%; opacity: 0; } .wgtIgniteTagListItemTitle:hover::before { opacity: 1; width: 20px; } .wgtIgniteTagManager { padding: 0px; } .wgtIgniteTag .rbIcon::before { color: inherit !important; } .wgtIgniteTag .rbPrimaryIcon::before { background-color: var(--tagBG); position: relative; top: 2px; } .wgtIgniteTag .rbText { word-break: break-all; } .wgtIgniteTagSelection { width: 100% !important; padding: 4px; } .wgtIgniteTagSelection .k-button .k-icon::before { content: "›" !important; font-size: var(--wgtIgnite-text-size-hero); line-height: 6px; } .wgtIgniteTagSelection .k-multiselect-wrap { border: none !important; } .wgtIgniteTagSelection .k-input { display: none !important; } .wgtIgniteTags { /* .wgtIgniteTagsList */ } .wgtIgniteTagsListHeaders, .wgtIgniteTagsListItem { grid-template-columns: 120px 15% 90px 80px 100px 80px 100px 80px 1fr 100px; } .wgtIgniteTagsListItem { position: relative; z-index: 0; /*S 11/23/22 */ /*E 11/23/22 */ /*S 05/22/23 */ /*E 05/22/23 */ } .wgtIgniteTagsListItem.disabled::before, .wgtIgniteTagsListItem.disabled::after { grid-column-end: 11; } .wgtIgniteTagsListItem.edit-mode { position: relative; z-index: 1; } .wgtIgniteTagsListItemControl { grid-column: 1/-1; } .wgtIgniteTagsListItem.edit-mode .wgtIgniteTagsListItemField, .wgtIgniteTagsListItem.new .wgtIgniteTagsListItemField { pointer-events: all; } .wgtIgniteTagsListItemFieldBackColor, .wgtIgniteTagsListItemFieldTextColor { z-index: 2; } .wgtIgniteTagsListItemStat { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; pointer-events: none; position: relative; z-index: 0; /*E 9/6/22 */ /*S 9/02/22 */ /*E 9/02/22 */ } .wgtIgniteTagsListItemStat:last-child { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteTagsListItem.edit-mode .wgtIgniteTagsListItemStat, .wgtIgniteTagsListItem.new .wgtIgniteTagsListItemStat { pointer-events: all; } .wgtIgniteTagsListItemStatColorPreview { height: 20px; width: 20px; background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-palette-grey-3); display: block; position: relative; overflow: hidden; } .wgtIgniteTagsListItemStatColorPreview::after { background-color: var(--tag-back-color); content: ""; width: 100%; height: 100%; display: block; } .wgtIgniteTagsListItemStatDate { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteTagsListItemStatPreview { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; row-gap: 2px; z-index: 1; } .wgtIgniteTagsListItemStatPreview .wgtIgniteTagsListItemStatTagPreview { pointer-events: all; } .wgtIgniteTagsListItemStatPreview.truncated { border-top-right-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); overflow: hidden; pointer-events: all; } .wgtIgniteTagsListItemStatPreview.truncated::after { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(var(--wgtIgnite-color-1l5)), to(var(--wgtIgnite-color-1l5))); background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--wgtIgnite-color-1l5), var(--wgtIgnite-color-1l5)); content: "..."; border-top-right-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); display: inline-block; position: absolute; top: 0; right: 0; padding-left: 28px; padding-right: 5px; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(var(--tag-back-color)), to(var(--tag-back-color))); background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--tag-back-color), var(--tag-back-color)); color: var(--tag-front-color); font-size: var(--wgtIgnite-text-size-hero); top: unset; bottom: 0px; line-height: 30px; /* max-height: 39px; line-height: 28px; */ } .wgtIgniteTagsListItemStatPreview.truncated:hover { overflow: visible; z-index: 2; } .wgtIgniteTagsListItemStatPreview.truncated:hover::after { display: none; } .wgtIgniteTagsListItemStatName { /*S 05/17/23 */ z-index: 1; /*E 05/17/23 */ } .wgtIgniteTagsListItemStatName.truncated { overflow: hidden; pointer-events: all; } .wgtIgniteTagsListItemStatName.truncated::after { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(var(--wgtIgnite-color-1l5)), to(var(--wgtIgnite-color-1l5))); background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--wgtIgnite-color-1l5), var(--wgtIgnite-color-1l5)); content: "..."; border-top-right-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); display: inline-block; position: absolute; top: 0; right: 0; padding-left: 28px; padding-right: 5px; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(var(--wgtIgnite-palette-list-item-fade)), to(var(--wgtIgnite-palette-list-item-fade))); background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--wgtIgnite-palette-list-item-fade), var(--wgtIgnite-palette-list-item-fade)); padding-right: 15px; font-size: var(--wgtIgnite-text-size-hero); line-height: 28px; max-height: 29px; top: unset; bottom: 0; } .wgtIgniteTagsListItemStatName.truncated:hover { overflow: visible; z-index: 2; } .wgtIgniteTagsListItemStatName.truncated:hover::after { display: none; } .wgtIgniteTagsListItemStatTagPreview.RadLabel { height: auto; width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: var(--wgtIgnite-br); color: var(--tag-front-color); padding: 7px 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteTagsListItemStatPreview .wgtIgniteTagsListItemStatTagPreview.RadLabel { position: relative; -webkit-column-gap: 3px; -moz-column-gap: 3px; column-gap: 3px; } .wgtIgniteTagsListItemStatPreview .wgtIgniteTagsListItemStatTagPreview.RadLabel::after { content: ""; position: absolute; background-color: var(--tag-back-color); border-radius: var(--wgtIgnite-br); width: 100%; height: 100%; left: 0; bottom: 0; z-index: -1; } .wgtIgniteTagsListItemStatPreview.campaign .wgtIgniteTagsListItemStatTagPreview.RadLabel::before { background-color: var(--tag-front-color); content: ""; height: 12px; width: 12px; -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; position: relative; top: 3px; } .wgtIgniteTagsListItemStatPreview.truncated .wgtIgniteTagsListItemStatTagPreview.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; width: 100%; } .wgtIgniteTagsListItemStatPreview.truncated:hover .wgtIgniteTagsListItemStatTagPreview.RadLabel { width: auto !important; } .wgtIgniteTagsListItem.edit-mode .wgtIgniteTagsListItemStatTitle.RadLabel, .wgtIgniteTagsListItem.new .wgtIgniteTagsListItemStatTitle.RadLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .wgtIgniteTagsListItemStatDate .wgtIgniteTagsListItemStatTitle.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .wgtIgniteTagsListItemStatPreview .wgtIgniteTagsListItemStatValue.RadLabel { padding-right: 5px; } .wgtIgniteTagsListItemStatPreview.truncated .wgtIgniteTagsListItemStatValue.RadLabel, .wgtIgniteTagsListItemStatName.truncated .wgtIgniteTagsListItemStatValue.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wgtIgniteTagsListItemStatName.truncated:hover .wgtIgniteTagsListItemStatValue.RadLabel { -webkit-box-shadow: 0px 0px 5px 0px #ccc; box-shadow: 0px 0px 5px 0px #ccc; background-color: var(--wgtIgnite-palette-background); padding: 5px; } .wgtIgniteTagsListItemStatPreview.truncated .wgtIgniteTagsListItemStatValue.RadLabel::after { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(var(--tag-back-color)), to(var(--tag-back-color))); background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--tag-back-color), var(--tag-back-color)); } .wgtIgniteTagsListItemStatCount .wgtIgniteTagsListItemStatValue.RadLabel { font-weight: 900; font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteTagsListItemStatDate .wgtIgniteTagsListItemStatValue.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .wgtIgniteTagsListItem.disabled .wgtIgniteTagsListItemStatValue.RadLabel { color: var(--wgtIgnite-palette-grey-7); } .wgtIgniteTagsListItemStat .RadComboBox, .wgtIgniteTagsListItemStat .RadInput { width: 100% !important; } .wgtIgniteTaskSelect { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; /* S 3/30/22 */ /* E 3/30/22 */ } .wgtIgniteTaskSelect.RadComboBox { display: none; } .wgtIgniteMainMenu.task-move .wgtIgniteTaskSelect .rcbInner, .wgtIgniteMainMenu.task-status .wgtIgniteTaskSelect .rcbInner { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .wgtIgniteMainMenu.task-move .wgtIgniteTaskSelect::after, .wgtIgniteMainMenu.task-status .wgtIgniteTaskSelect::after { content: url('data:image/svg+xml; utf8,'); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: absolute; right: 0; bottom: -15px; left: 0; margin: auto; height: 17px; width: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 17px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .wgtIgniteTemplateLibraryContainer { padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; overflow: hidden; row-gap: 20px; } .wgtIgniteTemplateLibraryListContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .wgtIgniteTemplateLibraryItem { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); height: 200px; width: 150px; border: solid 1px var(--wgtIgnite-palette-grey-4); position: relative; overflow: hidden; } .wgtIgniteTemplateLibraryTitle.RadLabel { color: var(--wgtIgnite-palette-background); font-size: var(--wgtIgnite-text-size-large); font-weight: 900; width: 100%; } .wgtIgniteTemplateLibraryEmail .wgtIgniteEditorMediaLibraryList, .wgtIgniteTemplateLibraryEmail .wgtIgniteTemplatesList { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; } .wgtIgniteTemplateLibrarySparkSites .wgtIgniteEditorMediaLibraryList, .wgtIgniteTemplateLibrarySparkSites .wgtIgniteTemplatesList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteEditorMediaLibraryList.wgtIgniteEditorMediaLibraryListImages, .wgtIgniteTemplatesList.wgtIgniteEditorMediaLibraryListImages { display: grid; gap: 10px; grid-template-columns: 1fr 50%; padding: 10px; } .wgtIgniteTemplateLibraryEmail .wgtIgniteEditorMediaLibraryListItem, .wgtIgniteTemplateLibraryEmail .wgtIgniteTemplatesListItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .wgtIgniteTemplateLibraryEmail .wgtIgniteEditorMediaLibraryListItem:hover, .wgtIgniteTemplateLibraryEmail .wgtIgniteTemplatesListItem:hover { cursor: pointer; } .wgtIgniteTemplateLibrarySparkSites .wgtIgniteEditorMediaLibraryListItem, .wgtIgniteTemplateLibrarySparkSites .wgtIgniteTemplatesListItem { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-palette-grey-2); position: relative; overflow: hidden; padding: 10px; width: 100%; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteTemplateLibrarySparkSites .wgtIgniteEditorMediaLibraryListItemBody, .wgtIgniteTemplateLibrarySparkSites .wgtIgniteTemplatesListItemBody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteEditorMediaLibraryListItemDomain.RadLabel, .wgtIgniteTemplatesListItemDomain.RadLabel { color: var(--wgtIgnite-color-4); font-style: italic; margin-bottom: 10px; } .wgtIgniteTemplateLibraryEmail .wgtIgniteEditorMediaLibraryListItemPreview, .wgtIgniteEditorMediaLibrary .wgtIgniteEditorMediaLibraryListItemPreview, .wgtIgniteTemplateLibraryEmail .wgtIgniteTemplatesListItemPreview, .wgtIgniteEditorMediaLibrary .wgtIgniteTemplatesListItemPreview { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-palette-grey-2); position: relative; overflow: hidden; width: 140px; height: 100px; } .wgtIgniteEditorMediaLibrary .wgtIgniteEditorMediaLibraryListItemPreview, .wgtIgniteEditorMediaLibrary .wgtIgniteTemplatesListItemPreview { width: 100%; } .wgtIgniteTemplateLibrarySparkSites .wgtIgniteEditorMediaLibraryListItemPreview, .wgtIgniteTemplateLibrarySparkSites .wgtIgniteTemplatesListItemPreview { position: relative; overflow: hidden; width: 120px; height: 100px; } .wgtIgniteTemplateLibrarySparkSites .wgtIgniteEditorMediaLibraryListItemPreviewThumbnail, .wgtIgniteTemplateLibraryEmail .wgtIgniteEditorMediaLibraryListItemPreviewThumbnail, .wgtIgniteTemplateLibrarySparkSites .wgtIgniteTemplatesListItemPreviewThumbnail, .wgtIgniteTemplateLibraryEmail .wgtIgniteTemplatesListItemPreviewThumbnail { background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("/images/globe-americas.png"); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .wgtIgniteTemplateLibraryEmail .wgtIgniteTemplatesListItem:hover .wgtIgniteEditorMediaLibraryListItemPreviewThumbnail, .wgtIgniteTemplateLibraryEmail .wgtIgniteTemplatesListItem:hover .wgtIgniteTemplatesListItemPreviewThumbnail { -webkit-box-shadow: inset 0px 0px 10px 1px #474747; box-shadow: inset 0px 0px 10px 1px #474747; cursor: pointer; } .wgtIgniteTemplateLibraryEmail .wgtIgniteEditorMediaLibraryListItemTitle.RadLabel, .wgtIgniteTemplateLibraryEmail .wgtIgniteTemplatesListItemTitle.RadLabel { color: var(--wgtIgnite-palette-background); text-align: center; } .wgtIgniteTemplateLibrarySparkSites .wgtIgniteEditorMediaLibraryListItemTitle.RadLabel, .wgtIgniteTemplateLibrarySparkSites .wgtIgniteTemplatesListItemTitle.RadLabel { font-weight: 900; } .wgtIgniteTemplateLibraryEmail .wgtIgniteEditorMediaLibraryListItemControls, .wgtIgniteTemplateLibraryEmail .wgtIgniteTemplatesListItemControls { display: none; position: absolute; bottom: 10px; right: 10px; } .wgtIgniteTemplatesListItem:hover .wgtIgniteEditorMediaLibraryListItemControls, .wgtIgniteTemplatesListItem:hover .wgtIgniteTemplatesListItemControls { display: block; } .wgtIgniteTip { display: none; opacity: 0; -webkit-transition: opacity 2s ease; transition: opacity 2s ease; } .wgtIgniteTip.active { display: block; opacity: 1; } .wgtIgniteTooltip { background-color: var(--wgtIgnite-palette-base); -webkit-box-shadow: 0px 0px 20px 0px var(--wgtIgnite-palette-shadow); box-shadow: 0px 0px 20px 0px var(--wgtIgnite-palette-shadow); border-radius: var(--wgtIgnite-br); color: var(--wgtIgnite-palette-background); position: absolute; padding: 18px; visibility: hidden; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 160px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; bottom: 30px; top: -20px; right: 20px; bottom: unset; z-index: 3; /* S 05/01/23 */ /* E 05/01/23 */ } .wgtIgniteTooltip.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-right: 18px; } .wgtIgniteTooltipCloser { height: 20px; width: 20px; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 2px; right: 2px; } .wgtIgniteTooltipCloser:hover { cursor: pointer; } .wgtIgniteTooltipCloser::before { content: ""; height: 15px; width: 15px; background-color: var(--wgtIgnite-palette-background); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; display: block; } .wgtIgniteTooltip.RadLabel { color: var(--wgtIgnite-palette-background); font-size: var(--wgtIgnite-text-size-medium); min-width: 160px; } .wgtIgniteTooltip.reveal { visibility: visible; } .wgtIgniteTooltipIcon { position: relative; } .wgtIgniteTooltipIcon:hover { cursor: pointer; } .wgtIgniteTooltipIcon::before { content: ""; height: 20px; width: 20px; background-color: var(--wgtIgnite-color-4); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; } .wgtIgniteTooltipIcon.question { width: 15px; height: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteCampaignMessagesListHeadersGroup .wgtIgniteTooltipIcon.question { bottom: 2px; } .wgtIgniteTooltipIcon.question::before { content: ""; height: 15px; width: 15px; background-color: var(--wgtIgnite-color-4); display: inline-block; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; } .wgtIgniteTooltip::before { content: ""; display: inline-block; width: 16px; height: 16px; /* S 4/14/22 */ background-color: var(--wgtIgnite-palette-base); /* E 4/14/22 */ -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; pointer-events: none; bottom: -4px; right: 0px; top: 15px; z-index: -1; } .wgtIgniteToggler { cursor: pointer; } .wgtIgniteToken { background-color: var(--wgtIgnite-color-3l2); border-radius: var(--wgtIgnite-br); font-style: italic; padding: 5px; pointer-events: none !important; color: var(--wgtIgnite-palette-background); } .wgtIgniteTokenMenuDropdown { max-height: 600px; } .wgtIgniteToken::before { content: attr(data-ignite-token-title); } .wgtIgniteTopbar { display: grid; grid-template-columns: auto auto 1fr auto auto; grid-template-rows: auto auto; z-index: 5; background-color: var(--wgtIgnite-palette-background); width: 100%; /* S 08/22/24 */ position: fixed; /* E 08/22/24 */ /* .wgtIgniteTopbarBranding */ /* .wgtIgniteTopbarBreadcrumb */ /* wgtIgniteTopbarCompanyPicker */ /* .wgtIgniteTopbarCompanyInfo */ /* .wgtIgniteTopbarLogout */ /* .wgtIgniteTopbarMember */ /*S 1/13/23 */ /*E 1/13/23 */ /* .wgtIgniteTopbarSearch */ /* wgtIgniteTopbarSubtitle */ /* S 01/13/23 */ /* E 01/13/23 */ /* S 4/21/22 */ /* E 4/21/22 */ /* wgtIgniteTopbarUser */ } .MessageAnalyticsModalActive .wgtIgniteTopbar { display: none !important; } .wgtIgniteTopbarBranding { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* S 4/26/22 */ margin: 0px 5px 0px 20px; /* E 4/26/22 */ /* S 4/12/22 */ position: relative; /* E 4/12/22 */ } .wgtIgniteTopbarBreadcrumb { /* S 4/18/22 */ width: 100%; /* E 4/18/22 */ /*S 9/9/22 */ grid-column: -1/1; /*E 9/9/22 */ /* S 4/20/22 */ -webkit-box-shadow: 0px 0px 4px 0px var(--wgtIgnite-palette-shadow); box-shadow: 0px 0px 4px 0px var(--wgtIgnite-palette-shadow); /* E 4/20/22 */ /* S 4/19/22 */ /* E 4/19/22 */ /*S 5/10/22 */ /*E 5/10/22 */ } .wgtIgniteTopbarBreadcrumbTitle { padding: 6px 8px; } .wgtIgniteTopbarBreadcrumbItem { z-index: 0; } .wgtIgniteTopbarBreadcrumb .k-breadcrumb-link:hover { background-color: transparent !important; } .wgtIgniteTopbarCompanyPicker { /* S 4/14/22 */ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* E 4/14/22 */ /* S 4/12/22 */ grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; /* S 4/12/22 */ /* S 4/26/22 */ /* E 4/26/22 */ } .wgtIgniteTopbarCompanyPicker > .rcbLabel { padding: 1px 0px !important; } .wgtIgniteTopbarCompanyInfo.constrained .wgtIgniteTopbarCompanyPicker { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .wgtIgniteTopbarCompanyInfo { /* S 3/25/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; /* E 3/25/22 */ /* S 7/21/22 */ margin: 0px 5px 18px auto; /* S 7/21/22 */ /* S 4/11/22 */ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; /* E 4/11/22 */ /* S 3/28/22 */ opacity: 1; text-align: right; /* E 3/28/22 */ /* S 3/31/22 */ /*S 9/9/22 */ width: 100%; /*E 9/9/22 */ /* E 3/31/22 */ /* S 4/4/22 */ /* E 4/4/22 */ } .wgtIgniteTopbar.search-open .wgtIgniteTopbarCompanyInfo { display: none; } .wgtIgniteTopbar.info-open .wgtIgniteTopbarCompanyInfo { cursor: unset; } .wgtIgniteTopbarCloser { /* S 4/12/22 */ grid-row-start: 1; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2; /* E 4/12/22 */ /* S 4/11/22 */ visibility: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* E 4/11/22 */ /* S 4/26/22 */ position: relative; /* E 4/26/22 */ /*S 9/13/22 */ display: none; /*E 9/13/22 */ } .wgtIgniteTopbarCloser::after { /* S 5/02/22 */ background-color: var(--wgtIgnite-color-1); /* E 5/02/22 */ /* S 4/13/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; content: ""; mask-image: url('data:image/svg+xml; utf8,'); mask-size: 25px; mask-position: center; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-size: 25px; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; width: 25px; height: 25px; /* E 4/13/22 */ } .wgtIgniteTopbarLogout { grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; /* S 4/26/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; position: relative; align-self: flex-start; /* E 4/26/22 */ } .wgtIgniteTopbarCompanyInfo.constrained .wgtIgniteTopbarLogout { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .wgtIgniteTopbarMember { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* .wgtIgniteTopbarMemberName */ } .wgtIgniteTopbarCompanyInfo.constrained .wgtIgniteTopbarMember { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteTopbarMemberName { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteTopbarSearch { display: -webkit-box; display: -ms-flexbox; display: flex; /* S 5/24/23 */ border: solid 1px var(--wgtIgnite-color-1l3); border-radius: var(--wgtIgnite-br); height: 33px; max-height: 33px; width: 37px; -webkit-transition: max-height 0.3s ease; transition: max-height 0.3s ease; margin: 24px 20px 20px 10px; /* E 5/24/23 */ /* S 3/30/22 */ cursor: pointer; /* E 3/30/22 */ padding: 0px; position: static; /* S 3/28/22 */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* E 3/28/22 */ /* S 3/25/22 */ /*S 3/30/22 */ /*E 3/30/22 */ /* wgtIgniteTopbarSearchQuery */ /* wgtIgniteTopbarSearchTrigger */ /*S 7/20/22 */ /*E 7/20/22 */ } .wgtIgniteTopbarSearch.wgtIgniteInput { padding: 0px; } .wgtIgniteTopbarSearch::before { border-radius: var(--wgtIgnite-br); content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 37px; z-index: 1; margin: 0px; -webkit-transition: background-color 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease, height 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); pointer-events: none; /* S 4/22/22 */ background-color: var(--wgtIgnite-color-1); mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-position: center; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; /* E 4/22/22 */ } .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearch { /* S 4/25/22 */ -ms-flex-item-align: center; align-self: center; /* E 4/25/22 */ /* S 4/12/22 */ max-height: 50px; /* E 4/12/22 */ /* S 4/5/22 */ /* E 4/5/22 */ /* S 4/13/22 */ max-width: 1200px; /* E 4/13/22 */ } .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearch::before { display: none; } .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearch > span::before { content: ""; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; background-color: var(--wgtIgnite-color-1); mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; mask-position: center; mask-size: 25px; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webikit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 25px; width: 25px; height: 25px; display: inline-block; margin-left: 10px; } .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearch > span { margin-left: auto; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; max-width: 1800px; opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteTopbarSearch > span { padding: 0px !important; opacity: 0; width: 100%; -webkit-transition: max-width 0.3s ease; transition: max-width 0.3s ease; max-width: 0px; margin: 5px 0px; } .wgtIgniteTopbarSearch input { color: #474747; font-size: var(--wgtIgnite-text-size-large); -webkit-transition: max-width 0.3s ease; transition: max-width 0.3s ease; max-width: 140px; } .wgtIgniteTopbarSearchQuery { /* S 3/28/22 */ padding: 0px; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearchQuery { /* S 3/30/22 */ max-width: 100%; /* S 3/30/22 */ -webkit-box-flex: 2; -ms-flex: 2; flex: 2; opacity: 1; } .wgtIgnite .wgtIgniteTopbarSearchTrigger.RadButton.rbButton { display: none !important; pointer-events: none !important; padding: 5px 3px; } .wgtIgnite .wgtIgniteTopbarSearchTrigger.RadButton.rbButton .rbText { padding: 0px 5px; } .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearchTrigger.RadButton { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; pointer-events: all !important; z-index: 5; opacity: 1 !important; } .wgtIgniteTopbarSearchInput { border-bottom: solid 1px var(--wgtIgnite-palette-grey-2); } .wgtIgniteTopbarSearchInput input { border: none; background-color: transparent; } .wgtIgniteTopbarSearchInput input:active, .wgtIgniteTopbarSearchInput input:focus { outline: none; } .wgtIgniteTopbarSearchSubmit { display: block; } .wgtIgniteTopbarSubtitle.RadLabel { -ms-flex-item-align: center; align-self: center; font-style: italic; max-width: 250px; } .wgtIgniteTopbar.info-open .wgtIgniteTopbarCompanyInfo.constrained .wgtIgniteTopbarLogoutMessage.RadLabel, .wgtIgniteTopbar.info-open .wgtIgniteTopbarCompanyInfo.constrained .wgtIgniteTopbarUserName.RadLabel, .wgtIgniteTopbar.info-open .wgtIgniteTopbarCompanyInfo.constrained .wgtIgniteTopbarUserMessage.RadLabel { color: var(--wgtIgnite-palette-background); } .wgtIgniteTopbarUser { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; /* E 4/12/22 */ /* E 4/14/22 */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; -ms-flex-wrap: wrap; flex-wrap: wrap; /* E 4/14/22 */ /*S 05/04/23 */ -webkit-transform: translateY(5px); transform: translateY(5px); /*E 05/04/23 */ /* S 4/26/22 */ /* E 4/26/22 */ } .wgtIgniteTopbarCompanyInfo.constrained .wgtIgniteTopbarUser { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; } .wgtIgniteUpgradePaymentForm { border-radius: var(--wgtIgnite-br); background-color: var(--wgtIgnite-color-3l5); border: solid 1px var(--wgtIgnite-color-3); padding: 15px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; } .wgtIgniteUpgradePaymentFormField { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .wgtIgniteUpgradePaymentFormFieldCardName { grid-column: -1/1; } .wgtIgniteUpgradePaymentFormFieldCardNumber { grid-column: -1/1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .wgtIgniteNav { /* Start default styles for touchscreens */ background-color: var(--wgtIgnite-color-1); height: 100%; margin-top: 82px; width: 0px; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; -webkit-transform: translate(-180px, 0px); transform: translate(-180px, 0px); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; position: fixed; z-index: 6; /* End default styles for touchscreens */ /* .wgtIgniteNavMobileToggle */ /* .wgtIgniteNavTab */ } .wgtIgniteNav.reveal { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); width: 180px; } .MessageAnalyticsModalActive .wgtIgniteNav { display: none !important; } .wgtIgniteNavMobileToggle { color: var(--wgtIgnite-color-1); cursor: pointer; display: block; font-size: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* S 4/20/22 */ border-radius: var(--wgtIgnite-br); margin: auto 0px auto 20px; /*S 7/15/22 */ /*E 7/15/22 */ /* E 4/20/22 */ /* S 3/8/22 */ /* E 3/8/22 */ } .wgtIgniteNavMobileToggle > svg { pointer-events: none; } .wgtIgniteNavMobileToggle::after { content: ""; display: block; height: 100%; width: 100%; } .wgtIgniteNav.reveal + .wgtIgniteBody .wgtIgniteNavMobileToggle { background-color: var(--wgtIgnite-color-1); -webkit-box-shadow: 0px 0px 10px 0px var(--wgtIgnite-palette-grey-2); box-shadow: 0px 0px 10px 0px var(--wgtIgnite-palette-grey-2); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteNav.reveal + .wgtIgniteBody .wgtIgniteNavMobileToggle .ico path { fill: var(--wgtIgnite-palette-background); } .wgtIgniteNavMobileToggle .ico { /* S 4/12/22 */ border: solid 1px var(--wgtIgnite-color-1l1); /* E 4/12/22 */ border-radius: var(--wgtIgnite-br); margin: 0px; padding: 5px; /* S 4/1/22 */ width: 37px; height: 37px; /* E 4/1/22 */ } .wgtIgniteNav.reveal + .wgtIgniteBody .wgtIgniteNavMobileToggle .ico { -webkit-box-shadow: none; box-shadow: none; border: none; } .wgtIgniteNavTab { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*S 10/4/22 */ position: static; /*E 10/4/22 */ /* .wgtIgniteNavTabGraphic */ /* .wgtIgniteNavTabTitle */ /*S 10/04/2022 */ /*E 10/04/2022 */ } .wgtIgniteNavTabGraphic { height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; position: relative; } .wgtIgniteNavTabGraphicCog { position: absolute; background-color: var(--wgtIgnite-color-1); padding: 2px; border-radius: 200px; width: 13px; right: 5px; bottom: 3px; } .wgtIgniteNavTab:hover .wgtIgniteNavTabGraphicCog { background-color: transparent; } a.spin > .wgtIgniteNavTabGraphic { display: none; } .wgtIgniteNavTabGraphic svg path { fill: var(--wgtIgnite-palette-commandbar-icon); } .wgtIgniteNavTabGraphic svg path.st1 { fill: transparent; stroke: var(--wgtIgnite-palette-commandbar-icon); stroke-width: 2px; } .wgtIgniteNavTabTitle { margin: 0px 5px; text-align: left; } .wgtIgniteNav.constrained .wgtIgniteNavTabTitle::before { display: none; } .wgtIgniteNavTab > a { padding: 10px; text-align: center; color: var(--wgtIgnite-palette-background); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; align-self: center; width: 100%; } .wgtIgniteNavTab > a.spin { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 17px 10px; } .wgtIgniteNavTab > a.spin::before { -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; background-color: var(--wgtIgnite-color-4); content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 20px; margin-right: 5px; mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; -webkit-mask-position: center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; height: 21px; width: 21px; background-color: var(--wgtIgnite-palette-background) !important; } .wgtIgniteNavTab:hover, .wgtIgniteNavTab.active { background-color: var(--wgtIgnite-palette-background); /* S 10/27/22 */ /* E 10/27/22 */ } .wgtIgniteNavTab:hover > a, .wgtIgniteNavTab.active > a { color: var(--wgtIgnite-color-1); } .wgtIgniteNavTab:hover svg path, .wgtIgniteNavTab.active svg path { fill: var(--wgtIgnite-color-1); } .wgtIgniteNavTab.active > a { background-color: var(--wgtIgnite-color-1l4); } .wgtIgniteNavTab:hover > a { background-color: var(--wgtIgnite-color-1l2); } .wgtIgniteNavMobileSearchToggle { cursor: pointer; display: none; position: absolute; right: 10px; top: 6px; } .wgtIgniteNavMobileSearchToggle .ico { pointer-events: none; } .wgtIgnitePermissionDeniedDetails { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; max-width: 400px; } .wgtIgniteSection { /*S 8/12/22 */ padding: 5px 20px; /*E 8/12/22 */ /* S 7/08/22 */ /* E 7/08/22 */ /*S 3/14/22 */ /*E 3/14/22 */ /*S 9/6/22 */ /*E 9/6/22 */ /*S 11/02/22 */ /*E 11/02/22 */ /*S 9/7/22 */ /*E 9/7/22 */ /* .wgtIgniteSectionContent */ /*S 9/6/22 */ /*E 9/6/22 */ } .wgtIgniteSection.wgtIgniteActionCardComments { padding: 0px; } .wgtIgniteSection.wgtIgniteLeadContact.open { visibility: visible; -webkit-box-shadow: -8px 8px 20px 0px var(--wgtIgnite-palette-shadow); box-shadow: -8px 8px 20px 0px var(--wgtIgnite-palette-shadow); } .wgtIgniteSection.wgtIgniteSettingsPaymentHistory { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } .wgtIgniteSection.wgtIgniteSettingsPaymentTemplates { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } .wgtIgniteSectionCommunications { /*S 11/04/22 */ -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; padding: 20px; /*E 11/04/22 */ /*S 02/06/23 */ /*E 02/06/23 */ /*S 02/02/23 */ /*E 02/02/23 */ } .wgtIgniteSectionCommunicationsBuilder { padding: 0px; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteSectionCommunicationsLayoutEditor { display: none; } .wgtIgniteSectionCommunicationsLayoutEditorAppearance { position: absolute; right: 0; top: 49px; } .wgtIgniteSectionCommunicationsLayoutEditor.open { display: block; padding: 10px; } .wgtIgniteSectionCommunicationsLayoutEditorControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteSectionDashboard { border-top: solid 1px var(--wgtIgnite-palette-grey-2); -webkit-box-flex: 2; -ms-flex: 2; flex: 2; padding: 20px; position: relative; z-index: 0; } .wgtIgniteSectionDashboardHero { position: relative; } .wgtIgniteSectionDashboardHero::before { background: -webkit-gradient(linear, left bottom, right top, from(#180845), color-stop(rgba(126, 62, 135, 0.8392156863)), to(#2b26be)); background: linear-gradient(to top right, #180845, rgba(126, 62, 135, 0.8392156863), #2b26be); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; } .wgtIgniteSectionDashboardHero::after { background-image: url("../images/bg-pattern.jpg"); background-size: cover; content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -2; opacity: 0.3; } .wgtIgniteSection.wgtIgniteGroupManager { padding-top: 80px; } .wgtIgniteSection.wgtIgniteLeadMeta { padding-bottom: 0px; } .wgtIgniteSection .wgtIgniteSection { padding: 0px; } .wgtIgniteSectionImport .wgtIgniteSection { margin-bottom: 20px; } .wgtIgniteSectionImport .wgtIgniteSection, .wgtIgniteSettingsPaymentHistory .wgtIgniteSection { width: 100%; } .wgtIgniteSection.wgtIgniteSectionSupportDirect, .wgtIgniteSection.wgtIgniteSectionSupportMedia { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 20px; padding: 10px 20px; width: auto; } .wgtIgniteSection.wgtIgniteSectionProductImageUpload, .wgtIgniteSection.wgtIgniteSectionProductDetailsInventory, .wgtIgniteSection.wgtIgniteSectionProductDetailsMeta, .wgtIgniteSection.wgtIgniteSectionProductPricing { padding: 0px; } .wgtIgniteSection.wgtIgniteSectionPermissionDenied { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteSettingsPaymentHistory .wgtIgniteSection { position: relative; overflow: hidden; } .wgtIgniteSectionImport.error .wgtIgniteSection { display: none; } .wgtIgniteSectionContent { max-height: 0px; position: relative; -webkit-transition: max-height 0.3s ease; transition: max-height 0.3s ease; /* 3/15/22 */ height: 100%; opacity: 0; pointer-events: none; /* 3/15/22 */ /* 3/11/22 */ -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; width: 100%; /* 3/11/22 */ /*S 02/02/23 */ /*E 02/02/23 */ /*S 11/02/22 */ /*E 11/02/22 */ /*S 04/24/23 */ /*E 04/24/23 */ /*S 12/05/22 */ /*E 12/05/22 */ /*S 04/06/23 */ /*E 04/06/23 */ /*S 8/12/22 */ /*E 8/12/22 */ /*S 04/12/23 */ /*S 04/12/23 */ /* S 3/14/22 */ /* E 3/14/22 */ /*S 8/10/22 */ /*E 8/10/22 */ /*S 07/31/23 */ /*E 07/31/23 */ /*S 1/25/23 */ /*E 1/25/23 */ /*S 9/6/22 */ /*E 9/6/22 */ /*S 07/27/23 */ /*E 07/27/23 */ /* S 4/1/22 */ /* E 4/1/22 */ /* S 4/5/22 */ /* E 4/5/22 */ /*S 8/1/22 */ /*E 8/1/22 */ } .wgtIgniteCampaignDelivery .wgtIgniteSectionContent, .wgtIgniteCampaignMeta .wgtIgniteSectionContent, .wgtIgniteCampaignMessages .wgtIgniteSectionContent, .wgtIgniteCommunicationsLayoutEditor .wgtIgniteSectionContent, .wgtIgniteImportPreview > .wgtIgniteSectionContent, .wgtIgniteLeadActions .wgtIgniteSectionContent, .wgtIgniteSectionManageSparkSites .wgtIgniteSectionContent, .wgtIgniteSectionManageEmails .wgtIgniteSectionContent, .wgtIgniteMapping .wgtIgniteSectionContent, .wgtIgniteSectionInventoryList .wgtIgniteSectionContent, .wgtIgniteSectionCompanies .wgtIgniteSectionContent, .wgtIgniteSectionSS > .wgtIgniteSectionContent, .wgtIgniteSettingsPaymentHistory .wgtIgniteSectionContent, .wgtIgniteSettingsSubscription .wgtIgniteSectionContent, .wgtIgniteTagManager .wgtIgniteSectionContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteAdminManage .wgtIgniteSectionContent { overflow: hidden; } .wgtIgniteCampaignMeta .wgtIgniteSectionContent, .wgtIgniteCampaignRecipients .wgtIgniteSectionContent { padding: 0px !important; } .wgtIgniteCampaignDelivery .wgtIgniteSectionContent, .wgtIgniteCampaignMeta .wgtIgniteSectionContent, .wgtIgniteCampaignMessages .wgtIgniteSectionContent { row-gap: 10px; } .wgtIgniteCampaignMeta .wgtIgniteSectionContent, .wgtIgniteCampaignMessages .wgtIgniteSectionContent { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteCampaignMessages.wgtIgniteSection.open > .wgtIgniteSectionContent { padding: 0px; } .wgtIgniteMapping .wgtIgniteSectionContent { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteSettingsSubscription > .wgtIgniteSectionContent, .wgtIgniteSettingsAccount > .wgtIgniteSectionContent { padding: 20px 0px !important; } .wgtIgniteSettingsPayment > .wgtIgniteSectionContent { padding: 0px !important; row-gap: 20px; } .wgtIgniteSectionSupportDirect > .wgtIgniteSectionContent, .wgtIgniteSectionSupportMedia > .wgtIgniteSectionContent, .wgtIgniteSettingsPaymentTemplates > .wgtIgniteSectionContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteSettingsSubscription .wgtIgniteSectionContent { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteSectionSupportGettingStarted > .wgtIgniteSectionContent { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); } .wgtIgniteLeadMeta .wgtIgniteSectionContent { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 0px; } .wgtIgniteLeadTags .wgtIgniteSectionContent { padding-top: 30px; } .wgtIgniteLeadTags .wgtIgniteSectionContent > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteSection.open > .wgtIgniteSectionContent { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: 40000px; /* Start 8/12/22 */ padding: 10px; /* End 8/12/22 */ /* S 3/15/22 */ opacity: 1; pointer-events: all; /* E 3/15/22 */ /*S 11/28/22 */ /*E 11/28/22 */ } .wgtIgniteSection.open > .wgtIgniteSectionContent.wgtIgniteCommunicationsMain { padding: 0px; } .wgtIgniteLeadActions .wgtIgniteActionsCreate .wgtIgniteSectionContent, .wgtIgniteLeadActions .wgtIgniteActionsScheduledCreate .wgtIgniteSectionContent { background-color: var(--wgtIgnite-color-4l5); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; border: solid 1px var(--wgtIgnite-color-4); border-radius: var(--wgtIgnite-br); display: grid; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: auto; border-top-width: 4px; border-bottom-width: 4px; } .wgtIgniteLeadActions .wgtIgniteActionsScheduledCreate .wgtIgniteSectionContent { background-color: #e4deff; border-color: var(--wgtIgnite-color-1l1); } .wgtIgniteLeadActions .wgtIgniteActionsCreate.wgtIgniteSection.open > .wgtIgniteSectionContent, .wgtIgniteLeadActions .wgtIgniteActionsScheduledCreate.wgtIgniteSection.open > .wgtIgniteSectionContent { padding-top: 30px; } .wgtIgniteSectionLibrary.open > .wgtIgniteSectionContent, .wgtIgniteSectionCompanies.open > .wgtIgniteSectionContent, .wgtIgniteAdminManage.open > .wgtIgniteSectionContent { padding: 0px; } .wgtIgniteSectionCommunicationsBuilder .wgtIgniteSection.open > .wgtIgniteSectionContent { padding: 0px; } .wgtIgniteSectionImport .wgtIgniteSectionContent { -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; padding: 0px !important; margin: 10px 0px 20px 0px; } .wgtIgniteSectionImport .wgtIgniteImportTags .wgtIgniteSectionContent { display: block !important; float: left; padding-top: 20px !important; } .wgtIgniteSectionImport .wgtIgniteImportTags .wgtIgniteSectionContent > div { width: calc(50% - 12px); float: left; } .wgtIgniteImport > .wgtIgniteSectionContent { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; row-gap: 10px; } .wgtIgniteImportAuto > .wgtIgniteSectionContent, .wgtIgniteImportManual > .wgtIgniteSectionContent { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0px !important; } .wgtIgniteSettingsAccount .wgtIgniteSectionContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; row-gap: 10px; } .wgtIgniteSettingsPaymentTemplates > .wgtIgniteSectionContent, .wgtIgniteSettingsPaymentHistory > .wgtIgniteSectionContent { padding: 0px !important; } .wgtIgniteSectionProductImageUpload .wgtIgniteSectionContent, .wgtIgniteSectionProductDetailsInventory .wgtIgniteSectionContent, .wgtIgniteSectionProductPricing .wgtIgniteSectionContent, .wgtIgniteSettingsPayment > .wgtIgniteSectionContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteSectionProductDetailsMeta .wgtIgniteSectionContent { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .wgtIgniteOrder .wgtIgniteSectionContent, .wgtIgniteOrderHistory .wgtIgniteSectionContent, .wgtIgniteOrderProducts .wgtIgniteSectionContent, .wgtIgniteOrderPayment .wgtIgniteSectionContent, .wgtIgniteOrderRecipient .wgtIgniteSectionContent, .wgtIgniteSectionProductPricing .wgtIgniteSectionContent, .wgtIgniteSectionProductImageUpload .wgtIgniteSectionContent, .wgtIgniteSectionProductDetailsInventory .wgtIgniteSectionContent, .wgtIgniteSectionProductDetailsMeta .wgtIgniteSectionContent { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); } .wgtIgniteSectionProducts .wgtIgniteSectionContent, .wgtIgniteSectionProductImageUpload .wgtIgniteSectionContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .wgtIgniteOrder.wgtIgniteSection.open > .wgtIgniteSectionContent { padding-top: 30px; } .wgtIgniteOrderPayment.wgtIgniteSection.open > .wgtIgniteSectionContent { display: grid; } .wgtIgniteOrderRecipient.wgtIgniteSection.open > .wgtIgniteSectionContent { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 100px 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteOrderProducts .wgtIgniteSectionContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteSectionContentHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteSectionProductImageUpload .wgtIgniteSectionContentHeader { width: 100%; } .wgtIgniteSectionError { display: none; } .wgtIgniteSectionImport.error .wgtIgniteSectionError { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wgtIgniteSectionHeader { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; /*S 9/6/22 */ width: 100%; /*E 9/6/22 */ } .wgtIgniteSectionCommunicationsBlocks .wgtIgniteSectionHeader { display: none; } .wgtIgniteSectionCommunicationsBlocks.open .wgtIgniteSectionHeader { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteActionsCreate .wgtIgniteSectionHeader, .wgtIgniteActionsScheduledCreate .wgtIgniteSectionHeader { width: 100%; /* 3/15/22 */ opacity: 0; max-height: 0px; pointer-events: none; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; /* 3/15/22 */ } .wgtIgniteActionsCreate.open .wgtIgniteSectionHeader, .wgtIgniteActionsScheduledCreate.open .wgtIgniteSectionHeader { /* 3/15/22 */ max-height: 10000px; opacity: 1; pointer-events: all; z-index: 1; /* 3/15/22 */ } .wgtIgniteSectionImport.error .wgtIgniteSectionImportPreview { display: none; } .wgtIgniteSectionLibrary { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; padding: 0px 20px; } .wgtIgniteSectionManageSparkSites, .wgtIgniteSectionManageEmails { padding: 0px !important; } .wgtIgniteSectionProductDetailsMeta { grid-column: -1/1; } .wgtIgniteSectionSpan { background-color: var(--wgtIgnite-palette-grey-2); border-radius: var(--wgtIgnite-br); height: 5px; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteAdminManage .wgtIgniteSectionSpan, .wgtIgniteSectionUtilities .wgtIgniteSectionSpan, .wgtIgniteSectionCompanies .wgtIgniteSectionSpan { background-color: var(--wgtIgnite-color-4); } .wgtIgniteLeadActions .wgtIgniteSectionSpan, .wgtIgniteLeadOrderHistory .wgtIgniteSectionSpan, .wgtIgniteLeadHistory .wgtIgniteSectionSpan { background-color: var(--wgtIgnite-palette-base); } .wgtIgniteSectionContent .wgtIgniteSectionSpan { height: 1px; background-color: transparent; /* 3/16/22 */ border-bottom: dotted 1px var(--wgtIgnite-color-4); /* 3/16/22 */ } .wgtIgniteSectionSupportDirect .wgtIgniteSectionSpan, .wgtIgniteSectionSupportMedia .wgtIgniteSectionSpan { background-color: unset; border-bottom: dotted 1px var(--wgtIgnite-color-1); } .wgtIgniteSectionSupportDirect .wgtIgniteSectionSpan::before, .wgtIgniteSectionSupportMedia .wgtIgniteSectionSpan::before { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0)); } .wgtIgniteSectionContent .wgtIgniteSectionError .wgtIgniteSectionSpan { background-color: var(--wgtIgnite-palette-important); } .wgtIgniteSectionTags { padding-bottom: 260px; } .wgtIgniteSectionTemplateLibrary { background-color: var(--wgtIgnite-color-1); position: absolute; height: 100%; padding: 0px; top: 0; right: 0; z-index: 4; max-width: 0px; overflow-y: auto; } .wgtIgniteSectionTemplateLibrary.open { max-width: 500px; } .wgtIgniteSectionTitle { font-weight: 800; font-size: var(--wgtIgnite-text-size-large); /* S 4/8/22 */ color: var(--wgtIgnite-palette-base); /* E 4/8/22 */ /*S 8/11/22 */ /*E 8/11/22 */ } .wgtIgniteActionCardComments.wgtIgniteSection .wgtIgniteSectionTitle { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteSectionContent .wgtIgniteSectionTitle { color: var(--wgtIgnite-color-4); font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteSectionContent .wgtIgniteSectionError .wgtIgniteSectionTitle { color: var(--wgtIgnite-palette-important); } .wgtIgniteActionsScheduledCreate.wgtIgniteSection .wgtIgniteSectionTitle { color: var(--wgtIgnite-color-1l1); } .wgtIgniteActionsScheduledCreate.wgtIgniteSection .wgtIgniteNewActionScheduledCampaignID .wgtIgniteSectionTitle { font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteSectionSupportDirect .wgtIgniteSectionTitle.RadLabel, .wgtIgniteSectionSupportMedia .wgtIgniteSectionTitle.RadLabel { color: var(--wgtIgnite-color-1); } .wgtIgniteSectionToggler { display: block; cursor: pointer; } .wgtIgniteSectionToggler::before { display: block; /* S 4/14/22 */ content: ""; height: 20px; width: 20px; background-color: var(--wgtIgnite-palette-grey-2); mask-image: url('data:image/svg+xml; utf8,'); mask-position: center; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; /* E 4/14/22 */ } .wgtIgniteAdminManage .wgtIgniteSectionToggler::before, .wgtIgniteSectionUtilities .wgtIgniteSectionToggler::before, .wgtIgniteSectionCompanies .wgtIgniteSectionToggler::before { background-color: var(--wgtIgnite-color-4); } .wgtIgniteLeadActions .wgtIgniteSectionToggler::before, .wgtIgniteLeadHistory .wgtIgniteSectionToggler::before, .wgtIgniteLeadOrderHistory .wgtIgniteSectionToggler::before { background-color: var(--wgtIgnite-palette-base); } .wgtIgniteSectionContent .wgtIgniteSectionToggler::before { background-color: var(--wgtIgnite-color-4); } .wgtIgniteSection.open > .wgtIgniteSectionHeader .wgtIgniteSectionToggler { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .wgtIgniteSMSPreview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; row-gap: 10px; width: 100%; } .wgtIgniteSMSPreviewTimestamp { text-align: center; width: 100%; } .wgtIgniteSMSPreviewMessage { border-radius: 1.15rem; line-height: 1.25; max-width: 75%; padding: 0.5rem 0.875rem; position: relative; word-wrap: break-word; background-color: #248bf5; color: #fff; } .wgtIgniteSMSPreviewMessage::before, .wgtIgniteSMSPreviewMessage::after { bottom: -0.1rem; content: ""; height: 1rem; position: absolute; } .wgtIgniteSMSPreviewMessage::before { border-bottom-left-radius: 0.8rem 0.7rem; border-right: 1rem solid #248bf5; right: -0.35rem; -webkit-transform: translate(0, -0.1rem); transform: translate(0, -0.1rem); } .wgtIgniteSMSPreviewMessage::after { background-color: #fff; border-bottom-left-radius: 0.5rem; right: -40px; -webkit-transform: translate(-30px, -2px); transform: translate(-30px, -2px); width: 10px; } .wgtIgniteStaffAccountsListItem { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteStaffAccountsListItem:hover { cursor: pointer; background-color: var(--wgtIgnite-palette-grey-1); } .wgtIgniteStaffAccountsListItemStat { pointer-events: none; } .wgtIgniteStaffAccountsListItemStatTitle.RadLabel { display: none; } .wgtIgniteStaffAccountsListItem, .wgtIgniteStaffAccountsListHeaders { display: grid; grid-template-columns: 40px 1fr 1fr 1fr 1fr; padding: 5px; } .wgtIgniteStaffAccountsListHeadersItem.RadLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } .wgtIgniteStaffForm { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 50px; grid-auto-rows: auto; gap: 10px; } .wgtIgniteStaffFormAddress, .wgtIgniteStaffFormCountry, .wgtIgniteStaffFormCity, .wgtIgniteStaffFormEmail, .wgtIgniteStaffFormLanguage { grid-column-start: 1; } .wgtIgniteStaffFormAddress, .wgtIgniteStaffFormFirstName, .wgtIgniteStaffFormLastName, .wgtIgniteStaffFormPassword, .wgtIgniteStaffFormPasswordConfirm { grid-column: span 2; } .wgtIgniteStaffFormAccountControls { position: relative; } .wgtIgniteStaffFormAccountControls, .wgtIgniteStaffFormControls, .wgtIgniteStaffFormPermissions { grid-column: -1/1; } .wgtIgniteStaffFormSeperator { grid-column: -1/1; border-bottom: dotted 1px var(--wgtIgnite-color-1); display: -webkit-box; display: -ms-flexbox; display: flex; grid-column: 1/-1; } .wgtIgniteStaffFormSeperatorTitle.RadLabel { font-size: var(--wgtIgnite-text-size-large); font-weight: 900; color: var(--wgtIgnite-color-1); width: 100%; text-align: right; } .wgtIgniteVideoGroup { margin-top: 20px; } .wgtIgniteVideoGroupHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .wgtIgniteVideoGroupHeaderSeparator { background-color: var(--wgtIgnite-color-2); height: 1px; margin-left: 10px; } .wgtIgniteVideoGroupHeaderTitle { color: var(--wgtIgnite-color-1); } .wgtIgniteVideoGroupList { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; } .wgtIgniteVisualEditorControls { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteVisualEditorControls { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteVisualEditorInjectedOverlay { position: absolute; } .wgtIgniteVoidWindowBody { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 540px; margin-top: 20px; margin-left: auto; margin-right: auto; } .wgtIgniteVoidWindowBodyGraphic { height: 75px; width: 75px; position: relative; margin-right: 10px; } .wgtIgniteVoidWindowBodyGraphic::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-mask-size: 50px; mask-size: 50px; background-color: var(--wgtIgnite-palette-grey-4); } .wgtIgniteVoidWindowControls { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wgtIgniteWarningLabel.RadLabel { color: var(--wgtIgnite-palette-alert); } .wgtIgniteSettingsSubscriptionGrid .wgtIgniteWarningLabel.RadLabel { grid-column: span 3; } .wgtIgniteWave { width: 3px; height: 20px; background: linear-gradient(45deg, var(--wgtIgnite-color-4), var(--wgtIgnite-palette-background)); margin: 5px; -webkit-animation: wave 1s linear infinite; animation: wave 1s linear infinite; border-radius: 20px; } .wgtIgniteWaveContainer { height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0px; } .wgtIgniteWave:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .wgtIgniteWave:nth-child(3) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .wgtIgniteWave:nth-child(4) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .wgtIgniteWave:nth-child(5) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .wgtIgniteWave:nth-child(6) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .wgtIgniteWave:nth-child(7) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .wgtIgniteWave:nth-child(8) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .wgtIgniteWave:nth-child(9) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .wgtIgniteWave:nth-child(10) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .wgtIgniteWave:nth-child(11) { -webkit-animation-delay: 1s; animation-delay: 1s; } .wgtIgniteWave:nth-child(12) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } .wgtIgniteWave:nth-child(13) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .wgtIgniteWave:nth-child(14) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } .wgtIgniteWave:nth-child(15) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .wgtIgniteWave:nth-child(16) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .wgtIgniteWave:nth-child(17) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .wgtIgniteWave:nth-child(18) { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } .wgtIgniteWave:nth-child(19) { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } .wgtIgniteWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; /* S 5/2/22 */ height: 100%; /* E 5/2/22 */ } .wgtIgniteWrapperOnboarding { /* .onboarding_step_3 & { &::before { content: "READY FOR LIFTOFF"; color: var(--wgtIgnite-palette-background); font-size: 145px; font-family: "Tourney", sans-serif; position: absolute; left: 25px; top: 240px; width: 400px; line-height: 110px; } &::after { content: ""; position: absolute; height: calc(100% - 1000px); width: 500px; left: 0; bottom: 0px; background-color: var(--wgtIgnite-palette-background); } } */ } @media screen and (max-width: 1770px) { .wgtIgniteCampaignsListHeaders { display: none; } .wgtIgniteCampaignsListItem { grid-template-columns: auto 1fr 1fr 1fr !important; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteCampaignsListItem.new, .wgtIgniteCampaignsListItem.edit-mode { grid-template-columns: 100px 100px 1fr auto 100px !important; } .wgtIgniteCampaignsListItem.disabled::after { grid-column-end: 4; } .wgtIgniteCampaignsListItemControl { grid-column: -1/1; } .wgtIgniteCampaignsListItemControls { grid-column: span 3; } .wgtIgniteCampaignsListItemStatCorporate { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteCampaignsListItemStatDescription { grid-column: -1/1; } .wgtIgniteCampaignsListItemStatTiming { grid-column: span 2; } .wgtIgniteCampaignsListItemStatTitle.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteCampaignsListItemStat:last-child .wgtIgniteCampaignsListItemStatTitle.RadLabel, .wgtIgniteCampaignsListItemStatActive .wgtIgniteCampaignsListItemStatTitle.RadLabel, .wgtIgniteCampaignsListItemStatCorporate .wgtIgniteCampaignsListItemStatTitle.RadLabel, .wgtIgniteCampaignsListItemStatMessageCount .wgtIgniteCampaignsListItemStatTitle.RadLabel, .wgtIgniteCampaignsListItemStatReceipientCount .wgtIgniteCampaignsListItemStatTitle.RadLabel { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wgtIgniteCampaignsListItemStat:last-child .wgtIgniteCampaignsListItemStatValue.RadLabel, .wgtIgniteCampaignsListItemStatActive .wgtIgniteCampaignsListItemStatValue.RadLabel, .wgtIgniteCampaignsListItemStatCorporate .wgtIgniteCampaignsListItemStatValue.RadLabel, .wgtIgniteCampaignsListItemStatMessageCount .wgtIgniteCampaignsListItemStatValue.RadLabel, .wgtIgniteCampaignsListItemStatReceipientCount .wgtIgniteCampaignsListItemStatValue.RadLabel { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 1650px) { .wgtIgniteManageSparkSitesList, .wgtIgniteManageEmailTemplatesList { grid-template-columns: 1fr 1fr 1fr; } .wgtIgniteProductListHeaders { display: none; } .wgtIgniteProductListHeaders, .wgtIgniteProductListItem { grid-template-columns: 75px 1fr 1fr 1fr 1fr 1fr !important; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteProductListItem:hover::before { display: none; } .wgtIgniteSectionProducts .wgtIgniteProductListItemControls, .wgtIgniteSectionProducts.no-inventory .wgtIgniteProductListItemControls { grid-column: -1/1; } .wgtIgniteProductListItemStatActive { grid-row-start: 1; grid-column-start: 2; } .wgtIgniteProductListItemStatBarcode { grid-column: span 3; } .wgtIgniteProductListItemStatDescription { grid-column: span 3; } .wgtIgniteProductListItemStatInventory { grid-column: span 5; } .wgtIgniteSectionProducts .wgtIgniteProductListItemStatInventory { grid-column: span 2; } .wgtIgniteProductListItemStatName { grid-column: -1/1; } .wgtIgniteSectionProducts .wgtIgniteProductListItemStatName { grid-column: span 4; } .wgtIgniteProductListItemStatPrice { grid-column: span 4; } .wgtIgniteSectionProducts .wgtIgniteProductListItemStatPrice { grid-column: span 3; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteProductListItemStatSKU { grid-column: span 2; } .wgtIgniteSectionProducts .wgtIgniteProductListItemStatSKU { grid-column: span 3; } .wgtIgniteProductListItemStatQtyAvailable .wgtIgniteProductListItemStatValue.RadLabel, .wgtIgniteProductListItemStatQtyCommitted .wgtIgniteProductListItemStatValue.RadLabel { text-align: left; } .wgtIgniteProductListItemStatTitle, .wgtIgniteProductListItemStatTitle.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 1500px) { .wgtIgnite { /*S 11/02/22 */ /*E 11/02/22 */ /*S 1/20/23 */ /*E 1/20/23 */ /*S 10/03/22 */ /*E 10/03/22 */ } .wgtIgniteCommunicationsLibraryCategoryItems { grid-template-columns: 1fr 1fr 1fr 1fr; } .wgtIgniteCommunicationsLibraryItemPreview { width: 180px; height: 130px; } .wgtIgniteTagsList .wgtIgniteEntryEditTrigger { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; position: relative; width: auto; height: auto; } .wgtIgniteTagsList .wgtIgniteTagsListItem.disabled .wgtIgniteEntryEditTrigger { display: none; } .wgtIgniteGroupListHeaders { display: none; } .wgtIgniteOrderBarcodeScannerArea { grid-template-columns: 1fr 1fr; } .wgtIgniteOrderProductListHeaders { display: none; } .wgtIgniteOrderProductList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteOrderProductListItem { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteOrderProductListItemStat { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteOrderProductListItemStatDescription { grid-column: -1/1; } .wgtIgniteOrderProductListItemControls { grid-column: -1/1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteOrderProductListItemStatTitle { display: block; } .wgtIgniteOrder > .wgtIgniteSectionContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } .wgtIgniteTagsListHeaders { display: none; } .wgtIgniteTagsListItem { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-template-columns: 15% 15% 1fr 1fr 15% 1fr 1fr; row-gap: 10px; } .wgtIgniteTagsListItem.disabled::before, .wgtIgniteTagsListItem.disabled::after { grid-column-end: 8; } .wgtIgniteTagsListItemStat, .wgtIgniteTagsListItemField { /*S 11/23/22 */ /*E 11/23/22 */ } .wgtIgniteTagsListItemStatTitle.RadLabel, .wgtIgniteTagsListItemFieldTitle.RadLabel { display: block; } .wgtIgniteTagsListItemStatAutoAssign .wgtIgniteTagsListItemStatTitle.RadLabel, .wgtIgniteTagsListItemStatPreview .wgtIgniteTagsListItemStatTitle.RadLabel, .wgtIgniteTagsListItemStatCampaign .wgtIgniteTagsListItemStatTitle.RadLabel, .wgtIgniteTagsListItemStatDate .wgtIgniteTagsListItemStatTitle.RadLabel, .wgtIgniteTagsListItemStatAutoAssign .wgtIgniteTagsListItemFieldTitle.RadLabel, .wgtIgniteTagsListItemStatPreview .wgtIgniteTagsListItemFieldTitle.RadLabel, .wgtIgniteTagsListItemStatCampaign .wgtIgniteTagsListItemFieldTitle.RadLabel, .wgtIgniteTagsListItemStatDate .wgtIgniteTagsListItemFieldTitle.RadLabel { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteTagsListItemStatBackColor, .wgtIgniteTagsListItemFieldBackColor { grid-column-start: 1; grid-column-end: 4; } .wgtIgniteTagsListItemStatCampaign, .wgtIgniteTagsListItemFieldCampaign { grid-column: span 6; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteTagsListItemStatControls, .wgtIgniteTagsListItemFieldControls { grid-column-start: 1; grid-column-end: 8; height: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteTagsListItemStatDescription, .wgtIgniteTagsListItemFieldDescription { grid-column-start: 1; grid-column-end: 8; } .wgtIgniteTagsListItemStatDate, .wgtIgniteTagsListItemFieldDate { grid-column-start: 4; grid-column-end: 8; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteTagsListItemStatName, .wgtIgniteTagsListItemFieldName { grid-column-start: 1; grid-column-end: 8; } .wgtIgniteTagsListItemStatPreview, .wgtIgniteTagsListItemFieldPreview { grid-column-start: 1; grid-column-end: 8; height: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteTagsListItemStatTagPreview.RadLabel, .wgtIgniteTagsListItemFieldTagPreview.RadLabel { width: auto !important; } .wgtIgniteTagsListItemStatAutoAssign, .wgtIgniteTagsListItemFieldAutoAssign { grid-column-start: 4; grid-column-end: 8; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteTagsListItemStatOrder, .wgtIgniteTagsListItemFieldOrder { grid-column-start: 1; grid-column-end: 4; } .wgtIgniteTagsListItemStatTextColor, .wgtIgniteTagsListItemFieldTextColor { grid-column-start: 4; grid-column-end: 8; } .wgtIgniteVideoGroupList { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 1250px) { .wgtIgnite { /*S 8/1/22 */ /*E 8/1/22 */ /*S 03/10/23 */ /*E 03/10/23 */ /*S 1/13/23 */ /*E 1/13/23 */ /*S 04/17/23 */ /*E 04/17/23 */ /*S 1/06/23 */ /*E 1/06/23 */ } .wgtIgniteAdminCompaniesListHeaders { display: none; } .wgtIgniteAdminCompaniesListItem { grid-template-columns: 25% 35% 5% 1fr 1fr; } .wgtIgniteAdminCompaniesListItemStatLocation { grid-column: span 4; } .wgtIgniteAdminCompaniesListItemStatName { grid-column: span 5; } .wgtIgniteAdminCompaniesListItemStatMember { grid-column: span 4; } .wgtIgniteAdminCompaniesListItemStatTitle.RadLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .wgtIgniteAdminCompaniesListItemStatLeads .wgtIgniteAdminCompaniesListItemStatTitle.RadLabel { text-align: right; } .wgtIgniteAdminCompaniesListItemStatActive .wgtIgniteAdminCompaniesListItemStatTitle.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .wgtIgniteAdminCompaniesListItemStatLeads .wgtIgniteAdminCompaniesListItemStatValue.RadLabel { text-align: right; } .wgtIgniteAdminCompaniesListItemStatActive .wgtIgniteAdminCompaniesListItemStatValue.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .wgtIgniteAdminGrid { grid-template-columns: 1fr 1fr; } .wgtIgniteCampaignAnalyticsMessagesListHeaders { display: none !important; } .wgtIgniteCampaignAnalyticsMessagesListItem { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important; } .wgtIgniteCampaignAnalyticsMessagesListItemStatDetails { grid-column: span 6; } .drip .wgtIgniteCampaignAnalyticsMessagesListItemStatDetails { grid-column: span 1; } .wgtIgniteCampaignAnalyticsMessagesListItemStatPreview { grid-column: span 1; } .drip .wgtIgniteCampaignAnalyticsMessagesListItemStatPreview { grid-column: span 1; } .wgtIgniteCampaignAnalyticsMessagesListItemStatTitle.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteCommunicationsLibraryCategoryItems { grid-template-columns: 1fr 1fr; } .wgtIgniteCommunicationsLibraryItemPreview { width: 180px; height: 130px; } .wgtIgniteCommunicationsMain { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } .wgtIgniteCommunicationsBodyMedium:nth-child(2n+1) { border-right: none; } .wgtIgniteCommunicationsBodyMedium:last-child { border-bottom: none; } .wgtIgniteCommunicationsBodyStepCampaignTypes { grid-template-columns: 1fr; } .wgtIgniteDashboardDonutChartWrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .wgtIgniteDashboardGridLeadsActions .wgtIgniteDashboardGridBoxBody { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteEntryDate.wgtIgniteEntryCell { grid-column-start: 5; grid-column-end: 7; } .wgtIgniteEntryDue.wgtIgniteEntryCell { grid-row-start: 3; grid-row-end: 4; } .wgtIgniteEntryLink { /*S 05/24/23 */ /*E 05/24/23 */ } .wgtIgniteCampaignsListItemStatShortName .wgtIgniteEntryLink { min-height: 22px; } .wgtIgniteInventoryListHeaders { display: none; } .wgtIgniteInventoryListItem { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px; } .wgtIgniteInventoryListItemProductNumber { grid-column: span 3; } .wgtIgniteInventoryListItemStatCategory { grid-column: span 2; } .wgtIgniteInventoryListItemStatTitle.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteInventoryListItemStatValue.inventory-edit.RadLabel { margin-left: unset; margin-right: auto; } .wgtIgniteInventoryListItemStatValue.inventory-edit.RadLabel::after { top: 20px; } .wgtIgniteManageSparkSitesList, .wgtIgniteManageEmailTemplatesList { grid-template-columns: 1fr 1fr; } .wgtIgniteOnboardingGraphic { width: 300px; height: 240px; background-size: 460px; } .wgtIgniteOrderHistoryListHeaders { display: none; } .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListItem { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListItemControls { grid-column: -1/1; } .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListItemOrderNumber, .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListItemExternalOrderNumber { grid-column: span 3; } .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListItemOrdered { grid-column: span 4; } .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListItemOrderDate { grid-column: span 2; } .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListItemShipping { grid-column: span 2; } .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListItemSoldTo { grid-column: span 4; } .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListItemStatTitle.RadLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .wgtIgniteOrderHistoryListItemShipping .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteOrderHistoryListItemStatTax .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteOrderHistoryListItemStatOtherFees .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteOrderHistoryListItemStatOrderTotal .wgtIgniteOrderHistoryListItemStatTitle.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteOrderLeadType { width: 100%; } .wgtIgniteOrderPaymentFormLocation { margin-top: 0px; width: 100%; } .wgtIgniteOrderPaymentFormTotal { grid-column: -1/1; } .wgtIgniteOrderPaymentLocation, .wgtIgniteOrderPaymentNotes { width: 100%; } .wgtIgniteOrderProductListContainer { margin-top: 10px; } .wgtIgniteOrderRecipientForm { max-width: none; } .wgtIgniteSection.wgtIgniteOrderRecipient.open > .wgtIgniteSectionContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } } @media screen and (max-width: 1068px) { .wgtIgnite { /*S 03/10/23 */ /*E 03/10/23 */ /*S 10/19/22 */ /*E 10/19/22 */ /*S 9/26/22 */ /*E 9/26/22 */ /*S 04/17/23 */ /*E 04/17/23 */ } .wgtIgniteActionEntry { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteActionEntry .wgtIgniteInput.rbRadioButton { top: 0px; } .wgtIgniteActionsTypeOpen .wgtIgniteActionEntry.recurring::before { width: auto; } .wgtIgniteCommunicationsLibraryCategoryItems { grid-template-columns: 1fr; } .wgtIgniteCommunicationsLibraryItemPreview { width: 180px; height: 130px; } .wgtIgniteDashboardDonutChartWrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteDashboardGridLeadsActions .wgtIgniteDashboardGridBoxBody { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteImportPreviewTable { background-color: transparent; padding: 0px; } .wgtIgniteImportPreviewTableHeaders { display: none; } .wgtIgniteImportPreviewTableEntry { background-color: var(--wgtIgnite-palette-background); border-radius: var(--wgtIgnite-br); grid-template-columns: 15% 15% 15% 16% 15% auto; grid-template-rows: auto auto; margin-bottom: 20px; padding: 10px; row-gap: 5px; } .wgtIgniteImportPreviewTableEntryCell { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wgtIgniteImportPreviewTableEntryCellAddress1, .wgtIgniteImportPreviewTableEntryCellAddress2, .wgtIgniteImportPreviewTableEntryCellEmail { grid-column: span 2; } .wgtIgniteImportPreviewTableEntryCellCountry { grid-column: span 6; } .wgtIgniteImportPreviewTableEntryCellCustom1, .wgtIgniteImportPreviewTableEntryCellCustom2, .wgtIgniteImportPreviewTableEntryCellCustom3, .wgtIgniteImportPreviewTableEntryCellCustom4, .wgtIgniteImportPreviewTableEntryCellCustom5 { grid-column: span 3; } .wgtIgniteImportPreviewTableEntryCellLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; width: 100%; } .wgtIgniteImportPreviewTableEntryCell:last-child .wgtIgniteImportPreviewTableEntryCellValue { text-align: left; } .wgtIgniteMasterListNavigationDesktop { display: none; } .wgtIgniteMasterListNavigationMobile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wgtIgniteEntryCell.wgtIgniteEntryGeneralComments { grid-row-start: 4; } .wgtIgniteEntryCell.wgtIgniteEntryName { grid-column-start: 1; grid-column-end: 4; grid-row-start: 2; } .wgtIgniteEntryCell.wgtIgniteEntryMessage { grid-column-start: 1; grid-row-start: 4; } .wgtIgniteEntryCell.wgtIgniteEntryStatus { grid-column-start: 1; grid-row-start: 3; } .wgtIgniteEntryCell.wgtIgniteEntrySource { grid-column-start: 2; grid-row-start: 3; } .wgtIgniteEntryCell.wgtIgniteEntryRequest { grid-column-start: 3; grid-row-start: 3; } .wgtIgniteEntryRow { grid-template-columns: minmax(80px, 120px) minmax(80px, 120px) minmax(80px, 120px) 1fr 1fr; } .wgtIgniteOrderHistoryListHeaders { display: none; } .wgtIgniteOrderHistoryListItem { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-template-columns: 20px 1fr 1fr 1fr 1fr 1fr; } .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListItem { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .wgtIgniteOrderHistoryListItemControls { grid-column: -1/1; } .wgtIgniteOrderHistoryListItemOrderNumber { grid-column: span 2; } .wgtIgniteOrderHistoryListItemExternalOrderNumber { grid-column: span 3; } .wgtIgniteOrderHistoryListItemSoldTo { grid-column: span 5; } .wgtIgniteOrderHistoryListItemSubtotal { grid-column: span 2; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteOrderHistoryListItemStatOrderTotal { grid-column: -1/1; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListItemStatOrderTotal { grid-column: span 1; } .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteOrderHistoryListItemStatTitle { display: block; } .wgtIgniteOrderHistoryListItemOrderDate .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteOrderHistoryListItemOrderDate .wgtIgniteOrderHistoryListItemStatTitle { text-align: right; } .wgtIgniteOrderHistoryListItemSubtotal .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteOrderHistoryListItemStatOrderTotal .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteOrderHistoryListItemSubtotal .wgtIgniteOrderHistoryListItemStatTitle, .wgtIgniteOrderHistoryListItemStatOrderTotal .wgtIgniteOrderHistoryListItemStatTitle { text-align: left; } .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListItemStatOrderTotal .wgtIgniteOrderHistoryListItemStatTitle.RadLabel, .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListItemStatOrderTotal .wgtIgniteOrderHistoryListItemStatTitle { text-align: right; margin-left: auto; } .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListItemOrderDate .wgtIgniteOrderHistoryListItemStatValue.RadLabel, .wgtIgniteLeadCampaignHistoryListContainer .wgtIgniteOrderHistoryListItemOrderDate .wgtIgniteOrderHistoryListItemStatValue { text-align: left; } .wgtIgniteOrderHistoryListItemOrderDate .wgtIgniteOrderHistoryListItemStatValue.RadLabel, .wgtIgniteOrderHistoryListItemOrderDate .wgtIgniteOrderHistoryListItemStatValue { text-align: right; } .wgtIgniteOrderPaymentForm { grid-template-columns: 1fr 1fr 1fr; } .wgtIgniteOrderSearchListHeaders { display: none !important; } .wgtIgniteOrderSearchListHeaders, .wgtIgniteOrderSearchListItem { grid-template-columns: 110px 1fr 1fr 120px; } .wgtIgniteOrderSearchListItemStatTitle { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteOrderSearchListItemStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteOrderSearchListItemStatOrderName { grid-row-start: 2; grid-column-start: 1; } .wgtIgniteOrderSearchListItemStatLocation { grid-row-start: 2; grid-column-start: 3; } .wgtIgniteOrderSearchListItem > span { grid-row-start: 1; grid-row-end: 3; grid-column-start: 4; } .wgtIgniteOrderSearchResultsListHeaders { display: none; } .wgtIgniteOrderSearchResultsListItemStatTitle { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteOrderSearchResultsListItem { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-template-columns: 50px 120px 10px 1fr 1fr; } .wgtIgniteOrderSearchResultsListItemControls { grid-column: span 4; } .wgtIgniteOrderSearchResultsListItemOrderDate { grid-column: span 2; } .wgtIgniteOrderSearchResultsListItemCustomerEmail { grid-column: span 3; } .wgtIgniteOrderSearchResultsListItemTotal .wgtIgniteOrderSearchResultsListItemStatValue { text-align: left; } .wgtIgniteProductDetailGrid { grid-template-columns: 1fr; } .wgtIgniteSparkSiteDetailFieldActive { grid-row-start: 3; grid-column-start: 6; grid-column-end: 7; } .wgtIgniteSparkSiteDetailFieldCompany { grid-column: span 5; } .wgtIgniteSparkSiteDetailFieldDescription { grid-column-end: 7; } .wgtIgniteSparkSiteDetailFieldDomainName { grid-column-end: 5; grid-row-start: 7; } .wgtIgniteSparkSiteDetailFieldPreview { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 7; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteSparkSiteDetailFieldPreviewURL { grid-column-end: 7; } .wgtIgniteSparkSiteDetailFieldTitle { grid-row-start: 4; grid-column-end: 7; } .wgtIgniteSparkSiteDetailFieldType { grid-column: 1/-1; grid-row-start: 9; } .wgtIgniteSparkSiteDetailFieldSourceCode, .wgtIgniteSparkSiteDetailFieldRequestCode { grid-column: span 3; } .wgtIgniteSparkSiteStatFieldDomain { grid-row-start: 7; grid-column-start: 6; } .wgtIgniteSS { /*S 10/28/22 */ /*E 10/28/22 */ /*S 05/11/23 */ /*E 05/11/23 */ } .wgtIgniteSSContainer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteSSControls { width: 100%; } .wgtIgniteSSDetails { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: unset; -ms-flex: unset; flex: unset; width: 100%; } .wgtIgniteSSDescription.RadLabel { margin: 10px 0px; text-align: center; } .wgtIgniteSSOverride { max-width: none; } .wgtIgniteSSSummary { margin-top: 15px; text-align: center; } .wgtIgniteSSThumbnail { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .wgtIgniteSSTools { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteVideoGroupList { grid-template-columns: 1fr; } } @media screen and (max-width: 950px) { .wgtIgnite { /*S 07/13/23 */ /*E 07/13/23 */ } .wgtIgniteDashboardDue { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .wgtIgniteDashboardPie { top: -150px; right: -220px; } .wgtIgniteLeadCampaignHistoryListItem { grid-template-columns: 100px 100px 1fr auto 1fr auto; } .wgtIgniteLeadCampaignHistoryListItem.sms .wgtIgniteLeadCampaignHistoryListItemStatDate { grid-column: span 3; } .wgtIgniteLeadCampaignHistoryListItemStatOpenedDate { grid-column: span 3; } .wgtIgniteLeadCampaignHistoryListItemStatSubject { grid-column: span 5; } .wgtIgniteLeadCampaignHistoryListItem.sms .wgtIgniteLeadCampaignHistoryListItemStatSubject { grid-column: span 3; } .wgtIgniteSectionDashboard { padding-right: 20px; } .wgtIgniteStaffAccountsListHeaders { display: none; } .wgtIgniteStaffAccountsListItem { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 5px; padding: 0px; } .wgtIgniteStaffAccountsListItemStat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteStaffAccountsListItemStatStatus { grid-column-start: 2; grid-column-end: 5; } .wgtIgniteStaffAccountsListItemStatTitle.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; } } @media screen and (min-width: 851px) { .wgtIgnite { /*S 1/06/23 */ /*E 1/06/23 */ /* S 4/29/22 */ /* E 4/29/22 */ /*S 04/17/23 */ /*E 04/17/23 */ /*S 05/23/23 */ /*E 05/23/23 */ /*S 4/21/22 */ /* .wgtIgniteTopbar */ /*E 4/21/22 */ } .wgtIgniteCampaignMessagesListHeaders { z-index: 3 !important; } .wgtIgniteMainMenu + .wgtIgniteMainContent { grid-column-start: 1; grid-column-end: 2; } .wgtIgniteQuickMenuRevealTrigger { display: none !important; } .wgtIgniteOverlayCancelAccount, .wgtIgniteOverlayCommunications, .wgtIgniteOverlayPrerelease { width: calc(100% + 50px); left: -50px; } .wgtIgniteTopbar.info-open .wgtIgniteTopbarCompanyInfo.constrained .wgtIgniteTopbarCloser { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; } .wgtIgniteTopbar.info-open .wgtIgniteTopbarCompanyInfo.constrained .wgtIgniteTopbarLogoutTrigger { color: var(--wgtIgnite-palette-background); } .wgtIgniteTopbarCompanyInfo.constrained { /* S 4/28/22 */ cursor: pointer; /* E 4/28/22 */ /*S 7/21/22 */ height: 41px; width: 37px; /*E 7/21/22 */ border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-color-1l1); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0px; margin: 20px 0px 20px auto; } .wgtIgniteTopbarCompanyInfo.constrained::before { pointer-events: none; border-radius: var(--wgtIgnite-br); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; -webkit-transition: background-color 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease, height 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); background-color: var(--wgtIgnite-color-1); content: ""; height: 100%; width: 100%; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-position: center; mask-size: 15px; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 15px; } .wgtIgniteTopbar.info-open .wgtIgniteTopbarCompanyInfo.constrained::before { background-color: var(--wgtIgnite-palette-background); -webkit-transform: translate(0px, 15px); transform: translate(0px, 15px); } .wgtIgniteTopbarCompanyInfo.constrained::after { background-color: var(--wgtIgnite-palette-background); content: ""; position: absolute; /* s 4/28/22 */ height: 0px; /* e 4/28/22 */ width: 35px; border-radius: var(--wgtIgnite-br); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: background-color 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, background-color 0.3s ease, height 0.3s ease; transition: transform 0.3s ease, background-color 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; } .wgtIgniteTopbar.info-open .wgtIgniteTopbarCompanyInfo.constrained::after { height: 45px; background-color: var(--wgtIgnite-color-1l3); -webkit-transform: translate(0px, 20px); transform: translate(0px, 20px); } .wgtIgniteTopbarMember { display: grid; grid-template-columns: auto auto auto; grid-template-rows: auto auto; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; /* .wgtIgniteTopbarMemberName */ } .wgtIgniteTopbarMemberName { display: -webkit-box; display: -ms-flexbox; display: flex; /* S 4/11/22 */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--wgtIgnite-text-size-medium); /* E 4/11/22 */ } .wgtIgniteTopbarCompanyInfo.constrained .wgtIgniteTopbarMember { /* S 4/20/22 */ pointer-events: none; /* E 4/20/22 */ /* S 4/21/22 */ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; /* E 4/21/22 */ /* S 3/31/22 */ background-color: var(--wgtIgnite-color-1l3); border-radius: 0px; position: absolute; width: 100%; top: 77px; right: 0; opacity: 0; padding: 10px; z-index: 1; /* E 3/31/22 */ } .wgtIgniteTopbarCompanyInfo.constrained .wgtIgniteTopbarMemberName { color: var(--wgtIgnite-palette-background); text-align: left; } .wgtIgniteNav.reveal + .wgtIgniteBody .wgtIgniteTopbar.info-open .wgtIgniteTopbarCompanyInfo.constrained .wgtIgniteTopbarMember { width: calc(100% - 100px); } .wgtIgniteTopbar.info-open .wgtIgniteTopbarCompanyInfo.constrained .wgtIgniteTopbarMember { opacity: 1; pointer-events: all; z-index: 4; } .wgtIgniteTopbarSearch { /*S 7/20/22 */ /*E 7/20/22 */ } .wgtIgniteTopbarCompanyInfo.constrained + .wgtIgniteTopbarSearch::before { height: 41px; } .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearch { max-height: none; height: auto; margin: 20px 20px 20px auto; width: calc(100% - 20px); } .wgtIgniteTopbarSearchTrigger { margin: 5px; } } @media screen and (max-width: 850px) { .wgtIgnite { /*S 04/12/23 */ /*E 04/12/23 */ /* GROUP SELECTOR for max-width 850px */ /*S 12/02/22 */ /*E 12/02/22 */ /*S 8/19/22 */ /*E 8/19/22 */ /*S 9/19/22 */ /*E 9/19/22 */ /* wgtIgniteBody for max-width: 850px */ /* wgtIgniteCampaigns for max-width: 850px */ /* wgtIgniteCommunications for max-width: 850px */ /* wgtIgniteContext for max-width: 850px */ /*S 10/13/22 */ /* wgtIgniteDashboard for max-width: 850px */ /*E 10/13/22 */ /*S 03/13/23 */ /* wgtIgniteEntry for max-width: 850px */ /*E 03/13/23 */ /* S 3/31/22 */ /* E 3/31/22 */ /* wgtIgniteGroupList for max-width: 850px */ /*S 8/29/22 */ /*E 8/29/22 */ /* .wgtIgniteGroupSelect */ /* wgtIgniteGroupbar for max-width: 850px */ /*S 8/10/22 */ /* wgtIgniteInput for max-width: 850px */ /*E 8/10/22 */ /* .wgtIgniteHeaderSeparator for max-width: 850px */ /* S 4/13/22 */ /* E 4/13/22 */ /* .wgtIgniteImport for max-width: 850px */ /* .wgtIgniteLead for max-width: 850px */ /* S 4/26/22 */ /* E 4/26/22 */ /* .wgtIgniteMain for max-width: 850px */ /*S 9/26/22 */ /* .wgtIgniteMasterList for max-width: 850px */ /*E 9/26/22 */ /*S 10/12/23 */ /*E 10/12/23 */ /*S 8/12/22 */ /* .wgtIgniteMapping for max-width: 850px */ /*E 8/12/22 */ /*S 8/10/22 */ /*E 8/10/22 */ /* S 03/28/23 */ /* E 03/28/23 */ /* .wgtIgniteOnboarding for max-width: 850px */ /*S 04/24/23 */ /*E 04/24/23 */ /* .wgtIgnitePage for max-width: 850px */ /*S 8/29/22 */ /*E 8/29/22 */ /* S 9/29/22 */ /* E 9/29/22 */ /* .wgtIgniteRequestCodeList for max-width: 850px */ /* 3/10/22 */ /* 3/10/22 */ /* S 3/30/22 */ /* E 3/30/22 */ /*S 11/01/22 */ /*E 11/01/22 */ /* S 5/5/22 */ /* E 5/5/22 */ /* S 8/16/22 */ /*S 8/30/22 */ /*E 8/30/22 */ /* .wgtIgniteTaskSelect for max-width: 850px */ /* E 8/16/22 */ /* .wgtIgniteTopbar for max-width: 850px */ /*S 1/03/23 */ /*E 1/03/23 */ /* S 3/31/22 */ /* E 3/31/22 */ /*S 5/02/22 */ /*E 5/02/22 */ /*S 8/08/22 */ /*S 8/08/22 */ } .wgtIgniteActionsListItem .wgtIgniteButton.rbIconOnly, .wgtIgniteAdminCompaniesListItem .wgtIgniteButton.rbIconOnly, .wgtIgniteCampaignsListItem .wgtIgniteButton.rbIconOnly, .wgtIgniteCampaignMessagesListItem .wgtIgniteButton.rbIconOnly, .wgtIgniteGroupsListItem .wgtIgniteButton.rbIconOnly, .wgtIgnitePayTemplatesListItem .wgtIgniteButton.rbIconOnly, .wgtIgniteTagsListItem .wgtIgniteButton.rbIconOnly, .wgtIgniteStatusesListItem .wgtIgniteButton.rbIconOnly { padding: 12px; } .wgtIgniteActionsListItem .wgtIgniteButton.rbIconOnly:first-child, .wgtIgniteAdminCompaniesListItem .wgtIgniteButton.rbIconOnly:first-child, .wgtIgniteCampaignsListItem .wgtIgniteButton.rbIconOnly:first-child, .wgtIgniteCampaignMessagesListItem .wgtIgniteButton.rbIconOnly:first-child, .wgtIgniteGroupsListItem .wgtIgniteButton.rbIconOnly:first-child, .wgtIgnitePayTemplatesListItem .wgtIgniteButton.rbIconOnly:first-child, .wgtIgniteTagsListItem .wgtIgniteButton.rbIconOnly:first-child, .wgtIgniteStatusesListItem .wgtIgniteButton.rbIconOnly:first-child { border-top-left-radius: 0px !important; border-bottom-left-radius: var(--wgtIgnite-br) !important; } .wgtIgniteButtonVisualEditor { display: none !important; } .wgtIgnite .RadButton.rbButton.wgtIgniteButtonCampaignMessageMoveDown, .wgtIgnite .RadButton.rbButton.wgtIgniteButtonCampaignMessageMoveUp { padding: 0px !important; } .wgtIgnite .RadButton.rbButton.wgtIgniteButtonCampaignMessageMoveDown .rbIcon, .wgtIgnite .RadButton.rbButton.wgtIgniteButtonCampaignMessageMoveUp .rbIcon { width: 25px !important; height: 25px !important; } .wgtIgnite .RadButton.rbButton.wgtIgniteButtonCampaignMessageMoveDown .rbIcon::before, .wgtIgnite .RadButton.rbButton.wgtIgniteButtonCampaignMessageMoveUp .rbIcon::before { -webkit-mask-size: contain; mask-size: contain; width: 22px !important; height: 22px !important; } .wgtIgnite .RadComboBox.wgtIgniteTaskSelect { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .wgtIgnite .performance-trend { margin-left: auto; } .wgtIgnite .performance-label { width: 100%; } .wgtIgniteSS { /*S 10/24/22 */ /*E 10/24/22 */ } .wgtIgniteSSIntroAnalytics { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; } .wgtIgniteSSTabsContentContainer { padding: 10px; } .wgtIgniteSSTabsContainer { padding-left: 0px; } .wgtIgniteSSTabsList div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 10px; } .wgtIgniteSSTabsListItem { border-bottom-left-radius: var(--wgtIgnite-br); border-bottom-right-radius: var(--wgtIgnite-br); } .wgtIgniteSSTitle { text-align: center; } .wgtIgniteSSTools { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; row-gap: 10px; } .wgtIgniteActionsList, .wgtIgniteAdminCompaniesList, .wgtIgniteCampaignsList, .wgtIgniteCampaignMessagesList, .wgtIgniteGroupsList, .wgtIgnitePayHistoryList, .wgtIgnitePayTemplatesList, .wgtIgnitePlanTemplatesList, .wgtIgniteRequestCodeList, .wgtIgniteStatusesList, .wgtIgniteTagsList { padding: 0px; } .wgtIgniteActionsListItem.edit-mode, .wgtIgniteActionsListItem.new, .wgtIgniteAdminCompaniesListItem.edit-mode, .wgtIgniteAdminCompaniesListItem.new, .wgtIgniteCampaignsListItem.edit-mode, .wgtIgniteCampaignsListItem.new, .wgtIgniteCampaignMessagesListItem.edit-mode, .wgtIgniteCampaignMessagesListItem.new, .wgtIgniteGroupsListItem.edit-mode, .wgtIgniteGroupsListItem.new, .wgtIgnitePayHistoryListItem.edit-mode, .wgtIgnitePayHistoryListItem.new, .wgtIgnitePayTemplatesListItem.edit-mode, .wgtIgnitePayTemplatesListItem.new, .wgtIgnitePlanTemplatesListItem.edit-mode, .wgtIgnitePlanTemplatesListItem.new, .wgtIgniteRequestCodeListItem.edit-mode, .wgtIgniteRequestCodeListItem.new, .wgtIgniteStatusesListItem.edit-mode, .wgtIgniteStatusesListItem.new, .wgtIgniteTagsListItem.edit-mode, .wgtIgniteTagsListItem.new { padding: 0px 10px 10px 10px; } .wgtIgniteActionsListItem.edit-mode::before, .wgtIgniteActionsListItem.new::before, .wgtIgniteAdminCompaniesListItem.edit-mode::before, .wgtIgniteAdminCompaniesListItem.new::before, .wgtIgniteCampaignsListItem.edit-mode::before, .wgtIgniteCampaignsListItem.new::before, .wgtIgniteCampaignMessagesListItem.edit-mode::before, .wgtIgniteCampaignMessagesListItem.new::before, .wgtIgniteGroupsListItem.edit-mode::before, .wgtIgniteGroupsListItem.new::before, .wgtIgnitePayHistoryListItem.edit-mode::before, .wgtIgnitePayHistoryListItem.new::before, .wgtIgnitePayTemplatesListItem.edit-mode::before, .wgtIgnitePayTemplatesListItem.new::before, .wgtIgnitePlanTemplatesListItem.edit-mode::before, .wgtIgnitePlanTemplatesListItem.new::before, .wgtIgniteRequestCodeListItem.edit-mode::before, .wgtIgniteRequestCodeListItem.new::before, .wgtIgniteStatusesListItem.edit-mode::before, .wgtIgniteStatusesListItem.new::before, .wgtIgniteTagsListItem.edit-mode::before, .wgtIgniteTagsListItem.new::before { content: url('data:image/svg+xml; utf8,'); height: 18px; height: 15px; width: 15px; padding: 12px; } .wgtIgniteActionsListItem.disabled, .wgtIgniteAdminCompaniesListItem.disabled, .wgtIgniteCampaignsListItem.disabled, .wgtIgniteCampaignMessagesListItem.disabled, .wgtIgniteGroupsListItem.disabled, .wgtIgnitePayHistoryListItem.disabled, .wgtIgnitePayTemplatesListItem.disabled, .wgtIgnitePlanTemplatesListItem.disabled, .wgtIgniteRequestCodeListItem.disabled, .wgtIgniteStatusesListItem.disabled, .wgtIgniteTagsListItem.disabled { padding-top: 10px !important; } .wgtIgniteActionsListItem.disabled::before, .wgtIgniteAdminCompaniesListItem.disabled::before, .wgtIgniteCampaignsListItem.disabled::before, .wgtIgniteCampaignMessagesListItem.disabled::before, .wgtIgniteGroupsListItem.disabled::before, .wgtIgnitePayHistoryListItem.disabled::before, .wgtIgnitePayTemplatesListItem.disabled::before, .wgtIgnitePlanTemplatesListItem.disabled::before, .wgtIgniteRequestCodeListItem.disabled::before, .wgtIgniteStatusesListItem.disabled::before, .wgtIgniteTagsListItem.disabled::before { grid-column: 1/-1; grid-row-start: 1; position: relative !important; left: 0px; } .wgtIgniteActionsListItem.disabled::after, .wgtIgniteAdminCompaniesListItem.disabled::after, .wgtIgniteCampaignsListItem.disabled::after, .wgtIgniteCampaignMessagesListItem.disabled::after, .wgtIgniteGroupsListItem.disabled::after, .wgtIgnitePayHistoryListItem.disabled::after, .wgtIgnitePayTemplatesListItem.disabled::after, .wgtIgnitePlanTemplatesListItem.disabled::after, .wgtIgniteRequestCodeListItem.disabled::after, .wgtIgniteStatusesListItem.disabled::after, .wgtIgniteTagsListItem.disabled::after { position: relative !important; grid-column: 1/-1; grid-row-start: 1; } .wgtIgniteActionsListItemFieldControls, .wgtIgniteActionsListItemControl, .wgtIgniteAdminCompaniesListItemFieldControls, .wgtIgniteAdminCompaniesListItemControl, .wgtIgniteCampaignsListItemFieldControls, .wgtIgniteCampaignsListItemControl, .wgtIgniteCampaignMessagesListItemFieldControls, .wgtIgniteCampaignMessagesListItemControl, .wgtIgniteGroupsListItemFieldControls, .wgtIgniteGroupsListItemControl, .wgtIgnitePayHistoryListItemFieldControls, .wgtIgnitePayHistoryListItemControl, .wgtIgnitePayTemplatesListItemFieldControls, .wgtIgnitePayTemplatesListItemControl, .wgtIgnitePlanTemplatesListItemFieldControls, .wgtIgnitePlanTemplatesListItemControl, .wgtIgniteRequestCodeListItemFieldControls, .wgtIgniteRequestCodeListItemControl, .wgtIgniteStatusesListItemFieldControls, .wgtIgniteStatusesListItemControl, .wgtIgniteTagsListItemFieldControls, .wgtIgniteTagsListItemControl { grid-row-start: 1 !important; } .wgtIgniteActionsListItemFieldControls .RadButton, .wgtIgniteActionsListItemControl .RadButton, .wgtIgniteAdminCompaniesListItemFieldControls .RadButton, .wgtIgniteAdminCompaniesListItemControl .RadButton, .wgtIgniteCampaignsListItemFieldControls .RadButton, .wgtIgniteCampaignsListItemControl .RadButton, .wgtIgniteCampaignMessagesListItemFieldControls .RadButton, .wgtIgniteCampaignMessagesListItemControl .RadButton, .wgtIgniteGroupsListItemFieldControls .RadButton, .wgtIgniteGroupsListItemControl .RadButton, .wgtIgnitePayHistoryListItemFieldControls .RadButton, .wgtIgnitePayHistoryListItemControl .RadButton, .wgtIgnitePayTemplatesListItemFieldControls .RadButton, .wgtIgnitePayTemplatesListItemControl .RadButton, .wgtIgnitePlanTemplatesListItemFieldControls .RadButton, .wgtIgnitePlanTemplatesListItemControl .RadButton, .wgtIgniteRequestCodeListItemFieldControls .RadButton, .wgtIgniteRequestCodeListItemControl .RadButton, .wgtIgniteStatusesListItemFieldControls .RadButton, .wgtIgniteStatusesListItemControl .RadButton, .wgtIgniteTagsListItemFieldControls .RadButton, .wgtIgniteTagsListItemControl .RadButton { padding: 11px !important; } .wgtIgniteActions { row-gap: 10px; } .wgtIgniteActions.open .wgtIgniteActionsList { padding: 0px; } .wgtIgniteActionsListHeaders { display: none; } .wgtIgniteActionsListItem { grid-template-rows: auto auto !important; grid-template-columns: auto auto !important; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; row-gap: 10px; /*S 10/31/22 */ /*E 10/31/22 */ } .wgtIgniteActionsListItem:hover { cursor: unset; } .wgtIgniteActionsListItem:hover::after { cursor: pointer; } .wgtIgniteActionsListItem.edit-mode::after, .wgtIgniteActionsListItem.new::after { display: none; } .wgtIgniteActionsListItem.disabled::after { grid-column-end: 3; } .wgtIgniteActionsListItemControl { grid-column-start: 1; grid-column-end: 3; } .wgtIgniteActionsListItemStatTitle.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteActionsListItemStat { /*S 10/31/22 */ pointer-events: auto; /*E 10/31/22 */ } .wgtIgniteActionsListItemStatDate { grid-column-start: 2; grid-column-end: 3; } .wgtIgniteActionsListItemStatDescription { text-align: right; } .wgtIgniteActionsListItemStatCode::before { display: none; } .wgtIgniteActionsListItemStatCount .wgtIgniteActionsListItemStatTitle.RadLabel, .wgtIgniteActionsListItemStatDescription .wgtIgniteActionsListItemStatTitle.RadLabel, .wgtIgniteActionsListItemStatCount .wgtIgniteActionsListItemStatValue.RadLabel, .wgtIgniteActionsListItemStatDescription .wgtIgniteActionsListItemStatValue.RadLabel { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteActionCard { grid-column: span 2; } .wgtIgniteActionControls { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; grid-column: span 2; } .wgtIgniteAdminCompanies { padding: 0px; } .wgtIgniteAdminCompaniesListHeaders { display: none; } .wgtIgniteAdminCompaniesListItem { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-bottom: solid 1px var(--wgtIgnite-palette-grey-4); } .wgtIgniteAdminCompaniesListItemStatLocation .wgtIgniteInput:nth-child(1), .wgtIgniteAdminCompaniesListItemStatLocation .wgtIgniteInput:nth-child(3) { grid-column: span 2; } .wgtIgniteAdminCompaniesListItemStatLocation .wgtIgniteInput:nth-child(4) { grid-column: span 4; } .wgtIgniteAdminCompaniesListItemStatLocation .wgtIgniteInput:nth-child(2) { grid-column: span 4; } .wgtIgniteAdminCompaniesListItemStatTitle.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteAdminCompaniesListItemStatLocation .wgtIgniteAdminCompaniesListItemStatTitle.RadLabel { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wgtIgniteAdminCompaniesListItemStatName .wgtIgniteAdminCompaniesListItemStatTitle.RadLabel { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wgtIgniteBody { /* S 4/27/22 */ width: 100%; max-width: 100%; /* E 4/27/22 */ /*S 1/04/23 */ /*E 1/04/23 */ } .wgtIgniteBodyOnboarding { height: auto; } .wgtIgniteCampaign { /* wgtIgniteMessageCampaignRecipients*/ /* wgtIgniteMessageCampaignMessages*/ } .wgtIgniteCampaignAnalyticsActionsListContainerWrapper { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteCampaignAnalyticsChartTotals { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .wgtIgniteCampaignAnalyticsDonutWrapper { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .wgtIgniteCampaignAnalyticsMessagesListItem { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-template-columns: 1fr 1fr 1fr 1fr !important; } .wgtIgniteCampaignAnalyticsMessagesListItemStatDetails { grid-column: span 2; } .drip .wgtIgniteCampaignAnalyticsMessagesListItemStatDetails { grid-column: span 3; } .wgtIgniteCampaignDetailsHeader.sticky-mode { width: calc(100% - 10px); left: 0px; } .wgtIgniteCampaignDetailsHero { grid-template-columns: 1fr; } .wgtIgniteCampaignDetailsStats { grid-template-columns: 1fr 1fr; } .wgtIgniteCampaignDetailsStatOptOut, .wgtIgniteCampaignDetailsStatTotalRecipients { grid-column: -1/1; } .wgtIgniteCampaignRecipientsListHeaders, .wgtIgniteCampaignMessagesListHeaders { display: none; } .wgtIgniteCampaignRecipientsListItem, .wgtIgniteCampaignMessagesListItem { display: grid; } .wgtIgniteCampaignRecipientsListItemStatTitle.RadLabel, .wgtIgniteCampaignMessagesListItemStatTitle.RadLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .wgtIgniteCampaignMessagesListItem { grid-template-columns: 120px 1fr 1fr; grid-template-rows: auto auto auto auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 26px 10px; } .wgtIgniteCampaignMessagesListItemControl { grid-column: span 3; } .wgtIgniteCampaignMessagesListItem.edit-mode .wgtIgniteCampaignMessagesListItemControl, .wgtIgniteCampaignMessagesListItem.new .wgtIgniteCampaignMessagesListItemControl { grid-column: span 3; } .wgtIgniteCampaignMessagesListItemFieldCampaignTemplateID { grid-column: span 2; } .wgtIgniteCampaignMessagesListItemFieldFrequency { grid-column-start: 2; } .wgtIgniteCampaignMessagesListItemFieldInterval { grid-column-start: 3; } .wgtIgniteCampaignMessagesListItemFieldSubject { grid-column: span 2; } .wgtIgniteCampaignMessagesListItemFieldType { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteCampaignMessagesListItemGroupingTitle { display: none; /* display: flex; justify-content: center; column-gap: 10px; grid-column: span 2; z-index: 2; .wgtIgniteCampaignMessagesListItem.new & { align-self: flex-end; } */ } .wgtIgniteCampaignMessagesListItemStatControls { grid-column: span 2; } .wgtIgniteCampaignMessagesListItemStat.wgtIgniteCampaignMessagesListItemStatControls { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCampaignMessagesListItemStatFrequency { grid-column-start: 2; } .wgtIgniteCampaignMessagesListItemStatInterval { grid-column-start: 3; } .wgtIgniteCampaignMessagesListItemStatType { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteCampaignMessagesListItemStatType .wgtIgniteCampaignMessagesListItemStatTitle.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCampaignMessagesListItemStatCost .wgtIgniteCampaignMessagesListItemStatValue.RadLabel { text-align: left !important; } .wgtIgniteCampaignMessagesListItem.disabled::after { grid-column-end: 4; } .wgtIgniteCampaignRecipientsListItem { grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr; } .wgtIgniteCampaignRecipientsListItemControl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCampaignRecipientsListItemStatAutoEnroll { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteCampaignRecipientsListItemStatSequence { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteCampaignsListItem, .wgtIgniteCampaignsListItem.edit-mode, .wgtIgniteCampaignsListItem.new { grid-template-columns: 1fr 1fr 1fr 1fr !important; } .wgtIgniteCampaignsListItemControl { grid-column: span 4; } .wgtIgniteCampaignsListItemStatActive, .wgtIgniteCampaignsListItemStatType { grid-column: span 1; } .wgtIgniteCampaignsListItemStatDescription { grid-column: span 3; } .wgtIgniteCampaignsListItemStatShortName { grid-column: span 2; } .wgtIgniteCampaignsListItemStatRecipientCount { grid-column: span 1; } .wgtIgniteCommunications { /*S 06/06/23 */ /*E 06/06/23 */ } .wgtIgniteCommunicationsBody { /*S 11/28/22 */ /*E 11/28/22 */ /*S 11/22/22 */ /*E 11/22/22 */ /*S 11/11/22 */ /*E 11/11/22 */ } .wgtIgniteCommunicationsBodyLibrary, .wgtIgniteCommunicationsBodyMain { grid-column: span 2; } .wgtIgniteCommunicationsBodyMessaging { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCommunicationsBodyTemplateEditor { grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; } .wgtIgniteCommunicationsBodyTemplateFields { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; } .wgtIgniteCommunicationsBodyTemplateToolbox { grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; } .wgtIgniteCommunicationsMessaging { padding: 20px; } .wgtIgniteCommunicationsMessagingPlatform { width: 100%; padding: 0px 0px 20px 0px; } .wgtIgniteContactToggleTrigger { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .wgtIgniteContactToggleTrigger:hover { cursor: pointer; } .wgtIgniteContext { /* wgtIgniteContextMenu for max-width: 850px */ } .wgtIgniteContextFilterTitle { display: block; cursor: pointer; } .wgtIgniteContextFilters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; position: relative; /*S 4/7/22 */ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100% !important; /*E 4/7/22 */ margin-top: 5px; } .wgtIgniteContextFilter { margin-top: 0px; /* S 3/30/22 */ /* E 3/30/22 */ } .wgtIgniteContextFilterGroup { right: 0px; } .wgtIgniteContextMenu { /* S 3/30/22*/ -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; /* E 3/30/22 */ /* S 4/7/22 */ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* E 4/7/22 */ /* S 4/12/22 */ row-gap: 0px; /* E 4/12/22 */ /* S 4/26/22 */ top: 0px; display: none; padding: 10px; position: relative; /* E 4/26/22 */ /*S 03/31/23 */ /*E 03/31/23 */ } .wgtIgniteMainMenu.reveal .wgtIgniteContextMenu { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--wgtIgnite-color-1l4); } .wgtIgniteContextMenuList { display: none; } .wgtIgniteContextMenuItem { width: 50px; } .wgtIgniteContextMenu.expanded .wgtIgniteContextMenuItem.hidden { opacity: 1; pointer-events: auto; } .wgtIgniteContextMenuItem .wgtIgniteButton { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCreditPackage { grid-column: span 2; } .wgtIgniteDashboardCampaignsListHeaders { display: none; } .wgtIgniteDashboardCampaignsListItemStatMessages { grid-column: span 3; } .wgtIgniteDashboardCampaignsListItemStatDetail, .wgtIgniteDashboardCampaignsListItemStatEmail, .wgtIgniteDashboardCampaignsListItemStatName, .wgtIgniteDashboardCampaignsListItemStatClickthroughs, .wgtIgniteDashboardCampaignsListItemStatSMS, .wgtIgniteDashboardCampaignsListItemStatStart, .wgtIgniteDashboardCampaignsListItemStatType, .wgtIgniteDashboardCampaignsListItemStatRecipients { grid-column: span 2; } .wgtIgniteDashboardCampaignsListItemStatTitle.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteDashboardGridHero .wgtIgniteDashboardGridBoxBody { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteCampaignDetailsStats .wgtIgniteDashboardGridBoxTitle.RadLabel { grid-column: span 1; } .MessageAnalyticsModalActive .wgtIgniteCampaignDetailsStats .wgtIgniteDashboardGridBoxTitle.RadLabel { grid-column: -1/1 !important; } .wgtIgniteCampaignDetailsStats .wgtIgniteDashboardGridBoxSubtitle.RadLabel { grid-column: span 1; } .wgtIgniteDashboardGridHeroTitle { text-align: center; } .wgtIgniteDashboardGridStatCards { grid-template-columns: 1fr 1fr 1fr 1fr; } .wgtIgniteDashboardGridStatCardActiveCampaigns { grid-column: span 4; } .wgtIgniteDashboardGridStatCardEmail, .wgtIgniteDashboardGridStatCardClickthroughs, .wgtIgniteDashboardGridStatCardClickRate, .wgtIgniteDashboardGridStatCardSMS { grid-column: span 2; } .wgtIgniteDashboardGridStatCardEmailValues { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteDashboardGridStatCardValueEmailOpened.RadLabel::before { display: none; } .wgtIgniteDashboardSparkSiteAverages, .wgtIgniteDashboardSparkSiteBounceRates, .wgtIgniteDashboardSparkSiteVisitors { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteDashboardSparkSiteHeader { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteDashboardSparkSiteHeaderMenu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0px 10px; } .wgtIgniteDashboardSparkSiteHeaderMenuTitle { width: 100%; } .wgtIgniteDashboardSparkSiteHeader { grid-area: 1/1/2/3; } .wgtIgniteDashboardSparkSiteSectionContacts { grid-area: 3/1/4/3; } .wgtIgniteDashboardSparkSiteSectionLeads { grid-area: 2/1/3/3; } .wgtIgniteDashboardSparkSiteTabContentContacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteDashboardSparkSiteTabContentStatBody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteDashboardSparkSiteAverages .wgtIgniteDashboardSparkSiteTabContentStatBody { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .wgtIgniteDashboardSparkSiteTabContentStat { row-gap: 10px; } .wgtIgniteDashboardSponsor.default { -webkit-transform: none !important; transform: none !important; } .wgtIgniteEntryCell { /* wgtIgniteEntryName for max-width: 850px */ /* wgtIgniteEntryStatus for max-width: 850px */ /* wgtIgniteEntryCommunications for max-width: 850px */ /* wgtIgniteEntryDate for max-width: 850px */ /* wgtIgniteEntryDue for max-width: 850px */ /* wgtIgniteEntryTags for max-width: 850px */ /* wgtIgniteEntrySource for max-width: 850px */ /* wgtIgniteEntryRequest for max-width: 850px */ /* wgtIgniteEntryMessage for max-width: 850px */ /* wgtIgniteEntryGeneralComments for max-width: 850px */ /* wgtIgniteEntryToolbar for max-width: 850px */ } .wgtIgniteEntryCell.wgtIgniteEntryName { grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; } .wgtIgniteEntryCell.wgtIgniteEntryStatus { grid-column-start: 3; grid-column-end: 5; grid-row-start: 3; grid-row-end: 4; padding-bottom: 5px; text-align: right; } .wgtIgniteEntryCell.wgtIgniteEntryCommunications { grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2; } .wgtIgniteEntryCell.wgtIgniteEntryDate { grid-column-start: 1; grid-column-end: 3; grid-row-start: 9; grid-row-end: 10; text-align: left; } .wgtIgniteEntryCell.wgtIgniteEntryDue { grid-column-start: 3; grid-column-end: 5; grid-row-start: 9; grid-row-end: 10; } .wgtIgniteEntryCell.wgtIgniteEntryTags { grid-column-start: 1; grid-column-end: 5; grid-row-start: 10; grid-row-end: 11; } .wgtIgniteEntryCell.wgtIgniteEntrySource { grid-column-start: 1; grid-column-end: 5; grid-row-start: 4; grid-row-end: 5; } .wgtIgniteEntryCell.wgtIgniteEntryRequest { grid-column-start: 3; grid-column-end: 5; grid-row-start: 4; grid-row-end: 5; text-align: right; } .wgtIgniteEntryCell.wgtIgniteEntryMessage { grid-column-start: 1; grid-column-end: 5; grid-row-start: 7; grid-row-end: 8; margin-top: 8px; } .wgtIgniteEntryCell.wgtIgniteEntryGeneralComments { grid-column-start: 1; grid-column-end: 5; grid-row-start: 8; grid-row-end: 9; margin-top: 8px; margin-bottom: 8px; } .wgtIgniteEntryCell.wgtIgniteEntryToolbar { grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; } .wgtIgniteEntryRow { grid-template-columns: 1fr 1fr 1fr 1fr; } .wgtIgniteEntryToolbar { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteGroupGrid { grid-template-columns: 1fr 1fr; } .wgtIgniteGroupList { /* S 3/23/22 */ /* E 3/23/22 */ /* S 4/13/22 */ /* E 4/13/22 */ } .wgtIgniteSearchHeader + .wgtIgniteGroup .wgtIgniteGroupList { margin-top: 50px; } .wgtIgniteGroupListHeaderTitle { color: var(--wgtIgnite-palette-base); } .wgtIgniteGroupListHeaders { display: none; } .wgtIgniteGroupsListHeaders { display: none; } .wgtIgniteGroupsListItem { grid-template-columns: 1fr 1fr 1fr 1fr; row-gap: 10px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteGroupsListItemControl { grid-row-start: 4; grid-row-end: 5; justify-self: flex-end; height: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteGroupsListItemStatCode, .wgtIgniteGroupsListItemStatOrder { grid-column: span 2; } .wgtIgniteGroupsListItemStatCount, .wgtIgniteGroupsListItemStatDescription { grid-column: span 3; } .wgtIgniteGroupsListItemStatDate { grid-column: span 5; } .wgtIgniteGroupsListItemStatTitle.RadLabel, .wgtIgniteGroupsListItemStatValue.RadLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } .wgtIgniteGroupsListItemStatDescription .wgtIgniteGroupsListItemStatTitle.RadLabel, .wgtIgniteGroupsListItemStatCount .wgtIgniteGroupsListItemStatTitle.RadLabel, .wgtIgniteGroupsListItemStatDescription .wgtIgniteGroupsListItemStatValue.RadLabel, .wgtIgniteGroupsListItemStatCount .wgtIgniteGroupsListItemStatValue.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .wgtIgniteGroupSelect { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; /* S 3/30/22 */ grid-column: span 4; /* E 3/30/22 */ margin: 5px 10px; } .wgtIgniteGroupbar { /* S 3/24/22 */ display: none; /* E 3/24/22 */ } .wgtIgniteGroupbarLabelLogo { display: none; } .wgtIgniteGroupbarNavMobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .wgtIgniteGroupbarNav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /* S 3/22/22 */ /* E 3/22/22 */ } .wgtIgniteGroupbar.search-mode .wgtIgniteGroupbarNav > .wgtIgniteGroupbarNavItem.active::after { display: none; } .wgtIgniteGroupbarSearchNav { display: none !important; } .wgtIgniteGroupbarSearchNavMobile label { color: var(--wgtIgnite-color-1); } .wgtIgniteGroupbar.search-mode ~ .wgtIgniteMainContent .wgtIgniteGroupbarSearchNavMobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteGroupHeader { /* S 9/23/22 */ /* E 9/23/22 */ /* S 4/26/22 */ /* E 4/26/22 */ } .wgtIgniteGroupbar.search-mode ~ .wgtIgniteMainContent .wgtIgniteGroupHeader { top: 56px; } .wgtIgniteGroupHeaderTitle { font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteGroupSwiper { display: block; } .wgtIgniteActionEntry .wgtIgniteInput.rbRadioButton { top: 0px; } .wgtIgniteSearchHeaderTitle + .wgtIgniteHeaderSeparator { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .wgtIgniteImport { /*S 8/29/22 */ /*E 8/29/22 */ } .wgtIgniteImportMeta { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteImportMetaFields { margin-top: 20px; border-left: none; } .wgtIgniteImportMetaOptions { padding-left: 0px; border-left: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteImportMetaTemplate { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteImportMetaTemplate p { text-align: center; } .wgtIgniteImportPreviewTableEntryCellAddress1 { grid-column: span 4; } .wgtIgniteImportPreviewTableEntryCellFirstName, .wgtIgniteImportPreviewTableEntryCellLastName { grid-column: span 3; } .wgtIgniteImportPreviewTableEntryCellCity, .wgtIgniteImportPreviewTableEntryCellEmail, .wgtIgniteImportPreviewTableEntryCellPhone { grid-column: span 6; } .wgtIgniteImportPreviewTableEntryCellAddress2, .wgtIgniteImportPreviewTableEntryCellZip { grid-column: span 2; } .wgtIgniteImportTagsSeparator { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 0px; width: 100%; } .wgtIgniteImportTagsSeparator .ico { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .wgtIgniteLeadSort { margin: 5px 0px; } .wgtIgnitePageHeaderInfoWrap .wgtIgniteLeadStatus, .wgtIgnitePageHeaderInfoWrap .wgtIgniteLeadAddress, .wgtIgnitePageHeaderInfoWrap .wgtIgniteLeadGroup, .wgtIgnitePageHeaderInfoWrap .wgtIgniteLeadComment { display: none; } .wgtIgnitePageHeaderInfoWrap.expanded-mobile .wgtIgniteLeadStatus, .wgtIgnitePageHeaderInfoWrap.expanded-mobile .wgtIgniteLeadAddress, .wgtIgnitePageHeaderInfoWrap.expanded-mobile .wgtIgniteLeadGroup, .wgtIgnitePageHeaderInfoWrap.expanded-mobile .wgtIgniteLeadComment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteLeadOptoutLabel.RadLabel { top: 2px; } .wgtIgniteLogo { max-width: 100px; } .wgtIgniteMainFooter { grid-row-start: 4; grid-row-end: 5; } .wgtIgniteMainHeader { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 3; } .wgtIgniteMainContent { width: 100%; /*S 8/26/22 */ grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 4; /*E 8/26/22 */ /*S 9/23/22 */ padding-bottom: 80px; /*E 9/23/22 */ } .wgtIgniteBodyOnboarding .wgtIgniteMainContent { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteProgressModal ~ .wgtIgniteMainContent::before { left: 0px; } .wgtIgniteMainMenu { /*S 9/13/22 */ grid-row-start: 1; grid-row-end: 2; /*E 9/13/22 */ /*S 8/26/22 */ grid-column-start: 1; grid-column-end: 3; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; /*E 8/26/22 */ height: auto; width: 100%; background-color: var(--wgtIgnite-palette-background); /* S 3/24/22 */ z-index: 5; max-width: 100%; /* E 3/24/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteMainListHeaders { display: none; } .wgtIgniteMasterListNavigationBar { grid-column: -1/1; } .wgtIgniteMasterListNavigationContainer { width: 100%; display: grid; grid-template-columns: auto auto; padding: 5px 10px 60px 10px !important; row-gap: 10px; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteMasterListNavigationDesktop { display: none; } .wgtIgniteMasterListNavigationMobile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wgtIgniteMasterListNavigationPageJump { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteManageEmailTemplatesListHeaders, .wgtIgniteManageSparkSitesListHeaders { display: none; } .wgtIgniteManageEmailTemplatesListItemStatControls, .wgtIgniteManageSparkSitesListItemStatControls { grid-column: 1/-1; } .wgtIgniteManageEmailTemplatesListItemStatTitle.RadLabel, .wgtIgniteManageSparkSitesListItemStatTitle.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteMappingZoneTargetArea { display: none; } .wgtIgniteMappingLegend, .wgtIgniteMappingSliderContainer { display: block; } .wgtIgniteMobileContextFiltersTitle:hover { cursor: pointer; } .wgtIgniteModalLeadOptIn .wgtIgniteModalBody { background-color: transparent; } .wgtIgniteModalBodySectionInfo { grid-template-columns: 200px 1fr; } .wgtIgniteModalBodySectionInfo .wgtIgniteModalBlurb { grid-column-start: 2; grid-row: 1/span 99; } .wgtIgniteOverlayStaffAccount .wgtIgniteModal { max-width: 95%; } .wgtIgniteModalLeadOptInMenuTitle.RadLabel { max-width: none; } .wgtIgniteModal.wgtIgniteModalLeadOptIn { max-height: 350px; } .wgtIgniteModal.wgtIgniteModalLeadOptIn .wgtIgniteOptInWrapper { max-width: none; } .wgtIgniteModalUserStat { grid-column-start: 1; display: grid; grid-template-columns: 1fr 1fr; } .wgtIgniteModalUserStatValue.RadLabel { text-align: right; font-size: var(--wgtIgnite-text-size-large); line-height: 22px; } .wgtIgniteActionsScheduledCreate .wgtIgniteNewActionIsScheduled, .wgtIgniteActionsScheduledCreate .wgtIgniteNewActionDueDate { grid-column: span 3; } .wgtIgniteLeadTagsSeparator { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 10px 0px; } .wgtIgniteLeadTagsSeparator svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .wgtIgniteMainMenu.task-move .wgtIgniteMobileGroupMove .rcbInner { border-top-right-radius: 0px; border-top-left-radius: 0px; } .wgtIgniteMainMenu.task-status .wgtIgniteMobileStatusChange .rcbInner { border-top-right-radius: 0px; border-top-left-radius: 0px; } .wgtIgniteOnboarding { /*S 1/04/23 */ width: 100%; /*E 1/04/23 */ /*S 1/06/23 */ /*E 1/06/23 */ } .wgtIgniteOnboardingBody { margin-bottom: 200px; } .wgtIgniteOnboardingOrderSummaryPlan { min-width: 300px; } .wgtIgniteOrderHeaderTitleID.RadLabel { top: 5px; } .wgtIgniteOrderHeaderTitleTotal.RadLabel { bottom: 5px; } .wgtIgnitePayHistoryListItem { grid-template-columns: 1fr 1fr 1fr 1fr; } .wgtIgnitePayHistoryListItemPrint { grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgnitePayHistoryListItemStatCardName { grid-column: span 2; } .wgtIgnitePayHistoryListItemStatSKU { grid-column: span 4; } .wgtIgnitePayHistoryListItemStatTotal { grid-column: span 1; } .wgtIgnitePayHistoryListItemStatInvoice { grid-column: span 3; } .wgtIgnitePayTemplatesListItem { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .wgtIgnitePayTemplatesListItem.active { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .wgtIgnitePayTemplatesListItem.new .wgtIgnitePayTemplatesListItemStatCardNumber { grid-column: span 5; } .wgtIgnitePayTemplatesListItemStatName { grid-column: span 2; } .wgtIgnitePayTemplatesListItem.modal .wgtIgnitePayTemplatesListItemStatName, .wgtIgnitePayTemplatesListItem.combo-item .wgtIgnitePayTemplatesListItemStatName, .wgtIgnitePayTemplatesListItem.combo-active .wgtIgnitePayTemplatesListItemStatName { grid-column: span 1; } .wgtIgnitePayTemplatesListItem.new .wgtIgnitePayTemplatesListItemStatName { grid-column: span 3; } .wgtIgnitePayTemplatesListItemStatActivate { grid-column: span 6; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgnitePageHeader { -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* S 4/1/22 */ -webkit-box-shadow: 0px 5px 10px 0px var(--wgtIgnite-palette-shadow); box-shadow: 0px 5px 10px 0px var(--wgtIgnite-palette-shadow); padding: 10px 20px; /* E 4/1/22 */ /*S 3/9/22 */ /*E 3/9/22 */ /* S 5/17/22 */ /* E 5/17/22 */ } .wgtIgnitePageHeaderInfoWrap { width: 100%; grid-template-columns: 1fr 1fr; } .wgtIgnitePageHeaderInfoWrap.expanded-mobile { display: grid; } .wgtIgnitePageHeaderSeparator { margin-top: 0px; } .wgtIgnitePageHeaderTitle { font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteProgressModal.RadUploadProgressArea { height: 400px; } .wgtIgniteQuickMenuRevealTrigger { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin: 10px 5px 0px 5px; } .wgtIgniteGroupSelect + .wgtIgniteQuickMenuRevealTrigger { margin: 0px 5px 0px 5px; } .wgtIgniteQuickMenuRevealTrigger > .rbText { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; text-align: left; } .wgtIgniteMainMenu.reveal .wgtIgniteQuickMenuRevealTrigger > .rbIcon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .wgtIgniteRequestCodeListHeaders { display: none; } .wgtIgniteRequestCodeListItem { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteRequestCodeListItemStatCampaign, .wgtIgniteRequestCodeListItemStatDescription { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; grid-column: span 3; } .wgtIgniteRequestCodeListItemStatTitle.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteRequestCodeListItemStatCampaign .wgtIgniteRequestCodeListItemStatTitle.RadLabel, .wgtIgniteRequestCodeListItemStatDescription .wgtIgniteRequestCodeListItemStatTitle.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteRequestCodeListItemStatValue.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteRequestCodeListItemStatCampaign .wgtIgniteRequestCodeListItemStatValue.RadLabel, .wgtIgniteRequestCodeListItemStatDescription .wgtIgniteRequestCodeListItemStatValue.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .wgtIgniteSection { /* S 4/1/22 */ width: 100%; /* E 4/1/22 */ /* S 5/17/22 */ /* E 5/17/22 */ } .wgtIgniteSectionContent { /* S 4/1/22 */ /* E 4/1/22 */ } .wgtIgniteLeadTags.open .wgtIgniteSectionContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteImport .wgtIgniteSectionContent { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteSectionImport .wgtIgniteImportTags .wgtIgniteSectionContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteSectionImport .wgtIgniteImportTags .wgtIgniteSectionContent > div { width: 100%; } .wgtIgniteSection.wgtIgniteOrderPayment.open > .wgtIgniteSectionContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } .wgtIgniteSectionSS { padding-top: 20px !important; margin-bottom: 40px; } .wgtIgniteSectionTitle { font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteSearchInfo { /* S 4/8/22 */ width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; /* E 4/8/22 */ /*S 04/04/23 */ /*E 04/04/23 */ } .wgtIgniteSearchInfoCriteria.RadLabel { display: none; } .wgtIgniteGroupbar.search-mode ~ .wgtIgniteMainContent .wgtIgniteSearchInfoCriteria.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteSearchHeader { /* S 04/04/23 */ /* E 04/04/23 */ } .wgtIgniteSearchHeader .wgtIgniteSearchHeaderTitle { width: 100%; min-width: 120px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteSelectStatus { display: none; } .wgtIgniteSelectCount { /* S 3/30/22 */ line-height: 30px; /* E 3/30/22 */ font-size: var(--wgtIgnite-text-size-hero); } .wgtIgniteSettingsAccountControls { grid-column: span 5; grid-row-start: 1; } .wgtIgniteSettingsAccountFieldInputAddress1 { grid-column-start: 1; grid-column-end: 5; } .wgtIgniteSettingsAccountFieldInputAddress2 { grid-column-start: 1; grid-column-end: 5; } .wgtIgniteSettingsAccountFieldInputCity { grid-column-start: 1; } .wgtIgniteSettingsAccountFieldInputEmail { grid-column-end: 5; } .wgtIgniteSettingsAccountFieldInputFName { grid-column: span 2; } .wgtIgniteSettingsAccountFieldInputLName { grid-column: span 2; } .wgtIgniteSettingsAccountFieldInputPasswordConfirm, .wgtIgniteSettingsAccountFieldInputPasswordExisting, .wgtIgniteSettingsAccountFieldInputPasswordNew { grid-column: span 4; } .wgtIgniteSettingsAccountFieldInputPasswordRequirements { grid-column-start: 1; grid-column-end: 5; } .wgtIgniteSettingsAccountFieldInputPhone { grid-column-start: 1; grid-column-end: 5; } .wgtIgniteSettingsAccountFieldInputProfilePic { grid-column-start: 1; grid-column-end: 5; } .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInputProfilePic { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wgtIgniteSettingsPaymentCard { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } .wgtIgniteSettingsPaymentCardControls { margin-top: 0px; } .wgtIgniteSettingsPaymentCardInfo { padding-left: 0px; border-left: none; width: 100%; } .wgtIgniteSettingsPaymentCardTitle { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } .wgtIgniteSettingsPaymentCardTitle > h3 { text-align: left; width: 100%; } .wgtIgniteSettingsPaymentCardTitleNumber { width: auto; } .wgtIgniteSettingsSubscriptionControls { grid-row-start: 1; grid-column-start: 1; grid-column-end: 5; } .wgtIgniteSettingsSubscriptionStatSponsor { grid-column: span 4; } .wgtIgniteSortSS { margin-top: 20px; } .wgtIgniteStaffForm { grid-template-columns: 19% 19% 19% 19% 19%; gap: 5px; } .wgtIgniteStaffFormEmail { grid-column-end: 3; } .wgtIgniteStaffFormPhone { grid-column: span 2; } .wgtIgniteStatusesList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteStatusesListHeaders { display: none; } .wgtIgniteStatusesListItem { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-template-columns: 1fr 1fr 1fr 1fr; } .wgtIgniteStatusesListItem.edit-mode::after, .wgtIgniteStatusesListItem.new::after { display: none; } .wgtIgniteStatusesListItemControl { grid-column: span 2; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; grid-column-start: 1; grid-column-end: 5; grid-row-start: 3; grid-row-end: 4; } .wgtIgniteStatusesListItemStatActive, .wgtIgniteStatusesListItemStatCode, .wgtIgniteStatusesListItemStatCount, .wgtIgniteStatusesListItemStatDescription { grid-column: span 2; } .wgtIgniteStatusesListItemStatCount, .wgtIgniteStatusesListItemStatDescription { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteStatusesListItemStatTitle.RadLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .wgtIgniteStatusesListItemStatCount .wgtIgniteStatusesListItemStatTitle.RadLabel, .wgtIgniteStatusesListItemStatDescription .wgtIgniteStatusesListItemStatTitle.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .wgtIgniteStatusesListItemStatDescription .wgtIgniteStatusesListItemStatValue.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .wgtIgniteTagsList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteTagsListItem { grid-template-columns: 1fr 1fr; /*S 10/03/22 */ /*E 10/03/22 */ } .wgtIgniteTagsListItem.disabled::before, .wgtIgniteTagsListItem.disabled::after { grid-column-end: 3; } .wgtIgniteTagsListItemStat, .wgtIgniteTagsListItemField { /*S 12/02/22 */ /*E 12/02/22 */ } .wgtIgniteTagsListItemStatCount, .wgtIgniteTagsListItemFieldCount { grid-row-start: 7; } .wgtIgniteTagsListItem.edit-mode .wgtIgniteTagsListItemStatCount, .wgtIgniteTagsListItem.new .wgtIgniteTagsListItemStatCount, .wgtIgniteTagsListItem.edit-mode .wgtIgniteTagsListItemFieldCount, .wgtIgniteTagsListItem.new .wgtIgniteTagsListItemFieldCount { grid-row-start: 8; } .wgtIgniteTagsListItemStatControls, .wgtIgniteTagsListItemFieldControls { grid-column-end: 3; } .wgtIgniteTagsListItemStatBackColor, .wgtIgniteTagsListItemStatOrder, .wgtIgniteTagsListItemFieldBackColor, .wgtIgniteTagsListItemFieldOrder { grid-column-end: 2; } .wgtIgniteTagsListItemStatTextColor, .wgtIgniteTagsListItemStatAutoAssign, .wgtIgniteTagsListItemStatDate, .wgtIgniteTagsListItemFieldTextColor, .wgtIgniteTagsListItemFieldAutoAssign, .wgtIgniteTagsListItemFieldDate { grid-column-start: 2; grid-column-end: 3; } .wgtIgniteTagsListItemStatCampaign, .wgtIgniteTagsListItemStatName, .wgtIgniteTagsListItemStatDescription, .wgtIgniteTagsListItemFieldCampaign, .wgtIgniteTagsListItemFieldName, .wgtIgniteTagsListItemFieldDescription { grid-column-start: 1; grid-column-end: 3; } .wgtIgniteTagsListItemStatPreview, .wgtIgniteTagsListItemFieldPreview { grid-column-end: 3; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteTagsListItemStatPreview .wgtIgniteTagsListItemStatTitle.RadLabel, .wgtIgniteTagsListItemStatPreview .wgtIgniteTagsListItemFieldTitle.RadLabel { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .wgtIgniteTaskSelect { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; grid-column: span 4; } .wgtIgniteMainMenu > .wgtIgniteTaskSelect { margin: 5px 10px; width: auto !important; } .wgtIgniteTopbar { -webkit-box-shadow: 0px 0px 4px 0px var(--wgtIgnite-palette-shadow); box-shadow: 0px 0px 4px 0px var(--wgtIgnite-palette-shadow); top: 0; left: 0; width: 100%; /* S 7/15/22 */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* E 7/15/22 */ /*S 9/9/22 */ /*E 9/9/22 */ /* S 4/12/22 */ /* .wgtIgniteTopbarCompanyPicker */ /* E 4/12/22 */ /* .wgtIgniteTopbarCompanyInfo */ /* wgtIgniteTopbarCloser */ /* .wgtIgniteTopbarLogout */ /* S 1/18/23 */ /* E 1/18/23 */ /* .wgtIgniteTopbarSearch */ /* S 4/26/22 */ /* E 4/26/22 */ } .wgtIgniteTopbarBranding { grid-column: span 1; } .wgtIgniteTopbarCompanyPicker { width: 100% !important; margin-top: 5px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .wgtIgniteTopbarCompanyInfo { /* s 4/28/22 */ cursor: pointer; /* e 4/28/22 */ height: 41px; width: 37px; border-radius: var(--wgtIgnite-br); border: solid 1px var(--wgtIgnite-color-1l3); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0px; /* S 4/21/22 */ -webkit-transition: opacity 0.3s ease, max-width 0.3s ease; transition: opacity 0.3s ease, max-width 0.3s ease; /* E 4/21/22 */ /* S 9/9/22 */ margin: 20px 0px 20px auto; /* E 9/9/22 */ /* E 4/13/22 */ /* S 3/31/22 */ /* E 3/31/22 */ /* S 4/20/22 */ /* E 4/20/22 */ } .wgtIgniteTopbarCompanyInfo::before { pointer-events: none; border-radius: var(--wgtIgnite-br); /* S 3/31/22 */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; -webkit-transition: background-color 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease, height 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); /* E 3/31/22 */ /* S 4/13/22 */ background-color: var(--wgtIgnite-color-1); content: ""; height: 100%; width: 100%; mask-image: url('data:image/svg+xml; utf8,'); mask-repeat: no-repeat; mask-position: center; mask-size: 15px; -webkit-mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: 15px; } .wgtIgniteTopbarCompanyInfo::after { background-color: var(--wgtIgnite-palette-background); position: absolute; height: 35px; width: 35px; border-radius: var(--wgtIgnite-br); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: background-color 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, background-color 0.3s ease, height 0.3s ease; transition: transform 0.3s ease, background-color 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; } .wgtIgniteTopbar.search-open .wgtIgniteTopbarCompanyInfo { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteTopbar.info-open .wgtIgniteTopbarCompanyInfo::before { background-color: var(--wgtIgnite-color-1); -webkit-transform: translate(0px, 15px); transform: translate(0px, 15px); } .wgtIgniteTopbar.info-open .wgtIgniteTopbarCompanyInfo::after { /* S 4/28/22 */ content: ""; /* E 4/28/22 */ height: 45px; background-color: var(--wgtIgnite-color-1l4); -webkit-transform: translate(0px, 20px); transform: translate(0px, 20px); -webkit-box-shadow: 0px 0px 0px 1px var(--wgtIgnite-palette-grey-2); box-shadow: 0px 0px 0px 1px var(--wgtIgnite-palette-grey-2); } .wgtIgniteTopbarCloser { grid-area: unset; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; margin-right: unset; /* S 4/12/22 */ /* E 4/12/22 */ } .wgtIgniteTopbar.info-open .wgtIgniteTopbarCloser { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; } .wgtIgniteTopbarLogoutTrigger { color: var(--wgtIgnite-palette-background); } .wgtIgniteTopbarLogout { grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; } .wgtIgniteTopbarMember { /* S 4/20/22 */ pointer-events: none; /* E 4/20/22 */ /* S 3/31/22 */ background-color: var(--wgtIgnite-color-1l4); border-radius: 0px; position: absolute; width: 100%; /* S 4/29/22 */ top: 72px; /* E 4/29/22 */ right: 0; opacity: 0; padding: 10px; z-index: 1; -webkit-transition: top 0.3s ease, opacity 0.3s ease; transition: top 0.3s ease, opacity 0.3s ease; display: grid; grid-template-columns: 25px auto 1fr; grid-template-rows: auto auto auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* E 3/31/22 */ } .wgtIgniteTopbarMemberName { color: var(--wgtIgnite-palette-background); text-align: left; } .wgtIgniteNav.reveal + .wgtIgniteBody .wgtIgniteTopbar.info-open .wgtIgniteTopbarMember { width: calc(100% - 100px); } .wgtIgniteTopbar.info-open .wgtIgniteTopbarMember { opacity: 1; pointer-events: all; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 0px; z-index: 5; } .wgtIgniteTopbarSearch { background-color: var(--wgtIgnite-palette-background); /* s 4/12/22 */ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* e 4/12/22 */ /* S 3/30/22 */ position: static; max-height: none; height: 41px; margin: 20px 20px 20px 10px; /* S 4/13/22 */ /* E 4/13/22 */ /* S 3/31/22 */ /* E 3/31/22 */ } .wgtIgniteTopbarSearch > span, .wgtIgniteTopbarSearchTrigger { position: absolute; opacity: 0; top: 72px; right: 0; -webkit-transition: top 0.3s ease, opacity 0.3s ease; transition: top 0.3s ease, opacity 0.3s ease; } .wgtIgniteTopbarSearch::after { /* S 4/13/22 */ background-color: var(--wgtIgnite-palette-background); content: ""; position: absolute; border-radius: var(--wgtIgnite-br); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: background-color 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, background-color 0.3s ease, height 0.3s ease; transition: transform 0.3s ease, background-color 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; /* E 4/13//22 */ /* S 4/20/22 */ height: 35px; width: 35px; /* E 4/20/22 */ } .wgtIgniteTopbarSearchTrigger.rbButton { /* S 4/29/22 */ border: solid 1px var(--wgtIgnite-palette-background) !important; /* E 4/29/22 */ top: 86px; right: 8px; min-width: unset; position: absolute !important; } .wgtIgniteTopbarSearch > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px; } .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearch { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; /*S 1/18/23 */ /*E 1/18/23 */ } .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearch::before { background-color: var(--wgtIgnite-color-1); display: inline-block; content: ""; mask-image: url('data:image/svg+xml; utf8,'); -webkit-mask-image: url('data:image/svg+xml; utf8,'); /* S 4/20/22 */ -webkit-transform: translate(0px, 15px); transform: translate(0px, 15px); /* E 4/20/22 */ } .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearch::after { background-color: var(--wgtIgnite-color-1l4); height: 45px; -webkit-transform: translate(0px, 20px); transform: translate(0px, 20px); } .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearch > span { background-color: var(--wgtIgnite-color-1l4); border-bottom: solid 1px var(--wgtIgnite-palette-grey-2); display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 5; } .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearch > span::before { background-color: var(--wgtIgnite-color-1); } .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearch::after, .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearch > span { opacity: 1; } .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearchQuery { /* s 4/13/22 */ background-color: transparent; margin: 24px 90px 20px 10px; /* e 4/13/22 */ } .wgtIgniteNav.reveal + .wgtIgniteBody .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearch > span { width: calc(100% - 100px); } .wgtIgniteTopbarUser { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; } .wgtIgniteWrapper.wgtIgniteWrapperOnboarding { display: block; } .wgtIgnite .wgtIgnite .rbButton.wgtIgniteTopbarSearchTrigger { border: solid 1px var(--wgtIgnite-palette-background) !important; } .wgtIgnite .wgtIgnite .RadInput_Bootstrap .riTextBox.wgtIgniteTopbarSearchQuery { color: var(--wgtIgnite-palette-base); } .wgtIgnite .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteGroupNav.RadComboBox { display: inline-block; max-width: 40%; margin-top: 0px; } .wgtIgnite .RadLabel_Bootstrap + .wgtIgnite .wgtIgniteMainMenu.reveal .RadComboBox.wgtIgniteTaskSelect { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 620px) { .wgtIgnite { /*S 8/1/22 */ /*E 8/1/22 */ /*S 7/6/22 */ /*E 7/6/22 */ /*S 07/27/23 */ /*E 07/27/23 */ /*S 07/12/23 */ /*E 07/12/23 */ /*S 8/3/22 */ /*E 8/3/22 */ } .wgtIgniteAdminGrid { grid-template-columns: 1fr; } .wgtIgniteCampaignDetailsHeader { grid-template-columns: auto 1fr 150px; } .wgtIgniteCampaignDetailsHeader.sticky-mode { width: 100%; } .wgtIgniteCampaignDetailsHeaderStats, .wgtIgniteCampaignDetailsHeaderControls { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wgtIgniteCampaignDetailsHeaderStats { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCampaignDetailsHeaderControls { grid-column: -1/1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCampaignDetailsHeaderCompanyName.RadLabel { grid-row-start: 2; } .wgtIgniteCampaignDetailsHeaderTitle.RadLabel { grid-column: span 2; font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteCampaignDetailsHeader.sticky-mode + .wgtIgniteCampaignDetailsStats { margin-top: 100px; } .wgtIgniteDashboardCampaignsListItem { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important; } .wgtIgniteDashboardCampaignsListItemStatDetail { grid-column-start: 6; grid-column-end: 8; } .wgtIgniteDashboardCampaignsListItemStatRecipients { grid-column: span 1; } .wgtIgniteDashboardCampaignsListItemStatSMS { grid-column: span 1 !important; } .wgtIgniteDashboardCampaignsListItemStatStart { grid-column: span 2 !important; } .wgtIgniteDashboardCampaignsListItemStatType { grid-column: span 2 !important; } .wgtIgniteDashboardDue { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .wgtIgniteDashboardPie { right: -60px; top: -160px; } .wgtIgniteImportMetaOptions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteLeadCampaignHistoryListItem.sms { grid-template-columns: 100px 100px 1fr auto; } .wgtIgniteLeadCampaignHistoryListItemStatDate, .wgtIgniteLeadCampaignHistoryListItemStatOpenedDate { grid-column: span 2; } .wgtIgniteLeadCampaignHistoryListItemStatSubject { grid-column: span 5; } .wgtIgniteManageSparkSitesList, .wgtIgniteManageEmailTemplatesList { grid-template-columns: 1fr; gap: 10px; } .wgtIgniteSettingsPaymentHistoryTableHeader { display: none; } .wgtIgniteSettingsPaymentHistoryTableEntryCell::before { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; content: ""; display: block; width: 100%; } .wgtIgniteSettingsPaymentHistoryTableEntryCellCC, .wgtIgniteSettingsPaymentHistoryTableEntryCellDate, .wgtIgniteSettingsPaymentHistoryTableEntryCellMembership, .wgtIgniteSettingsPaymentHistoryTableEntryCellPayment { grid-column: span 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteSettingsPaymentHistoryTableEntryCellCC { text-align: right; } .wgtIgniteSettingsPaymentHistoryTableEntryCellCC::before { content: "Card"; text-align: right; } .wgtIgniteSettingsPaymentHistoryTableEntryCellDate::before { content: "Pay Date"; } .wgtIgniteSettingsPaymentHistoryTableEntryCellMembership { text-align: right; } .wgtIgniteSettingsPaymentHistoryTableEntryCellMembership::before { content: "Membership"; text-align: right; } .wgtIgniteSettingsPaymentHistoryTableEntryCellPayment::before { content: "Pay Amount"; } } @media screen and (max-width: 600px) { .wgtIgnite { /*S 10/05/22 */ /*E 10/05/22 */ /*S 10/21/22 */ /*E 10/21/22 */ /*S 11/23/22 */ /*E 11/23/22 */ /*S 05/01/23 */ /*E 05/01/23 */ /*S 10/14/22 */ /*E 10/14/22 */ /*S 10/06/22 */ /*E 10/06/22 */ /* S 3/23/22 */ /* E 3/23/22 */ /* .wgtIgniteGroupHeader */ /* wgtIgniteGroupGrid */ /* S 4/1/22 */ /* E 4/1/22 */ /*S 10/21/22 */ /*E 10/21/22 */ /*S 10/21/22 */ /*E 10/21/22 */ /* .wgtIgniteLead */ /*S 8/31/22 */ /*S 8/31/22 */ /* wgtIgniteNavMobileToggle */ /* wgtIgniteNavMobileSearchToggle */ /*S 8/10/22 */ /*E 8/10/22 */ /* wgtIgnitePageHeader */ /* wgtIgnitePlanTemplates */ /*S 10/21/22*/ /*E 10/21/22 */ /* .wgtIgniteTopbar for max-width: 600px */ /*S 11/02/22 */ /*E 11/02/22 */ } .wgtIgnite .RadEditor.wgtIgniteCommunicationsMessageEditor .reModes { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 5px; } .wgtIgnite .RadEditor.wgtIgniteCommunicationsMessageEditor .reModes > a { width: 100%; } .wgtIgnite .RadEditor.wgtIgniteCommunicationsMessageEditor .reToolBar li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgnite .RadEditor.wgtIgniteCommunicationsMessageEditor .reToolBar { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgnite .RadEditor.wgtIgniteCommunicationsMessageEditor .reToolBar .reTool, .wgtIgnite .RadEditor.wgtIgniteCommunicationsMessageEditor .reToolBar .reToolDisabled { width: 100%; } .wgtIgniteSSIntroHeader .RadComboBox { width: 100% !important; } .wgtIgniteActionCard { grid-template-columns: auto 1fr 1fr 1fr; grid-template-rows: auto auto auto auto; margin-bottom: 0px; /*S 8/16/22 */ /*E 8/16/22 */ } .wgtIgniteActionCardCode { grid-column-start: 1; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; } .wgtIgniteActionCardComments { grid-row-start: 4; grid-row-end: 5; grid-column-start: 1; grid-column-end: 5; } .wgtIgniteActionCardDescription { grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 5; } .wgtIgniteActionsTypeRecurring .wgtIgniteActionCardDescription { grid-row-start: 5; grid-row-end: 6; } .wgtIgniteActionCardDate { grid-column-start: 2; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; } .wgtIgniteActionCardPriority { grid-column-start: 4; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; } .wgtIgniteActionsTypeRecurring .wgtIgniteActionCardRecurrence { grid-row-start: 3; grid-row-end: 4; } .wgtIgniteActionCardScheduledType { grid-column-start: 1; grid-column-end: 5; grid-row-start: 3; grid-row-end: 4; } .wgtIgniteActionCardScheduledInterval { grid-column-start: 1; grid-column-end: 5; grid-row-start: 4; grid-row-end: 5; } .wgtIgniteActionCard > .rbRadioButton { grid-column-start: 3; grid-column-end: 5; } .wgtIgniteAdminCompaniesListItem, .wgtIgniteAdminCompaniesListHeaders { grid-template-columns: 15% 35% 1fr 1fr 1fr !important; } .wgtIgniteAdminCompaniesListItemStatActive, .wgtIgniteAdminCompaniesListItemStatLocation { grid-column: span 5; } .wgtIgniteAdminCompaniesListItemStatLocation .wgtIgniteInput:nth-child(5), .wgtIgniteAdminCompaniesListItemStatLocation .wgtIgniteInput:nth-child(6) { grid-column: span 2; } .wgtIgniteSSTools .wgtIgniteButton { width: 100%; } .wgtIgniteButtonEmailTemplatesCreate, .wgtIgniteButtonSparkSitesCreate { grid-column: span 2; } .wgtIgniteButtonFullEditor, .wgtIgniteButtonButtonVisualEditor { border-bottom-left-radius: var(--wgtIgnite-br) !important; border-bottom-right-radius: var(--wgtIgnite-br) !important; width: 100%; } .wgtIgniteCampaign { /*S 05/01/23 */ /*E 05/01/23 */ /*S 04/06/23 */ /*E 04/06/23 */ /*S 04/24/23 */ /*E 04/24/23 */ } .wgtIgniteCampaignAnalyticsMessagesListItem { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important; } .wgtIgniteCampaignAnalyticsMessagesListItemStat { /* &DateScheduled, &DateSent, */ } .wgtIgniteCampaignAnalyticsMessagesListItemStatInterval, .wgtIgniteCampaignAnalyticsMessagesListItemStatDateScheduled, .wgtIgniteCampaignAnalyticsMessagesListItemStatDateSent { grid-column: -1/1; } .wgtIgniteCampaignAnalyticsMessagesListItemStatDetails { grid-column: span 5; } .drip .wgtIgniteCampaignAnalyticsMessagesListItemStatDetails { grid-column: span 5; } .wgtIgniteCampaignAnalyticsMessagesListItemStatSubject, .wgtIgniteCampaignAnalyticsMessagesListItemStatFrequency { grid-column: span 3; } .wgtIgniteCampaignAnalyticsMessagesListItemStatDisplayName { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteCampaignAnalyticsMessagesListItemStatType { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteCampaignAnalyticsMessagesListItemStatDateScheduled, .wgtIgniteCampaignAnalyticsMessagesListItemStatDateSent, .wgtIgniteCampaignAnalyticsMessagesListItemStatDisplayName, .wgtIgniteCampaignAnalyticsMessagesListItemStatSubject { margin-bottom: 10px; } .wgtIgniteCampaignAnalyticsMessagesListItemStatInterval, .wgtIgniteCampaignAnalyticsMessagesListItemStatFrequency, .wgtIgniteCampaignAnalyticsMessagesListItemStatMessagesSent, .wgtIgniteCampaignAnalyticsMessagesListItemStatMessageOpens, .wgtIgniteCampaignAnalyticsMessagesListItemStatMessageOpenRate, .wgtIgniteCampaignAnalyticsMessagesListItemStatMessageClicks, .wgtIgniteCampaignAnalyticsMessagesListItemStatMessageClickRate, .wgtIgniteCampaignAnalyticsMessagesListItemStatMessageOptOuts { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteCampaignAnalyticsMessagesListItemStatMessagesSent, .wgtIgniteCampaignAnalyticsMessagesListItemStatMessageOpens, .wgtIgniteCampaignAnalyticsMessagesListItemStatMessageOpenRate { grid-column: span 2; } .wgtIgniteCampaignAnalyticsMessagesListItemStatMessageClicks, .wgtIgniteCampaignAnalyticsMessagesListItemStatMessageClickRate { grid-column: span 2; } .wgtIgniteCampaignAnalyticsMessagesListItemStatMessageOptOuts { grid-column: -1/1; } .wgtIgniteCampaignAnalyticsMessagesListItemStatDisplayName { grid-row-start: 1; grid-column-start: 2; grid-column-end: 6; } .wgtIgniteCampaignAnalyticsMessagesListItemStatDisplayName .wgtIgniteCampaignAnalyticsMessagesListItemStatTitle.RadLabel, .wgtIgniteCampaignAnalyticsMessagesListItemStatInterval .wgtIgniteCampaignAnalyticsMessagesListItemStatTitle.RadLabel, .wgtIgniteCampaignAnalyticsMessagesListItemStatFrequency .wgtIgniteCampaignAnalyticsMessagesListItemStatTitle.RadLabel, .wgtIgniteCampaignAnalyticsMessagesListItemStatMessagesSent .wgtIgniteCampaignAnalyticsMessagesListItemStatTitle.RadLabel, .wgtIgniteCampaignAnalyticsMessagesListItemStatMessageOpens .wgtIgniteCampaignAnalyticsMessagesListItemStatTitle.RadLabel, .wgtIgniteCampaignAnalyticsMessagesListItemStatMessageOpenRate .wgtIgniteCampaignAnalyticsMessagesListItemStatTitle.RadLabel, .wgtIgniteCampaignAnalyticsMessagesListItemStatMessageClicks .wgtIgniteCampaignAnalyticsMessagesListItemStatTitle.RadLabel, .wgtIgniteCampaignAnalyticsMessagesListItemStatMessageClickRate .wgtIgniteCampaignAnalyticsMessagesListItemStatTitle.RadLabel, .wgtIgniteCampaignAnalyticsMessagesListItemStatMessageOptOuts .wgtIgniteCampaignAnalyticsMessagesListItemStatTitle.RadLabel { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .wgtIgniteCampaignAnalyticsMessagesListItemStatType .wgtIgniteCampaignAnalyticsMessagesListItemStatTitle.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCampaignMetaFieldActive { grid-column: span 1; } .wgtIgniteCampaignMetaFieldType { grid-column: -1/1; } .wgtIgniteCampaignMetaStatCreditsPerLead { grid-column: -1/1; } .wgtIgniteCampaignMetaFields { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; grid-template-columns: 1fr 1fr auto; } .wgtIgniteCampaignMessagesListControls, .wgtIgniteCampaignRecipientsListControls { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .wgtIgniteCampaignMessagesListItemStatCost .wgtIgniteCampaignMessagesListItemStatTitle.RadLabel { text-align: left; } .wgtIgniteCampaignRecipientsListSearch.RadSearchBox { width: 100% !important; } .wgtIgniteCampaignsListItemStatName { grid-column: span 2; } .wgtIgniteCampaignsListItemStatTiming { grid-column: -1/1; } .wgtIgniteCampaignsListItemStatTiming .RadButton.k-switch { max-width: none; } .wgtIgniteCamView { height: 200px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteCommunications { /*S 12/13/22 */ /*S 12/13/22 */ } .wgtIgniteCommunicationsMessaging { /*S 12/13/22 */ /*E 12/13/22 */ } .wgtIgniteCommunicationsMessagingMobilePlatformMenu.RadComboBox { display: -webkit-box; display: -ms-flexbox; display: flex; } .wgtIgniteCommunicationsMessagingSenderControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteCommunicationsMessagingSenderInfo { grid-column: span 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteCommunicationsMessagingSenderMessage.RadLabel { border-left: none; margin-left: 0px; padding: 10px 0px; text-align: center; } .wgtIgniteCommunicationsMessagingTypesOptions { grid-template-columns: 1fr; } .wgtIgniteCommunicationsPlatform { display: none; } .wgtIgniteContextMenu { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .wgtIgniteCorporateProductsControl { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCorporateProductsListHeaders { display: none; } .wgtIgniteCorporateProductsListItem { grid-template-columns: 50px 100px 1fr 1fr; } .wgtIgniteCorporateProductsListItemControlSelector { grid-column-start: 1; grid-row-start: 1; grid-row-end: 3; } .wgtIgniteCorporateProductsListItemStatPhoto { grid-row-start: 1; grid-row-end: 3; grid-column-start: 2; } .wgtIgniteCorporateProductsListItemStatPrice { grid-row-start: 1; grid-column-start: 4; } .wgtIgniteCorporateProductsListItemStatName { grid-column: span 2; } .wgtIgniteCorporateProductsListItemStatTitle.RadLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .wgtIgniteCorporateProductsListItemStatPrice .wgtIgniteCorporateProductsListItemStatTitle.RadLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wgtIgniteCreditPackage.custom { -ms-flex-wrap: wrap; flex-wrap: wrap; } .wgtIgniteCreditTierList { margin-left: 0px; margin-top: 10px; } .wgtIgniteCampaignDetailsStats .wgtIgniteDashboardGridBoxTitle.RadLabel { grid-column: -1/1; text-align: left; } .wgtIgniteCampaignDetailsStats .wgtIgniteDashboardGridBoxSubtitle.RadLabel { grid-column: -1/1; text-align: left; font-size: var(--wgtIgnite-text-size-medium); } .wgtIgniteDashboardSparkSite { gap: 0px; } .wgtIgniteDashboardSponsor { right: 0px; } .wgtIgniteExpiredSubscription { margin: 0px 0px 0px 0px; } .wgtIgniteExpiredSubscriptionRenewalForm { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wgtIgniteExpiredSubscriptionDetails { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteExpiredSubscriptionDetailsAccount { margin-right: auto; } .wgtIgniteExpiredSubscriptionDetailsInfo { border-left: none; margin-left: 0px; } .wgtIgniteExpiredSubscriptionDetailsInfoTitle.RadLabel { text-align: center; margin-bottom: 5px; } .wgtIgniteExpiredSubscriptionDetails a { text-align: center; } .wgtIgniteInputDynamicText { max-width: 100%; margin: 10px 0px; } .wgtIgniteEmptyList { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteEmptyListMessage h1, .wgtIgniteEmptyListMessage p { text-align: center; } .wgtIgniteGroupbar { position: sticky; /* 3/22/22 */ top: 50px; /* 3/22/22 */ } .wgtIgniteTopbar.expanded + .wgtIgniteGroupbar { top: 150px; } .wgtIgniteGroupHeader, .wgtIgnitePageHeader, .wgtIgniteSearchHeader { padding: 10px; } .wgtIgniteGroupHeader { padding: 5px 10px !important; /* S 3/24/22 */ /* E 3/24/22 */ } .wgtIgniteSearchHeader .wgtIgniteGroupHeaderTitle { font-size: 5vw; } .wgtIgniteTopbar.expanded + .wgtIgniteGroupbar + .wgtIgniteMain .wgtIgniteGroupHeader { top: 270px !important; } .wgtIgniteTopbar.expanded + .wgtIgniteGroupbar.search-mode + .wgtIgniteMain .wgtIgniteGroupHeader { top: 330px !important; } .wgtIgniteGroupList { /* S 3/23/22 */ /* E 3/23/22 */ } .wgtIgniteGroupbar.search-mode + .wgtIgniteMain .wgtIgniteGroupList { padding-top: 20px; } .wgtIgniteSearchHeader + .wgtIgniteGroup .wgtIgniteGroupList { margin-top: 30px; } .wgtIgniteGroupGridItemStats { row-gap: 8px; } .wgtIgniteImportControls { margin: 0px; } .wgtIgniteImportDropzone { min-height: 300px; } .wgtIgniteImportDropzone .ruInputs { margin: 0px !important; } .wgtIgniteImportDropzone::after { height: 30%; font-size: var(--wgtIgnite-text-size-large); } .wgtIgniteSSIntroHeader .wgtIgniteInput { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 10px; } .wgtIgniteMessageTemplateDetailFieldPreview .wgtIgniteInputTitle { text-align: left; } .wgtIgnite .sharethis-inline-share-buttons { width: 100%; } .wgtIgnite .sharethis-inline-share-buttons .st-btn { width: 100%; } .wgtIgniteLead { /* S 4/29/22 */ /* E 4/29/22 */ /*S 8/17/22 */ /*E 8/17/22 */ /* Start 5/7/22 */ /* .wgtIgniteLeadContact */ /* End 5/7/22 */ } .wgtIgniteLeadAddress { grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 3; } .wgtIgniteLeadCampaignHistoryListItem { grid-template-columns: 1fr 1fr 1fr auto 1fr auto; } .wgtIgniteLeadComment { grid-row-start: 4; grid-row-end: 5; grid-column-start: 1; grid-column-end: 3; } .wgtIgniteLeadContact { margin-bottom: 40px; } .wgtIgniteLeadContactCustom1, .wgtIgniteLeadContactCustom2, .wgtIgniteLeadContactCustom3, .wgtIgniteLeadContactCustom4, .wgtIgniteLeadContactCustom5, .wgtIgniteLeadContactComment, .wgtIgniteLeadContactMessage, .wgtIgniteLeadContactFirstName, .wgtIgniteLeadContactGroup, .wgtIgniteLeadContactLastName, .wgtIgniteLeadContactEmail, .wgtIgniteLeadContactPhone, .wgtIgniteLeadContactCity, .wgtIgniteLeadContactState, .wgtIgniteLeadContactStatus, .wgtIgniteLeadContactZip, .wgtIgniteLeadContactCountry, .wgtIgniteLeadContactAddress, .wgtIgniteLeadContactAddress2 { grid-column: span 6 !important; } .wgtIgniteLeadContactCustom1 .RadComboBox, .wgtIgniteLeadContactCustom2 .RadComboBox, .wgtIgniteLeadContactCustom3 .RadComboBox, .wgtIgniteLeadContactCustom4 .RadComboBox, .wgtIgniteLeadContactCustom5 .RadComboBox, .wgtIgniteLeadContactComment .RadComboBox, .wgtIgniteLeadContactMessage .RadComboBox, .wgtIgniteLeadContactFirstName .RadComboBox, .wgtIgniteLeadContactGroup .RadComboBox, .wgtIgniteLeadContactLastName .RadComboBox, .wgtIgniteLeadContactEmail .RadComboBox, .wgtIgniteLeadContactPhone .RadComboBox, .wgtIgniteLeadContactCity .RadComboBox, .wgtIgniteLeadContactState .RadComboBox, .wgtIgniteLeadContactStatus .RadComboBox, .wgtIgniteLeadContactZip .RadComboBox, .wgtIgniteLeadContactCountry .RadComboBox, .wgtIgniteLeadContactAddress .RadComboBox, .wgtIgniteLeadContactAddress2 .RadComboBox { width: 100% !important; } .wgtIgniteMainMenu { /* Start 4/26/22 */ /* End 4/26/22 */ } .wgtIgniteTopbar.expanded ~ .wgtIgniteMain .wgtIgniteGroupbar .wgtIgniteMainMenu { top: 210px !important; } .wgtIgniteMain { /*S 10/21/22 */ grid-template-columns: auto auto; /*E 10/21/22 */ /*S 08/22/24 */ padding: 100px 0px 0px 0px; /*E 08/22/24 */ /* 3/15/22 */ z-index: 0; /* 3/15/22 */ } .wgtIgniteMappingZoneSource { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; grid-auto-rows: 1fr; } .wgtIgniteMappingZoneSourceField { word-break: break-word; } .wgtIgniteMappingZoneSource > h1, .wgtIgniteMappingZoneSource > p { grid-column: span 2; } .wgtIgniteMessageTemplateDetailFieldControls { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; right: 0px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0px; padding-left: 0px; } .wgtIgniteMessageTemplateDetailFieldPreview { grid-column-start: 1; grid-column-end: 7; } .wgtIgniteMessageTemplateDetailFieldDisplayName { grid-column: span 6; } .wgtIgniteMessageTemplateDetailFieldSubject { grid-column: span 5; } .wgtIgniteModal.RadWindow { left: 0 !important; right: 0 !important; max-width: 300px; width: 100% !important; margin: 0px auto; top: 10px !important; } .wgtIgniteModalAssignTagsContainer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteOverlaySubscriptionRenewalConfirmation .wgtIgniteModalBody { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteModalProductScanner .wgtIgniteModalBody { grid-template-columns: 1fr; } .wgtIgniteModalBulkStatus .wgtIgniteModalBodyControls { margin-top: 20px !important; margin-bottom: 0px !important; } .wgtIgniteModalBodyControlsGroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; row-gap: 10px; } .wgtIgniteModalBodyControlsGroup.wgtIgniteModalBodyControlsGroupImportSettings { display: grid !important; grid-template-columns: 1fr 1fr; width: 100%; } .wgtIgniteModal.wgtIgniteModalAccountLinking .rwContent, .wgtIgniteModal.wgtIgniteModalAccountUnlinking .rwContent, .wgtIgniteModal.wgtIgniteModalBulkMove .rwContent, .wgtIgniteModal.wgtIgniteModalBulkStatus .rwContent, .wgtIgniteModal.wgtIgniteModalBulkDelete .rwContent { min-height: 320px; } .wgtIgniteModal.wgtIgniteModalAccountLinking, .wgtIgniteModal.wgtIgniteModalAccountUnlinking { max-height: 460px; } .wgtIgniteModal.wgtIgniteModalBulkDelete { min-height: 360px; max-height: 370px; } .wgtIgniteModal.wgtIgniteModalBulkDelete .rwContent { border: none; } .wgtIgniteModal.wgtIgniteModalBulkDelete p { margin-bottom: 20px; } .wgtIgniteModal.wgtIgniteModalBulkDelete .wgtIgniteModalBulkTitle.RadLabel { font-size: calc(var(--wgtIgnite-text-size-large)); line-height: 24px; } .wgtIgniteModal.wgtIgniteModalBulkDelete::before { background-size: 140px !important; background-position: -50px 95px !important; background-repeat: no-repeat; } .wgtIgniteModal.wgtIgniteModalBulkMove, .wgtIgniteModal.wgtIgniteModalBulkStatus { min-height: 400px; } .wgtIgniteModal.wgtIgniteModalBulkMove p, .wgtIgniteModal.wgtIgniteModalBulkStatus p { margin: auto 0; } .wgtIgniteModal.wgtIgniteModalBulkMove .rwContent, .wgtIgniteModal.wgtIgniteModalBulkStatus .rwContent { border: none; max-height: none !important; min-height: 320px; } .wgtIgniteModal.wgtIgniteModalBulkMove::before, .wgtIgniteModal.wgtIgniteModalBulkStatus::before { background-size: 140px !important; background-position: -50px 95px !important; background-repeat: no-repeat; } .wgtIgniteModal.wgtIgniteModalBulkMove .wgtIgniteModalBodyControls, .wgtIgniteModal.wgtIgniteModalBulkStatus .wgtIgniteModalBodyControls { margin-top: 0px !important; margin-bottom: 0px !important; } .wgtIgniteModal.wgtIgniteModalLeadOptOut.RadWindow { margin-top: 60px; } .wgtIgniteModalBodySectionUpgradeFeatures { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 0px; margin-right: 0px; } .wgtIgniteModalBlurbUpgradePitch.RadLabel { text-align: center; width: 100%; } .wgtIgniteModalConfirmationPurchase { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteModalConfirmationPurchaseDescription { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteModalConfirmationUpgradeDescription.RadLabel { text-align: center; } .wgtIgniteOverlayProductScanner .wgtIgniteModalControls { grid-column: -1/1; } .wgtIgniteModalBodySectionPayment .wgtIgniteModalListContainer { height: 120px; } .wgtIgniteModalUpgradePlanTile { width: 200px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteModalUpgradePlanCost.RadLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteModalUpgradePlanLabel.RadLabel { width: 100%; text-align: center; } .wgtIgniteNav { /*S 10/06/22 */ margin-top: 70px; /*E 10/06/22 */ /* .wgtIgniteNavTab */ } .wgtIgniteNav.reveal { /*S 5/6/22 */ -webkit-box-shadow: 0px 0px 10px 0px var(--wgtIgnite-palette-grey-2); box-shadow: 0px 0px 10px 0px var(--wgtIgnite-palette-grey-2); /*E 5/6/22 */ } .wgtIgniteNav.reveal .wgtIgniteNavTab { opacity: 1; } .wgtIgniteNavTab { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; /*S 1/11/23 */ /*E 1/11/23 */ } .wgtIgniteNavTabTitle { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; font-size: var(--wgtIgnite-text-size-medium); margin-left: 10px; text-align: left; } .wgtIgniteNavMobileToggle { /* S 9/13/22 */ margin: 10px; z-index: 3; /* E 9/13/22 */ /* S 4/20/22 */ /* E 4/20/22 */ } .wgtIgniteNavMobileToggle .ico { width: 30px; height: 30px; } .wgtIgniteNavMobileSearchToggle { display: block; } .wgtIgniteNavMobileSearchToggle .icoClose { display: none; width: 25px; } .wgtIgniteTopbar.expanded .wgtIgniteNavMobileSearchToggle .ico { display: none; } .wgtIgniteTopbar.expanded .wgtIgniteNavMobileSearchToggle .icoClose { display: block; } .wgtIgniteNewActionScheduledInterval { grid-column: span 3; } .wgtIgniteOnboardingFormFieldFirstName, .wgtIgniteOnboardingFormFieldLastName { grid-column: -1/1; } .wgtIgniteOnboardingPlan { grid-template-rows: auto auto auto auto; } .wgtIgniteOnboardingPlanPrice { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; grid-row-start: 1; grid-column-start: 2; grid-row-end: 2; margin-bottom: 10px; padding-top: 0px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wgtIgniteOnboardingPlanPriceCurrency.RadLabel { text-align: right; } .wgtIgniteOnboardingPlanStats.RadLabel { grid-row-start: 2; grid-column: -1/1; text-align: center; } .unlimited .wgtIgniteOnboardingPlanStats.RadLabel { grid-row-start: 3 !important; margin-top: 8px !important; } .wgtIgniteOnboardingPlanTrial.RadLabel { grid-column: -1/1; grid-row-start: 2; text-align: center; } .wgtIgniteOnboardingPlanTrialBlurb.RadLabel { grid-column: -1/1; grid-row-start: 4; text-align: center; } .wgtIgniteOnboardingPlanTitle.RadLabel { grid-column-start: 1; grid-row-start: 1; padding-bottom: 10px; } .wgtIgniteOnboardingPlanUnlimitedLeads.RadLabel { grid-column: -1/1; text-align: center !important; } .wgtIgniteOrderSearchResultsListItemControls { grid-column: -1/1; } .wgtIgniteOrderSearchResultsListItemOrderDate { grid-column: span 4; } .wgtIgniteOrderSearchResultsListItemCustomerEmail { grid-column: -1/1; } .wgtIgniteOrderSearchResultsListItemCustomerFirstName, .wgtIgniteOrderSearchResultsListItemCustomerLastName { grid-column: span 2; } .wgtIgniteOrderSearchResultsListItemCustomerLocation { grid-column: span 3; } .wgtIgniteOrderSearchResultsListItemTotal .wgtIgniteOrderSearchResultsListItemStatValue { text-align: left; } .wgtIgniteOrderRecipientForm { grid-template-columns: 1fr 1fr 1fr 1fr; } .wgtIgniteOrderRecipientFormEmail, .wgtIgniteOrderRecipientFormPhone, .wgtIgniteOrderRecipientFormFirstName, .wgtIgniteOrderRecipientFormLastName { grid-column: span 2; } .wgtIgniteOrderRecipientFormAddress { grid-column: span 3; } .wgtIgniteOrderRecipientFormAddress2 { grid-column: span 1; } .wgtIgniteOrderRecipientFormCity { grid-column: span 2; } .wgtIgniteOrderRecipientFormState, .wgtIgniteOrderRecipientFormZip { grid-column: span 1; } .wgtIgniteOrderRecipientFormCountry { grid-column: span 2; } .wgtIgniteOrderSearchListHeaders { display: none !important; } .wgtIgniteOrderSearchListHeaders, .wgtIgniteOrderSearchListItem { grid-template-columns: 1fr 1fr 1fr 1fr; } .wgtIgniteOrderSearchListItem { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteOrderSearchListItem > span { grid-row-start: 3; grid-column: -1/1; } .wgtIgnitePageHeader { /* S 8/09/22 */ /* E 8/09/22 */ } .wgtIgnitePageHeaderInfoWrap { position: relative; margin: 10px; padding: 14px 5px 5px 5px; } .wgtIgniteSectionManageSparkSites .wgtIgnitePageHeader, .wgtIgniteSectionManageEmails .wgtIgnitePageHeader { display: grid; grid-template-columns: auto 1fr; } .wgtIgnitePay { /*S 04/25/23 */ /*E 04/25/23 */ } .wgtIgnitePayHistoryListItemStatDate { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgnitePayHistoryListItemStatCardNumber { grid-column: span 3; } .wgtIgnitePayHistoryListItemStatCardName { grid-column: span 4; } .wgtIgnitePayHistoryListItemStatCardZip { grid-column: span 3; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgnitePayHistoryListItemStatTotal { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgnitePayHistoryListItemStatDate .wgtIgnitePayHistoryListItemStatTitle.RadLabel, .wgtIgnitePayHistoryListItemStatTotal .wgtIgnitePayHistoryListItemStatTitle.RadLabel, .wgtIgnitePayHistoryListItemStatCardZip .wgtIgnitePayHistoryListItemStatTitle.RadLabel { text-align: right; } .wgtIgnitePayTemplatesListItem.modal.selected { grid-template-columns: auto auto auto auto; } .wgtIgnitePayTemplatesListItem.new { grid-template-columns: 1fr 70px 1fr 1fr 1fr 1fr; } .wgtIgnitePayTemplatesListItemStatExpiration .wgtIgnitePayTemplatesListItemStatTitle.RadLabel, .wgtIgnitePayTemplatesListItemStatNumber .wgtIgnitePayTemplatesListItemStatTitle.RadLabel, .wgtIgnitePayTemplatesListItemStatZip .wgtIgnitePayTemplatesListItemStatTitle.RadLabel { text-align: right; } .wgtIgnitePayTemplatesListItemStatExpiration .wgtIgnitePayTemplatesListItemStatValue.RadLabel, .wgtIgnitePayTemplatesListItemStatNumber .wgtIgnitePayTemplatesListItemStatValue.RadLabel, .wgtIgnitePayTemplatesListItemStatZip .wgtIgnitePayTemplatesListItemStatValue.RadLabel { text-align: right; } .wgtIgnitePayTemplatesListItemStatActivate { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wgtIgnitePayTemplatesListItem.new .wgtIgnitePayTemplatesListItemStatCardExpiration { grid-column: span 2; } .wgtIgnitePayTemplatesListItem.new .wgtIgnitePayTemplatesListItemStatCardCCV { grid-column: span 2; } .wgtIgniteExpiredSubscriptionRenewalPaymentForm .wgtIgnitePayTemplatesListItemStatCardNumber { grid-column: span 2; } .wgtIgnitePayTemplatesListItem.new .wgtIgnitePayTemplatesListItemStatCardZip { grid-column: span 2; } .wgtIgnitePayTemplatesListItemStatName { grid-column: span 3; } .wgtIgniteExpiredSubscriptionRenewalPaymentForm .wgtIgnitePayTemplatesListItemStatName { grid-column: -1/1; } .wgtIgnitePayTemplatesListItem.modal.selected .wgtIgnitePayTemplatesListItemStatName { grid-column: span 2; } .wgtIgnitePayTemplatesListItem.combo-item .wgtIgnitePayTemplatesListItemStatName, .wgtIgnitePayTemplatesListItem.combo-active .wgtIgnitePayTemplatesListItemStatName { grid-column: span 3; } .wgtIgnitePayTemplatesListItem.new .wgtIgnitePayTemplatesListItemStatName { grid-column: span 6; } .wgtIgnitePayTemplatesListItemStatExpiration { grid-column: span 1; } .wgtIgnitePayTemplatesListItem.modal.selected .wgtIgnitePayTemplatesListItemStatExpiration { grid-column: span 2; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgnitePayTemplatesListItem.combo-item .wgtIgnitePayTemplatesListItemStatExpiration, .wgtIgnitePayTemplatesListItem.combo-active .wgtIgnitePayTemplatesListItemStatExpiration { grid-column: span 1; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgnitePayTemplatesListItemStatNumber { grid-column: span 3; } .wgtIgnitePayTemplatesListItem.modal.selected .wgtIgnitePayTemplatesListItemStatNumber { grid-column: span 2; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgnitePayTemplatesListItem.combo-item .wgtIgnitePayTemplatesListItemStatNumber, .wgtIgnitePayTemplatesListItem.combo-active .wgtIgnitePayTemplatesListItemStatNumber { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgnitePayTemplatesListItemStatType { grid-column: span 3; } .wgtIgnitePayTemplatesListItem.modal.selected .wgtIgnitePayTemplatesListItemStatType { grid-column: span 2; } .wgtIgnitePayTemplatesListItem.combo-item .wgtIgnitePayTemplatesListItemStatType, .wgtIgnitePayTemplatesListItem.combo-active .wgtIgnitePayTemplatesListItemStatType { grid-column: span 1; } .wgtIgnitePayTemplatesListItemStatZip { grid-column: span 2; } .wgtIgnitePlanTemplatesListItem.combo-item, .wgtIgnitePlanTemplatesListItem.combo-active { gap: 20px; grid-template-columns: 1fr auto; padding-right: 10px; } .wgtIgnitePlanTemplatesListItem.combo-active { padding-bottom: 40px; } .wgtIgniteSection { /*S 5/17/22 */ /*E 5/17/22 */ } .wgtIgniteSectionAccountConnections .wgtIgniteSectionContent { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteSectionProductDetailsInventory { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .wgtIgniteSection.wgtIgniteSectionSupportMedia { padding: 10px; } .wgtIgniteLeadContact.open ~ .wgtIgniteSection.wgtIgniteLeadTags, .wgtIgniteLeadContact.open ~ .wgtIgniteSection.wgtIgniteLeadActions { display: none; } .wgtIgniteSectionSupportMedia .RadComboBox { width: 100%; } .wgtIgniteSearchHeader { /* S 3/28/22 */ /* E 3/28/22 */ } .wgtIgniteGroupbar.search-mode + .wgtIgniteMainMenu.task-move.reveal ~ .wgtIgniteMainContent .wgtIgniteSearchHeader { /* Start 4/11/22 */ top: 260px !important; /* End 4/11/22 */ } .wgtIgniteTopbar.expanded + .wgtIgniteGroupbar.search-mode + .wgtIgniteMain .wgtIgniteSearchHeader { top: 275px !important; } .wgtIgniteSearchHeaderSorting { min-width: 155px; } .wgtIgniteSettings { /*S 04/24/23 */ /*E 04/24/23 */ } .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInputCity { grid-column: span 2; } .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInputCountry { grid-column: span 2; } .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInputEmail { grid-column-end: 5; } .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInputPasswordConfirm { grid-column: span 4; grid-row-start: unset; } .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInputPasswordNew { grid-row-start: unset; grid-column-start: 1; grid-column-end: 5; } .wgtIgniteSettingsAccountGrid.edit-mode .wgtIgniteSettingsAccountFieldInputPasswordRequirements { grid-column-start: 1; grid-column-end: 5; } .wgtIgniteSettingsAccountFieldSeperator { grid-column-end: 5; } .wgtIgniteSettingsAccountFieldStatEmail, .wgtIgniteSettingsAccountFieldStatPhone { grid-column: span 4; } .wgtIgniteSettingsAccountFieldStatFName { grid-column: span 2; } .wgtIgniteSettingsAccountFieldStatLName { grid-column: span 2; } .wgtIgniteSettingsAccountFieldStatLanguage { grid-column: span 4; } .wgtIgniteSettingsAccountFieldStatPassword { grid-column: span 4; } .wgtIgniteSettingsAccountFieldStatProfilePic { grid-column-start: 1; grid-column-end: 5; } .wgtIgniteSettingsAccountGrid { grid-template-columns: 1fr 1fr 1fr 1fr; } .wgtIgniteSettingsSubscriptionStat { grid-column: span 2; } .wgtIgniteSettingsSubscriptionStatBuy { -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-column: span 4; } .wgtIgniteSS { /*S 10/26/22 */ /*E 10/26/22 */ /*S 10/27/22 */ /*E 10/27/22 */ } .wgtIgniteSSAnalyticsList li { grid-template-columns: 1fr 1fr; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wgtIgniteSSIntro { /*S 10/27/22 */ /*E 10/27/22 */ } .wgtIgniteSSIntroAnalytics { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; } .wgtIgniteSSIntroHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteSSIntroHeader::before { margin-right: 0px; } .wgtIgniteSSIntroHeaderTitle h3, .wgtIgniteSSIntroHeaderTitle p { text-align: center; } .wgtIgniteSSPubInfo { text-align: center; width: 100%; } .wgtIgniteSSPublish { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteSSTabsListItem { width: 100%; } .wgtIgniteSSTitle.RadLabel { padding-bottom: 10px; } .wgtIgniteStaffAccountsListItemStatEmail { grid-column-start: 2; grid-column-end: 5; } .wgtIgniteStaffAccountsListItemStatFirstName, .wgtIgniteStaffAccountsListItemStatLastName { grid-column: span 2; } .wgtIgniteSupportMediaListItemPreviewFrame { width: 150px; } .wgtIgniteMessageTemplateDetailForm, .wgtIgniteSparkSiteDetailForm { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .wgtIgniteMessageTemplateDetailFieldHeaderContent, .wgtIgniteMessageTemplateDetailFieldHTMLBody { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .wgtIgniteOrderPaymentForm { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteSparkSiteDetailFieldHTML, .wgtIgniteSparkSiteDetailFieldHeaderAddlContent, .wgtIgniteSparkSiteDetailFieldHeaderCSS, .wgtIgniteSparkSiteDetailFieldJavascriptHeader, .wgtIgniteSparkSiteDetailFieldJavascriptFooter { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .wgtIgniteTopbar { /* s 4/28/22 */ /* e 4/28/22 */ /* s 4/29/22 */ /* e 4/29/22 */ /* S 3/31/22 */ /* E 3/31/22 */ /* S 4/29/22 */ /* E 4/29/22 */ } .wgtIgniteTopbar.expanded { height: 150px; } .wgtIgniteTopbarBreadcrumb { padding-left: 2px; } .wgtIgniteTopbarBranding { margin-left: 5px; } .wgtIgniteTopbarCompanyInfo { /* S 4/12/22 */ -ms-flex-item-align: center; align-self: center; /* E 4/12/22 */ /* S 4/20/22 */ width: 30px; height: 30px; /* E 4/20/22 */ /* S 3/30/22 */ /* E 3/30/22 */ } .wgtIgniteTopbarCompanyInfo::after { width: 28px; height: 28px; } .wgtIgniteTopbar.info-open .wgtIgniteTopbarCompanyInfo::before { -webkit-transform: translate(0px, 15px); transform: translate(0px, 15px); } .wgtIgniteTopbar.search-open .wgtIgniteTopbarCompanyInfo { max-width: 37px; opacity: 1; } .wgtIgniteTopbarMember { /* S 3/30/22 */ /* E 3/30/22 */ } .wgtIgniteTopbar.search-open .wgtIgniteTopbarMember { right: 4px; } .wgtIgniteTopbarSearch { /* S 4/12/22 */ -ms-flex-item-align: center; align-self: center; /* E 4/12/22 */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* S 4/20/22 */ width: 30px; height: 30px; /* E 4/20/22 */ /* S 3/31/22 */ /* E 3/31/22 */ } .wgtIgniteTopbarSearch::after { width: 28px; height: 28px; } .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearch::before { -webkit-transform: translate(0px, 15px); transform: translate(0px, 15px); } .wgtIgniteTopbarSearchInput input { max-width: 100%; } .wgtIgniteTopbarSearchSearchTrigger.rbButton { right: 0px; top: 28px; } .wgtIgniteTopbarSearchSubmit { display: none; } .wgtIgniteTopbarSearchSubmit::after { border-radius: var(--wgtIgnite-br); padding: 10px; display: block; color: var(--wgtIgnite-color-1); content: "Search"; border: solid 1px var(--wgtIgnite-color-1); } .wgtIgniteTopbarSearch:hover .wgtIgniteTopbarSearchSubmit::after { color: #fff; border-color: #fff; } .wgtIgniteTopbarSearchSubmit svg { display: none; } .wgtIgniteTopbarSubtitle { font-size: var(--wgtIgnite-text-size-small); } .wgtIgnite .RadCalendarPopup { width: calc(100% - 40px) !important; left: 20px !important; } .wgtIgnite .RadCalendarPopup .RadCalendar_Bootstrap { width: 100%; } .wgtIgnite .RadCalendar_Bootstrap .rcRow td, .wgtIgnite .RadCalendar_Bootstrap .rcRow td a, .wgtIgnite .RadCalendar_Bootstrap .rcWeek th, .wgtIgnite .RadCalendar_Bootstrap .rcRow:last-child th, .wgtIgnite .RadCalendar_Bootstrap .rcRow:first-child th { padding: 0px !important; } .wgtIgnite .rcpPalette { left: 0px !important; width: 100% !important; } .wgtIgnite .RadSlider[style*="-9999px"] { display: none !important; } } @media screen and (max-width: 480px) { .wgtIgniteButtonManageCampaign { grid-column: -1/1; } .wgtIgniteButtonSearchOrder { width: 100%; } .wgtIgniteButtonUtilsScrubEmail { margin-left: auto; margin-right: auto; } .wgtIgniteCampaignDetailsStatTrend { margin-top: auto; } .wgtIgniteCampaignDetailsHeaderControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteCampaignDetailsHeaderCompanyName.RadLabel { grid-row-start: 2; } .wgtIgniteCampaignDetailsHeaderStats { margin: 0px; } .wgtIgniteCompanyListControls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; -ms-flex-item-align: center; align-self: center; } .wgtIgniteOrderHistoryDetailsTimePeriodMenu { width: 100% !important; margin-bottom: 10px; } .wgtIgniteOrderPaymentFormControls, .wgtIgniteOrderPaymentFormNotes, .wgtIgniteOrderPaymentFormTotal { grid-column: -1/1; } .wgtIgniteOrderPaymentForm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteOrderPaymentFormNotes { grid-row-start: 3; } .wgtIgniteOrderPaymentFormTotal { grid-row-start: 4; } .wgtIgniteOrderPaymentFormControls { grid-row-start: 5; } .wgtIgniteOrderScanSelector { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; margin-bottom: 10px; } .wgtIgniteOrderScanSelector input { margin-top: 0px; } .wgtIgniteOrderScanSelector label { font-size: var(--wgtIgnite-text-size-small); } .wgtIgniteOverlay { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteOverlay.wgtIgniteOverlayCreditPurchase, .wgtIgniteOverlay.wgtIgniteOverlayCancelAccount { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteModalOnboardingError .wgtIgniteModalBody { row-gap: 20px; } .wgtIgniteModalOnboardingError .wgtIgniteModalBodyContent { grid-column: -1/1; } .wgtIgniteModalOnboardingError .wgtIgniteModalBodyGraphic { grid-column: -1/1; } .wgtIgniteModalOnboardingError .wgtIgniteModalBodyGraphic img { -webkit-transform: scale(0.7); transform: scale(0.7); } } @media screen and (max-width: 400px) { .wgtIgniteCampaignsListItemStatDescription, .wgtIgniteCampaignsListItemStatType { grid-column: span 4; } .wgtIgniteDashboardCampaignsListItemStatEmail { grid-column: span 5 !important; } .wgtIgniteDashboardCampaignsListItemStatName { grid-column: span 4; } .wgtIgniteDashboardCampaignsListItemStatRecipients { grid-column: span 2 !important; } .wgtIgniteDashboardCampaignsListItemStatStart { grid-column: span 4 !important; } .wgtIgniteDashboardCampaignsListItemStatType { grid-column: span 3 !important; } .wgtIgniteDashboardGridOverview { margin: 220px 0px 0px 0px !important; } .wgtIgniteDashboardPie { -ms-flex-item-align: end; align-self: flex-end; position: relative !important; top: 0px !important; right: 0px !important; } .wgtIgniteOverlayCreditPurchase .wgtIgniteModalBodySectionHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteOverlayCreditPurchase .wgtIgniteModalBodySectionInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteModal.RadWindow { width: 100% !important; } .wgtIgniteOverlay .wgtIgniteModal { margin: 0px; } .wgtIgniteOverlay.wgtIgniteOverlayStaffAccount .wgtIgniteModal { margin: unset; } .wgtIgniteOverlay .wgtIgniteModalProductScanner { margin: 10px; } .wgtIgniteOrderCamViewScanner { max-width: 400px; width: 100% !important; } .wgtIgnitePayTemplatesListItem.modal.selected { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wgtIgniteSSContainer { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .wgtIgniteSSQRCode { margin-left: auto; margin-right: auto; } .wgtIgniteSparkSitePreviewContainer { width: 100%; } .wgtIgniteTopbar { grid-template-columns: auto 112px 1fr auto auto; } .wgtIgniteTopbarSubtitle.RadLabel { font-size: 8px; } } @media (hover: hover) { .wgtIgnite { /* S 4/27/22 */ /* E 4/27/22 */ /*S 1/23/23 */ /*E 1/23/23 */ /* .wgtIgniteTooltip */ } .wgtIgniteNav.reveal + .wgtIgniteBody { margin-left: 0px; } .wgtIgniteEntryName:hover .wgtIgniteEntryCellValue { z-index: 2; background-color: var(--wgtIgnite-palette-background); -webkit-box-shadow: 0px 0px 10px 0px var(--wgtIgnite-palette-shadow); box-shadow: 0px 0px 10px 0px var(--wgtIgnite-palette-shadow); border-radius: var(--wgtIgnite-br); padding: 1px 4px; } .wgtIgniteEntryDetailLink { opacity: 0 !important; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } .wgtIgniteEntryEditTrigger { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-bottom: dotted 1px var(--wgtIgnite-color-1); top: 0; position: absolute !important; left: -10px !important; width: calc(100% + 20px) !important; height: 100% !important; opacity: 0 !important; grid-column: 1/-1; } .wgtIgniteEntryEditTrigger:hover { cursor: pointer; } .wgtIgniteCampaignsList .wgtIgniteEntryEditTrigger.RadButton { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 18px !important; height: 18px !important; } .wgtIgniteLeadMeta { margin-top: 0px; } .wgtIgniteLinkCreatePayTemplate { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .wgtIgniteNav { scrollbar-color: var(--wgtIgnite-color-1d2) var(--wgtIgnite-palette-scrollbar); scrollbar-width: thin !important; width: 100px; visibility: hidden; z-index: 6; margin-top: 85px; position: fixed; padding-top: 0px; margin-top: 0px; width: 50px; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); /* S 10/04/22 */ /* E 10/04/22 */ /*S 3/8/22 */ /*E 3/8/22 */ } .wgtIgniteNav::-webkit-scrollbar { width: 10px; height: 10px; } .wgtIgniteNav::-webkit-scrollbar-track { background: var(--wgtIgnite-palette-scrollbar); } .wgtIgniteNav::-webkit-scrollbar-thumb { background-color: var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); border: 3px solid var(--wgtIgnite-palette-scrollbar); } .wgtIgniteNav.reveal { visibility: visible; width: 100px; } .wgtIgniteNav::before { height: 100%; /* S 8/26/22 */ width: inherit; /* E 8/26/22 */ } .wgtIgniteNav.constrained::before { display: none; } .wgtIgniteNav.constrained.reveal { width: 100px; } .wgtIgniteNav.constrained.reveal ::before { display: none; } .wgtIgniteNavTabGraphic { width: 100%; } .wgtIgniteNavTab:hover, .wgtIgniteNavTab.active { background-color: var(--wgtIgnite-palette-background); } .wgtIgniteNavTab:hover .st0, .wgtIgniteNavTab.active .st0 { fill: var(--wgtIgnite-color-1); } .wgtIgniteNavTabs { scrollbar-color: var(--wgtIgnite-color-1d2) var(--wgtIgnite-palette-scrollbar); scrollbar-width: thin !important; overflow-y: auto; overflow-x: hidden; height: 100vh; } .wgtIgniteNavTabs::-webkit-scrollbar { width: 10px; height: 10px; } .wgtIgniteNavTabs::-webkit-scrollbar-track { background: var(--wgtIgnite-palette-scrollbar); } .wgtIgniteNavTabs::-webkit-scrollbar-thumb { background-color: var(--wgtIgnite-color-1); border-radius: var(--wgtIgnite-br); border: 3px solid var(--wgtIgnite-palette-scrollbar); } .wgtIgniteNavMobileToggle { display: none; } .wgtIgniteNavTabTitle { background-color: var(--wgtIgnite-palette-base); border-radius: var(--wgtIgnite-br); /* S 4/14/22 */ color: var(--wgtIgnite-palette-background); /* E 4/14/22 */ position: absolute; padding: 10px; visibility: hidden; /*S 03/07/2022 */ z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*E 03/07/2022 */ /*S 10/04/22 */ margin: 0px 0px 0px 45px; /*E 10/04/22 */ /*S 5/3/22 */ /*E 5/3/22 */ } .wgtIgniteNavTabTitle::before { content: ""; display: inline-block; width: 16px; height: 16px; background-color: var(--wgtIgnite-palette-base); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; pointer-events: none; /* 03/07/2022 */ top: 0; left: 0; bottom: 0; margin: auto; z-index: -1; /* 03/07/2022 */ } .wgtIgniteNavTab:hover .wgtIgniteNavTabTitle { visibility: visible; } .wgtIgniteNav.constrained .wgtIgniteNavTab.active .wgtIgniteNavTabTitle { color: var(--wgtIgnite-color-1); } .wgtIgniteOverlay { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wgtIgniteTooltip { /*S 05/01/23 */ /*E 05/01/23 */ } .wgtIgniteTooltipIcon::before { display: none; content: none; } .wgtIgniteTooltipIcon:hover .wgtIgniteTooltip.RadLabel { visibility: visible; } .wgtIgniteLink:hover .wgtIgniteTooltip, .wgtIgniteEntryCellValue:hover .wgtIgniteTooltip { pointer-events: none; visibility: visible; } .wgtIgniteNav.reveal + .wgtIgniteBody .wgtIgniteTopbarBreadcrumb { margin-left: 0px !important; } } @media screen and (hover: hover) and (max-width: 850px) { .wgtIgnite { /* S 3/14/22 */ /* E 3/14/22 */ /* S 5/17/22 */ /* E 5/17/22 */ } .wgtIgniteLeadMeta { margin-top: 70px; } .wgtIgniteNav { /*S 10/06/22 */ background-color: transparent; overflow: unset; margin-top: 80px; /*E 10/06/22 */ } .wgtIgniteNavTabs { height: calc(100vh - 80px); background-color: var(--wgtIgnite-color-1); } .wgtIgniteNav.reveal { width: 50px; visibility: visible; } .wgtIgniteNav.reveal::before { width: 50px; } .wgtIgniteNavMobileToggle { /* S 4/20/22 */ -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; /* E 4/20/22 */ } .wgtIgniteTopbar { /* S 3/31/22 */ /* E 3/31/22 */ } .wgtIgniteNav.reveal + .wgtIgniteBody .wgtIgniteTopbar.info-open .wgtIgniteTopbarMember { width: calc(100% - 50px); } .wgtIgniteNav.reveal + .wgtIgniteBody .wgtIgniteTopbar.search-open .wgtIgniteTopbarSearch > span { width: calc(100% - 50px); } } @media screen and (hover: hover) and (max-width: 600px) { .wgtIgniteNav { /*S 10/06/22 */ margin-top: 72px; /*E 10/06/22 */ /* S 4/29/22 */ /* E 4/29/22 */ } .wgtIgniteNav.reveal { width: 50px; } .wgtIgniteNav.reveal::before { width: 50px; } .wgtIgniteNav.reveal .wgtIgniteNavTab { opacity: 1; } .wgtIgniteNavTabs { top: 72px; } .wgtIgniteNavTab { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wgtIgniteNavTabs { margin-top: 0px; width: 50px; } .wgtIgniteNav.reveal .wgtIgniteNavTabs { overflow: visible; } } @media screen and (hover: hover) and (min-width: 851px) { .wgtIgnite { /*S 01/19/23*/ /*E 01/19/23 */ /* S 3/23/22 */ /* E 3/23/22 */ /* S 4/26/22 */ /* E 4/26/22 */ /*S 9/8/22 */ /*E 9/8/22 */ } .wgtIgniteCampaignsListItemStatShortName:hover .wgtIgniteCampaignsListItemStatValue.RadLabel { z-index: 2; background-color: var(--wgtIgnite-palette-background); -webkit-box-shadow: 0px 0px 10px 0px var(--wgtIgnite-palette-shadow); box-shadow: 0px 0px 10px 0px var(--wgtIgnite-palette-shadow); border-radius: var(--wgtIgnite-br); padding: 0px 4px; position: absolute; bottom: -8px; left: -5px; } .wgtIgniteEntryName { position: relative; } .wgtIgniteEntryName::before { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--wgtIgnite-palette-list-item-fade))); background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--wgtIgnite-palette-list-item-fade)); content: ""; width: 40px; position: absolute; right: 0; height: 100%; pointer-events: none; } .wgtIgniteEntry.suspended .wgtIgniteEntryName::before { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--wgtIgnite-palette-grey-3))); background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--wgtIgnite-palette-grey-3)); } .wgtIgniteEntry:hover .wgtIgniteEntryName::before { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--wgtIgnite-color-2l3))); background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--wgtIgnite-color-2l3)); } .wgtIgniteEntry.suspended:hover .wgtIgniteEntryName::before { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--wgtIgnite-palette-grey-3))); background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--wgtIgnite-palette-grey-3)); } .wgtIgniteEntryName:hover { min-height: 35px; /* S 1/06/23 */ overflow: visible; z-index: 2; /* E 1/06/23 */ } .wgtIgniteEntryName:hover::before { display: none; } .wgtIgniteEntryName:hover + .wgtIgniteEntryEllipses { opacity: 0; } .wgtIgniteGroupList { /* S 4/5/22 */ scroll-margin-top: 230px; /* E 4/5/22 */ /* S 4/5/22 */ /* E 4/5/22 */ } .wgtIgniteGroupbar.search-mode ~ .wgtIgniteMainContent .wgtIgniteGroupList { scroll-margin-top: 320px; } .wgtIgniteSearchHeader + .wgtIgniteGroup .wgtIgniteGroupList { margin-top: 0px; } .wgtIgniteNav { position: relative; width: 50px; visibility: visible; /*S 5/31/22 */ /*E 5/31/22 */ } .wgtIgniteNav.reveal { width: 50px; } .wgtIgniteNav::before { margin-top: 0px; } .wgtIgniteTopbar { /*S 08/22/24 */ width: calc(100% - 50px); /*E 08/22/24 */ } .wgtIgniteNav.reveal + .wgtIgniteBody .wgtIgniteTopbar.info-open .wgtIgniteTopbarCompanyInfo.constrained .wgtIgniteTopbarMember { width: 100%; } .wgtIgniteWrapper { display: grid; grid-template-columns: auto 1fr; } } /* S 4/29/22 */ @media print { .RadComboBox.RadComboBoxWithLabel { row-gap: 0px !important; pointer-events: none !important; } .RadComboBox .rcbInner { font-size: var(--wgtIgnite-text-size-default); } .wgtIgniteInput .RadPicker .RadInput { padding: 0px !important; } .RadInput .riTextBox, .RadInput textarea { font-size: var(--wgtIgnite-text-size-default) !important; font-weight: 100 !important; } .wgtIgniteInput > .RadPicker { row-gap: 0px !important; } .wgtIgniteActionEntry .RadRadioButton .rbText { font-size: var(--wgtIgnite-text-size-default) !important; font-weight: 100 !important; } .wgtIgniteActionEntry .RadRadioButton .rbIcon { height: 14px; width: 14px; } .wgtIgniteActionEntry .RadRadioButton .rbIcon::before { font-size: var(--wgtIgnite-text-size-medium) !important; } /* Start greying out areas */ .wgtIgnitePageHeader { -webkit-filter: grayscale(1); filter: grayscale(1); } .wgtIgniteLeadTagsActive { margin-top: 10px !important; } .wgtIgniteLeadTagsContainer { min-height: 37px !important; } /*S 11/01/22 */ .wgtIgniteActions { margin-bottom: 0px; } .wgtIgniteActionsCreate, .wgtIgniteActionsScheduledCreate { display: none !important; } .wgtIgniteActions .wgtIgniteSectionContent { max-height: unset !important; opacity: 1 !important; } .wgtIgniteActionCard { grid-template-columns: 90px 150px 80px 200px 1fr; grid-template-rows: 1fr; padding: 0px !important; } .wgtIgniteActionEntry.recurring .wgtIgniteActionCard { grid-template-columns: 90px 150px 80px 200px minmax(200px, 300px) 1fr; grid-template-rows: 1fr; } .wgtIgniteActionCardCommentBody { font-weight: 100 !important; } .wgtIgniteActionCardComment { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; padding: 0px !important; } .wgtIgniteActionCardComments { grid-column: -1/1 !important; } .wgtIgniteActionCardCommentDate { font-weight: 100 !important; } .wgtIgniteActionCardCommentsList { margin: 0px; } .wgtIgniteActionCardCode, .wgtIgniteActionCardComments, .wgtIgniteActionCardDescription, .wgtIgniteActionCardPriority, .wgtIgniteActionCardScheduledInterval, .wgtIgniteActionCardScheduledType { grid-column-start: unset; grid-column-end: unset; grid-row-start: unset; grid-row-end: unset; } .wgtIgniteActionCardScheduledInterval { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .wgtIgniteActionCardScheduledType { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .wgtIgniteActionsTypeRecurring .wgtIgniteActionCardDescription { grid-row-start: unset; grid-row-end: unset; } .wgtIgniteActionCardDate { grid-column-start: 1; grid-column-end: unset; } .wgtIgniteInput.RadPicker.wgtIgniteActionCardInfo .RadInput { border: none !important; padding: 0px !important; } .wgtIgniteInput.RadPicker .rcSelect, .wgtIgniteInput.RadComboBox .rcbInner .rcbActionButton { display: none !important; } .wgtIgniteInput.RadComboBox .rcbInner { border: none !important; padding: 0px !important; } .wgtIgniteInput.RadComboBox .rcbInput, .RadPicker .RadInput .riTextBox { border: none !important; text-indent: 0px !important; font-size: var(--wgtIgnite-text-size-default); } .wgtIgniteActionEntry { border: none; margin: 0px; background-color: var(--wgtIgnite-palette-background) !important; } .wgtIgniteActionEntry .wgtIgniteButtonActionCardDescriptionSaveTrigger, .wgtIgniteActionEntry .RadInput .rcSelect, .wgtIgniteActionEntry .rcbActionButton { display: none !important; } .wgtIgniteActionEntry .wgtIgniteInputWrapper, .wgtIgniteActionEntry .RadComboBox .rcbInner, .wgtIgniteActionEntry .RadComboBox .rcbInner.rcbReadOnly, .wgtIgniteActionEntry .RadInput, .wgtIgniteActionEntry .RadRadioButtonList { border: none !important; padding: 0px !important; } .wgtIgniteActionEntry .RadRadioButtonList { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wgtIgniteActionEntry::before { display: none; } .wgtIgniteActionCardInfoValue.RadLabel { font-weight: 100 !important; } .wgtIgniteActionCardComments .wgtIgniteActionCardComment:nth-child(2) { border-top: none; } .wgtIgniteActionsList { row-gap: 0px; } /*E 11/01/22 */ .wgtIgniteBody { height: auto; /*S 01/18/23 */ /*E 01/18/23 */ } .wgtIgniteBodyOnboarding { display: none; } .wgtIgniteContactEditTrigger { display: none; } .wgtIgniteEntryTags { border: solid 1px #ccc; max-height: 2000px; opacity: 1; } .wgtIgniteEntryTags::before { border: solid 1px #ccc; border-bottom: none; -webkit-box-shadow: none; box-shadow: none; } .wgtIgniteEntryRow { grid-template-rows: auto auto; } .wgtIgniteInput { row-gap: 0px; } .wgtIgniteInput .riLabbel { background-color: var(--wgtIgnite-color-3) !important; } .wgtIgniteInput .riLabel::before { background-color: var(--wgtIgnite-palette-alert) !important; } .wgtIgniteLeadName.RadLabel { padding-left: 0px; } .wgtIgniteLeadTagsContainer { border: none; } .wgtIgniteLeadAddress { grid-row-start: unset; grid-row-end: unset; grid-column-start: unset; grid-column-end: unset; grid-column: span 2; /*grid-column: 1/ -1;*/ } .wgtIgniteLeadCampaignHistoryListItem { border: none; background-color: transparent; padding: 0px !important; } .wgtIgniteLeadCampaignHistoryListItemStatControls { display: none; } .wgtIgniteLeadComment { grid-row-start: unset; grid-row-end: unset; grid-column-start: unset; grid-column-end: unset; /*grid-column: 1/ -1;*/ } .wgtIgniteLeadCustom { /*grid-column: 1/ -1;*/ } .wgtIgniteLeadEmail { grid-row-start: unset; grid-row-end: unset; grid-column-start: unset; grid-column-end: unset; /*grid-column: 1/ -1;*/ } .wgtIgniteLeadPhone { grid-row-start: unset; grid-row-end: unset; grid-column-start: unset; grid-column-end: unset; /*grid-column: 1/ -1;*/ } .wgtIgniteLeadGroup { grid-row-start: unset; grid-row-end: unset; grid-column-start: unset; grid-column-end: unset; /*grid-column: 1/ -1;*/ } .wgtIgniteLeadStatus { grid-row-start: unset; grid-row-end: unset; grid-column-start: unset; grid-column-end: unset; /*grid-column: 1/ -1;*/ } .wgtIgniteLeadEmail, .wgtIgniteLeadPhone, .wgtIgniteLeadStatus, .wgtIgniteLeadGroup, .wgtIgniteLeadAddress, .wgtIgniteLeadComment, .wgtIgniteLeadCustom { background-color: var(--wgtIgnite-palette-background); } .wgtIgniteLeadTagsActive > .wgtIgniteLeadTagsLabel { display: none !important; } .wgtIgniteLeadTagsAvailable { display: none !important; } .wgtIgniteMainContent { padding-top: 0px; scrollbar-color: transparent !important; scrollbar-width: thin !important; } .wgtIgniteMainContent::-webkit-scrollbar { width: 0px; } .wgtIgniteMainContent::-webkit-scrollbar-track { background: transparent; } .wgtIgniteMainContent::-webkit-scrollbar-thumb { background-color: transparent; border-radius: var(--wgtIgnite-br); border: none !important; } .wgtIgniteOnboardingFormControls { display: none; } .wgtIgniteOnboardingReceiptPrintLink { display: none; } .wgtIgnitePageHeader { -webkit-box-shadow: none; box-shadow: none; -webkit-filter: grayscale(1); filter: grayscale(1); padding-bottom: 0px; } .wgtIgnitePageHeaderInfo { position: relative; top: 0px; grid-column-start: 1; grid-row-start: 1; width: 100%; grid-column: 1/-1; right: 0px; } .wgtIgnitePageHeaderInfoWrap { border: solid 1px var(--wgtIgnite-palette-base); border-radius: 0px !important; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; margin: 0px; padding: 20px; gap: 1px; background-color: transparent; } .wgtIgnitePageHeaderInfoValue.RadLabel { font-weight: 300; } .wgtIgnitePrintDateLabel.RadLabel { display: block; } .wgtIgniteSectionContent { padding: 0px !important; max-height: unset; opacity: 1; } .wgtIgniteLeadTags > .wgtIgniteSectionContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wgtIgniteSectionHeader { border-bottom: solid 5px var(--wgtIgnite-palette-grey-3); margin-bottom: 10px; margin-top: 20px; } .wgtIgniteSectionContent .wgtIgniteSectionHeader { border-bottom: none !important; margin-top: 10px !important; margin-bottom: 10px !important; } .wgtIgniteGroupListHeaders, .wgtIgniteMainContent, .wgtIgniteGroupHeader, .wgtIgniteSearchHeader, .wgtIgnitePageHeader, .wgtIgniteSearchHeader, .wgtIgniteTopbar { position: relative; top: 0px !important; } /*S 10/31/22 */ .wgtIgniteActionCardCommentsListTrigger, .wgtIgniteActionCardCommentDeleteTrigger, .wgtIgniteActionCardStatus, .wgtIgniteActionControls, .wgtIgniteEntrySelector, .wgtIgniteGroupbar, .wgtIgniteInputDynamicText, .wgtIgniteLeadTagsActiveInput, .wgtIgniteLeadTagsSeparator, .wgtIgniteMainMenu, .wgtIgniteNav, .wgtIgniteNewActionTrigger, .wgtIgniteSearchHeader .wgtIgniteHeaderSeparator, .wgtIgniteSectionSpan, .wgtIgniteSectionToggler, .wgtIgniteGroupbarSearchNav, .wgtIgniteTopbar, .wgtIgniteTopbarLogout, .wgtIgniteTopbarSearch, .wgtIgniteTopbarBreadcrumb { display: none !important; } /*E 10/31/22 */ .wgtIgniteTag .rbSecondaryIcon { display: none !important; } .wgtIgniteTopbar { height: auto !important; } .wgtIgniteTopbarMember { -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wgtIgniteWrapper { background-color: var(--wgtIgnite-palette-background); } .wgtIgniteWrapperOnboarding { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } /* E 4/29/22 */ /* S 5/13/22 */ .rwTitleBar .rwIcon::before, .rwCommandButton::before, .rbIcon::before { color: var(--wgtIgnite-palette-background); } .rbIcon::before { color: var(--wgtIgnite-color-1); } /* E 5/13/22 */ .reDropDownBody.Bootstrap:not(.reAlignmentSelector) { min-width: 100px; } .reDropDownBody.Bootstrap:not(.reAlignmentSelector) tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .reDropDownBody.Bootstrap:not(.reAlignmentSelector) tr td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reToolbar a, .reDropdown { font-family: var(--wgtIgnite-font) !important; } .reDropdown { border-color: var(--wgtIgnite-color-1); } .redHyperLink .rtsUL .rtsLink { color: var(--wgtIgnite-color-1); } .redHyperLink div.redWrapper .redRow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; margin-right: auto; width: 400px; } .redHyperLink div.redWrapper .redRow:last-child { display: none; } .redHyperLink div.redWrapper .redRow .rfdSelect { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .redHyperLink div.redWrapper .redRow .rfdTextInput { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .redHyperLink div.redWrapper .redRow .redInlineBlock { padding: 0px; } .redHyperLink div.redWrapper .redRow .redInlineBlock .reTool { margin: 0px; } .redHyperLink div.redWrapper .redLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; margin-bottom: unset; width: 100px; } .redImageProperties .redWrapper .redRow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .redImageProperties .redWrapper .redRow:last-child { display: none; } .redImageProperties .redWrapper .redRow .redLabel { color: var(--wgtIgnite-color-3) !important; font-family: var(--wgtIgnite-font) !important; font-size: var(--wgtIgnite-text-size-small); font-weight: 800; line-height: 12px !important; padding: 0px; margin-bottom: unset; margin-right: 5px; } .redImageProperties .redWrapper .redRow .reSpinBox input { min-width: 50px; } .reLightweightDialog.RadForm_Bootstrap .reTool.reSplitButton { top: 0px; } .rfdPrimaryButton.rfdFlatButton { background-color: var(--wgtIgnite-color-1) !important; } .reLightweightDialog .reToolWrapper .redRow .reTool, .reLightweightDialog .redRow .reTool { height: 32px; } .st-btn[data-network=blm] { display: none !important; } .wgtIgnite .wgtIgniteLeadTag .rbIcon::before { color: var(--wgtIgnite-palette-background); } /*E 7/7/22 */ /* S 5/3/22 */ .wgtIgnite .st-btn[data-network=sharethis] { background-color: var(--wgtIgnite-color-1) !important; height: 39px !important; } /* E 5/3/22*/ .wgtIgnite .RadInput_Bootstrap.RadInputFocused .riTextBox, .wgtIgnite .RadPicker_Bootstrap .RadInputFocused, .wgtIgnite .RadInput_Focused_Bootstrap { -webkit-box-shadow: none !important; box-shadow: none !important; } /* 3/15/22 */ .TelerikModalOverlay { width: 100% !important; height: 100% !important; position: fixed !important; } /* Start 3/16/22 */ .wgtIgnite .RadUpload_Bootstrap .ruUploadSuccess .radIcon::before { background-color: var(--wgtIgnite-color-3); } /* End 3/16/22 */ /*E 11/21/22 */ /* S 3/23/22 */ .wgtIgnite .swiper-button-next::after, .wgtIgnite .swiper-button-prev::after { font-size: var(--wgtIgnite-text-size-default); } /* E 3/23/22 */ /* S 3/29/22 */ .wgtIgnite .ruFileWrap + .ruButton { margin-left: auto !important; } .rcbList .rcbItem { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } /* E 3/29/22 */ /* S 4/14/22 */ .wgtIgnite .wgtIgniteTopbarUserMessage, .wgtIgnite .wgtIgniteTopbarUserName, .wgtIgnite .wgtIgniteTopbarLogoutMessage, .wgtIgnite .wgtIgniteTopbarLogoutTrigger { padding: 0px !important; } /* E 4/14/22 */ /* S 4/5/22 */ .wgtIgnite .rbDisable { pointer-events: none; } /* E 4/5/22 */ /* S 4/7/22 */ #ctl00_SkinChooser, #SkinChooser { display: none !important; left: 20px; top: 100px; z-index: 2; } /* S 4/29/22 */ .k-breadcrumb { line-height: normal !important; } /* E 4/29/22 */ /* S 02/07/2024 */ /* Specific styling for onboarding pages*/ #lblIgniteOnboardingSectionTitleStart { margin: 0px 0px 20px 0px; } /*# sourceMappingURL=FirestormIgniteLMSAdmin_.css.map */