/* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Import all common theme variables*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Outside-in spacing: Stack*/ /* Stacks provide spacing between their children.*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Dave Wallace */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Arrows*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Forms*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Avatar*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Drop down*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Data table*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tabs*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Card*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Charts*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Filters*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tags*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tags*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* collapsible*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* progress tracker*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Side panel navigation*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Toggle buttons*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Notification toast*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* Sidebar layout that is responsive based on the size of its container, rather*/ /* than the viewport.*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Media queries breakpoints*/ /* Matches @screen-sm-min*/ /* Matches @screen-md-min*/ /* Matches @screen-lg-min*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This contains the common variable set for form elements,*/ /* allowing form elements to be consistently styled.*/ /* loosely based on a modular scale of (2 * (1.5 ^ n))*/ /* Selectors for form inputs (and similar elements) that should have sizes applied to them.*/ /* If modifying this list in a theme, do it via append() rather than replacing*/ /* the entire list.*/ /* Selectors for inputs that are *replaced elements*.*/ /* The behavior of width: auto differs for replaced elements, so these are set*/ /* to width: 100% to get the "grow to container" behavior.*/ /* https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element*/ /* However, this causes an issue in certain contexts - namely if the container*/ /* has a margin. This list exists to enable workarounds using flex at the site*/ /* of use.*/ /* If modifying this list in a theme, do it via append() rather than replacing*/ /* the entire list.*/ /* Don't apply the default input size if the element is within one of these*/ /* selectors.*/ /* (if it's not within a form, it won't be applied either)*/ /* Calculate character-based sizing for inputs.*/ /* Generate sizing class for size*/ /* Default input sizing*/ /* Generate sizing classes for predefined sizes*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /**/ /* Body text*/ /**/ /**/ /* Link text*/ /**/ /**/ /* Heading text*/ /**/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* #dock is 12000, modal must be above that*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Import all common theme variables*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Outside-in spacing: Stack*/ /* Stacks provide spacing between their children.*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Dave Wallace */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Arrows*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Forms*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Avatar*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Drop down*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Data table*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tabs*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Card*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Charts*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Filters*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tags*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tags*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* collapsible*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* progress tracker*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Side panel navigation*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Toggle buttons*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Notification toast*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* Sidebar layout that is responsive based on the size of its container, rather*/ /* than the viewport.*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Media queries breakpoints*/ /* Matches @screen-sm-min*/ /* Matches @screen-md-min*/ /* Matches @screen-lg-min*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This contains the common variable set for form elements,*/ /* allowing form elements to be consistently styled.*/ /* loosely based on a modular scale of (2 * (1.5 ^ n))*/ /* Selectors for form inputs (and similar elements) that should have sizes applied to them.*/ /* If modifying this list in a theme, do it via append() rather than replacing*/ /* the entire list.*/ /* Selectors for inputs that are *replaced elements*.*/ /* The behavior of width: auto differs for replaced elements, so these are set*/ /* to width: 100% to get the "grow to container" behavior.*/ /* https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element*/ /* However, this causes an issue in certain contexts - namely if the container*/ /* has a margin. This list exists to enable workarounds using flex at the site*/ /* of use.*/ /* If modifying this list in a theme, do it via append() rather than replacing*/ /* the entire list.*/ /* Don't apply the default input size if the element is within one of these*/ /* selectors.*/ /* (if it's not within a form, it won't be applied either)*/ /* Calculate character-based sizing for inputs.*/ /* Generate sizing class for size*/ /* Default input sizing*/ /* Generate sizing classes for predefined sizes*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /**/ /* Body text*/ /**/ /**/ /* Link text*/ /**/ /**/ /* Heading text*/ /**/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* #dock is 12000, modal must be above that*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This variable file includes special comments with the syntax `theme:var` and*/ /* `theme:derive`.*/ /**/ /* `theme:var` comments tell the build system that this is a configurable*/ /* variable and causes information about it to be exported. This is neccesary*/ /* for it to show up in the theme panel.*/ /**/ /* `theme:derive` comments add information to the entry for a theme:var variable*/ /* telling the theme panel that it is derived from another variable.*/ /* This informatation is used to generate a new value for the variable if the*/ /* value of any variable it is derived from has changed.*/ :root { --font-size-1: 0.1rem; --font-size-2: 0.2rem; --font-size-4: 0.4rem; --font-size-8: 0.8rem; --font-size-10: 1rem; --font-size-11: 1.1rem; --font-size-12: 1.2rem; --font-size-13: 1.3rem; --font-size-14: 1.4rem; --font-size-15: 1.5rem; --font-size-16: 1.6rem; --font-size-18: 1.8rem; --font-size-20: 2rem; --font-size-22: 2.2rem; --font-size-24: 2.4rem; --font-size-30: 3rem; --font-size-32: 3.2rem; --font-size-40: 4rem; --font-size-48: 4.8rem; --font-size-50: 5rem; } :root { --gap-1: 0.4rem; --gap-2: 0.8rem; --gap-3: 1.2rem; --gap-4: 1.6rem; --gap-5: 2rem; --gap-6: 2.4rem; --gap-7: 2.8rem; --gap-8: 3.2rem; --gap-9: 3.6rem; --gap-10: 4rem; --gap-11: 4.4rem; --gap-12: 4.8rem; --grid-gutter: var(--gap-5); --grid-maxunits: 12; --paragraph-gap: var(--gap-2); } :root { --border-width-thin: 1px; --border-width-normal: 2px; --border-width-thick: 3px; --btn-radius: 6px; --border-radius-curved: 12px; --border-radius-normal: 6px; --border-radius-small: 4px; --card-border-radius: var(--border-radius-normal); } :root { --btn-shadow-focus: var(--shadow-2); --btn-shadow-active: var(--shadow-3); --btn-min-width: 72px; --btn-min-height: 3.6rem; } :root { --color-primary: #3a45ac; --color-secondary: #007ab8; --color-tertiary: #1ea4a9; --color-state: #3982ac; --color-state-hover: #265773; --color-state-focus: #265773; --color-state-active: #193a4c; --color-state-highlight: #f6f9d7; --color-state-highlight-neutral: var(--color-neutral-3); --color-state-disabled: var(--color-neutral-5); --color-prompt-info: #007ab8; --color-prompt-info-bg: #daf3fe; --color-prompt-alert: #cc2428; --color-prompt-alert-bg: #fee6e6; --color-prompt-warning: #b2611f; --color-prompt-warning-bg: #f1e2d7; --color-prompt-success: #4b7e2b; --color-prompt-success-bg: #d8eacd; --color-neutral-1: #fff; --color-neutral-2: #fafafa; --color-neutral-3: #f7f7f7; --color-neutral-4: #e6e4e4; --color-neutral-5: #c7c7c7; --color-neutral-6: #767676; --color-neutral-7: #262626; --color-chart-background-1: #007ab8; --color-chart-transparent-1: rgba(0, 122, 184, 0.38); --color-chart-background-2: #da7c2f; --color-chart-transparent-2: rgba(218, 124, 47, 0.38); --color-chart-background-3: #bf6c78; --color-chart-transparent-3: rgba(191, 108, 120, 0.38); --color-chart-background-4: #dac725; --color-chart-transparent-4: rgba(218, 199, 37, 0.38); --color-chart-background-5: #5d5d5d; --color-chart-transparent-5: rgba(93, 93, 93, 0.38); --color-chart-background-6: #98aada; --color-chart-transparent-6: rgba(152, 170, 218, 0.38); --color-chart-background-7: #23c1a0; --color-chart-transparent-7: rgba(35, 193, 160, 0.38); --color-background: var(--color-neutral-1); --color-border: var(--color-neutral-5); --color-text: var(--color-neutral-7); --color-text-disabled: var(--color-neutral-5); --color-text-hint: var(--color-neutral-6); --link-color: var(--color-state); --link-color-hover: var(--color-state-hover); --color-backdrop-standard: rgba(0, 0, 0, 0.4); --color-backdrop-heavy: rgba(0, 0, 0, 0.8); --color-backdrop-contrast: var(--color-neutral-1); --nav-bg-color: #fff; --nav-text-color: var(--color-text); } :root { --arrow-bg-color: var(--color-background); --arrow-border-color: var(--color-neutral-5); } :root { --form-radio-dot-color: var(--color-state); --form-radio-bg-color: var(--color-neutral-1); --form-radio-bg-color-disabled: var(--color-neutral-3); --form-radio-bg-color-focus: var(--color-state-highlight-neutral); --form-radio-bg-color-hover: var(--color-neutral-1); --form-radio-bg-color-active: var(--color-neutral-1); --form-radio-border-color: var(--color-neutral-6); --form-radio-border-color-disabled: var(--color-state-disabled); --form-radio-border-color-focus: var(--color-state-focus); --form-radio-border-color-active: var(--color-state-focus); --form-checkbox-check-color: var(--color-neutral-1); --form-checkbox-check-color-disabled: var(--color-neutral-5); --form-checkbox-bg-color: var(--color-neutral-1); --form-checkbox-bg-color-disabled: var(--color-neutral-3); --form-checkbox-bg-color-focus: var(--color-state-highlight-neutral); --form-checkbox-bg-color-active: var(--color-state); --form-checkbox-border-color: var(--color-neutral-6); --form-checkbox-border-color-disabled: var(--color-state-disabled); --form-checkbox-border-color-focus: var(--color-state-focus); --form-checkbox-border-color-active: var(--color-state-focus); --form-checkbox-border-color-invalid: var(--color-prompt-alert); --form-text-color: var(--color-neutral-7); --form-input-bg-color: var(--color-neutral-1); --form-input-bg-color-disabled: var(--color-neutral-3); --form-input-bg-color-focus: var(--form-input-bg-color); --form-input-bg-color-invalid-focus: var(--form-input-bg-color); --form-input-border-color: var(--color-neutral-6); --form-input-border-color-disabled: var(--color-neutral-4); --form-input-border-color-focus: var(--color-state); --form-input-border-color-invalid: var(--color-prompt-alert); --form-input-text-color: var(--color-neutral-7); --form-input-text-color-disabled: var(--color-state-disabled); --form-input-text-placeholder-color: var(--color-neutral-6); --form-details-text-color: var(--color-neutral-7); --form-defaults-text-color: var(--color-neutral-7); --btn-accent-color: var(--color-state); --btn-accent-color-active: var(--color-state-active); --btn-accent-color-focus: var(--color-state-focus); --btn-accent-color-disabled: var(--color-state-disabled); --btn-bg-color: var(--color-neutral-1); --btn-bg-color-active: var(--color-neutral-1); --btn-bg-color-disabled: var(--color-neutral-3); --btn-bg-color-focus: var(--color-neutral-3); --btn-border-color: var(--btn-accent-color); --btn-border-color-active: var(--btn-accent-color-active); --btn-border-color-disabled: var(--btn-accent-color-disabled); --btn-border-color-focus: var(--btn-accent-color-focus); --btn-loader-color-disabled: var(--color-neutral-7); --btn-text-color: var(--btn-accent-color); --btn-text-color-active: var(--btn-accent-color-active); --btn-text-color-disabled: var(--btn-accent-color-disabled); --btn-text-color-focus: var(--btn-accent-color-focus); --btn-prim-accent-color: var(--color-state); --btn-prim-accent-color-active: var(--color-state-active); --btn-prim-accent-color-focus: var(--color-state-focus); --btn-prim-accent-color-disabled: var(--color-state-disabled); --btn-prim-bg-color: var(--btn-prim-accent-color); --btn-prim-bg-color-active: var(--btn-prim-accent-color-active); --btn-prim-bg-color-disabled: var(--btn-prim-accent-color-disabled); --btn-prim-bg-color-focus: var(--btn-prim-accent-color-focus); --btn-prim-border-color: var(--btn-prim-accent-color); --btn-prim-border-color-active: var(--btn-prim-accent-color-active); --btn-prim-border-color-disabled: var(--btn-prim-accent-color-disabled); --btn-prim-border-color-focus: var(--btn-prim-accent-color-focus); --btn-prim-loader-color-disabled: var(--color-neutral-7); --btn-prim-text-color: var(--color-neutral-1); --btn-prim-text-color-active: var(--color-neutral-1); --btn-prim-text-color-disabled: var(--color-neutral-3); --btn-prim-text-color-focus: var(--color-neutral-1); --btn-alert-bg-color: var(--color-prompt-alert); --btn-alert-bg-color-active: var(--color-prompt-alert); --btn-alert-bg-color-disabled: var(--color-neutral-3); --btn-alert-bg-color-focus: var(--color-prompt-alert); --btn-alert-border-color: var(--color-prompt-alert); --btn-alert-border-color-active: var(--color-prompt-alert); --btn-alert-border-color-disabled: var(--color-state-disabled); --btn-alert-border-color-focus: var(--color-prompt-alert); --btn-alert-text-color: var(--color-neutral-1); --btn-alert-text-color-active: var(--color-neutral-1); --btn-alert-text-color-disabled: var(--color-state-disabled); --btn-alert-text-color-focus: var(--color-neutral-1); --btn-checkbox-bg-color-selected: var(--color-neutral-3); --btn-checkbox-bg-color-hover: var(--color-state-highlight-neutral); --btn-checkbox-text-color: var(--color-state); --btn-checkbox-text-color-active: var(--color-state-active); --btn-checkbox-text-color-focus: var(--color-state-focus); --btn-checkbox-text-color-selected: var(--color-state); --btn-toolbar-bg-color: transparent; --btn-toolbar-bg-color-hover: var(--color-neutral-4); --btn-toolbar-bg-color-focus: var(--color-neutral-4); --btn-toolbar-bg-color-selected: var(--color-state-active); --btn-toolbar-text-color: var(--color-neutral-6); --btn-toolbar-text-color-selected: var(--color-neutral-1); --form-error-bg-color: var(--color-prompt-alert-bg); --form-error-text-color: var(--color-prompt-alert); } :root { --avatar-border-color: var(--color-primary); } :root { --dropdown-item-bg-color-hover: var(--color-neutral-3); --dropdown-item-bg-color-focus: var(--color-neutral-4); --dropdown-item-bg-color-disabled-focus: var(--color-neutral-2); --dropdown-item-text-color: var(--color-text); --dropdown-item-text-color-hover: var(--color-text); --dropdown-item-text-color-focus: var(--color-text); --dropdown-item-text-color-disabled: var(--color-text-disabled); --dropdown-menu-bg-color: var(--color-background); --dropdown-menu-border-color: var(--color-neutral-5); } :root { --datatable-bg-archived: var(--color-neutral-2); --datatable-cell-header-text-color: var(--color-neutral-7); --datatable-expanded-bg-color: var(--color-neutral-1); --datatable-expanded-border-color: var(--color-neutral-5); --datatable-expanded-text-color: var(--color-neutral-7); --datatable-row-bg-color: transparent; --datatable-row-bg-color-active: var(--color-neutral-3); --datatable-row-bg-color-focus: var(--color-neutral-3); --datatable-row-bg-color-odd: var(--color-neutral-2); --datatable-row-border-color: var(--color-neutral-5); --datatable-row-first-border-color: var(--color-neutral-7); --datatable-select-everything-prompt-bg: var(--color-neutral-2); } :root { --tabs-bg-color: var(--color-neutral-3); --tabs-bg-color-selected: var(--color-neutral-1); --tabs-bg-color-disabled: var(--color-neutral-3); --tabs-bg-color-focus: var(--color-neutral-3); --tabs-selected-bar-color: var(--color-primary); --tabs-text-color: var(--color-state); --tabs-text-color-active: var(--color-state-active); --tabs-text-color-disabled: var(--color-state-disabled); --tabs-text-color-focus: var(--color-state-focus); --tabs-text-color-selected: var(--color-neutral-7); --tabs-border-color: var(--color-neutral-5); --tabs-border-color-selected: var(--color-neutral-1); --tabs-border-color-disabled: var(--color-neutral-4); } :root { --card-border-color: var(--color-neutral-5); } :root { --color-chart-doughnut-label: var(--color-neutral-7); } :root { --filter-bar-border-color: var(--color-neutral-5); --filter-search-icon-color: var(--color-neutral-6); --filter-search-clear-icon-color: var(--color-neutral-6); } :root { --tag-bg-color: var(--color-neutral-2); --tag-border-color: var(--color-neutral-5); --tag-active-color: var(--color-state); --tag-button-color: var(--color-neutral-7); } :root { --progress-value-bg-color: var(--color-secondary); --progress-container-bg-color: var(--color-neutral-4); --progress-border-color: var(--color-neutral-1); --progress-container-text-color: var(--color-neutral-7); --progress-value-text-color: var(--color-neutral-1); } :root { --collapsible-header-bg-color: var(--color-neutral-3); --collapsible-header-border-color: var(--color-neutral-3); } :root { --progresstracker-color-achieved: var(--color-tertiary); --progresstracker-color-complete: var(--color-prompt-warning); --progresstracker-color-pending: var(--color-neutral-6); --progresstracker-container-bg-color: var(--color-neutral-1); } :root { --side-panel-nav-bg-color: var(--color-neutral-3); --side-panel-nav-item-bg-color: var(--color-neutral-3); --side-panel-nav-item-border-color: var(--color-neutral-3); --side-panel-nav-item-text-color: var(--color-neutral-7); --side-panel-nav-item-bg-color-focus: var(--color-neutral-4); --side-panel-nav-item-border-color-focus: var(--color-neutral-3); --side-panel-nav-item-text-color-focus: var(--color-state-focus); --side-panel-nav-item-bg-color-selected: var(--color-state-active); --side-panel-nav-item-border-color-selected: var(--color-neutral-3); --side-panel-nav-item-text-color-selected: var(--color-neutral-1); } :root { --toggle-bg-color: var(--color-neutral-6); --toggle-btn-bg-color: transparent; --toggle-btn-bg-color-active: transparent; --toggle-btn-bg-color-disabled: transparent; --toggle-btn-bg-color-focus: transparent; --toggle-btn-bg-color-selected: var(--color-neutral-1); --toggle-btn-text-color: var(--color-neutral-1); --toggle-btn-text-color-active: var(--color-neutral-1); --toggle-btn-text-color-disabled: var(--color-neutral-1); --toggle-btn-text-color-focus: var(--color-neutral-1); --toggle-btn-text-color-selected: var(--color-neutral-7); --form-toggle-dot-color: var(--color-neutral-1); --form-toggle-off-bg-color: var(--color-neutral-4); --form-toggle-off-bg-color-hover-focus: var(--color-neutral-5); --form-toggle-on-bg-color: var(--color-state); --form-toggle-on-bg-color-hover-focus: var(--color-state-hover); --form-toggle-on-border-color: var(--color-state); --form-toggle-on-border-color-hover-focus: var(--color-state-hover); --form-toggle-border-color: var(--color-neutral-6); } :root { --toast-color-text: var(--color-neutral-1); } :root { --shadow-none: 0 0 0 0 transparent; --shadow-2: 0 3px 6px 0 rgba(0, 0, 0, 0.2); --shadow-3: 0 6px 6px 0 rgba(0, 0, 0, 0.15); --shadow-4: 0 10px 10px 0 rgba(0, 0, 0, 0.3); --form-input-shadow-focus: 0 0 3px 0 var(--color-state); --form-input-shadow-invalid: 0 0 0 var(--form-input-invalid-shadow-size) var(--form-input-border-color-invalid); --form-input-shadow-invalid-focus: 0 0 0 var(--form-input-invalid-shadow-size) var(--form-input-border-color-invalid), 0 0 3px var(--form-input-invalid-shadow-size) var(--form-input-border-color-invalid); } :root { --sidepanel-navigation-item-padding-left: var(--gap-8); } :root { --transition-form-function: linear; --transition-form-duration: 0s; --transition-modal-function: ease-out; --transition-modal-duration: 0.15s; --transition-sidepanel-content-function: linear; --transition-sidepanel-content-duration: 0.1s; --transition-progress-function: ease-out; --transition-progress-duration: 0.3s; --transition-button-function: ease; --transition-button-duration: 0.2s; --transition-toggle-function: ease; --transition-toggle-duration: 0.2s; } :root { --modal-container-padding: var(--gap-12); --modal-sheet-padding: var(--gap-12); --modal-border-radius: 0; --modal-content-separation: var(--gap-2); --modal-content-separation-large: var(--gap-8); --modal-content-outer-padding: var(--gap-8); } :root { --form-input-height: 3rem; --form-input-height-large: 4rem; --form-input-font-size: var(--font-size-15); --form-input-font-size-sm: var(--font-size-13); --form-input-border-size: 1px; --form-input-v-padding: calc((var(--form-input-height) - var(--form-input-font-size) - (var(--form-input-border-size) * 2)) / 2); --form-input-invalid-shadow-size: 1px; --form-input-limited-width: calc(20 * var(--form-input-font-size)); --form-notepad-line-height: 3rem; --form-notepad-line-border: solid 1px; --input-set-spacing: var(--gap-2); --char-length-scale: 2, 3, 4, 5, 10, 15, 20, 25, 30, 50, 75, 100; --radio-label-offset: calc(var(--form-radio-size) * 1.35); } :root { --tag-height: 24px; --tag-border-radius: 12px; } :root { --font-body-line-height: 1.33; } :root { --zindex-modal: 100050; --zindex-modal-backdrop: 100040; --zindex-popover: 100030; --zindex-dropdown-menu: 10000; --zindex-loading-page: 100060; --zindex-toast: 100070; --zindex-draggable: 100080; } /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ html { font-size: 10px; } .tui-sr-only { /* The use of '!important' here is an exception and should not be replicated else where */ /* stylelint-disable declaration-no-important */ position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; /* stylelint-enable */ } /* rendered editor content*/ .tui-rendered { color: var(--color-text); font-weight: normal; font-size: var(--font-size-15); line-height: var(--font-body-line-height); word-break: break-word; } .tui-rendered h2 { font-weight: bold; font-size: var(--font-size-50); line-height: 1; } .tui-rendered h3 { font-weight: 500; font-size: var(--font-size-30); line-height: 1; } .tui-rendered h4 { font-weight: bold; font-size: var(--font-size-20); line-height: 1.25; } .tui-rendered h5 { font-weight: bold; font-size: var(--font-size-16); line-height: 1.25; } .tui-rendered__block { margin-bottom: 10px; } .tui-rendered__embedContainer { max-width: 700px; } /* Color state for the icons.*/ .tui-icon--disabled { color: var(--color-neutral-2); } .tui-icon--action { color: var(--color-state); } .tui-icon--info { color: var(--color-prompt-info); } .tui-icon--alert { color: var(--color-prompt-alert); } .tui-icon--warning { color: var(--color-prompt-warning); } .tui-icon--success { color: var(--color-prompt-success); } .tui-icon--dimmed { color: var(--color-neutral-6); } .tui-adder { margin-top: calc(var(--gap-6) - var(--modal-content-separation)); } .tui-adder__list { height: 316px; overflow-y: auto; } .tui-adder__list-loadMore { margin: var(--gap-1) 0 0; text-align: center; } .tui-adder__list::before { display: block; height: var(--gap-4); content: ''; } .tui-adder__footer { display: flex; flex-wrap: wrap; border-top: var(--border-width-normal) solid var(--color-neutral-5); } .tui-adder__footer > * { margin-top: var(--gap-6); } .tui-adder__summary { display: flex; align-items: center; font-weight: bold; font-size: var(--font-size-15); line-height: 1.2; } .tui-adder__actions { display: flex; margin-left: auto; } @media screen and (min-width: 768px) { .tui-adder .tui-tabContent { min-height: 380px; } .tui-adder__listBasket { min-height: 350px; } } .tui-hierarchicalParentButton { display: flex; align-items: center; padding: var(--gap-4) 0 0; } .tui-hierarchicalParentButton__backArrow { text-align: start; } @media screen and (min-width: 600px) { .tui-hierarchicalParentButton__backArrow { text-align: center; } } .tui-hierarchicalParentButton__label { margin-left: var(--gap-2); } :root { --avatar-border-radius: 50%; --avatar-large-width: 185px; --avatar-large-height: 185px; --avatar-large-padding: 5px; --avatar-medium-width: 105px; --avatar-medium-height: 105px; --avatar-medium-padding: 3px; --avatar-small-width: 50px; --avatar-small-height: 50px; --avatar-small-padding: 2px; --avatar-xsmall-width: 38px; --avatar-xsmall-height: 38px; --avatar-xsmall-padding: 1px; --avatar-xxsmall-width: 24px; --avatar-xxsmall-height: 24px; --avatar-xxsmall-padding: 1px; } .tui-avatar { border: var(--border-width-normal) solid var(--avatar-border-color); border-radius: var(--avatar-border-radius); } .tui-avatar--large { width: var(--avatar-large-width); height: var(--avatar-large-height); padding: var(--avatar-large-padding); } .tui-avatar--medium { width: var(--avatar-medium-width); height: var(--avatar-medium-height); padding: var(--avatar-medium-padding); } .tui-avatar--small { width: var(--avatar-small-width); height: var(--avatar-small-height); padding: var(--avatar-small-padding); } .tui-avatar--xsmall { width: var(--avatar-xsmall-width); height: var(--avatar-xsmall-height); padding: var(--avatar-xsmall-padding); } .tui-avatar--xxsmall { width: var(--avatar-xxsmall-width); height: var(--avatar-xxsmall-height); padding: var(--avatar-xxsmall-padding); } .tui-basket { color: var(--color-text); font-weight: normal; font-size: var(--font-size-15); line-height: var(--font-body-line-height); display: flex; flex-direction: column; flex-wrap: wrap; background-color: var(--color-neutral-3); border: var(--border-width-thin) solid var(--color-neutral-5); } @media (min-width: 768px) { .tui-basket { flex-direction: row; align-items: center; justify-content: space-between; } } .tui-basket__status, .tui-basket__actions { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; padding: var(--gap-2) var(--gap-3); } .tui-basket__status > .tui-formBtn--transparent, .tui-basket__status > .tui-iconBtn--transparent, .tui-basket__status > .tui-iconBtn--transparent-noPadding, .tui-basket__status > .tui-toggleSwitch__btn, .tui-basket__actions > .tui-formBtn--transparent, .tui-basket__actions > .tui-iconBtn--transparent, .tui-basket__actions > .tui-iconBtn--transparent-noPadding, .tui-basket__actions > .tui-toggleSwitch__btn { padding: var(--gap-1); } .tui-basket__status > * + *, .tui-basket__actions > * + * { margin-left: var(--gap-2); } .tui-basket__selected { font-weight: bold; } .tui-basket__selectedCount { font-size: var(--font-size-18); } /* Reset*/ .tui-toggleBtn, .tui-formBtn, .tui-iconBtn, .tui-actionLink, .tui-toggleSwitch__btn { display: inline-block; align-items: flex-start; box-sizing: border-box; height: auto; padding: 1px 7px 2px; overflow: visible; color: buttontext; font-weight: normal; font-size: 14px; line-height: normal; letter-spacing: normal; white-space: normal; text-align: center; text-transform: none; text-decoration: none; text-indent: 0; text-shadow: none; vertical-align: baseline; word-spacing: normal; background-color: buttonface; border-color: #d8d8d8 #d1d1d1 #bababa; border-style: solid; border-width: 1px; border-radius: 0; border-image: initial; cursor: pointer; touch-action: auto; text-rendering: auto; } .tui-toggleBtn:active, .tui-formBtn:active, .tui-iconBtn:active, .tui-actionLink:active, .tui-toggleSwitch__btn:active { border-style: inset; } .tui-toggleBtn:focus, .tui-formBtn:focus, .tui-iconBtn:focus, .tui-actionLink:focus, .tui-toggleSwitch__btn:focus { outline-width: 5px; outline-style: auto; } .tui-formBtn, .tui-iconBtn, .tui-actionLink, .tui-toggleSwitch__btn { position: relative; display: inline-block; flex-shrink: 0; min-width: var(--btn-min-width); max-width: 100%; min-height: var(--btn-min-height); /* prettier-ignore*/ padding: calc((var(--btn-min-height) - var(--form-input-font-size) * 1.2) / 2 - var(--form-input-border-size)) var(--gap-4); color: var(--btn-text-color); font-size: var(--form-input-font-size); line-height: 1.2; word-wrap: break-word; word-break: break-word; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; background: var(--btn-bg-color); border: var(--form-input-border-size) solid; border-color: var(--btn-border-color); border-radius: var(--btn-radius); cursor: pointer; transition: background-color var(--transition- background-color-duration) var(--transition- background-color-function), border-color var(--transition- border-color-duration) var(--transition- border-color-function), box-shadow var(--transition- box-shadow-duration) var(--transition- box-shadow-function); } .tui-formBtn > .tui-formBtn__caret, .tui-iconBtn > .tui-formBtn__caret, .tui-actionLink > .tui-formBtn__caret, .tui-toggleSwitch__btn > .tui-formBtn__caret { margin-left: var(--gap-2); } .tui-formBtn > .tui-formBtn__loading, .tui-iconBtn > .tui-formBtn__loading, .tui-actionLink > .tui-formBtn__loading, .tui-toggleSwitch__btn > .tui-formBtn__loading { margin-left: var(--gap-1); color: var(--btn-loader-color-disabled); } .tui-formBtn:active, .tui-iconBtn:active, .tui-actionLink:active, .tui-toggleSwitch__btn:active, .tui-formBtn:focus, .tui-iconBtn:focus, .tui-actionLink:focus, .tui-toggleSwitch__btn:focus, .tui-formBtn:active:focus, .tui-iconBtn:active:focus, .tui-actionLink:active:focus, .tui-toggleSwitch__btn:active:focus, .tui-formBtn:active:hover, .tui-iconBtn:active:hover, .tui-actionLink:active:hover, .tui-toggleSwitch__btn:active:hover, .tui-formBtn:hover, .tui-iconBtn:hover, .tui-actionLink:hover, .tui-toggleSwitch__btn:hover { color: var(--btn-text-color-focus); text-decoration: none; background: var(--btn-bg-color-focus); border-color: var(--btn-border-color-focus); outline: 0; box-shadow: var(--btn-shadow-focus); } .tui-formBtn:active, .tui-iconBtn:active, .tui-actionLink:active, .tui-toggleSwitch__btn:active, .tui-formBtn:active:focus, .tui-iconBtn:active:focus, .tui-actionLink:active:focus, .tui-toggleSwitch__btn:active:focus, .tui-formBtn:active:hover, .tui-iconBtn:active:hover, .tui-actionLink:active:hover, .tui-toggleSwitch__btn:active:hover { color: var(--btn-text-color-active); background: var(--btn-bg-color-active); border: var(--form-input-border-size) solid; border-color: var(--btn-border-color-active); box-shadow: var(--btn-shadow-active); } .tui-formBtn:disabled, .tui-iconBtn:disabled, .tui-actionLink:disabled, .tui-toggleSwitch__btn:disabled, .tui-formBtn[disabled], .tui-iconBtn[disabled], .tui-actionLink[disabled], .tui-toggleSwitch__btn[disabled] { color: var(--btn-text-color-disabled); background-color: var(--btn-bg-color-disabled); border-color: var(--btn-border-color-disabled); cursor: default; opacity: 1; } .tui-formBtn:disabled:active, .tui-iconBtn:disabled:active, .tui-actionLink:disabled:active, .tui-toggleSwitch__btn:disabled:active, .tui-formBtn[disabled]:active, .tui-iconBtn[disabled]:active, .tui-actionLink[disabled]:active, .tui-toggleSwitch__btn[disabled]:active, .tui-formBtn:disabled:focus, .tui-iconBtn:disabled:focus, .tui-actionLink:disabled:focus, .tui-toggleSwitch__btn:disabled:focus, .tui-formBtn[disabled]:focus, .tui-iconBtn[disabled]:focus, .tui-actionLink[disabled]:focus, .tui-toggleSwitch__btn[disabled]:focus, .tui-formBtn:disabled:active:focus, .tui-iconBtn:disabled:active:focus, .tui-actionLink:disabled:active:focus, .tui-toggleSwitch__btn:disabled:active:focus, .tui-formBtn[disabled]:active:focus, .tui-iconBtn[disabled]:active:focus, .tui-actionLink[disabled]:active:focus, .tui-toggleSwitch__btn[disabled]:active:focus, .tui-formBtn:disabled:active:hover, .tui-iconBtn:disabled:active:hover, .tui-actionLink:disabled:active:hover, .tui-toggleSwitch__btn:disabled:active:hover, .tui-formBtn[disabled]:active:hover, .tui-iconBtn[disabled]:active:hover, .tui-actionLink[disabled]:active:hover, .tui-toggleSwitch__btn[disabled]:active:hover, .tui-formBtn:disabled:hover, .tui-iconBtn:disabled:hover, .tui-actionLink:disabled:hover, .tui-toggleSwitch__btn:disabled:hover, .tui-formBtn[disabled]:hover, .tui-iconBtn[disabled]:hover, .tui-actionLink[disabled]:hover, .tui-toggleSwitch__btn[disabled]:hover { color: var(--btn-text-color-disabled); background-color: var(--btn-bg-color-disabled); border-color: var(--btn-border-color-disabled); box-shadow: none; } .tui-formBtn--alert, .tui-iconBtn--alert { color: var(--btn-alert-text-color); background: var(--btn-alert-bg-color); border-color: var(--btn-alert-border-color); } .tui-formBtn--alert:focus, .tui-iconBtn--alert:focus, .tui-formBtn--alert:hover, .tui-iconBtn--alert:hover { color: var(--btn-alert-text-color-focus); background: var(--btn-alert-bg-color-focus); border-color: var(--btn-alert-border-color-focus); } .tui-formBtn--alert:active, .tui-iconBtn--alert:active, .tui-formBtn--alert:active:focus, .tui-iconBtn--alert:active:focus, .tui-formBtn--alert:active:hover, .tui-iconBtn--alert:active:hover { color: var(--btn-alert-text-color-active); background: var(--btn-alert-bg-color-active); border-color: var(--btn-alert-border-color-active); } .tui-formBtn--alert:disabled, .tui-iconBtn--alert:disabled, .tui-formBtn--alert[disabled], .tui-iconBtn--alert[disabled] { color: var(--btn-alert-text-color-disabled); background: var(--btn-alert-bg-color-disabled); border-color: var(--btn-alert-border-color-disabled); cursor: default; opacity: 1; } .tui-formBtn--alert:disabled:active, .tui-iconBtn--alert:disabled:active, .tui-formBtn--alert[disabled]:active, .tui-iconBtn--alert[disabled]:active, .tui-formBtn--alert:disabled:focus, .tui-iconBtn--alert:disabled:focus, .tui-formBtn--alert[disabled]:focus, .tui-iconBtn--alert[disabled]:focus, .tui-formBtn--alert:disabled:active:focus, .tui-iconBtn--alert:disabled:active:focus, .tui-formBtn--alert[disabled]:active:focus, .tui-iconBtn--alert[disabled]:active:focus, .tui-formBtn--alert:disabled:active:hover, .tui-iconBtn--alert:disabled:active:hover, .tui-formBtn--alert[disabled]:active:hover, .tui-iconBtn--alert[disabled]:active:hover, .tui-formBtn--alert:disabled:hover, .tui-iconBtn--alert:disabled:hover, .tui-formBtn--alert[disabled]:hover, .tui-iconBtn--alert[disabled]:hover { color: var(--btn-alert-text-color-disabled); background: var(--btn-alert-bg-color-disabled); border-color: var(--btn-alert-border-color-disabled); box-shadow: none; } .tui-formBtn--prim, .tui-iconBtn--prim, .tui-actionLink--prim { color: var(--btn-prim-text-color); font-weight: bold; background: var(--btn-prim-bg-color); border-color: var(--btn-prim-border-color); } .tui-formBtn--prim:focus, .tui-iconBtn--prim:focus, .tui-actionLink--prim:focus, .tui-formBtn--prim:hover, .tui-iconBtn--prim:hover, .tui-actionLink--prim:hover { color: var(--btn-prim-text-color-focus); background: var(--btn-prim-bg-color-focus); border-color: var(--btn-prim-border-color-focus); } .tui-formBtn--prim:active, .tui-iconBtn--prim:active, .tui-actionLink--prim:active, .tui-formBtn--prim:active:focus, .tui-iconBtn--prim:active:focus, .tui-actionLink--prim:active:focus, .tui-formBtn--prim:active:hover, .tui-iconBtn--prim:active:hover, .tui-actionLink--prim:active:hover { color: var(--btn-prim-text-color-active); background: var(--btn-prim-bg-color-active); border-color: var(--btn-prim-border-color-active); } .tui-formBtn--prim:disabled, .tui-iconBtn--prim:disabled, .tui-actionLink--prim:disabled, .tui-formBtn--prim[disabled], .tui-iconBtn--prim[disabled], .tui-actionLink--prim[disabled] { color: var(--btn-prim-text-color-disabled); background: var(--btn-prim-bg-color-disabled); border-color: var(--btn-prim-border-color-disabled); cursor: default; opacity: 1; } .tui-formBtn--prim:disabled:active, .tui-iconBtn--prim:disabled:active, .tui-actionLink--prim:disabled:active, .tui-formBtn--prim[disabled]:active, .tui-iconBtn--prim[disabled]:active, .tui-actionLink--prim[disabled]:active, .tui-formBtn--prim:disabled:focus, .tui-iconBtn--prim:disabled:focus, .tui-actionLink--prim:disabled:focus, .tui-formBtn--prim[disabled]:focus, .tui-iconBtn--prim[disabled]:focus, .tui-actionLink--prim[disabled]:focus, .tui-formBtn--prim:disabled:active:focus, .tui-iconBtn--prim:disabled:active:focus, .tui-actionLink--prim:disabled:active:focus, .tui-formBtn--prim[disabled]:active:focus, .tui-iconBtn--prim[disabled]:active:focus, .tui-actionLink--prim[disabled]:active:focus, .tui-formBtn--prim:disabled:active:hover, .tui-iconBtn--prim:disabled:active:hover, .tui-actionLink--prim:disabled:active:hover, .tui-formBtn--prim[disabled]:active:hover, .tui-iconBtn--prim[disabled]:active:hover, .tui-actionLink--prim[disabled]:active:hover, .tui-formBtn--prim:disabled:hover, .tui-iconBtn--prim:disabled:hover, .tui-actionLink--prim:disabled:hover, .tui-formBtn--prim[disabled]:hover, .tui-iconBtn--prim[disabled]:hover, .tui-actionLink--prim[disabled]:hover { color: var(--btn-prim-text-color-disabled); background: var(--btn-prim-bg-color-disabled); border-color: var(--btn-prim-border-color-disabled); box-shadow: none; } .tui-formBtn--prim:disabled .tui-formBtn__loading, .tui-iconBtn--prim:disabled .tui-formBtn__loading, .tui-actionLink--prim:disabled .tui-formBtn__loading, .tui-formBtn--prim[disabled] .tui-formBtn__loading, .tui-iconBtn--prim[disabled] .tui-formBtn__loading, .tui-actionLink--prim[disabled] .tui-formBtn__loading { color: var(--btn-prim-loader-color-disabled); } .tui-formBtn--small, .tui-iconBtn--small, .tui-actionLink--small { min-height: var(--form-input-height); /* prettier-ignore*/ padding: calc((var(--form-input-height) - var(--form-input-font-size-sm) * 1.2) / 2 - var(--form-input-border-size)) var(--gap-3); font-size: var(--form-input-font-size-sm); line-height: 1.2; } .tui-formBtn--transparent, .tui-iconBtn--transparent, .tui-iconBtn--transparent-noPadding, .tui-toggleSwitch__btn, .tui-formBtn--reveal { min-height: auto; padding: 0; line-height: 1; border-radius: 0; } .tui-formBtn--transparent, .tui-iconBtn--transparent, .tui-iconBtn--transparent-noPadding, .tui-toggleSwitch__btn, .tui-formBtn--reveal, .tui-formBtn--stealth, .tui-iconBtn--stealth { min-width: 0; color: var(--color-state); background: transparent; border: none; cursor: pointer; } .tui-formBtn--transparent:focus, .tui-iconBtn--transparent:focus, .tui-iconBtn--transparent-noPadding:focus, .tui-toggleSwitch__btn:focus, .tui-formBtn--reveal:focus, .tui-formBtn--stealth:focus, .tui-iconBtn--stealth:focus { color: var(--color-state-focus); text-decoration: none; background: transparent; border: none; box-shadow: none; } .tui-formBtn--transparent:hover, .tui-iconBtn--transparent:hover, .tui-iconBtn--transparent-noPadding:hover, .tui-toggleSwitch__btn:hover, .tui-formBtn--reveal:hover, .tui-formBtn--stealth:hover, .tui-iconBtn--stealth:hover { color: var(--color-state-hover); text-decoration: none; background: transparent; border: none; box-shadow: none; } .tui-formBtn--transparent:active, .tui-iconBtn--transparent:active, .tui-iconBtn--transparent-noPadding:active, .tui-toggleSwitch__btn:active, .tui-formBtn--reveal:active, .tui-formBtn--stealth:active, .tui-iconBtn--stealth:active, .tui-formBtn--transparent:active:hover, .tui-iconBtn--transparent:active:hover, .tui-iconBtn--transparent-noPadding:active:hover, .tui-toggleSwitch__btn:active:hover, .tui-formBtn--reveal:active:hover, .tui-formBtn--stealth:active:hover, .tui-iconBtn--stealth:active:hover, .tui-formBtn--transparent:active:focus, .tui-iconBtn--transparent:active:focus, .tui-iconBtn--transparent-noPadding:active:focus, .tui-toggleSwitch__btn:active:focus, .tui-formBtn--reveal:active:focus, .tui-formBtn--stealth:active:focus, .tui-iconBtn--stealth:active:focus { color: var(--color-state-active); text-decoration: none; background: transparent; border: none; box-shadow: none; } .tui-formBtn--transparent:active:focus, .tui-iconBtn--transparent:active:focus, .tui-iconBtn--transparent-noPadding:active:focus, .tui-toggleSwitch__btn:active:focus, .tui-formBtn--reveal:active:focus, .tui-formBtn--stealth:active:focus, .tui-iconBtn--stealth:active:focus, .tui-formBtn--transparent:focus, .tui-iconBtn--transparent:focus, .tui-iconBtn--transparent-noPadding:focus, .tui-toggleSwitch__btn:focus, .tui-formBtn--reveal:focus, .tui-formBtn--stealth:focus, .tui-iconBtn--stealth:focus { outline: 1px dashed var(--color-state-focus); outline-offset: 1px; } .tui-formBtn--transparent:disabled, .tui-iconBtn--transparent:disabled, .tui-iconBtn--transparent-noPadding:disabled, .tui-toggleSwitch__btn:disabled, .tui-formBtn--reveal:disabled, .tui-formBtn--stealth:disabled, .tui-iconBtn--stealth:disabled { color: var(--color-state-disabled); background: transparent; opacity: 1; } .tui-formBtn--transparent:disabled:active, .tui-iconBtn--transparent:disabled:active, .tui-iconBtn--transparent-noPadding:disabled:active, .tui-toggleSwitch__btn:disabled:active, .tui-formBtn--reveal:disabled:active, .tui-formBtn--stealth:disabled:active, .tui-iconBtn--stealth:disabled:active, .tui-formBtn--transparent:disabled:focus, .tui-iconBtn--transparent:disabled:focus, .tui-iconBtn--transparent-noPadding:disabled:focus, .tui-toggleSwitch__btn:disabled:focus, .tui-formBtn--reveal:disabled:focus, .tui-formBtn--stealth:disabled:focus, .tui-iconBtn--stealth:disabled:focus, .tui-formBtn--transparent:disabled:active:focus, .tui-iconBtn--transparent:disabled:active:focus, .tui-iconBtn--transparent-noPadding:disabled:active:focus, .tui-toggleSwitch__btn:disabled:active:focus, .tui-formBtn--reveal:disabled:active:focus, .tui-formBtn--stealth:disabled:active:focus, .tui-iconBtn--stealth:disabled:active:focus, .tui-formBtn--transparent:disabled:active:hover, .tui-iconBtn--transparent:disabled:active:hover, .tui-iconBtn--transparent-noPadding:disabled:active:hover, .tui-toggleSwitch__btn:disabled:active:hover, .tui-formBtn--reveal:disabled:active:hover, .tui-formBtn--stealth:disabled:active:hover, .tui-iconBtn--stealth:disabled:active:hover, .tui-formBtn--transparent:disabled:hover, .tui-iconBtn--transparent:disabled:hover, .tui-iconBtn--transparent-noPadding:disabled:hover, .tui-toggleSwitch__btn:disabled:hover, .tui-formBtn--reveal:disabled:hover, .tui-formBtn--stealth:disabled:hover, .tui-iconBtn--stealth:disabled:hover { color: var(--color-state-disabled); background: transparent; box-shadow: none; } .tui-formBtn--reveal { color: currentColor; border-bottom: 1px dashed var(--color-state); } .tui-formBtn--reveal:focus, .tui-formBtn--reveal:hover, .tui-formBtn--reveal:active, .tui-formBtn--reveal:active:hover, .tui-formBtn--reveal:active:focus { color: currentColor; border-bottom: 1px dashed var(--color-state); } .tui-formBtn--reveal:disabled { color: currentColor; border-bottom: 1px dashed var(--color-state); opacity: 0.7; } .tui-formBtn--reveal:disabled:active, .tui-formBtn--reveal:disabled:focus, .tui-formBtn--reveal:disabled:active:focus, .tui-formBtn--reveal:disabled:active:hover, .tui-formBtn--reveal:disabled:hover { color: currentColor; border-bottom: 1px dashed var(--color-state); } .tui-formBtn--srOnly, .tui-actionLink--srOnly { /* The use of '!important' here is an exception and should not be replicated else where */ /* stylelint-disable declaration-no-important */ position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; /* stylelint-enable */ } .tui-formBtnGroup { display: flex; } .tui-formBtnGroup .tui-formBtn, .tui-formBtnGroup .tui-iconBtn, .tui-formBtnGroup .tui-actionLink, .tui-formBtnGroup .tui-toggleSwitch__btn { min-width: 80px; } .tui-formBtnGroup > :not(:first-child) { margin: auto 0 auto var(--gap-4); } .tui-iconBtn { display: inline-block; min-width: 0; padding: 0 var(--gap-2); /* in order to vertically center content in IE we need this display: flex*/ /* wrapping div because:*/ /* * putting `display: flex;` on .tui-iconBtn does not center vertically*/ /* due to an IE 11 flex bug*/ /* https://github.com/philipwalton/flexbugs#flexbug-3*/ /* * relying on vertical-align for centering instead is not good enough -*/ /* it's off by a px or two*/ } .tui-iconBtn__wrap { display: flex; align-items: center; justify-content: center; } .tui-iconBtn__wrap > .tui-iconBtn__caret { margin: 0 var(--gap-1); } .tui-iconBtn__wrap > .tui-iconBtn__loading { margin-left: var(--gap-1); } .tui-iconBtn__icon { display: flex; flex-shrink: 0; font-size: var(--font-size-16); } .tui-iconBtn__label { display: inline-flex; align-items: center; } .tui-iconBtn__text { -ms-word-break: break-all; word-break: break-word; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } .tui-iconBtn--small { padding: 0 var(--gap-1); font-size: var(--font-size-13); } .tui-iconBtn--small .tui-iconBtn__icon { padding: 0 2px; font-size: var(--font-size-14); } .tui-iconBtn--xsmall { min-height: 2rem; padding: 0 0.1rem; font-size: var(--font-size-12); } .tui-iconBtn--xsmall .tui-iconBtn__icon { padding: 0 1px; font-size: var(--font-size-11); } .tui-iconBtn--small.tui-iconBtn--hasText .tui-iconBtn__icon, .tui-iconBtn--xsmall.tui-iconBtn--hasText .tui-iconBtn__icon { padding-right: 0; } .tui-iconBtn--circle { width: 3.6rem; min-height: 3.6rem; padding: 0; border-radius: 50%; } .tui-iconBtn--circle.tui-iconBtn--small { width: 3rem; height: 3rem; min-height: 0; } .tui-iconBtn--circle.tui-iconBtn--xsmall { width: 2rem; height: 2rem; min-height: 0; } .tui-iconBtn--transparent-noPadding.tui-iconBtn, .tui-iconBtn--transparent-noPadding.tui-iconBtn--small, .tui-iconBtn--transparent-noPadding.tui-iconBtn--xsmall { padding: 0; } .tui-iconBtn--textFirst .tui-iconBtn__label { flex-direction: row-reverse; } .tui-iconBtn--textFirst .tui-iconBtn__label .tui-iconBtn__text { padding: 0 var(--gap-1); } .tui-iconBtn__text { padding: 0 var(--gap-1); } .tui-infoIconButton.tui-iconBtn { width: auto; height: auto; vertical-align: -0.125em; } .tui-labelledButtonTrigger { display: inline-flex; flex-direction: column; align-items: center; } .tui-labelledButtonTrigger__label { color: var(--color-state); } .tui-labelledButtonTrigger__label:hover { text-decoration: underline; cursor: pointer; } .tui-actionCard { flex-direction: column; padding: var(--gap-4); } .tui-actionCard__body { display: flex; flex-grow: 1; flex-shrink: 1; flex-wrap: wrap; align-items: center; } .tui-actionCard__action { display: flex; flex-shrink: 0; align-items: normal; padding: var(--gap-4) 0 0; } @media screen and (min-width: 768px) { .tui-actionCard { flex-direction: row; } .tui-actionCard--stacked { flex-direction: column; } .tui-actionCard:not(.tui-actionCard--stacked) .tui-actionCard__action { align-items: center; padding: 0 0 0 var(--gap-4); } } .tui-card { display: flex; border: 1px solid var(--card-border-color); border-radius: var(--card-border-radius); outline: none; } .tui-card--noBorder { border: none; } .tui-card--noBorder:focus, .tui-card--noBorder:hover { border: none; } .tui-card--hasHoverShadow:focus, .tui-card--hasHoverShadow:hover { box-shadow: var(--shadow-2); } .tui-card--hasShadow { box-shadow: var(--shadow-2); } .tui-card--clickable { transition: box-shadow var(--transition-form-function) var(--transition-form-duration); } .tui-card--clickable.tui-focusWithin { box-shadow: var(--shadow-2); } .tui-card--clickable:hover, .tui-card--clickable:focus { box-shadow: var(--shadow-2); cursor: pointer; } .tui-collapsible__header { display: flex; padding: var(--gap-2) var(--gap-2) var(--gap-2) 0; background: var(--collapsible-header-bg-color); border: var(--border-width-thin) solid var(--collapsible-header-border-color); } .tui-collapsible__header_icons { padding-right: var(--gap-4); padding-left: var(--gap-4); } .tui-collapsible__header-text { font-weight: bold; font-size: var(--font-size-16); line-height: 1.25; margin: 0; } .tui-collapsible__header-sideContent { display: flex; flex-shrink: 0; margin: auto 0 auto auto; } .tui-collapsible__content > .tui-formRowStack { margin-top: var(--gap-4); } .tui-collapsibleGroupToggle { display: flex; } .tui-collapsibleGroupToggle__button { margin-left: auto; } .tui-dataTableCell, .tui-dataTableHeaderCell { /* ensure excessively long words don't push out cell width */ min-width: 0; /* ensure excessively long words don't overflow */ word-wrap: break-word; } .tui-dataTableCell__label { display: inline-block; margin-top: var(--gap-2); padding: var(--gap-1) 0 var(--gap-2); font-weight: bold; font-size: var(--font-size-13); line-height: 1.15; } @media (min-width: 600px) { .tui-dataTableCell, .tui-dataTableHeaderCell { display: flex; flex-basis: 0; flex-direction: column; flex-grow: 1; } .tui-dataTableCell__label { display: none; } .tui-dataTableCell--repeatedHeader .tui-dataTableCell__content { /* The use of '!important' here is an exception and should not be replicated else where */ /* stylelint-disable declaration-no-important */ position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; /* stylelint-enable */ } .tui-dataTableCell--size_1 { flex-grow: 1; } .tui-dataTableCell--size_2 { flex-grow: 2; } .tui-dataTableCell--size_3 { flex-grow: 3; } .tui-dataTableCell--size_4 { flex-grow: 4; } .tui-dataTableCell--size_5 { flex-grow: 5; } .tui-dataTableCell--size_6 { flex-grow: 6; } .tui-dataTableCell--size_7 { flex-grow: 7; } .tui-dataTableCell--size_8 { flex-grow: 8; } .tui-dataTableCell--size_9 { flex-grow: 9; } .tui-dataTableCell--size_10 { flex-grow: 10; } .tui-dataTableCell--size_11 { flex-grow: 11; } .tui-dataTableCell--size_12 { flex-grow: 12; } .tui-dataTableCell--size_13 { flex-grow: 13; } .tui-dataTableCell--size_14 { flex-grow: 14; } .tui-dataTableCell--size_15 { flex-grow: 15; } .tui-dataTableCell--size_16 { flex-grow: 16; } .tui-dataTableCell--align-center { align-items: center; } .tui-dataTableCell--align-end { align-items: flex-end; } .tui-dataTableCell--heavy { font-weight: bold; } .tui-dataTableCell--valign-center { justify-content: center; } .tui-dataTableCell--valign-end { justify-content: flex-end; } } .tui-dataTableExpandCell { display: flex; order: 1; margin: var(--gap-2) 0; } .tui-dataTableExpandCell .tui-iconBtn { margin: 0 auto; } .tui-dataTableExpandCell.tui-dataTableExpandCell--header { margin-left: 0; } @media (min-width: 600px) { .tui-dataTableExpandCell { order: 0; width: var(--gap-9); margin: 0; } .tui-dataTableExpandCell .tui-iconBtn__text { display: none; } } .tui-dataTableExpandableRow { position: relative; margin: 0 0 var(--gap-2) calc(0px - var(--border-width-thin)); color: var(--datatable-expanded-text-color); border: var(--border-width-thin) solid var(--datatable-expanded-border-color); border-top: none; box-shadow: var(--shadow-2); } .tui-dataTableExpandableRow__content { padding: var(--gap-3); background: var(--datatable-expanded-bg-color); } .tui-hasChildrenCell__forwardArrow { text-align: start; } @media screen and (min-width: 600px) { .tui-hasChildrenCell__forwardArrow { text-align: center; } } .tui-dataTableHeaderCell { font-weight: bold; font-size: var(--font-size-15); line-height: 1.2; display: none; } @media (min-width: 600px) { .tui-dataTableHeaderCell { display: flex; color: var(--datatable-cell-header-text-color); font-weight: bold; } } @media (min-width: 600px) { .tui-dataTableRowHeader { position: relative; display: flex; flex-direction: row; align-items: center; padding: var(--gap-3) var(--gap-1); } .tui-dataTableRowHeader--empty { display: none; } .tui-dataTableRowHeader > * + * { margin-left: var(--gap-4); } } .tui-dataTableRow { position: relative; display: flex; flex-direction: column; padding-top: var(--gap-3); padding-bottom: var(--gap-3); background: var(--datatable-row-bg-color); border-top: 1px solid var(--datatable-row-border-color); } .tui-dataTableRow:first-child { border-top: var(--border-width-normal) solid var(--datatable-row-first-border-color); } .tui-dataTableRow:last-child { border-bottom: 1px solid var(--datatable-row-border-color); } .tui-dataTableRow.tui-focusWithin, .tui-dataTableRow:active, .tui-dataTableRow:hover { background: var(--datatable-row-bg-color-focus); } .tui-dataTableRow--borderTopFirstOff:first-child { border-top: none; } .tui-dataTableRow--borderBottomLastOff:last-child { border-bottom: none; } .tui-dataTableRow--borderSeparatorOff:not(:first-child) { border-top: none; } .tui-dataTableRow--selected { background: var(--datatable-row-bg-color-active); } .tui-dataTableRow--selected:hover { background: var(--datatable-row-bg-color-focus); } .tui-dataTableRow--colorOdd:not(.tui-dataTableRow--selected):nth-child(odd) { background: var(--datatable-row-bg-color-odd); } .tui-dataTableRow--colorOdd:not(.tui-dataTableRow--selected):nth-child(odd).tui-focusWithin, .tui-dataTableRow--colorOdd:not(.tui-dataTableRow--selected):nth-child(odd):hover { background: var(--datatable-row-bg-color-focus); } .tui-dataTableRow--hoverOff.tui-focusWithin, .tui-dataTableRow--hoverOff:active, .tui-dataTableRow--hoverOff:hover { background: var(--datatable-row-bg-color); } .tui-dataTableRow--hoverOff.tui-dataTableRow--colorOdd:nth-child(odd).tui-focusWithin, .tui-dataTableRow--hoverOff.tui-dataTableRow--colorOdd:nth-child(odd):hover { background: var(--datatable-row-bg-color-odd); } .tui-dataTableRow--inGroup:first-child { border-top: none; } .tui-dataTableRow--inGroup:last-child { border-bottom: none; } .tui-dataTableRow--inGroup:nth-child(odd) { background: none; } .tui-dataTableRow--inGroup:hover { background: none; } .tui-dataTableRow--disabled { color: var(--color-neutral-6); /* don't show hover background when another item is being dragged over it*/ } [data-tui-droppable-any-active] .tui-dataTableRow:hover { background: var(--datatable-row-bg-color); } .tui-dataTableRow--draggable { /* apply a background so you don't see through the row when dragging*/ /* (default is transparent)*/ background: var(--color-background); -webkit-user-select: none; -ms-user-select: none; user-select: none; } .tui-dataTableRow--draggable.tui-focusWithin, .tui-dataTableRow--draggable:active, .tui-dataTableRow--draggable:hover { background: var(--color-background); } .tui-dataTableRow--draggable > .tui-dataTableCell, .tui-dataTableRow--draggable > .tui-dataTableHeaderCell { pointer-events: none; } .tui-dataTableRow--dragging { box-shadow: var(--shadow-3); } .tui-dataTableRow--expanded { margin-left: calc(0px - var(--border-width-thin)); background-color: var(--datatable-expanded-bg-color); border: var(--border-width-thin) solid var(--datatable-expanded-border-color); border-bottom: none; box-shadow: var(--shadow-2); } @media (min-width: 600px) { .tui-dataTableRow { flex-direction: row; padding-right: var(--gap-1); padding-left: var(--gap-1); } .tui-dataTableRow > * + * { padding-left: var(--gap-4); } .tui-dataTableRow--inGroup { border-top: none; } .tui-dataTableRow--inGroup:last-child { border-bottom: none; } } .tui-dataTableRowGroup { padding: 0 var(--gap-2); border-top: 2px solid var(--datatable-row-first-border-color); } .tui-dataTableRowGroup + .tui-dataTableRowGroup { border-top: 1px solid var(--datatable-row-border-color); } .tui-dataTableRowGroup:last-child { border-bottom: 1px solid var(--datatable-row-border-color); } .tui-dataTableRowGroup.tui-focusWithin, .tui-dataTableRowGroup:active, .tui-dataTableRowGroup:hover { background: var(--datatable-row-bg-color-focus); } .tui-dataTableRowGroup--selected { background: var(--datatable-row-bg-color-active); } .tui-dataTableRowGroup--selected:hover { background: var(--datatable-row-bg-color-focus); } @media (min-width: 600px) { .tui-dataTableRowGroup { padding: 0; } } .tui-dataTableSelectEveryRowToggle { padding: var(--gap-2); background-color: var(--datatable-select-everything-prompt-bg); } .tui-dataTableSelectRowCell { display: flex; flex-direction: column; } .tui-dataTableSelectRowCell--hidden { height: 0; visibility: hidden; } .tui-dataTableSelectRowCell--valign-start { justify-content: flex-start; } .tui-dataTableSelectRowCell--valign-center { justify-content: center; } .tui-dataTableSelectRowCell--valign-end { justify-content: flex-end; } @media (min-width: 600px) { .tui-dataTableSelectRowCell--hidden { height: auto; } } .tui-dataTableSelectVisibleRowsCell { display: flex; } .tui-dataTableSelectVisibleRowsCell--hidden { visibility: hidden; } .tui-dataTableSelectVisibleRowsCell .tui-dataTableCell__label { margin: auto 0; padding-left: var(--gap-2); } .tui-dataTable--archived { background: var(--datatable-bg-archived); } .tui-dataTable__row-move-cell { flex-basis: var(--gap-5); flex-grow: 0; } .tui-dataTable__row-move-menu { position: absolute; top: 0; left: var(--gap-8); background: var(--color-background); } .tui-arrow { position: absolute; pointer-events: none; } .tui-arrow--normal.tui-arrow--top, .tui-arrow--normal.tui-arrow--bottom { /*rtl:ignore*/ left: 50%; width: 20px; height: 20px; /*rtl:ignore*/ margin-left: -10px; } .tui-arrow--normal.tui-arrow--top { top: -20px; } .tui-arrow--normal.tui-arrow--bottom { bottom: -20px; } .tui-arrow--normal.tui-arrow--left, .tui-arrow--normal.tui-arrow--right { top: 50%; width: 20px; height: 20px; margin-top: -10px; } .tui-arrow--normal.tui-arrow--left { left: -20px; } .tui-arrow--normal.tui-arrow--right { right: -20px; } .tui-arrow--normal.tui-arrow::before { position: absolute; display: block; border: 10px solid transparent; content: ''; } .tui-arrow--normal.tui-arrow--top::before { top: 0; left: 0; border-bottom-color: var(--arrow-border-color); } .tui-arrow--normal.tui-arrow--bottom::before { bottom: 0; left: 0; border-top-color: var(--arrow-border-color); } .tui-arrow--normal.tui-arrow--left::before { top: 0; left: 0; border-right-color: var(--arrow-border-color); } .tui-arrow--normal.tui-arrow--right::before { top: 0; right: 0; border-left-color: var(--arrow-border-color); } .tui-arrow--normal.tui-arrow::after { position: absolute; display: block; border: 8px solid transparent; content: ''; } .tui-arrow--normal.tui-arrow--top::after { top: 4px; left: 2px; border-bottom-color: var(--arrow-bg-color); } .tui-arrow--normal.tui-arrow--bottom::after { bottom: 4px; left: 2px; border-top-color: var(--arrow-bg-color); } .tui-arrow--normal.tui-arrow--left::after { top: 2px; left: 4px; border-right-color: var(--arrow-bg-color); } .tui-arrow--normal.tui-arrow--right::after { top: 2px; right: 4px; border-left-color: var(--arrow-bg-color); } .tui-arrow--large.tui-arrow--top, .tui-arrow--large.tui-arrow--bottom { /*rtl:ignore*/ left: 50%; width: 28px; height: 28px; /*rtl:ignore*/ margin-left: -14px; } .tui-arrow--large.tui-arrow--top { top: -28px; } .tui-arrow--large.tui-arrow--bottom { bottom: -28px; } .tui-arrow--large.tui-arrow--left, .tui-arrow--large.tui-arrow--right { top: 50%; width: 28px; height: 28px; margin-top: -14px; } .tui-arrow--large.tui-arrow--left { left: -28px; } .tui-arrow--large.tui-arrow--right { right: -28px; } .tui-arrow--large.tui-arrow::before { position: absolute; display: block; border: 14px solid transparent; content: ''; } .tui-arrow--large.tui-arrow--top::before { top: 0; left: 0; border-bottom-color: var(--arrow-border-color); } .tui-arrow--large.tui-arrow--bottom::before { bottom: 0; left: 0; border-top-color: var(--arrow-border-color); } .tui-arrow--large.tui-arrow--left::before { top: 0; left: 0; border-right-color: var(--arrow-border-color); } .tui-arrow--large.tui-arrow--right::before { top: 0; right: 0; border-left-color: var(--arrow-border-color); } .tui-arrow--large.tui-arrow::after { position: absolute; display: block; border: 12px solid transparent; content: ''; } .tui-arrow--large.tui-arrow--top::after { top: 4px; left: 2px; border-bottom-color: var(--arrow-bg-color); } .tui-arrow--large.tui-arrow--bottom::after { bottom: 4px; left: 2px; border-top-color: var(--arrow-bg-color); } .tui-arrow--large.tui-arrow--left::after { top: 2px; left: 4px; border-right-color: var(--arrow-bg-color); } .tui-arrow--large.tui-arrow--right::after { top: 2px; right: 4px; border-left-color: var(--arrow-bg-color); } .tui-caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .tui-orBox, .tui-andBox { display: inline-flex; margin: 0 auto; border: var(--border-width-thin) solid var(--color-neutral-6); border-radius: 6px; } .tui-orBox__text, .tui-andBox__text { margin: 0; padding: var(--gap-2) var(--gap-4); text-transform: uppercase; font-weight: bold; font-size: var(--font-size-15); line-height: 1.2; } .tui-separator { margin: var(--gap-4) 0; } .tui-separator--spread { margin: var(--gap-8) 0; /* simple implementation using a horizontal rule element*/ } .tui-separator-rule { height: var(--border-width-thin); line-height: var(--border-width-thin); background-color: var(--color-neutral-5); border: none; } .tui-separator-rule.tui-separator--thick { height: var(--border-width-thick); line-height: var(--border-width-thick); } .tui-separator-rule.tui-separator--normal { height: var(--border-width-normal); line-height: var(--border-width-normal); /* alternative implementation with wrapper markup to center slotted content*/ /* horizontal rule visible only to screen readers, the visual lines added with*/ /* pseudo selectors*/ } .tui-separator--wrapped { display: flex; align-items: center; } .tui-separator--wrapped .tui-separator-content { margin: 0 var(--gap-4); white-space: nowrap; text-align: center; } .tui-separator--wrapped:before, .tui-separator--wrapped:after { width: 50%; height: var(--border-width-thin); line-height: var(--border-width-thin); background-color: var(--color-neutral-5); content: ''; } .tui-separator--wrapped.tui-separator--thick:before, .tui-separator--wrapped.tui-separator--thick:after { height: var(--border-width-thick); line-height: var(--border-width-thick); } .tui-separator--wrapped.tui-separator--normal:before, .tui-separator--wrapped.tui-separator--normal:after { height: var(--border-width-normal); line-height: var(--border-width-normal); } .tui-performance__summary { list-style: none; } .tui-performance__container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .tui-performance__wrapper { margin-right: var(--gap-4); margin-bottom: var(--gap-4); border: 1px solid var(--color-neutral-5); border-radius: 3px; } .tui-performance__wrapper > * { padding-right: var(--gap-2); padding-left: var(--gap-2); } .tui-performance__wrapper > *:first-child { font-weight: bold; } .tui-performance__wrapper > *:not(:first-child) { background: var(--color-chart-transparent-3); } [data-tui-draggable][data-animated] { transition: transform 0.25s; } [data-tui-draggable][data-dragging] { position: fixed; z-index: var(--zindex-draggable); -webkit-user-select: none; -ms-user-select: none; user-select: none; /* required so droppable can get mouse events*/ pointer-events: none; } .tui-draggableMoveMenu__button:not(:focus):not([aria-expanded='true']) { /* The use of '!important' here is an exception and should not be replicated else where */ /* stylelint-disable declaration-no-important */ position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; /* stylelint-enable */ } .tui-droppable__dropLine { z-index: var(--zindex-draggable); background: var(--color-secondary); pointer-events: none; } .tui-droppable__dropLine--vertical { height: var(--border-width-normal); margin-top: calc(var(--border-width-normal) * -0.5); } .tui-droppable__dropLine--horizontal { width: var(--border-width-normal); margin-left: calc(var(--border-width-normal) * -0.5); } [data-tui-droppable-location-indicator] { background-color: var(--color-neutral-5); } .tui-dropdown__menu { z-index: var(--zindex-dropdown-menu); min-width: 15rem; max-width: 35rem; max-height: 40vh; overflow-y: auto; background-color: var(--dropdown-menu-bg-color); background-clip: padding-box; border: var(--border-width-thin) solid var(--dropdown-menu-border-color); box-shadow: var(--shadow-2); } .tui-dropdown--flexibleWidth .tui-dropdown__menu { min-width: 0; max-width: none; } .tui-dropdown__content { display: flex; flex-direction: column; } .tui-dropdown__content--separator > * + * { border-top: var(--border-width-thin) solid var(--dropdown-menu-border-color); } .tui-dropdown--fixedHeight .tui-dropdown__content { height: 100%; } .tui-dropdown--fixedHeight .tui-dropdown__menu { height: 38vh; overflow-y: visible; } .tui-dropdown--disabled { cursor: not-allowed; } .tui-dropdown--disabled .tui-dropdown__trigger { pointer-events: none; } /* override