`, and ``.\r\n$font-family-monospace: Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\r\n$font-family-base: $font-family-sans-serif !default;\r\n\r\n$font-size-base: 14px !default;\r\n$font-size-large: math.ceil(($font-size-base * 1.25)) !default; // ~18px\r\n$font-size-small: math.ceil(($font-size-base * 0.85)) !default; // ~12px\r\n\r\n$font-size-h1: math.floor(($font-size-base * 2.6)) !default; // ~36px\r\n$font-size-h2: math.floor(($font-size-base * 2.15)) !default; // ~30px\r\n$font-size-h3: math.ceil(($font-size-base * 1.7)) !default; // ~24px\r\n$font-size-h4: math.ceil(($font-size-base * 1.25)) !default; // ~18px\r\n$font-size-h5: $font-size-base !default;\r\n$font-size-h6: math.ceil(($font-size-base * 0.85)) !default; // ~12px\r\n\r\n// //** Unit-less `line-height` for use in components like buttons.\r\n// $line-height-base: 1.428571429 !default; // 20/14\r\n// //** Computed \"line-height\" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.\r\n// $line-height-computed: math.floor(($font-size-base * $line-height-base)) !default; // ~20px\r\n\r\n// //** By default, this inherits from the ``.\r\n// $headings-font-family: inherit !default;\r\n// $headings-font-weight: 500 !default;\r\n// $headings-line-height: 1.1 !default;\r\n// $headings-color: inherit !default;\r\n\r\n// //== Iconography\r\n// //\r\n// //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.\r\n\r\n// //** Load fonts from this directory.\r\n\r\n// // [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.\r\n// // [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.\r\n$icon-font-path: if($bootstrap-sass-asset-helper, \"bootstrap/\", \"fonts/bootstrap/\") !default;\r\n\r\n//** File name for all font files.\r\n$icon-font-name: \"glyphicons-halflings-regular\" !default;\r\n//** Element ID within SVG icon file.\r\n$icon-font-svg-id: \"glyphicons_halflingsregular\" !default;\r\n\r\n// //== Components\r\n// //\r\n// //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).\r\n\r\n// $padding-base-vertical: 6px !default;\r\n// $padding-base-horizontal: 12px !default;\r\n\r\n// $padding-large-vertical: 10px !default;\r\n// $padding-large-horizontal: 16px !default;\r\n\r\n// $padding-small-vertical: 5px !default;\r\n// $padding-small-horizontal: 10px !default;\r\n\r\n// $padding-xs-vertical: 1px !default;\r\n// $padding-xs-horizontal: 5px !default;\r\n\r\n// $line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome\r\n// $line-height-small: 1.5 !default;\r\n\r\n$border-radius-base: 8px !default;\r\n// $border-radius-large: 6px !default;\r\n// $border-radius-small: 3px !default;\r\n\r\n//** Global color for active items (e.g., navs or dropdowns).\r\n$component-active-color: map.get($lc-barbie-theme, lc-active-text-color) !default;\r\n//** Global background color for active items (e.g., navs or dropdowns).\r\n$component-active-bg: map.get($lc-barbie-theme, lc-active-bg-color) !default;\r\n\r\n// //** Width of the `border` for generating carets that indicate dropdowns.\r\n// $caret-width-base: 4px !default;\r\n// //** Carets increase slightly in size for larger components.\r\n// $caret-width-large: 5px !default;\r\n\r\n// //== Tables\r\n// //\r\n// //## Customizes the `.table` component with basic values, each used across all table variations.\r\n\r\n// //** Padding for ``s and ` `s.\r\n// $table-cell-padding: 8px !default;\r\n// //** Padding for cells in `.table-condensed`.\r\n// $table-condensed-cell-padding: 5px !default;\r\n\r\n// //** Default background color used for all tables.\r\n$table-bg: map.get($lc-barbie-theme, lc-default-bg-color) !default;\r\n//** Background color used for `.table-striped`.\r\n$table-bg-accent: map.get($lc-barbie-theme, lc-default-table-row-bg-color) !default;\r\n//** Background color used for `.table-hover`.\r\n$table-bg-hover: map.get($lc-barbie-theme, lc-hover-table-row-bg-color) !default;\r\n$table-bg-active: $table-bg-hover !default;\r\n\r\n// //** Border color for table and cell borders.\r\n$table-border-color: map.get($lc-barbie-theme, lc-default-table-body-border-color) !default;\r\n\r\n// //== Buttons\r\n// //\r\n// //## For each of Bootstrap's buttons, define text, background and border color.\r\n\r\n// $btn-font-weight: normal !default;\r\n\r\n$btn-default-color: map.get($lc-barbie-theme, lc-default-text-color) !default;\r\n$btn-default-bg: map.get($lc-barbie-theme, lc-secondary-color) !default;\r\n$btn-default-border: map.get($lc-barbie-theme, lc-secondary-color) !default;\r\n\r\n$btn-primary-color: map.get($lc-barbie-theme, lc-complementary-text-color) !default;\r\n$btn-primary-bg: map.get($lc-barbie-theme, lc-primary-color) !default;\r\n$btn-primary-border: map.get($lc-barbie-theme, lc-primary-color) !default;\r\n\r\n$btn-success-color: map.get($lc-barbie-theme, lc-complementary-text-color) !default;\r\n$btn-success-bg: map.get($lc-barbie-theme, lc-success-color) !default;\r\n$btn-success-border: map.get($lc-barbie-theme, lc-success-color) !default;\r\n\r\n$btn-info-color: map.get($lc-barbie-theme, lc-complementary-text-color) !default;\r\n$btn-info-bg: map.get($lc-barbie-theme, lc-info-color) !default;\r\n$btn-info-border: map.get($lc-barbie-theme, lc-info-color) !default;\r\n\r\n$btn-warning-color: map.get($lc-barbie-theme, lc-complementary-text-color) !default;\r\n$btn-warning-bg: map.get($lc-barbie-theme, lc-warning-color) !default;\r\n$btn-warning-border: map.get($lc-barbie-theme, lc-warning-color) !default;\r\n\r\n$btn-danger-color: map.get($lc-barbie-theme, lc-complementary-text-color) !default;\r\n$btn-danger-bg: map.get($lc-barbie-theme, lc-danger-color) !default;\r\n$btn-danger-border: map.get($lc-barbie-theme, lc-danger-color) !default;\r\n\r\n$btn-link-disabled-color: map.get($lc-barbie-theme, lc-disabled-link-color) !default;\r\n\r\n// // Allows for customizing button radius independently from global border radius\r\n// $btn-border-radius-base: $border-radius-base !default;\r\n// $btn-border-radius-large: $border-radius-base !default;\r\n// $btn-border-radius-small: $border-radius-base !default;\r\n\r\n// //== Forms\r\n// //\r\n// //##\r\n\r\n// //** ``s in some browsers, due to the limited stylability of ``s in CSS.\r\n// $input-border-radius: $border-radius-base !default;\r\n// //** Large `.form-control` border radius\r\n// $input-border-radius-large: $border-radius-large !default;\r\n// //** Small `.form-control` border radius\r\n// $input-border-radius-small: $border-radius-small !default;\r\n\r\n// //** Border color for inputs on focus\r\n$input-border-focus: map.get($lc-barbie-theme, lc-focus-form-border-color) !default;\r\n\r\n// //** Placeholder text color\r\n$input-color-placeholder: map.get($lc-barbie-theme, lc-default-placeholder-text-color) !default;\r\n\r\n// //** Default `.form-control` height\r\n// $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;\r\n// //** Large `.form-control` height\r\n// $input-height-large: (math.ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;\r\n// //** Small `.form-control` height\r\n// $input-height-small: (math.floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;\r\n\r\n// //** `.form-group` margin\r\n$form-group-margin-bottom: 15px !default;\r\n\r\n$legend-color: map.get($lc-barbie-theme, lc-default-text-color) !default;\r\n$legend-border-color: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n\r\n//** Background color for textual input addons\r\n$input-group-addon-bg: map.get($lc-barbie-theme, lc-secondary-color) !default;\r\n\r\n// //** Border color for textual input addons\r\n$input-group-addon-border-color: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n\r\n// //** Disabled cursor for form controls and buttons.\r\n// $cursor-disabled: not-allowed !default;\r\n\r\n// //== Dropdowns\r\n// //\r\n// //## Dropdown menu container and contents.\r\n\r\n//** Background for the dropdown menu.\r\n$dropdown-bg: map.get($lc-barbie-theme, lc-default-bg-color) !default;\r\n//** Dropdown menu `border-color`.\r\n$dropdown-border: map.get($lc-barbie-theme, lc-default-form-border-color) !default;\r\n//** Dropdown menu `border-color` **for IE8**.\r\n$dropdown-fallback-border: map.get($lc-barbie-theme, lc-default-form-border-color) !default;\r\n//** Divider color for between dropdown items.\r\n$dropdown-divider-bg: map.get($lc-barbie-theme, lc-default-form-border-color) !default;\r\n\r\n//** Dropdown link text color.\r\n$dropdown-link-color: map.get($lc-barbie-theme, lc-default-text-color) !default;\r\n//** Hover color for dropdown links.\r\n$dropdown-link-hover-color: map.get($lc-barbie-theme, lc-default-text-color) !default;\r\n//** Hover background for dropdown links.\r\n$dropdown-link-hover-bg: map.get($lc-barbie-theme, lc-active-bg-color) !default;\r\n\r\n//** Active dropdown menu item text color.\r\n$dropdown-link-active-color: map.get($lc-barbie-theme, lc-default-text-color) !default;\r\n//** Active dropdown menu item background color.\r\n$dropdown-link-active-bg: map.get($lc-barbie-theme, lc-active-bg-color) !default;\r\n\r\n//** Disabled dropdown menu item background color.\r\n$dropdown-link-disabled-color: map.get($lc-barbie-theme, lc-disabled-form-text-color) !default;\r\n\r\n//** Text color for headers within dropdown menus.\r\n$dropdown-header-color: map.get($lc-barbie-theme, lc-default-text-color) !default;\r\n\r\n//** Deprecated `$dropdown-caret-color` as of v3.1.0\r\n$dropdown-caret-color: map.get($lc-barbie-theme, lc-default-text-color) !default;\r\n\r\n// //-- Z-index master list\r\n// //\r\n// // Warning: Avoid customizing these values. They're used for a bird's eye view\r\n// // of components dependent on the z-axis and are designed to all work together.\r\n// //\r\n// // Note: These variables are not generated into the Customizer.\r\n\r\n// $zindex-navbar: 1000 !default;\r\n// $zindex-dropdown: 1000 !default;\r\n// $zindex-popover: 1060 !default;\r\n// $zindex-tooltip: 1070 !default;\r\n// $zindex-navbar-fixed: 1030 !default;\r\n// $zindex-modal-background: 1040 !default;\r\n// $zindex-modal: 1050 !default;\r\n\r\n// //== Media queries breakpoints\r\n// //\r\n// //## Define the breakpoints at which your layout will change, adapting to different screen sizes.\r\n\r\n// // Extra small screen / phone\r\n// //** Deprecated `$screen-xs` as of v3.0.1\r\n// $screen-xs: 480px !default;\r\n// //** Deprecated `$screen-xs-min` as of v3.2.0\r\n// $screen-xs-min: $screen-xs !default;\r\n// //** Deprecated `$screen-phone` as of v3.0.1\r\n// $screen-phone: $screen-xs-min !default;\r\n\r\n// // Small screen / tablet\r\n// //** Deprecated `$screen-sm` as of v3.0.1\r\n// $screen-sm: 768px !default;\r\n// $screen-sm-min: $screen-sm !default;\r\n// //** Deprecated `$screen-tablet` as of v3.0.1\r\n// $screen-tablet: $screen-sm-min !default;\r\n\r\n// // Medium screen / desktop\r\n// //** Deprecated `$screen-md` as of v3.0.1\r\n// $screen-md: 992px !default;\r\n// $screen-md-min: $screen-md !default;\r\n// //** Deprecated `$screen-desktop` as of v3.0.1\r\n// $screen-desktop: $screen-md-min !default;\r\n\r\n// // Large screen / wide desktop\r\n// //** Deprecated `$screen-lg` as of v3.0.1\r\n// $screen-lg: 1200px !default;\r\n// $screen-lg-min: $screen-lg !default;\r\n// //** Deprecated `$screen-lg-desktop` as of v3.0.1\r\n// $screen-lg-desktop: $screen-lg-min !default;\r\n\r\n// // So media queries don't overlap when required, provide a maximum\r\n// $screen-xs-max: ($screen-sm-min - 1) !default;\r\n// $screen-sm-max: ($screen-md-min - 1) !default;\r\n// $screen-md-max: ($screen-lg-min - 1) !default;\r\n\r\n// //== Grid system\r\n// //\r\n// //## Define your custom responsive grid.\r\n\r\n// //** Number of columns in the grid.\r\n// $grid-columns: 12 !default;\r\n// //** Padding between columns. Gets divided in half for the left and right.\r\n// $grid-gutter-width: 30px !default;\r\n// // Navbar collapse\r\n// //** Point at which the navbar becomes uncollapsed.\r\n// $grid-float-breakpoint: $screen-sm-min !default;\r\n// //** Point at which the navbar begins collapsing.\r\n// $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;\r\n\r\n// //== Container sizes\r\n// //\r\n// //## Define the maximum width of `.container` for different screen sizes.\r\n\r\n// // Small screen / tablet\r\n// $container-tablet: (720px + $grid-gutter-width) !default;\r\n// //** For `$screen-sm-min` and up.\r\n// $container-sm: $container-tablet !default;\r\n\r\n// // Medium screen / desktop\r\n// $container-desktop: (940px + $grid-gutter-width) !default;\r\n// //** For `$screen-md-min` and up.\r\n// $container-md: $container-desktop !default;\r\n\r\n// // Large screen / wide desktop\r\n// $container-large-desktop: (1140px + $grid-gutter-width) !default;\r\n// //** For `$screen-lg-min` and up.\r\n// $container-lg: $container-large-desktop !default;\r\n\r\n// //== Navbar\r\n// //\r\n// //##\r\n\r\n// // Basics of a navbar\r\n// $navbar-height: 50px !default;\r\n// $navbar-margin-bottom: $line-height-computed !default;\r\n// $navbar-border-radius: $border-radius-base !default;\r\n// $navbar-padding-horizontal: math.floor(math.div($grid-gutter-width, 2)) !default;\r\n// $navbar-padding-vertical: math.div(($navbar-height - $line-height-computed), 2) !default;\r\n// $navbar-collapse-max-height: 340px !default;\r\n\r\n// $navbar-default-color: $text-color !default;\r\n// $navbar-default-bg: $body-bg !default;\r\n$navbar-default-border: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n\r\n// // Navbar links\r\n// $navbar-default-link-color: $text-color !default;\r\n// $navbar-default-link-hover-color: $text-color !default;\r\n// $navbar-default-link-hover-bg: transparent !default;\r\n// $navbar-default-link-active-color: $text-color !default;\r\n$navbar-default-link-active-bg: map.get($lc-barbie-theme, lc-active-bg-color) !default;\r\n$navbar-default-link-disabled-color: map.get($lc-barbie-theme, lc-disabled-link-color) !default;\r\n\r\n$navbar-default-link-disabled-bg: transparent !default;\r\n\r\n// // Navbar brand label\r\n// $navbar-default-brand-color: $navbar-default-link-color !default;\r\n// $navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default;\r\n// $navbar-default-brand-hover-bg: transparent !default;\r\n\r\n// // Navbar toggle\r\n$navbar-default-toggle-hover-bg: map.get($lc-barbie-theme, lc-brand-emphasis-color) !default;\r\n$navbar-default-toggle-icon-bar-bg: map.get($lc-barbie-theme, lc-brand-emphasis-color) !default;\r\n$navbar-default-toggle-border-color: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n\r\n// //=== Inverted navbar\r\n// // Reset inverted navbar basics\r\n$navbar-inverse-color: lighten($gray-light, 15%) !default;\r\n$navbar-inverse-bg: map.get($lc-barbie-theme, lc-complementary-bg-color) !default;\r\n$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;\r\n\r\n// Inverted navbar links\r\n$navbar-inverse-link-color: lighten($gray-light, 15%) !default;\r\n$navbar-inverse-link-hover-color: #fff !default;\r\n$navbar-inverse-link-hover-bg: transparent !default;\r\n$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;\r\n$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default;\r\n$navbar-inverse-link-disabled-color: map.get($lc-barbie-theme, lc-disabled-link-color) !default;\r\n$navbar-inverse-link-disabled-bg: transparent !default;\r\n\r\n// // Inverted navbar brand label\r\n// $navbar-inverse-brand-color: $navbar-inverse-link-color !default;\r\n// $navbar-inverse-brand-hover-color: #fff !default;\r\n// $navbar-inverse-brand-hover-bg: transparent !default;\r\n\r\n// Inverted navbar toggle\r\n$navbar-inverse-toggle-hover-bg: map.get($lc-barbie-theme, lc-complementary-bg-color) !default;\r\n$navbar-inverse-toggle-icon-bar-bg: #fff !default;\r\n$navbar-inverse-toggle-border-color: map.get($lc-barbie-theme, lc-complementary-bg-color) !default;\r\n\r\n// //== Navs\r\n// //\r\n// //##\r\n\r\n// //=== Shared nav styles\r\n// $nav-link-padding: 10px 15px !default;\r\n$nav-link-hover-bg: map.get($lc-barbie-theme, lc-hover-bg-color) !default;\r\n\r\n$nav-disabled-link-color: map.get($lc-barbie-theme, lc-disabled-link-color) !default;\r\n$nav-disabled-link-hover-color: map.get($lc-barbie-theme, lc-disabled-link-color) !default;\r\n\r\n// //== Tabs\r\n$nav-tabs-border-color: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n\r\n$nav-tabs-link-hover-border-color: map.get($lc-barbie-theme, lc-hover-form-border-color) !default;\r\n\r\n$nav-tabs-active-link-hover-bg: $body-bg !default;\r\n$nav-tabs-active-link-hover-color: $text-color !default;\r\n$nav-tabs-active-link-hover-border-color: map.get($lc-barbie-theme, lc-active-border-color) !default;\r\n\r\n$nav-tabs-justified-link-border-color: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n$nav-tabs-justified-active-link-border-color: $body-bg !default;\r\n\r\n// //== Pills\r\n// $nav-pills-border-radius: $border-radius-base !default;\r\n// $nav-pills-active-link-hover-bg: $component-active-bg !default;\r\n// $nav-pills-active-link-hover-color: $component-active-color !default;\r\n\r\n//== Pagination\r\n//\r\n//##\r\n\r\n$pagination-color: $text-color !default;\r\n$pagination-bg: #fff !default;\r\n$pagination-border: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n\r\n$pagination-hover-color: $text-color !default;\r\n$pagination-hover-bg: map.get($lc-barbie-theme, lc-hover-bg-color) !default;\r\n$pagination-hover-border: map.get($lc-barbie-theme, lc-hover-border-color) !default;\r\n\r\n$pagination-active-color: #fff !default;\r\n$pagination-active-bg: $brand-primary !default;\r\n$pagination-active-border: $brand-primary !default;\r\n\r\n$pagination-disabled-color: map.get($lc-barbie-theme, lc-disabled-text-color) !default;\r\n$pagination-disabled-bg: map.get($lc-barbie-theme, lc-disabled-bg-color) !default;\r\n$pagination-disabled-border: map.get($lc-barbie-theme, lc-disabled-border-color) !default;\r\n\r\n// //== Pager\r\n// //\r\n// //##\r\n\r\n// $pager-bg: $pagination-bg !default;\r\n// $pager-border: $pagination-border !default;\r\n// $pager-border-radius: 15px !default;\r\n\r\n// $pager-hover-bg: $pagination-hover-bg !default;\r\n\r\n// $pager-active-bg: $pagination-active-bg !default;\r\n// $pager-active-color: $pagination-active-color !default;\r\n\r\n// $pager-disabled-color: $pagination-disabled-color !default;\r\n\r\n// //== Jumbotron\r\n// //\r\n// //##\r\n\r\n// $jumbotron-padding: 30px !default;\r\n// $jumbotron-color: inherit !default;\r\n// $jumbotron-bg: $gray-lighter !default;\r\n// $jumbotron-heading-color: inherit !default;\r\n// $jumbotron-font-size: math.ceil(($font-size-base * 1.5)) !default;\r\n// $jumbotron-heading-font-size: math.ceil(($font-size-base * 4.5)) !default;\r\n\r\n// //== Form states and alerts\r\n// //\r\n// //## Define colors for form feedback states and, by default, alerts.\r\n\r\n$state-success-text: map.get($lc-barbie-theme, lc-success-color) !default;\r\n$state-success-bg: map.get($lc-barbie-theme, lc-success-subtle-color) !default;\r\n$state-success-border: map.get($lc-barbie-theme, lc-success-color) !default;\r\n\r\n$state-info-text: map.get($lc-barbie-theme, lc-info-color) !default;\r\n$state-info-bg: map.get($lc-barbie-theme, lc-info-subtle-color) !default;\r\n$state-info-border: map.get($lc-barbie-theme, lc-info-color) !default;\r\n\r\n$state-warning-text: map.get($lc-barbie-theme, lc-warning-color) !default;\r\n$state-warning-bg: map.get($lc-barbie-theme, lc-warning-subtle-color) !default;\r\n$state-warning-border: map.get($lc-barbie-theme, lc-warning-color) !default;\r\n\r\n$state-danger-text: map.get($lc-barbie-theme, lc-danger-color) !default;\r\n$state-danger-bg: map.get($lc-barbie-theme, lc-danger-subtle-color) !default;\r\n$state-danger-border: map.get($lc-barbie-theme, lc-danger-color) !default;\r\n\r\n// //== Tooltips\r\n// //\r\n// //##\r\n\r\n// //** Tooltip max width\r\n$tooltip-max-width: 400px !default;\r\n//** Tooltip text color\r\n$tooltip-color: map.get($lc-barbie-theme, lc-complementary-text-color) !default;\r\n// //** Tooltip background color\r\n$tooltip-bg: map.get($lc-barbie-theme, lc-info-color) !default;\r\n$tooltip-opacity: 1 !default;\r\n\r\n//** Tooltip arrow width\r\n$tooltip-arrow-width: 5px !default;\r\n//** Tooltip arrow color\r\n$tooltip-arrow-color: $tooltip-bg !default;\r\n\r\n// //== Popovers\r\n// //\r\n// //##\r\n\r\n// //** Popover body background color\r\n// $popover-bg: $body-bg !default;\r\n// //** Popover maximum width\r\n// $popover-max-width: 276px !default;\r\n//** Popover border color\r\n$popover-border-color: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n//** Popover fallback border color\r\n$popover-fallback-border-color: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n\r\n// //** Popover title background color\r\n// $popover-title-bg: darken($popover-bg, 3%) !default;\r\n\r\n// //** Popover arrow width\r\n// $popover-arrow-width: 10px !default;\r\n// //** Popover arrow color\r\n// $popover-arrow-color: $popover-bg !default;\r\n\r\n// //** Popover outer arrow width\r\n// $popover-arrow-outer-width: ($popover-arrow-width + 1) !default;\r\n// //** Popover outer arrow color\r\n// $popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default;\r\n// //** Popover outer arrow fallback color\r\n// $popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;\r\n\r\n//== Labels\r\n//\r\n//##\r\n\r\n//** Default label background color\r\n$label-default-bg: map.get($lc-barbie-theme, lc-secondary-color) !default;\r\n//** Primary label background color\r\n$label-primary-bg: $brand-primary !default;\r\n//** Success label background color\r\n$label-success-bg: $brand-success !default;\r\n//** Info label background color\r\n$label-info-bg: $brand-info !default;\r\n//** Warning label background color\r\n$label-warning-bg: $brand-warning !default;\r\n//** Danger label background color\r\n$label-danger-bg: $brand-danger !default;\r\n\r\n// //** Default label text color\r\n// $label-color: $text-color !default;\r\n// //** Default text color of a linked label\r\n// $label-link-hover-color: #fff !default;\r\n\r\n// //== Modals\r\n// //\r\n// //##\r\n\r\n// //** Padding applied to the modal body\r\n// $modal-inner-padding: 15px !default;\r\n\r\n// //** Padding applied to the modal title\r\n// $modal-title-padding: 15px !default;\r\n// //** Modal title line-height\r\n// $modal-title-line-height: $line-height-base !default;\r\n\r\n// //** Background color of modal content area\r\n// $modal-content-bg: $body-bg !default;\r\n//** Modal content border color\r\n$modal-content-border-color: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n//** Modal content border color **for IE8**\r\n$modal-content-fallback-border-color: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n\r\n// //** Modal backdrop background color\r\n// $modal-backdrop-bg: $text-color !default;\r\n// //** Modal backdrop opacity\r\n// $modal-backdrop-opacity: 0.5 !default;\r\n//** Modal header border color\r\n$modal-header-border-color: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n//** Modal footer border color\r\n$modal-footer-border-color: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n\r\n// $modal-lg: 900px !default;\r\n// $modal-md: 600px !default;\r\n// $modal-sm: 300px !default;\r\n\r\n// //== Alerts\r\n// //\r\n// //## Define alert colors, border radius, and padding.\r\n\r\n// $alert-padding: 15px !default;\r\n//$alert-border-radius: $border-radius-base !default;\r\n// $alert-link-font-weight: bold !default;\r\n\r\n// $alert-success-bg: $state-success-bg !default;\r\n// $alert-success-text: $state-success-text !default;\r\n// $alert-success-border: $state-success-border !default;\r\n\r\n// $alert-info-bg: $state-info-bg !default;\r\n// $alert-info-text: $state-info-text !default;\r\n// $alert-info-border: $state-info-border !default;\r\n\r\n// $alert-warning-bg: $state-warning-bg !default;\r\n// $alert-warning-text: $state-warning-text !default;\r\n// $alert-warning-border: $state-warning-border !default;\r\n\r\n// $alert-danger-bg: $state-danger-bg !default;\r\n// $alert-danger-text: $state-danger-text !default;\r\n// $alert-danger-border: $state-danger-border !default;\r\n\r\n// //== Progress bars\r\n// //\r\n// //##\r\n\r\n// //** Background color of the whole progress component\r\n$progress-bg: map.get($lc-barbie-theme, lc-active-bg-color) !default;\r\n// //** Progress bar text color\r\n// $progress-bar-color: #fff !default;\r\n// //** Variable for setting rounded corners on progress bar.\r\n// $progress-border-radius: $border-radius-base !default;\r\n\r\n// //** Default progress bar color\r\n// $progress-bar-bg: $brand-primary !default;\r\n// //** Success progress bar color\r\n// $progress-bar-success-bg: $brand-success !default;\r\n// //** Warning progress bar color\r\n// $progress-bar-warning-bg: $brand-warning !default;\r\n// //** Danger progress bar color\r\n// $progress-bar-danger-bg: $brand-danger !default;\r\n// //** Info progress bar color\r\n// $progress-bar-info-bg: $brand-info !default;\r\n\r\n// //== List group\r\n// //\r\n// //##\r\n\r\n// //** Background color on `.list-group-item`\r\n// $list-group-bg: #fff !default;\r\n//** `.list-group-item` border color\r\n$list-group-border: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n// //** List group border radius\r\n// $list-group-border-radius: $border-radius-base !default;\r\n\r\n//** Background color of single list items on hover\r\n$list-group-hover-bg: map.get($lc-barbie-theme, lc-hover-bg-color) !default;\r\n// //** Text color of active list items\r\n// $list-group-active-color: $component-active-color !default;\r\n// //** Background color of active list items\r\n// $list-group-active-bg: $component-active-bg !default;\r\n// //** Border color of active list elements\r\n// $list-group-active-border: $list-group-active-bg !default;\r\n// //** Text color for content within active list items\r\n// $list-group-active-text-color: $text-color !default;\r\n\r\n//** Text color of disabled list items\r\n$list-group-disabled-color: map.get($lc-barbie-theme, lc-disabled-text-color) !default;\r\n//** Background color of disabled list items\r\n$list-group-disabled-bg: map.get($lc-barbie-theme, lc-disabled-bg-color) !default;\r\n//** Text color for content within disabled list items\r\n$list-group-disabled-text-color: $list-group-disabled-color !default;\r\n\r\n// $list-group-link-color: $text-color !default;\r\n// $list-group-link-hover-color: $list-group-link-color !default;\r\n// $list-group-link-heading-color: $text-color !default;\r\n\r\n// //== Panels\r\n// //\r\n// //##\r\n\r\n$panel-bg: map.get($lc-barbie-theme, lc-default-bg-color) !default;\r\n// $panel-body-padding: 15px !default;\r\n// $panel-heading-padding: 10px 15px !default;\r\n// $panel-footer-padding: $panel-heading-padding !default;\r\n// $panel-border-radius: $border-radius-base !default;\r\n\r\n// //** Border color for elements within panels\r\n// $panel-inner-border: $border-color !default;\r\n// $panel-footer-bg: $panel-bg !default;\r\n\r\n$panel-default-text: map.get($lc-barbie-theme, lc-default-text-color) !default;\r\n$panel-default-border: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n$panel-default-heading-bg: $panel-bg !default;\r\n\r\n// $panel-primary-text: #fff !default;\r\n// $panel-primary-border: $brand-primary !default;\r\n// $panel-primary-heading-bg: $brand-primary !default;\r\n\r\n// $panel-success-text: $state-success-text !default;\r\n// $panel-success-border: $state-success-border !default;\r\n// $panel-success-heading-bg: $state-success-bg !default;\r\n\r\n// $panel-info-text: $state-info-text !default;\r\n// $panel-info-border: $state-info-border !default;\r\n// $panel-info-heading-bg: $state-info-bg !default;\r\n\r\n// $panel-warning-text: $state-warning-text !default;\r\n// $panel-warning-border: $state-warning-border !default;\r\n// $panel-warning-heading-bg: $state-warning-bg !default;\r\n\r\n// $panel-danger-text: $state-danger-text !default;\r\n// $panel-danger-border: $state-danger-border !default;\r\n// $panel-danger-heading-bg: $state-danger-bg !default;\r\n\r\n// //== Thumbnails\r\n// //\r\n// //##\r\n\r\n// //** Padding around the thumbnail image\r\n// $thumbnail-padding: 4px !default;\r\n// //** Thumbnail background color\r\n// $thumbnail-bg: $body-bg !default;\r\n//** Thumbnail border color\r\n$thumbnail-border: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n// //** Thumbnail border radius\r\n// $thumbnail-border-radius: $border-radius-base !default;\r\n\r\n// //** Custom text color for thumbnail captions\r\n// $thumbnail-caption-color: $text-color !default;\r\n// //** Padding around the thumbnail caption\r\n// $thumbnail-caption-padding: 9px !default;\r\n\r\n// //== Wells\r\n// //\r\n// //##\r\n\r\n$well-bg: map.get($lc-barbie-theme, lc-default-panel-bg-color) !default;\r\n$well-border: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n\r\n// //== Badges\r\n// //\r\n// //##\r\n\r\n// $badge-color: #fff !default;\r\n// //** Linked badge text color on hover\r\n// $badge-link-hover-color: #fff !default;\r\n// $badge-bg: $gray-light !default;\r\n\r\n// //** Badge text color in active nav link\r\n// $badge-active-color: $link-color !default;\r\n// //** Badge background color in active nav link\r\n// $badge-active-bg: #fff !default;\r\n\r\n// $badge-font-weight: bold !default;\r\n// $badge-line-height: 1 !default;\r\n// $badge-border-radius: 10px !default;\r\n\r\n//== Breadcrumbs\r\n//\r\n//##\r\n\r\n$breadcrumb-padding-vertical: 8px !default;\r\n$breadcrumb-padding-horizontal: 15px !default;\r\n//** Breadcrumb background color\r\n$breadcrumb-bg: map.get($lc-barbie-theme, lc-brand-emphasis-color) !default;\r\n//** Breadcrumb text color\r\n$breadcrumb-color: map.get($lc-barbie-theme, lc-secondary-color) !default;\r\n//** Text color of current page in the breadcrumb\r\n$breadcrumb-active-color: map.get($lc-barbie-theme, lc-secondary-color) !default;\r\n//** Textual separator for between breadcrumb elements\r\n$breadcrumb-separator: \"/\" !default;\r\n\r\n// //== Carousel\r\n// //\r\n// //##\r\n\r\n// $carousel-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !default;\r\n\r\n// $carousel-control-color: #fff !default;\r\n// $carousel-control-width: 15% !default;\r\n// $carousel-control-opacity: 0.5 !default;\r\n// $carousel-control-font-size: 20px !default;\r\n\r\n// $carousel-indicator-active-bg: #fff !default;\r\n// $carousel-indicator-border-color: #fff !default;\r\n\r\n// $carousel-caption-color: #fff !default;\r\n\r\n//== Close\r\n//\r\n//##\r\n\r\n$close-font-weight: bold !default;\r\n$close-color: map.get($lc-barbie-theme, lc-default-text-color) !default;\r\n$close-text-shadow: 0 1px 0 #fff !default;\r\n\r\n// //== Code\r\n// //\r\n// //##\r\n\r\n// $code-color: #c7254e !default;\r\n// $code-bg: #f9f2f4 !default;\r\n\r\n// $kbd-color: #fff !default;\r\n// $kbd-bg: #333 !default;\r\n\r\n// $pre-bg: #f5f5f5 !default;\r\n// $pre-color: $gray-base !default;\r\n// $pre-border-color: #ccc !default;\r\n// $pre-scrollable-max-height: 340px !default;\r\n\r\n//== Type\r\n//\r\n//##\r\n\r\n//** Horizontal offset for forms and lists.\r\n$component-offset-horizontal: 180px !default;\r\n//** Text muted color\r\n$text-muted: map.get($lc-barbie-theme, lc-muted-text-color) !default;\r\n//** Abbreviations and acronyms border color\r\n$abbr-border-color: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n//** Headings small color\r\n$headings-small-color: $gray-light !default;\r\n//** Blockquote small color\r\n$blockquote-small-color: $gray-light !default;\r\n//** Blockquote font size\r\n$blockquote-font-size: ($font-size-base * 1.25) !default;\r\n//** Blockquote border color\r\n$blockquote-border-color: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n//** Page header border color\r\n$page-header-border-color: map.get($lc-barbie-theme, lc-default-border-color) !default;\r\n//** Width of horizontal description list titles\r\n//$dl-horizontal-offset: $component-offset-horizontal !default;\r\n//** Point at which .dl-horizontal becomes horizontal\r\n//$dl-horizontal-breakpoint: $grid-float-breakpoint !default;\r\n//** Horizontal line color.\r\n$hr-border: map.get($lc-barbie-theme, lc-default-divider-border-color) !default;\r\n","$bootstrap-sass-asset-helper: false !default;\n@use \"sass:math\";\n//\n// Variables\n// --------------------------------------------------\n\n\n//== Colors\n//\n//## Gray and brand colors for use across Bootstrap.\n\n$gray-base: #000 !default;\n$gray-darker: lighten($gray-base, 13.5%) !default; // #222\n$gray-dark: lighten($gray-base, 20%) !default; // #333\n$gray: lighten($gray-base, 33.5%) !default; // #555\n$gray-light: lighten($gray-base, 46.7%) !default; // #777\n$gray-lighter: lighten($gray-base, 93.5%) !default; // #eee\n\n$brand-primary: darken(#428bca, 6.5%) !default; // #337ab7\n$brand-success: #5cb85c !default;\n$brand-info: #5bc0de !default;\n$brand-warning: #f0ad4e !default;\n$brand-danger: #d9534f !default;\n\n\n//== Scaffolding\n//\n//## Settings for some of the most global styles.\n\n//** Background color for ``.\n$body-bg: #fff !default;\n//** Global text color on ``.\n$text-color: $gray-dark !default;\n\n//** Global textual link color.\n$link-color: $brand-primary !default;\n//** Link hover color set via `darken()` function.\n$link-hover-color: darken($link-color, 15%) !default;\n//** Link hover decoration.\n$link-hover-decoration: underline !default;\n\n\n//== Typography\n//\n//## Font, line-height, and color for body text, headings, and more.\n\n$font-family-sans-serif: \"Helvetica Neue\", Helvetica, Arial, sans-serif !default;\n$font-family-serif: Georgia, \"Times New Roman\", Times, serif !default;\n//** Default monospace fonts for ``, ``, and ``.\n$font-family-monospace: Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n\n$font-size-base: 14px !default;\n$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px\n$font-size-small: ceil(($font-size-base * .85)) !default; // ~12px\n\n$font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px\n$font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px\n$font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px\n$font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px\n$font-size-h5: $font-size-base !default;\n$font-size-h6: ceil(($font-size-base * .85)) !default; // ~12px\n\n//** Unit-less `line-height` for use in components like buttons.\n$line-height-base: 1.428571429 !default; // 20/14\n//** Computed \"line-height\" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.\n$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px\n\n//** By default, this inherits from the ``.\n$headings-font-family: inherit !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.1 !default;\n$headings-color: inherit !default;\n\n\n//== Iconography\n//\n//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.\n\n//** Load fonts from this directory.\n\n// [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.\n// [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.\n$icon-font-path: if($bootstrap-sass-asset-helper, \"bootstrap/\", \"../fonts/bootstrap/\") !default;\n\n//** File name for all font files.\n$icon-font-name: \"glyphicons-halflings-regular\" !default;\n//** Element ID within SVG icon file.\n$icon-font-svg-id: \"glyphicons_halflingsregular\" !default;\n\n\n//== Components\n//\n//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).\n\n$padding-base-vertical: 6px !default;\n$padding-base-horizontal: 12px !default;\n\n$padding-large-vertical: 10px !default;\n$padding-large-horizontal: 16px !default;\n\n$padding-small-vertical: 5px !default;\n$padding-small-horizontal: 10px !default;\n\n$padding-xs-vertical: 1px !default;\n$padding-xs-horizontal: 5px !default;\n\n$line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome\n$line-height-small: 1.5 !default;\n\n$border-radius-base: 4px !default;\n$border-radius-large: 6px !default;\n$border-radius-small: 3px !default;\n\n//** Global color for active items (e.g., navs or dropdowns).\n$component-active-color: #fff !default;\n//** Global background color for active items (e.g., navs or dropdowns).\n$component-active-bg: $brand-primary !default;\n\n//** Width of the `border` for generating carets that indicate dropdowns.\n$caret-width-base: 4px !default;\n//** Carets increase slightly in size for larger components.\n$caret-width-large: 5px !default;\n\n\n//== Tables\n//\n//## Customizes the `.table` component with basic values, each used across all table variations.\n\n//** Padding for ``s and ` `s.\n$table-cell-padding: 8px !default;\n//** Padding for cells in `.table-condensed`.\n$table-condensed-cell-padding: 5px !default;\n\n//** Default background color used for all tables.\n$table-bg: transparent !default;\n//** Background color used for `.table-striped`.\n$table-bg-accent: #f9f9f9 !default;\n//** Background color used for `.table-hover`.\n$table-bg-hover: #f5f5f5 !default;\n$table-bg-active: $table-bg-hover !default;\n\n//** Border color for table and cell borders.\n$table-border-color: #ddd !default;\n\n\n//== Buttons\n//\n//## For each of Bootstrap's buttons, define text, background and border color.\n\n$btn-font-weight: normal !default;\n\n$btn-default-color: #333 !default;\n$btn-default-bg: #fff !default;\n$btn-default-border: #ccc !default;\n\n$btn-primary-color: #fff !default;\n$btn-primary-bg: $brand-primary !default;\n$btn-primary-border: darken($btn-primary-bg, 5%) !default;\n\n$btn-success-color: #fff !default;\n$btn-success-bg: $brand-success !default;\n$btn-success-border: darken($btn-success-bg, 5%) !default;\n\n$btn-info-color: #fff !default;\n$btn-info-bg: $brand-info !default;\n$btn-info-border: darken($btn-info-bg, 5%) !default;\n\n$btn-warning-color: #fff !default;\n$btn-warning-bg: $brand-warning !default;\n$btn-warning-border: darken($btn-warning-bg, 5%) !default;\n\n$btn-danger-color: #fff !default;\n$btn-danger-bg: $brand-danger !default;\n$btn-danger-border: darken($btn-danger-bg, 5%) !default;\n\n$btn-link-disabled-color: $gray-light !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius-base: $border-radius-base !default;\n$btn-border-radius-large: $border-radius-large !default;\n$btn-border-radius-small: $border-radius-small !default;\n\n\n//== Forms\n//\n//##\n\n//** ``s in some browsers, due to the limited stylability of ``s in CSS.\n$input-border-radius: $border-radius-base !default;\n//** Large `.form-control` border radius\n$input-border-radius-large: $border-radius-large !default;\n//** Small `.form-control` border radius\n$input-border-radius-small: $border-radius-small !default;\n\n//** Border color for inputs on focus\n$input-border-focus: #66afe9 !default;\n\n//** Placeholder text color\n$input-color-placeholder: #999 !default;\n\n//** Default `.form-control` height\n$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;\n//** Large `.form-control` height\n$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;\n//** Small `.form-control` height\n$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;\n\n//** `.form-group` margin\n$form-group-margin-bottom: 15px !default;\n\n$legend-color: $gray-dark !default;\n$legend-border-color: #e5e5e5 !default;\n\n//** Background color for textual input addons\n$input-group-addon-bg: $gray-lighter !default;\n//** Border color for textual input addons\n$input-group-addon-border-color: $input-border !default;\n\n//** Disabled cursor for form controls and buttons.\n$cursor-disabled: not-allowed !default;\n\n\n//== Dropdowns\n//\n//## Dropdown menu container and contents.\n\n//** Background for the dropdown menu.\n$dropdown-bg: #fff !default;\n//** Dropdown menu `border-color`.\n$dropdown-border: rgba(0, 0, 0, .15) !default;\n//** Dropdown menu `border-color` **for IE8**.\n$dropdown-fallback-border: #ccc !default;\n//** Divider color for between dropdown items.\n$dropdown-divider-bg: #e5e5e5 !default;\n\n//** Dropdown link text color.\n$dropdown-link-color: $gray-dark !default;\n//** Hover color for dropdown links.\n$dropdown-link-hover-color: darken($gray-dark, 5%) !default;\n//** Hover background for dropdown links.\n$dropdown-link-hover-bg: #f5f5f5 !default;\n\n//** Active dropdown menu item text color.\n$dropdown-link-active-color: $component-active-color !default;\n//** Active dropdown menu item background color.\n$dropdown-link-active-bg: $component-active-bg !default;\n\n//** Disabled dropdown menu item background color.\n$dropdown-link-disabled-color: $gray-light !default;\n\n//** Text color for headers within dropdown menus.\n$dropdown-header-color: $gray-light !default;\n\n//** Deprecated `$dropdown-caret-color` as of v3.1.0\n$dropdown-caret-color: #000 !default;\n\n\n//-- Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n//\n// Note: These variables are not generated into the Customizer.\n\n$zindex-navbar: 1000 !default;\n$zindex-dropdown: 1000 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n$zindex-navbar-fixed: 1030 !default;\n$zindex-modal-background: 1040 !default;\n$zindex-modal: 1050 !default;\n\n\n//== Media queries breakpoints\n//\n//## Define the breakpoints at which your layout will change, adapting to different screen sizes.\n\n// Extra small screen / phone\n//** Deprecated `$screen-xs` as of v3.0.1\n$screen-xs: 480px !default;\n//** Deprecated `$screen-xs-min` as of v3.2.0\n$screen-xs-min: $screen-xs !default;\n//** Deprecated `$screen-phone` as of v3.0.1\n$screen-phone: $screen-xs-min !default;\n\n// Small screen / tablet\n//** Deprecated `$screen-sm` as of v3.0.1\n$screen-sm: 768px !default;\n$screen-sm-min: $screen-sm !default;\n//** Deprecated `$screen-tablet` as of v3.0.1\n$screen-tablet: $screen-sm-min !default;\n\n// Medium screen / desktop\n//** Deprecated `$screen-md` as of v3.0.1\n$screen-md: 992px !default;\n$screen-md-min: $screen-md !default;\n//** Deprecated `$screen-desktop` as of v3.0.1\n$screen-desktop: $screen-md-min !default;\n\n// Large screen / wide desktop\n//** Deprecated `$screen-lg` as of v3.0.1\n$screen-lg: 1200px !default;\n$screen-lg-min: $screen-lg !default;\n//** Deprecated `$screen-lg-desktop` as of v3.0.1\n$screen-lg-desktop: $screen-lg-min !default;\n\n// So media queries don't overlap when required, provide a maximum\n$screen-xs-max: ($screen-sm-min - 1) !default;\n$screen-sm-max: ($screen-md-min - 1) !default;\n$screen-md-max: ($screen-lg-min - 1) !default;\n\n\n//== Grid system\n//\n//## Define your custom responsive grid.\n\n//** Number of columns in the grid.\n$grid-columns: 12 !default;\n//** Padding between columns. Gets divided in half for the left and right.\n$grid-gutter-width: 30px !default;\n// Navbar collapse\n//** Point at which the navbar becomes uncollapsed.\n$grid-float-breakpoint: $screen-sm-min !default;\n//** Point at which the navbar begins collapsing.\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;\n\n\n//== Container sizes\n//\n//## Define the maximum width of `.container` for different screen sizes.\n\n// Small screen / tablet\n$container-tablet: (720px + $grid-gutter-width) !default;\n//** For `$screen-sm-min` and up.\n$container-sm: $container-tablet !default;\n\n// Medium screen / desktop\n$container-desktop: (940px + $grid-gutter-width) !default;\n//** For `$screen-md-min` and up.\n$container-md: $container-desktop !default;\n\n// Large screen / wide desktop\n$container-large-desktop: (1140px + $grid-gutter-width) !default;\n//** For `$screen-lg-min` and up.\n$container-lg: $container-large-desktop !default;\n\n\n//== Navbar\n//\n//##\n\n// Basics of a navbar\n$navbar-height: 50px !default;\n$navbar-margin-bottom: $line-height-computed !default;\n$navbar-border-radius: $border-radius-base !default;\n$navbar-padding-horizontal: floor(math.div($grid-gutter-width, 2)) !default;\n$navbar-padding-vertical: math.div(($navbar-height - $line-height-computed), 2) !default;\n$navbar-collapse-max-height: 340px !default;\n\n$navbar-default-color: #777 !default;\n$navbar-default-bg: #f8f8f8 !default;\n$navbar-default-border: darken($navbar-default-bg, 6.5%) !default;\n\n// Navbar links\n$navbar-default-link-color: #777 !default;\n$navbar-default-link-hover-color: #333 !default;\n$navbar-default-link-hover-bg: transparent !default;\n$navbar-default-link-active-color: #555 !default;\n$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default;\n$navbar-default-link-disabled-color: #ccc !default;\n$navbar-default-link-disabled-bg: transparent !default;\n\n// Navbar brand label\n$navbar-default-brand-color: $navbar-default-link-color !default;\n$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default;\n$navbar-default-brand-hover-bg: transparent !default;\n\n// Navbar toggle\n$navbar-default-toggle-hover-bg: #ddd !default;\n$navbar-default-toggle-icon-bar-bg: #888 !default;\n$navbar-default-toggle-border-color: #ddd !default;\n\n\n//=== Inverted navbar\n// Reset inverted navbar basics\n$navbar-inverse-color: lighten($gray-light, 15%) !default;\n$navbar-inverse-bg: #222 !default;\n$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;\n\n// Inverted navbar links\n$navbar-inverse-link-color: lighten($gray-light, 15%) !default;\n$navbar-inverse-link-hover-color: #fff !default;\n$navbar-inverse-link-hover-bg: transparent !default;\n$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;\n$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default;\n$navbar-inverse-link-disabled-color: #444 !default;\n$navbar-inverse-link-disabled-bg: transparent !default;\n\n// Inverted navbar brand label\n$navbar-inverse-brand-color: $navbar-inverse-link-color !default;\n$navbar-inverse-brand-hover-color: #fff !default;\n$navbar-inverse-brand-hover-bg: transparent !default;\n\n// Inverted navbar toggle\n$navbar-inverse-toggle-hover-bg: #333 !default;\n$navbar-inverse-toggle-icon-bar-bg: #fff !default;\n$navbar-inverse-toggle-border-color: #333 !default;\n\n\n//== Navs\n//\n//##\n\n//=== Shared nav styles\n$nav-link-padding: 10px 15px !default;\n$nav-link-hover-bg: $gray-lighter !default;\n\n$nav-disabled-link-color: $gray-light !default;\n$nav-disabled-link-hover-color: $gray-light !default;\n\n//== Tabs\n$nav-tabs-border-color: #ddd !default;\n\n$nav-tabs-link-hover-border-color: $gray-lighter !default;\n\n$nav-tabs-active-link-hover-bg: $body-bg !default;\n$nav-tabs-active-link-hover-color: $gray !default;\n$nav-tabs-active-link-hover-border-color: #ddd !default;\n\n$nav-tabs-justified-link-border-color: #ddd !default;\n$nav-tabs-justified-active-link-border-color: $body-bg !default;\n\n//== Pills\n$nav-pills-border-radius: $border-radius-base !default;\n$nav-pills-active-link-hover-bg: $component-active-bg !default;\n$nav-pills-active-link-hover-color: $component-active-color !default;\n\n\n//== Pagination\n//\n//##\n\n$pagination-color: $link-color !default;\n$pagination-bg: #fff !default;\n$pagination-border: #ddd !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-lighter !default;\n$pagination-hover-border: #ddd !default;\n\n$pagination-active-color: #fff !default;\n$pagination-active-bg: $brand-primary !default;\n$pagination-active-border: $brand-primary !default;\n\n$pagination-disabled-color: $gray-light !default;\n$pagination-disabled-bg: #fff !default;\n$pagination-disabled-border: #ddd !default;\n\n\n//== Pager\n//\n//##\n\n$pager-bg: $pagination-bg !default;\n$pager-border: $pagination-border !default;\n$pager-border-radius: 15px !default;\n\n$pager-hover-bg: $pagination-hover-bg !default;\n\n$pager-active-bg: $pagination-active-bg !default;\n$pager-active-color: $pagination-active-color !default;\n\n$pager-disabled-color: $pagination-disabled-color !default;\n\n\n//== Jumbotron\n//\n//##\n\n$jumbotron-padding: 30px !default;\n$jumbotron-color: inherit !default;\n$jumbotron-bg: $gray-lighter !default;\n$jumbotron-heading-color: inherit !default;\n$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;\n$jumbotron-heading-font-size: ceil(($font-size-base * 4.5)) !default;\n\n\n//== Form states and alerts\n//\n//## Define colors for form feedback states and, by default, alerts.\n\n$state-success-text: #3c763d !default;\n$state-success-bg: #dff0d8 !default;\n$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;\n\n$state-info-text: #31708f !default;\n$state-info-bg: #d9edf7 !default;\n$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;\n\n$state-warning-text: #8a6d3b !default;\n$state-warning-bg: #fcf8e3 !default;\n$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;\n\n$state-danger-text: #a94442 !default;\n$state-danger-bg: #f2dede !default;\n$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;\n\n\n//== Tooltips\n//\n//##\n\n//** Tooltip max width\n$tooltip-max-width: 200px !default;\n//** Tooltip text color\n$tooltip-color: #fff !default;\n//** Tooltip background color\n$tooltip-bg: #000 !default;\n$tooltip-opacity: .9 !default;\n\n//** Tooltip arrow width\n$tooltip-arrow-width: 5px !default;\n//** Tooltip arrow color\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n//== Popovers\n//\n//##\n\n//** Popover body background color\n$popover-bg: #fff !default;\n//** Popover maximum width\n$popover-max-width: 276px !default;\n//** Popover border color\n$popover-border-color: rgba(0, 0, 0, .2) !default;\n//** Popover fallback border color\n$popover-fallback-border-color: #ccc !default;\n\n//** Popover title background color\n$popover-title-bg: darken($popover-bg, 3%) !default;\n\n//** Popover arrow width\n$popover-arrow-width: 10px !default;\n//** Popover arrow color\n$popover-arrow-color: $popover-bg !default;\n\n//** Popover outer arrow width\n$popover-arrow-outer-width: ($popover-arrow-width + 1) !default;\n//** Popover outer arrow color\n$popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default;\n//** Popover outer arrow fallback color\n$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;\n\n\n//== Labels\n//\n//##\n\n//** Default label background color\n$label-default-bg: $gray-light !default;\n//** Primary label background color\n$label-primary-bg: $brand-primary !default;\n//** Success label background color\n$label-success-bg: $brand-success !default;\n//** Info label background color\n$label-info-bg: $brand-info !default;\n//** Warning label background color\n$label-warning-bg: $brand-warning !default;\n//** Danger label background color\n$label-danger-bg: $brand-danger !default;\n\n//** Default label text color\n$label-color: #fff !default;\n//** Default text color of a linked label\n$label-link-hover-color: #fff !default;\n\n\n//== Modals\n//\n//##\n\n//** Padding applied to the modal body\n$modal-inner-padding: 15px !default;\n\n//** Padding applied to the modal title\n$modal-title-padding: 15px !default;\n//** Modal title line-height\n$modal-title-line-height: $line-height-base !default;\n\n//** Background color of modal content area\n$modal-content-bg: #fff !default;\n//** Modal content border color\n$modal-content-border-color: rgba(0, 0, 0, .2) !default;\n//** Modal content border color **for IE8**\n$modal-content-fallback-border-color: #999 !default;\n\n//** Modal backdrop background color\n$modal-backdrop-bg: #000 !default;\n//** Modal backdrop opacity\n$modal-backdrop-opacity: .5 !default;\n//** Modal header border color\n$modal-header-border-color: #e5e5e5 !default;\n//** Modal footer border color\n$modal-footer-border-color: $modal-header-border-color !default;\n\n$modal-lg: 900px !default;\n$modal-md: 600px !default;\n$modal-sm: 300px !default;\n\n\n//== Alerts\n//\n//## Define alert colors, border radius, and padding.\n\n$alert-padding: 15px !default;\n$alert-border-radius: $border-radius-base !default;\n$alert-link-font-weight: bold !default;\n\n$alert-success-bg: $state-success-bg !default;\n$alert-success-text: $state-success-text !default;\n$alert-success-border: $state-success-border !default;\n\n$alert-info-bg: $state-info-bg !default;\n$alert-info-text: $state-info-text !default;\n$alert-info-border: $state-info-border !default;\n\n$alert-warning-bg: $state-warning-bg !default;\n$alert-warning-text: $state-warning-text !default;\n$alert-warning-border: $state-warning-border !default;\n\n$alert-danger-bg: $state-danger-bg !default;\n$alert-danger-text: $state-danger-text !default;\n$alert-danger-border: $state-danger-border !default;\n\n\n//== Progress bars\n//\n//##\n\n//** Background color of the whole progress component\n$progress-bg: #f5f5f5 !default;\n//** Progress bar text color\n$progress-bar-color: #fff !default;\n//** Variable for setting rounded corners on progress bar.\n$progress-border-radius: $border-radius-base !default;\n\n//** Default progress bar color\n$progress-bar-bg: $brand-primary !default;\n//** Success progress bar color\n$progress-bar-success-bg: $brand-success !default;\n//** Warning progress bar color\n$progress-bar-warning-bg: $brand-warning !default;\n//** Danger progress bar color\n$progress-bar-danger-bg: $brand-danger !default;\n//** Info progress bar color\n$progress-bar-info-bg: $brand-info !default;\n\n\n//== List group\n//\n//##\n\n//** Background color on `.list-group-item`\n$list-group-bg: #fff !default;\n//** `.list-group-item` border color\n$list-group-border: #ddd !default;\n//** List group border radius\n$list-group-border-radius: $border-radius-base !default;\n\n//** Background color of single list items on hover\n$list-group-hover-bg: #f5f5f5 !default;\n//** Text color of active list items\n$list-group-active-color: $component-active-color !default;\n//** Background color of active list items\n$list-group-active-bg: $component-active-bg !default;\n//** Border color of active list elements\n$list-group-active-border: $list-group-active-bg !default;\n//** Text color for content within active list items\n$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;\n\n//** Text color of disabled list items\n$list-group-disabled-color: $gray-light !default;\n//** Background color of disabled list items\n$list-group-disabled-bg: $gray-lighter !default;\n//** Text color for content within disabled list items\n$list-group-disabled-text-color: $list-group-disabled-color !default;\n\n$list-group-link-color: #555 !default;\n$list-group-link-hover-color: $list-group-link-color !default;\n$list-group-link-heading-color: #333 !default;\n\n\n//== Panels\n//\n//##\n\n$panel-bg: #fff !default;\n$panel-body-padding: 15px !default;\n$panel-heading-padding: 10px 15px !default;\n$panel-footer-padding: $panel-heading-padding !default;\n$panel-border-radius: $border-radius-base !default;\n\n//** Border color for elements within panels\n$panel-inner-border: #ddd !default;\n$panel-footer-bg: #f5f5f5 !default;\n\n$panel-default-text: $gray-dark !default;\n$panel-default-border: #ddd !default;\n$panel-default-heading-bg: #f5f5f5 !default;\n\n$panel-primary-text: #fff !default;\n$panel-primary-border: $brand-primary !default;\n$panel-primary-heading-bg: $brand-primary !default;\n\n$panel-success-text: $state-success-text !default;\n$panel-success-border: $state-success-border !default;\n$panel-success-heading-bg: $state-success-bg !default;\n\n$panel-info-text: $state-info-text !default;\n$panel-info-border: $state-info-border !default;\n$panel-info-heading-bg: $state-info-bg !default;\n\n$panel-warning-text: $state-warning-text !default;\n$panel-warning-border: $state-warning-border !default;\n$panel-warning-heading-bg: $state-warning-bg !default;\n\n$panel-danger-text: $state-danger-text !default;\n$panel-danger-border: $state-danger-border !default;\n$panel-danger-heading-bg: $state-danger-bg !default;\n\n\n//== Thumbnails\n//\n//##\n\n//** Padding around the thumbnail image\n$thumbnail-padding: 4px !default;\n//** Thumbnail background color\n$thumbnail-bg: $body-bg !default;\n//** Thumbnail border color\n$thumbnail-border: #ddd !default;\n//** Thumbnail border radius\n$thumbnail-border-radius: $border-radius-base !default;\n\n//** Custom text color for thumbnail captions\n$thumbnail-caption-color: $text-color !default;\n//** Padding around the thumbnail caption\n$thumbnail-caption-padding: 9px !default;\n\n\n//== Wells\n//\n//##\n\n$well-bg: #f5f5f5 !default;\n$well-border: darken($well-bg, 7%) !default;\n\n\n//== Badges\n//\n//##\n\n$badge-color: #fff !default;\n//** Linked badge text color on hover\n$badge-link-hover-color: #fff !default;\n$badge-bg: $gray-light !default;\n\n//** Badge text color in active nav link\n$badge-active-color: $link-color !default;\n//** Badge background color in active nav link\n$badge-active-bg: #fff !default;\n\n$badge-font-weight: bold !default;\n$badge-line-height: 1 !default;\n$badge-border-radius: 10px !default;\n\n\n//== Breadcrumbs\n//\n//##\n\n$breadcrumb-padding-vertical: 8px !default;\n$breadcrumb-padding-horizontal: 15px !default;\n//** Breadcrumb background color\n$breadcrumb-bg: #f5f5f5 !default;\n//** Breadcrumb text color\n$breadcrumb-color: #ccc !default;\n//** Text color of current page in the breadcrumb\n$breadcrumb-active-color: $gray-light !default;\n//** Textual separator for between breadcrumb elements\n$breadcrumb-separator: \"/\" !default;\n\n\n//== Carousel\n//\n//##\n\n$carousel-text-shadow: 0 1px 2px rgba(0, 0, 0, .6) !default;\n\n$carousel-control-color: #fff !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-font-size: 20px !default;\n\n$carousel-indicator-active-bg: #fff !default;\n$carousel-indicator-border-color: #fff !default;\n\n$carousel-caption-color: #fff !default;\n\n\n//== Close\n//\n//##\n\n$close-font-weight: bold !default;\n$close-color: #000 !default;\n$close-text-shadow: 0 1px 0 #fff !default;\n\n\n//== Code\n//\n//##\n\n$code-color: #c7254e !default;\n$code-bg: #f9f2f4 !default;\n\n$kbd-color: #fff !default;\n$kbd-bg: #333 !default;\n\n$pre-bg: #f5f5f5 !default;\n$pre-color: $gray-dark !default;\n$pre-border-color: #ccc !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n//== Type\n//\n//##\n\n//** Horizontal offset for forms and lists.\n$component-offset-horizontal: 180px !default;\n//** Text muted color\n$text-muted: $gray-light !default;\n//** Abbreviations and acronyms border color\n$abbr-border-color: $gray-light !default;\n//** Headings small color\n$headings-small-color: $gray-light !default;\n//** Blockquote small color\n$blockquote-small-color: $gray-light !default;\n//** Blockquote font size\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n//** Blockquote border color\n$blockquote-border-color: $gray-lighter !default;\n//** Page header border color\n$page-header-border-color: $gray-lighter !default;\n//** Width of horizontal description list titles\n$dl-horizontal-offset: $component-offset-horizontal !default;\n//** Point at which .dl-horizontal becomes horizontal\n$dl-horizontal-breakpoint: $grid-float-breakpoint !default;\n//** Horizontal line color.\n$hr-border: $gray-lighter !default;\n","// WebKit-style focus\n\n@mixin tab-focus() {\n // WebKit-specific. Other browsers will keep their default outline style.\n // (Initially tried to also force default via `outline: initial`,\n // but that seems to erroneously remove the outline in Firefox altogether.)\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n","// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n@mixin img-responsive($display: block) {\n display: $display;\n max-width: 100%; // Part 1: Set a maximum relative to the parent\n height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size. Note that the\n// spelling of `min--moz-device-pixel-ratio` is intentional.\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path(\"#{$file-1x}\"), \"#{$file-1x}\"));\n\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and ( min--moz-device-pixel-ratio: 2),\n only screen and ( -o-min-device-pixel-ratio: 2/1),\n only screen and ( min-device-pixel-ratio: 2),\n only screen and ( min-resolution: 192dpi),\n only screen and ( min-resolution: 2dppx) {\n background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path(\"#{$file-2x}\"), \"#{$file-2x}\"));\n background-size: $width-1x $height-1x;\n }\n}\n","@use \"sass:math\";\n//\n// Typography\n// --------------------------------------------------\n\n\n// Headings\n// -------------------------\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n font-family: $headings-font-family;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n\n small,\n .small {\n font-weight: 400;\n line-height: 1;\n color: $headings-small-color;\n }\n}\n\nh1, .h1,\nh2, .h2,\nh3, .h3 {\n margin-top: $line-height-computed;\n margin-bottom: math.div($line-height-computed, 2);\n\n small,\n .small {\n font-size: 65%;\n }\n}\nh4, .h4,\nh5, .h5,\nh6, .h6 {\n margin-top: math.div($line-height-computed, 2);\n margin-bottom: math.div($line-height-computed, 2);\n\n small,\n .small {\n font-size: 75%;\n }\n}\n\nh1, .h1 { font-size: $font-size-h1; }\nh2, .h2 { font-size: $font-size-h2; }\nh3, .h3 { font-size: $font-size-h3; }\nh4, .h4 { font-size: $font-size-h4; }\nh5, .h5 { font-size: $font-size-h5; }\nh6, .h6 { font-size: $font-size-h6; }\n\n\n// Body text\n// -------------------------\n\np {\n margin: 0 0 math.div($line-height-computed, 2);\n}\n\n.lead {\n margin-bottom: $line-height-computed;\n font-size: floor(($font-size-base * 1.15));\n font-weight: 300;\n line-height: 1.4;\n\n @media (min-width: $screen-sm-min) {\n font-size: ($font-size-base * 1.5);\n }\n}\n\n\n// Emphasis & misc\n// -------------------------\n\n// Ex: math.div(12px small font, 14px base font) * 100% = about 85%\nsmall,\n.small {\n font-size: floor(math.div(100% * $font-size-small, $font-size-base));\n}\n\nmark,\n.mark {\n padding: .2em;\n background-color: $state-warning-bg;\n}\n\n// Alignment\n.text-left { text-align: left; }\n.text-right { text-align: right; }\n.text-center { text-align: center; }\n.text-justify { text-align: justify; }\n.text-nowrap { white-space: nowrap; }\n\n// Transformation\n.text-lowercase { text-transform: lowercase; }\n.text-uppercase { text-transform: uppercase; }\n.text-capitalize { text-transform: capitalize; }\n\n// Contextual colors\n.text-muted {\n color: $text-muted;\n}\n\n@include text-emphasis-variant('.text-primary', $brand-primary);\n\n@include text-emphasis-variant('.text-success', $state-success-text);\n\n@include text-emphasis-variant('.text-info', $state-info-text);\n\n@include text-emphasis-variant('.text-warning', $state-warning-text);\n\n@include text-emphasis-variant('.text-danger', $state-danger-text);\n\n// Contextual backgrounds\n// For now we'll leave these alongside the text classes until v4 when we can\n// safely shift things around (per SemVer rules).\n.bg-primary {\n // Given the contrast here, this is the only class to have its color inverted\n // automatically.\n color: #fff;\n}\n@include bg-variant('.bg-primary', $brand-primary);\n\n@include bg-variant('.bg-success', $state-success-bg);\n\n@include bg-variant('.bg-info', $state-info-bg);\n\n@include bg-variant('.bg-warning', $state-warning-bg);\n\n@include bg-variant('.bg-danger', $state-danger-bg);\n\n\n// Page header\n// -------------------------\n\n.page-header {\n padding-bottom: (math.div($line-height-computed, 2) - 1);\n margin: ($line-height-computed * 2) 0 $line-height-computed;\n border-bottom: 1px solid $page-header-border-color;\n}\n\n\n// Lists\n// -------------------------\n\n// Unordered and Ordered lists\nul,\nol {\n margin-top: 0;\n margin-bottom: math.div($line-height-computed, 2);\n ul,\n ol {\n margin-bottom: 0;\n }\n}\n\n// List options\n\n// [converter] extracted from `.list-unstyled` for libsass compatibility\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n// [converter] extracted as `@mixin list-unstyled` for libsass compatibility\n.list-unstyled {\n @include list-unstyled;\n}\n\n\n// Inline turns list items into inline-block\n.list-inline {\n @include list-unstyled;\n margin-left: -5px;\n\n > li {\n display: inline-block;\n padding-right: 5px;\n padding-left: 5px;\n }\n}\n\n// Description Lists\ndl {\n margin-top: 0; // Remove browser default\n margin-bottom: $line-height-computed;\n}\ndt,\ndd {\n line-height: $line-height-base;\n}\ndt {\n font-weight: 700;\n}\ndd {\n margin-left: 0; // Undo browser default\n}\n\n// Horizontal description lists\n//\n// Defaults to being stacked without any of the below styles applied, until the\n// grid breakpoint is reached (default of ~768px).\n\n.dl-horizontal {\n dd {\n @include clearfix; // Clear the floated `dt` if an empty `dd` is present\n }\n\n @media (min-width: $dl-horizontal-breakpoint) {\n dt {\n float: left;\n width: ($dl-horizontal-offset - 20);\n clear: left;\n text-align: right;\n @include text-overflow;\n }\n dd {\n margin-left: $dl-horizontal-offset;\n }\n }\n}\n\n\n// Misc\n// -------------------------\n\n// Abbreviations and acronyms\n// Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n}\n\n.initialism {\n font-size: 90%;\n @extend .text-uppercase;\n}\n\n// Blockquotes\nblockquote {\n padding: math.div($line-height-computed, 2) $line-height-computed;\n margin: 0 0 $line-height-computed;\n font-size: $blockquote-font-size;\n border-left: 5px solid $blockquote-border-color;\n\n p,\n ul,\n ol {\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n // Note: Deprecated small and .small as of v3.1.0\n // Context: https://github.com/twbs/bootstrap/issues/11660\n footer,\n small,\n .small {\n display: block;\n font-size: 80%; // back to default font-size\n line-height: $line-height-base;\n color: $blockquote-small-color;\n\n &:before {\n content: \"\\2014 \\00A0\"; // em dash, nbsp\n }\n }\n}\n\n// Opposite alignment of blockquote\n//\n// Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.\n.blockquote-reverse,\nblockquote.pull-right {\n padding-right: 15px;\n padding-left: 0;\n text-align: right;\n border-right: 5px solid $blockquote-border-color;\n border-left: 0;\n\n // Account for citation\n footer,\n small,\n .small {\n &:before { content: \"\"; }\n &:after {\n content: \"\\00A0 \\2014\"; // nbsp, em dash\n }\n }\n}\n\n// Addresses\naddress {\n margin-bottom: $line-height-computed;\n font-style: normal;\n line-height: $line-height-base;\n}\n","// Typography\n\n// [converter] $parent hack\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color;\n }\n a#{$parent}:hover,\n a#{$parent}:focus {\n color: darken($color, 10%);\n }\n}\n","// Contextual backgrounds\n\n// [converter] $parent hack\n@mixin bg-variant($parent, $color) {\n #{$parent} {\n background-color: $color;\n }\n a#{$parent}:hover,\n a#{$parent}:focus {\n background-color: darken($color, 10%);\n }\n}\n","// Clearfix\n//\n// For modern browsers\n// 1. The space content is one way to avoid an Opera bug when the\n// contenteditable attribute is included anywhere else in the document.\n// Otherwise it causes space to appear at the top and bottom of elements\n// that are clearfixed.\n// 2. The use of `table` rather than `block` is only necessary if using\n// `:before` to contain the top-margins of child elements.\n//\n// Source: http://nicolasgallagher.com/micro-clearfix-hack/\n\n@mixin clearfix() {\n &:before,\n &:after {\n display: table; // 2\n content: \" \"; // 1\n }\n &:after {\n clear: both;\n }\n}\n","// Text overflow\n// Requires inline-block or block for proper styling\n\n@mixin text-overflow() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","@use \"sass:math\";\n//\n// Code (inline and block)\n// --------------------------------------------------\n\n\n// Inline and block code styles\ncode,\nkbd,\npre,\nsamp {\n font-family: $font-family-monospace;\n}\n\n// Inline code\ncode {\n padding: 2px 4px;\n font-size: 90%;\n color: $code-color;\n background-color: $code-bg;\n border-radius: $border-radius-base;\n}\n\n// User input typically entered via keyboard\nkbd {\n padding: 2px 4px;\n font-size: 90%;\n color: $kbd-color;\n background-color: $kbd-bg;\n border-radius: $border-radius-small;\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);\n\n kbd {\n padding: 0;\n font-size: 100%;\n font-weight: 700;\n box-shadow: none;\n }\n}\n\n// Blocks of code\npre {\n display: block;\n padding: math.div(($line-height-computed - 1), 2);\n margin: 0 0 math.div($line-height-computed, 2);\n font-size: ($font-size-base - 1); // 14px to 13px\n line-height: $line-height-base;\n color: $pre-color;\n word-break: break-all;\n word-wrap: break-word;\n background-color: $pre-bg;\n border: 1px solid $pre-border-color;\n border-radius: $border-radius-base;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n white-space: pre-wrap;\n background-color: transparent;\n border-radius: 0;\n }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n max-height: $pre-scrollable-max-height;\n overflow-y: scroll;\n}\n","$black: #750141;\r\n$gray900: #9e1661;\r\n$gray850: #b5196f;\r\n$gray800: #b5196f;\r\n$gray750: #cb1c7c;\r\n$gray700: #cb1c7c;\r\n$gray600: #e0218a;\r\n$gray500: #e33796;\r\n$gray400: #e64ea2;\r\n$gray300: #e964ad;\r\n$gray200: #ed70b5;\r\n$gray150: #e987bd;\r\n$gray100: #eea5cd;\r\n$gray50: #f0b7d6;\r\n$white: #fde8f4;\r\n\r\n$darkblue: #810047;\r\n\r\n$blue900: #9e1661;\r\n$blue800: #b5196f;\r\n$blue700: #cb1c7c;\r\n$blue600: #e0218a;\r\n$blue500: #e33796;\r\n$blue400: #e64ea2;\r\n$blue300: #e964ad;\r\n$blue200: #ed70b5;\r\n$blue100: #eea5cd;\r\n\r\n$green900: #9e1661;\r\n$green800: #b5196f;\r\n$green700: #cb1c7c;\r\n$green600: #e0218a;\r\n$green500: #e33796;\r\n$green400: #e64ea2;\r\n$green300: #e964ad;\r\n$green200: #ed70b5;\r\n$green100: #eea5cd;\r\n\r\n$orange900: #9e1661;\r\n$orange800: #b5196f;\r\n$orange700: #cb1c7c;\r\n$orange600: #e0218a;\r\n$orange500: #e33796;\r\n$orange400: #e64ea2;\r\n$orange300: #e964ad;\r\n$orange200: #ed70b5;\r\n$orange100: #eea5cd;\r\n\r\n$red900: #9e1661;\r\n$red800: #b5196f;\r\n$red700: #cb1c7c;\r\n$red600: #e0218a;\r\n$red500: #e33796;\r\n$red400: #e64ea2;\r\n$red300: #e964ad;\r\n$red200: #ed70b5;\r\n$red100: #eea5cd;\r\n\r\n$purple900: #9e1661;\r\n$purple800: #b5196f;\r\n$purple600: #e0218a;\r\n$purple500: #e33796;\r\n\r\n$violet600: #e0218a;\r\n$violet500: #e33796;\r\n$violet300: #e964ad;\r\n$violet100: #eea5cd;\r\n\r\n$peach600: #e0218a;\r\n$peach500: #e33796;\r\n$peach300: #e964ad;\r\n$peach100: #eea5cd;\r\n\r\n$yellow600: #e0218a;\r\n$yellow200: #e33796;\r\n\r\n$box-shadow-ui: 0px 9px 24px 0px rgba(110, 20, 110, 0.12);\r\n$box-shadow-container: 0px 6px 10px 0px rgba(7, 29, 73, 0.13);\r\n\r\n$lc-barbie-theme: (\r\n \"lc-default-text-color\": $gray850,\r\n //main font color\r\n \"lc-complementary-text-color\": $white,\r\n //font color opposite to the main font color\r\n \"lc-default-bg-color\": $white,\r\n //main background color\r\n \"lc-complementary-bg-color\": $gray850,\r\n //opposite background color to the main background color\r\n \"lc-required-color\": $red700,\r\n //color of asterisk (required indicator)\r\n \"lc-muted-text-color\": $gray800,\r\n //color for additional text (usually greish and italic)\r\n \"lc-heading-text-color\": $gray850,\r\n //h1 font color\r\n \"lc-default-placeholder-text-color\": $gray400,\r\n //text color for placeholder\r\n \"lc-default-link-color\": $blue700,\r\n //color of links\r\n \"lc-container-box-shadow\": $box-shadow-container,\r\n //box shadow under containers\r\n \"lc-ui-element-box-shadow\": $box-shadow-ui,\r\n //box shadow under popovers, dropdowns, etc.: 0px 9px 24px 0px rgba(20, 75, 110, 0.12)\r\n \"lc-brand-color\": $darkblue,\r\n //additional color, not primary, for brand's elements\r\n \"lc-brand-subtle-color\": $white,\r\n //light color for brand's elements\r\n \"lc-brand-emphasis-color\": $darkblue,\r\n //dark color for brand's elements\r\n /*Primary set of colors*/ \"lc-primary-color\": $blue700,\r\n \"lc-secondary-color\": $gray150,\r\n \"lc-success-color\": $green700,\r\n \"lc-info-color\": $blue700,\r\n \"lc-warning-color\": $orange600,\r\n \"lc-danger-color\": $red700,\r\n \"lc-light-color\": $gray50,\r\n \"lc-dark-color\": $gray850,\r\n \"lc-caution-color\": $yellow600,\r\n\r\n /*Darker set of colors*/ \"lc-primary-emphasis-color\": $blue800,\r\n \"lc-secondary-emphasis-color\": $gray800,\r\n \"lc-success-emphasis-color\": $green800,\r\n \"lc-info-emphasis-color\": $blue800,\r\n \"lc-warning-emphasis-color\": $orange600,\r\n \"lc-danger-emphasis-color\": $red900,\r\n \"lc-dark-emphasis-color\": $gray900,\r\n \"lc-caution-emphasis-color\": $yellow600,\r\n\r\n /*Lighter set of colors*/ \"lc-primary-subtle-color\": $blue200,\r\n \"lc-secondary-subtle-color\": $gray100,\r\n \"lc-success-subtle-color\": $green200,\r\n \"lc-info-subtle-color\": $blue200,\r\n \"lc-warning-subtle-color\": $orange200,\r\n \"lc-danger-subtle-color\": $red200,\r\n \"lc-dark-subtle-color\": $gray600,\r\n \"lc-caution-subtle-color\": $yellow200,\r\n\r\n /*Statuses*/ \"lc-status-success-color\": $green500,\r\n //success or OK statuses (not for alerts or button)\r\n \"lc-status-info-color\": $blue400,\r\n //info or in progress statuses (not for alerts or button)\r\n \"lc-status-warning-color\": $orange400,\r\n //warning statuses (not for alerts or button)\r\n \"lc-status-danger-color\": $red400,\r\n //error statuses (not for alerts or button)\r\n \"lc-status-secondary-color\": $gray300,\r\n //additional statuses (not for alerts or button)\r\n \"lc-status-caution-color\": $yellow600,\r\n //additional statuses (not for alerts or button)\r\n /*Errors*/ \"lc-error-form-bg-color\": $white,\r\n //background color for invalid input\r\n \"lc-error-form-border-color\": $red700,\r\n //border color for invalid input\r\n \"lc-error-form-message-bg-color\": $red700,\r\n //background color for error message displayed under input\r\n \"lc-error-form-message-text-color\": $white,\r\n //font color for error message displayed under input\r\n \"lc-error-form-message-border-color\": $red700,\r\n //border color for error message displayed under input\r\n \"lc-info-validation-form-bg-color\": $white,\r\n //background color for info input\r\n \"lc-info-validation-form-border-color\": $blue700,\r\n //border color for info input\r\n \"lc-info-validation-form-message-bg-color\": $blue700,\r\n //background color for info message displayed under input\r\n \"lc-info-validation-form-message-text-color\": $white,\r\n //font color for info message displayed under input\r\n \"lc-info-validation-form-message-border-color\": $blue700,\r\n //border color for info message displayed under input\r\n /*Hovers*/ \"lc-hover-border-color\": $blue700,\r\n //border color on hover for non-form elements like cards\r\n \"lc-hover-form-border-color\": $blue700,\r\n //border color on hover for form elements like inputs, selects\r\n \"lc-hover-bg-color\": $blue100,\r\n //background color on hover for non form elements like cards, icons\r\n \"lc-hover-bg-secondary-color\": $blue700,\r\n //additional background color on hover for non-form elements like icons\r\n \"lc-hover-form-bg-color\": $gray100,\r\n //background color on hover for form elements\r\n \"lc-hover-table-head-bg-color\": $gray100,\r\n //background color on hover for table head row/cell\r\n \"lc-hover-table-row-bg-color\": $gray100,\r\n //background color on hover for table body row/cell\r\n \"lc-hover-table-row-border-color\": $gray100,\r\n //border color on hover for table body row/cell\r\n \"lc-hover-link-color\": $blue800,\r\n //link color on hover\r\n \"lc-hover-text-color\": $gray850,\r\n //text color, not link, inside hovered elements\r\n /*Active*/ \"lc-active-border-color\": $blue700,\r\n //active state border color for elements\r\n \"lc-active-bg-color\": $blue100,\r\n //active state background color for elements\r\n \"lc-active-bg-secondary-color\": $blue700,\r\n //active state additional background color for elements\r\n \"lc-active-menu-icon-bg-color\": $gray100,\r\n //active state background color for user icons or menu icons\r\n \"lc-active-text-color\": $gray850,\r\n //active state text color for elements placed on active background\r\n /*Focus*/ \"lc-focus-border-color\": $blue800,\r\n //border color on focus for non-form elements\r\n \"lc-focus-bg-color\": $white,\r\n //background color on focus for non-form elements\r\n \"lc-focus-form-border-color\": $blue700,\r\n //border color on focus for form elements like inputs, selects\r\n \"lc-focus-outline-color\": rgba(24, 97, 242, 0.2),\r\n //outline color for focused elements\r\n /*Disabled*/ \"lc-disabled-border-color\": $gray200,\r\n //border color for disabled non form elements\r\n \"lc-disabled-bg-color\": $gray200,\r\n //background color for disabled non form elements\r\n \"lc-disabled-link-color\": $gray200,\r\n //font color for disabled links\r\n \"lc-disabled-text-color\": $gray200,\r\n //font color for disabled text element inside hovered elements\r\n \"lc-disabled-form-border-color\": $gray200,\r\n //border color for disabled form elements like inputs\r\n \"lc-disabled-form-bg-color\": $white,\r\n //background color for disabled form elements like inputs\r\n \"lc-disabled-form-bg-secondary-color\": $gray50,\r\n //background color for disabled checkboxes and radiobuttons\r\n \"lc-disabled-form-text-color\": $gray200,\r\n //text color for disabled form elements like inputs, labels\r\n /*Borders*/ \"lc-default-border-color\": $gray150,\r\n //border color for non form elements like filters\r\n \"lc-default-form-border-color\": $gray600,\r\n //border color for form element like inputs\r\n \"lc-default-table-header-border-color\": $gray200,\r\n //border color only for table header\r\n \"lc-default-table-body-border-color\": $gray150,\r\n //border color only for table body\r\n \"lc-default-border-divider-color\": $gray150,\r\n //border color to separate view with horizontal or vertical lines, e.g hr\r\n /*Backgrounds*/ \"lc-default-table-header-bg-color\": $gray150,\r\n //background color for table header\r\n \"lc-default-table-row-bg-color\": $gray50,\r\n //background color for table body\r\n \"lc-default-panel-bg-color\": $gray50,\r\n //background color for user icons or menu icons\r\n \"lc-secondary-panel-bg-color\": $blue100,\r\n //background color for documents\r\n /*Buttons states*/ \"lc-active-btn-default-bg-color\": $gray300,\r\n \"lc-active-btn-default-border-color\": $gray300,\r\n \"lc-active-btn-info-bg-color\": $blue800,\r\n \"lc-active-btn-info-border-color\": $blue800,\r\n \"lc-active-btn-success-bg-color\": $green900,\r\n \"lc-active-btn-success-border-color\": $green900,\r\n \"lc-active-btn-danger-bg-color\": $red900,\r\n \"lc-active-btn-danger-border-color\": $red900,\r\n \"lc-active-btn-warning-bg-color\": $orange800,\r\n \"lc-active-btn-warning-border-color\": $orange800,\r\n\r\n \"lc-hover-btn-default-bg-color\": $gray200,\r\n \"lc-hover-btn-default-border-color\": $gray200,\r\n \"lc-hover-btn-info-bg-color\": $blue800,\r\n \"lc-hover-btn-info-border-color\": $blue800,\r\n \"lc-hover-btn-success-bg-color\": $green800,\r\n \"lc-hover-btn-success-border-color\": $green800,\r\n \"lc-hover-btn-danger-bg-color\": $red800,\r\n \"lc-hover-btn-danger-border-color\": $red800,\r\n \"lc-hover-btn-warning-bg-color\": $orange700,\r\n \"lc-hover-btn-warning-border-color\": $orange700,\r\n\r\n \"lc-disabled-btn-default-bg-color\": $gray150,\r\n \"lc-disabled-btn-default-border-color\": $gray150,\r\n \"lc-disabled-btn-info-bg-color\": $blue400,\r\n \"lc-disabled-btn-info-border-color\": $blue400,\r\n \"lc-disabled-btn-success-bg-color\": $green400,\r\n \"lc-disabled-btn-success-border-color\": $green400,\r\n \"lc-disabled-btn-danger-bg-color\": $red400,\r\n \"lc-disabled-btn-danger-border-color\": $red400,\r\n \"lc-disabled-btn-warning-bg-color\": $orange400,\r\n \"lc-disabled-btn-warning-border-color\": $orange400,\r\n\r\n /*Additional colors only for radios and checkboxes*/ \"lc-checked-form-bg-color\": $blue700,\r\n //background color for checked radio or checkbox\r\n \"lc-checked-form-border-color\": $blue700,\r\n //border color for checked radio or checkbox\r\n \"lc-disabled-checked-form-bg-color\": $gray200,\r\n //background color for disabled radio or checkbox\r\n \"lc-disabled-checked-form-border-color\": $gray200,\r\n //border color for disabled radio or checkbox\r\n /*Stack panel tiles*/ \"lc-dashboard-default-bg-color\": $gray100,\r\n \"lc-dashboard-info-bg-color\": $blue200,\r\n \"lc-dashboard-success-bg-color\": $green200,\r\n \"lc-dashboard-error-bg-color\": $red200,\r\n \"lc-dashboard-warning-bg-color\": $orange200,\r\n /*Heatmaps*/ \"lc-heatmap-1-extended-color\": $orange800,\r\n \"lc-heatmap-2-extended-color\": $orange700,\r\n \"lc-heatmap-3-extended-color\": $orange600,\r\n \"lc-heatmap-4-extended-color\": $orange500,\r\n \"lc-heatmap-5-extended-color\": $orange400,\r\n \"lc-heatmap-6-extended-color\": $orange300,\r\n \"lc-heatmap-7-extended-color\": $orange200,\r\n /*Extended palette for data visualization*/ \"lc-data-visualization-1-extended-color\": #e8bbea,\r\n \"lc-data-visualization-2-extended-color\": #eabbdc,\r\n \"lc-data-visualization-3-extended-color\": #eabbde,\r\n \"lc-data-visualization-4-extended-color\": #dfcdd9,\r\n \"lc-data-visualization-5-extended-color\": #eabbe1,\r\n \"lc-data-visualization-6-extended-color\": #e6b8d7,\r\n \"lc-data-visualization-7-extended-color\": #eabbe0,\r\n \"lc-data-visualization-8-extended-color\": #cfb2c6,\r\n \"lc-data-visualization-9-extended-color\": #f6b8e9,\r\n \"lc-data-visualization-10-extended-color\": #eabbe5,\r\n \"lc-data-visualization-11-extended-color\": #d0c0cc\r\n);\r\n","//\n// Grid system\n// --------------------------------------------------\n\n\n// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n.container {\n @include container-fixed;\n\n @media (min-width: $screen-sm-min) {\n width: $container-sm;\n }\n @media (min-width: $screen-md-min) {\n width: $container-md;\n }\n @media (min-width: $screen-lg-min) {\n width: $container-lg;\n }\n}\n\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but without any defined\n// width for fluid, full width layouts.\n\n.container-fluid {\n @include container-fixed;\n}\n\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n.row {\n @include make-row;\n}\n\n.row-no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@include make-grid-columns;\n\n\n// Extra small grid\n//\n// Columns, offsets, pushes, and pulls for extra small devices like\n// smartphones.\n\n@include make-grid(xs);\n\n\n// Small grid\n//\n// Columns, offsets, pushes, and pulls for the small device range, from phones\n// to tablets.\n\n@media (min-width: $screen-sm-min) {\n @include make-grid(sm);\n}\n\n\n// Medium grid\n//\n// Columns, offsets, pushes, and pulls for the desktop device range.\n\n@media (min-width: $screen-md-min) {\n @include make-grid(md);\n}\n\n\n// Large grid\n//\n// Columns, offsets, pushes, and pulls for the large desktop device range.\n\n@media (min-width: $screen-lg-min) {\n @include make-grid(lg);\n}\n","@use \"sass:math\";\n// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n// Centered container element\n@mixin container-fixed($gutter: $grid-gutter-width) {\n padding-right: ceil(math.div($gutter, 2));\n padding-left: floor(math.div($gutter, 2));\n margin-right: auto;\n margin-left: auto;\n @include clearfix;\n}\n\n// Creates a wrapper for a series of columns\n@mixin make-row($gutter: $grid-gutter-width) {\n margin-right: floor(math.div($gutter, -2));\n margin-left: ceil(math.div($gutter, -2));\n @include clearfix;\n}\n\n// Generate the extra small columns\n@mixin make-xs-column($columns, $gutter: $grid-gutter-width) {\n position: relative;\n float: left;\n width: percentage(math.div($columns, $grid-columns));\n min-height: 1px;\n padding-right: math.div($gutter, 2);\n padding-left: math.div($gutter, 2);\n}\n@mixin make-xs-column-offset($columns) {\n margin-left: percentage(math.div($columns, $grid-columns));\n}\n@mixin make-xs-column-push($columns) {\n left: percentage(math.div($columns, $grid-columns));\n}\n@mixin make-xs-column-pull($columns) {\n right: percentage(math.div($columns, $grid-columns));\n}\n\n// Generate the small columns\n@mixin make-sm-column($columns, $gutter: $grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-right: math.div($gutter, 2);\n padding-left: math.div($gutter, 2);\n\n @media (min-width: $screen-sm-min) {\n float: left;\n width: percentage(math.div($columns, $grid-columns));\n }\n}\n@mixin make-sm-column-offset($columns) {\n @media (min-width: $screen-sm-min) {\n margin-left: percentage(math.div($columns, $grid-columns));\n }\n}\n@mixin make-sm-column-push($columns) {\n @media (min-width: $screen-sm-min) {\n left: percentage(math.div($columns, $grid-columns));\n }\n}\n@mixin make-sm-column-pull($columns) {\n @media (min-width: $screen-sm-min) {\n right: percentage(math.div($columns, $grid-columns));\n }\n}\n\n// Generate the medium columns\n@mixin make-md-column($columns, $gutter: $grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-right: math.div($gutter, 2);\n padding-left: math.div($gutter, 2);\n\n @media (min-width: $screen-md-min) {\n float: left;\n width: percentage(math.div($columns, $grid-columns));\n }\n}\n@mixin make-md-column-offset($columns) {\n @media (min-width: $screen-md-min) {\n margin-left: percentage(math.div($columns, $grid-columns));\n }\n}\n@mixin make-md-column-push($columns) {\n @media (min-width: $screen-md-min) {\n left: percentage(math.div($columns, $grid-columns));\n }\n}\n@mixin make-md-column-pull($columns) {\n @media (min-width: $screen-md-min) {\n right: percentage(math.div($columns, $grid-columns));\n }\n}\n\n// Generate the large columns\n@mixin make-lg-column($columns, $gutter: $grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-right: math.div($gutter, 2);\n padding-left: math.div($gutter, 2);\n\n @media (min-width: $screen-lg-min) {\n float: left;\n width: percentage(math.div($columns, $grid-columns));\n }\n}\n@mixin make-lg-column-offset($columns) {\n @media (min-width: $screen-lg-min) {\n margin-left: percentage(math.div($columns, $grid-columns));\n }\n}\n@mixin make-lg-column-push($columns) {\n @media (min-width: $screen-lg-min) {\n left: percentage(math.div($columns, $grid-columns));\n }\n}\n@mixin make-lg-column-pull($columns) {\n @media (min-width: $screen-lg-min) {\n right: percentage(math.div($columns, $grid-columns));\n }\n}\n","@use \"sass:math\";\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n// [converter] This is defined recursively in LESS, but Sass supports real loops\n@mixin make-grid-columns($i: 1, $list: \".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}\") {\n @for $i from (1 + 1) through $grid-columns {\n $list: \"#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}\";\n }\n #{$list} {\n position: relative;\n // Prevent columns from collapsing when empty\n min-height: 1px;\n // Inner gutter via padding\n padding-right: floor(math.div($grid-gutter-width, 2));\n padding-left: ceil(math.div($grid-gutter-width, 2));\n }\n}\n\n\n// [converter] This is defined recursively in LESS, but Sass supports real loops\n@mixin float-grid-columns($class, $i: 1, $list: \".col-#{$class}-#{$i}\") {\n @for $i from (1 + 1) through $grid-columns {\n $list: \"#{$list}, .col-#{$class}-#{$i}\";\n }\n #{$list} {\n float: left;\n }\n}\n\n\n@mixin calc-grid-column($index, $class, $type) {\n @if ($type == width) and ($index > 0) {\n .col-#{$class}-#{$index} {\n width: percentage(math.div($index, $grid-columns));\n }\n }\n @if ($type == push) and ($index > 0) {\n .col-#{$class}-push-#{$index} {\n left: percentage(math.div($index, $grid-columns));\n }\n }\n @if ($type == push) and ($index == 0) {\n .col-#{$class}-push-0 {\n left: auto;\n }\n }\n @if ($type == pull) and ($index > 0) {\n .col-#{$class}-pull-#{$index} {\n right: percentage(math.div($index, $grid-columns));\n }\n }\n @if ($type == pull) and ($index == 0) {\n .col-#{$class}-pull-0 {\n right: auto;\n }\n }\n @if ($type == offset) {\n .col-#{$class}-offset-#{$index} {\n margin-left: percentage(math.div($index, $grid-columns));\n }\n }\n}\n\n// [converter] This is defined recursively in LESS, but Sass supports real loops\n@mixin loop-grid-columns($columns, $class, $type) {\n @for $i from 0 through $columns {\n @include calc-grid-column($i, $class, $type);\n }\n}\n\n\n// Create grid for specific class\n@mixin make-grid($class) {\n @include float-grid-columns($class);\n @include loop-grid-columns($grid-columns, $class, width);\n @include loop-grid-columns($grid-columns, $class, pull);\n @include loop-grid-columns($grid-columns, $class, push);\n @include loop-grid-columns($grid-columns, $class, offset);\n}\n","//\n// Tables\n// --------------------------------------------------\n\n\ntable {\n background-color: $table-bg;\n\n // Table cell sizing\n //\n // Reset default table behavior\n\n col[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n display: table-column;\n float: none;\n }\n\n td,\n th {\n &[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n display: table-cell;\n float: none;\n }\n }\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $text-muted;\n text-align: left;\n}\n\nth {\n text-align: left;\n}\n\n\n// Baseline styles\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: $line-height-computed;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: $table-cell-padding;\n line-height: $line-height-base;\n vertical-align: top;\n border-top: 1px solid $table-border-color;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid $table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid $table-border-color;\n }\n\n // Nesting\n .table {\n background-color: $body-bg;\n }\n}\n\n\n// Condensed table w/ half padding\n\n.table-condensed {\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: $table-condensed-cell-padding;\n }\n }\n }\n}\n\n\n// Bordered version\n//\n// Add borders all around the table and between all the columns.\n\n.table-bordered {\n border: 1px solid $table-border-color;\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 1px solid $table-border-color;\n }\n }\n }\n > thead > tr {\n > th,\n > td {\n border-bottom-width: 2px;\n }\n }\n}\n\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n > tbody > tr:nth-of-type(odd) {\n background-color: $table-bg-accent;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n > tbody > tr:hover {\n background-color: $table-bg-hover;\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n// Generate the contextual variants\n@include table-row-variant('active', $table-bg-active);\n@include table-row-variant('success', $state-success-bg);\n@include table-row-variant('info', $state-info-bg);\n@include table-row-variant('warning', $state-warning-bg);\n@include table-row-variant('danger', $state-danger-bg);\n\n\n// Responsive tables\n//\n// Wrap your tables in `.table-responsive` and we'll make them mobile friendly\n// by enabling horizontal scrolling. Only applies <768px. Everything above that\n// will display normally.\n\n.table-responsive {\n min-height: .01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)\n overflow-x: auto;\n\n @media screen and (max-width: $screen-xs-max) {\n width: 100%;\n margin-bottom: ($line-height-computed * .75);\n overflow-y: hidden;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n border: 1px solid $table-border-color;\n\n // Tighten up spacing\n > .table {\n margin-bottom: 0;\n\n // Ensure the content doesn't wrap\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n white-space: nowrap;\n }\n }\n }\n }\n\n // Special overrides for the bordered tables\n > .table-bordered {\n border: 0;\n\n // Nuke the appropriate borders so that the parent can handle them\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th:first-child,\n > td:first-child {\n border-left: 0;\n }\n > th:last-child,\n > td:last-child {\n border-right: 0;\n }\n }\n }\n\n // Only nuke the last row's bottom-border in `tbody` and `tfoot` since\n // chances are there will be only one `tr` in a `thead` and that would\n // remove the border altogether.\n > tbody,\n > tfoot {\n > tr:last-child {\n > th,\n > td {\n border-bottom: 0;\n }\n }\n }\n\n }\n }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table > thead > tr,\n .table > tbody > tr,\n .table > tfoot > tr {\n > td.#{$state},\n > th.#{$state},\n &.#{$state} > td,\n &.#{$state} > th {\n background-color: $background;\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover > tbody > tr {\n > td.#{$state}:hover,\n > th.#{$state}:hover,\n &.#{$state}:hover > td,\n &:hover > .#{$state},\n &.#{$state}:hover > th {\n background-color: darken($background, 5%);\n }\n }\n}\n","@use \"sass:math\";\n//\n// Forms\n// --------------------------------------------------\n\n\n// Normalize non-controls\n//\n// Restyle and baseline non-control form elements.\n\nfieldset {\n // Chrome and Firefox set a `min-width: min-content;` on fieldsets,\n // so we reset that to ensure it behaves more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359.\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: $line-height-computed;\n font-size: ($font-size-base * 1.5);\n line-height: inherit;\n color: $legend-color;\n border: 0;\n border-bottom: 1px solid $legend-border-color;\n}\n\nlabel {\n display: inline-block;\n max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)\n margin-bottom: 5px;\n font-weight: 700;\n}\n\n\n// Normalize form controls\n//\n// While most of our form styles require extra classes, some basic normalization\n// is required to ensure optimum display with or without those classes to better\n// address browser inconsistencies.\n\ninput[type=\"search\"] {\n // Override content-box in Normalize (* isn't specific enough)\n @include box-sizing(border-box);\n\n // Search inputs in iOS\n //\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n -webkit-appearance: none;\n appearance: none;\n}\n\n// Position radios and checkboxes better\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin: 4px 0 0;\n margin-top: 1px \\9; // IE8-9\n line-height: normal;\n\n // Apply same disabled cursor tweak as for inputs\n // Some special care is needed because s don't inherit their parent's `cursor`.\n //\n // Note: Neither radios nor checkboxes can be readonly.\n &[disabled],\n &.disabled,\n fieldset[disabled] & {\n cursor: $cursor-disabled;\n }\n}\n\ninput[type=\"file\"] {\n display: block;\n}\n\n// Make range inputs behave like textual form controls\ninput[type=\"range\"] {\n display: block;\n width: 100%;\n}\n\n// Make multiple select elements height not fixed\nselect[multiple],\nselect[size] {\n height: auto;\n}\n\n// Focus for file, radio, and checkbox\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n @include tab-focus;\n}\n\n// Adjust output element\noutput {\n display: block;\n padding-top: ($padding-base-vertical + 1);\n font-size: $font-size-base;\n line-height: $line-height-base;\n color: $input-color;\n}\n\n\n// Common form controls\n//\n// Shared size and type resets for form controls. Apply `.form-control` to any\n// of the following form controls:\n//\n// select\n// textarea\n// input[type=\"text\"]\n// input[type=\"password\"]\n// input[type=\"datetime\"]\n// input[type=\"datetime-local\"]\n// input[type=\"date\"]\n// input[type=\"month\"]\n// input[type=\"time\"]\n// input[type=\"week\"]\n// input[type=\"number\"]\n// input[type=\"email\"]\n// input[type=\"url\"]\n// input[type=\"search\"]\n// input[type=\"tel\"]\n// input[type=\"color\"]\n\n.form-control {\n display: block;\n width: 100%;\n height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)\n padding: $padding-base-vertical $padding-base-horizontal;\n font-size: $font-size-base;\n line-height: $line-height-base;\n color: $input-color;\n background-color: $input-bg;\n background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n border: 1px solid $input-border;\n border-radius: $input-border-radius; // Note: This has no effect on s in some browsers, due to the limited stylability of s in CSS.\n @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075));\n @include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s);\n\n // Customize the `:focus` state to imitate native WebKit styles.\n @include form-control-focus;\n\n // Placeholder\n @include placeholder;\n\n // Unstyle the caret on ``s in IE10+.\n &::-ms-expand {\n background-color: transparent;\n border: 0;\n }\n\n // Disabled and read-only inputs\n //\n // HTML5 says that controls under a fieldset > legend:first-child won't be\n // disabled if the fieldset is disabled. Due to implementation difficulty, we\n // don't honor that edge case; we style them as disabled anyway.\n &[disabled],\n &[readonly],\n fieldset[disabled] & {\n background-color: $input-bg-disabled;\n opacity: 1; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655\n }\n\n &[disabled],\n fieldset[disabled] & {\n cursor: $cursor-disabled;\n }\n\n // [converter] extracted textarea& to textarea.form-control\n}\n\n// Reset height for `textarea`s\ntextarea.form-control {\n height: auto;\n}\n\n\n// Special styles for iOS temporal inputs\n//\n// In Mobile Safari, setting `display: block` on temporal inputs causes the\n// text within the input to become vertically misaligned. As a workaround, we\n// set a pixel line-height that matches the given height of the input, but only\n// for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848\n//\n// Note that as of 9.3, iOS doesn't support `week`.\n\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n input[type=\"date\"],\n input[type=\"time\"],\n input[type=\"datetime-local\"],\n input[type=\"month\"] {\n &.form-control {\n line-height: $input-height-base;\n }\n\n &.input-sm,\n .input-group-sm & {\n line-height: $input-height-small;\n }\n\n &.input-lg,\n .input-group-lg & {\n line-height: $input-height-large;\n }\n }\n}\n\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n margin-bottom: $form-group-margin-bottom;\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.radio,\n.checkbox {\n position: relative;\n display: block;\n margin-top: 10px;\n margin-bottom: 10px;\n\n // These are used on elements with descendants\n &.disabled,\n fieldset[disabled] & {\n label {\n cursor: $cursor-disabled;\n }\n }\n\n label {\n min-height: $line-height-computed; // Ensure the input doesn't jump when there is no text\n padding-left: 20px;\n margin-bottom: 0;\n font-weight: 400;\n cursor: pointer;\n }\n}\n.radio input[type=\"radio\"],\n.radio-inline input[type=\"radio\"],\n.checkbox input[type=\"checkbox\"],\n.checkbox-inline input[type=\"checkbox\"] {\n position: absolute;\n margin-top: 4px \\9;\n margin-left: -20px;\n}\n\n.radio + .radio,\n.checkbox + .checkbox {\n margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing\n}\n\n// Radios and checkboxes on same line\n.radio-inline,\n.checkbox-inline {\n position: relative;\n display: inline-block;\n padding-left: 20px;\n margin-bottom: 0;\n font-weight: 400;\n vertical-align: middle;\n cursor: pointer;\n\n // These are used directly on s\n &.disabled,\n fieldset[disabled] & {\n cursor: $cursor-disabled;\n }\n}\n.radio-inline + .radio-inline,\n.checkbox-inline + .checkbox-inline {\n margin-top: 0;\n margin-left: 10px; // space out consecutive inline controls\n}\n\n\n// Static form control text\n//\n// Apply class to a `p` element to make any string of text align with labels in\n// a horizontal form layout.\n\n.form-control-static {\n min-height: ($line-height-computed + $font-size-base);\n // Size it appropriately next to real form controls\n padding-top: ($padding-base-vertical + 1);\n padding-bottom: ($padding-base-vertical + 1);\n // Remove default margin from `p`\n margin-bottom: 0;\n\n &.input-lg,\n &.input-sm {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// The `.form-group-* form-control` variations are sadly duplicated to avoid the\n// issue documented in https://github.com/twbs/bootstrap/issues/15074.\n\n@include input-size('.input-sm', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $input-border-radius-small);\n.form-group-sm {\n .form-control {\n height: $input-height-small;\n padding: $padding-small-vertical $padding-small-horizontal;\n font-size: $font-size-small;\n line-height: $line-height-small;\n border-radius: $input-border-radius-small;\n }\n select.form-control {\n height: $input-height-small;\n line-height: $input-height-small;\n }\n textarea.form-control,\n select[multiple].form-control {\n height: auto;\n }\n .form-control-static {\n height: $input-height-small;\n min-height: ($line-height-computed + $font-size-small);\n padding: ($padding-small-vertical + 1) $padding-small-horizontal;\n font-size: $font-size-small;\n line-height: $line-height-small;\n }\n}\n\n@include input-size('.input-lg', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $input-border-radius-large);\n.form-group-lg {\n .form-control {\n height: $input-height-large;\n padding: $padding-large-vertical $padding-large-horizontal;\n font-size: $font-size-large;\n line-height: $line-height-large;\n border-radius: $input-border-radius-large;\n }\n select.form-control {\n height: $input-height-large;\n line-height: $input-height-large;\n }\n textarea.form-control,\n select[multiple].form-control {\n height: auto;\n }\n .form-control-static {\n height: $input-height-large;\n min-height: ($line-height-computed + $font-size-large);\n padding: ($padding-large-vertical + 1) $padding-large-horizontal;\n font-size: $font-size-large;\n line-height: $line-height-large;\n }\n}\n\n\n// Form control feedback states\n//\n// Apply contextual and semantic states to individual form controls.\n\n.has-feedback {\n // Enable absolute positioning\n position: relative;\n\n // Ensure icons don't overlap text\n .form-control {\n padding-right: ($input-height-base * 1.25);\n }\n}\n// Feedback icon (requires .glyphicon classes)\n.form-control-feedback {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 2; // Ensure icon is above input groups\n display: block;\n width: $input-height-base;\n height: $input-height-base;\n line-height: $input-height-base;\n text-align: center;\n pointer-events: none;\n}\n.input-lg + .form-control-feedback,\n.input-group-lg + .form-control-feedback,\n.form-group-lg .form-control + .form-control-feedback {\n width: $input-height-large;\n height: $input-height-large;\n line-height: $input-height-large;\n}\n.input-sm + .form-control-feedback,\n.input-group-sm + .form-control-feedback,\n.form-group-sm .form-control + .form-control-feedback {\n width: $input-height-small;\n height: $input-height-small;\n line-height: $input-height-small;\n}\n\n// Feedback states\n.has-success {\n @include form-control-validation($state-success-text, $state-success-text, $state-success-bg);\n}\n.has-warning {\n @include form-control-validation($state-warning-text, $state-warning-text, $state-warning-bg);\n}\n.has-error {\n @include form-control-validation($state-danger-text, $state-danger-text, $state-danger-bg);\n}\n\n// Reposition feedback icon if input has visible label above\n.has-feedback label {\n\n & ~ .form-control-feedback {\n top: ($line-height-computed + 5); // Height of the `label` and its margin\n }\n &.sr-only ~ .form-control-feedback {\n top: 0;\n }\n}\n\n\n// Help text\n//\n// Apply to any element you wish to create light text for placement immediately\n// below a form control. Use for general help, formatting, or instructional text.\n\n.help-block {\n display: block; // account for any element using help-block\n margin-top: 5px;\n margin-bottom: 10px;\n color: lighten($text-color, 25%); // lighten the text some for contrast\n}\n\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n//\n// Heads up! This is mixin-ed into `.navbar-form` in navbars.less.\n\n// [converter] extracted from `.form-inline` for libsass compatibility\n@mixin form-inline {\n\n // Kick in the inline\n @media (min-width: $screen-sm-min) {\n // Inline-block all the things for \"inline\"\n .form-group {\n display: inline-block;\n margin-bottom: 0;\n vertical-align: middle;\n }\n\n // In navbar-form, allow folks to *not* use `.form-group`\n .form-control {\n display: inline-block;\n width: auto; // Prevent labels from stacking above inputs in `.form-group`\n vertical-align: middle;\n }\n\n // Make static controls behave like regular ones\n .form-control-static {\n display: inline-block;\n }\n\n .input-group {\n display: inline-table;\n vertical-align: middle;\n\n .input-group-addon,\n .input-group-btn,\n .form-control {\n width: auto;\n }\n }\n\n // Input groups need that 100% width though\n .input-group > .form-control {\n width: 100%;\n }\n\n .control-label {\n margin-bottom: 0;\n vertical-align: middle;\n }\n\n // Remove default margin on radios/checkboxes that were used for stacking, and\n // then undo the floating of radios and checkboxes to match.\n .radio,\n .checkbox {\n display: inline-block;\n margin-top: 0;\n margin-bottom: 0;\n vertical-align: middle;\n\n label {\n padding-left: 0;\n }\n }\n .radio input[type=\"radio\"],\n .checkbox input[type=\"checkbox\"] {\n position: relative;\n margin-left: 0;\n }\n\n // Re-override the feedback icon.\n .has-feedback .form-control-feedback {\n top: 0;\n }\n }\n}\n// [converter] extracted as `@mixin form-inline` for libsass compatibility\n.form-inline {\n @include form-inline;\n}\n\n\n\n// Horizontal forms\n//\n// Horizontal forms are built on grid classes and allow you to create forms with\n// labels on the left and inputs on the right.\n\n.form-horizontal {\n\n // Consistent vertical alignment of radios and checkboxes\n //\n // Labels also get some reset styles, but that is scoped to a media query below.\n .radio,\n .checkbox,\n .radio-inline,\n .checkbox-inline {\n padding-top: ($padding-base-vertical + 1); // Default padding plus a border\n margin-top: 0;\n margin-bottom: 0;\n }\n // Account for padding we're adding to ensure the alignment and of help text\n // and other content below items\n .radio,\n .checkbox {\n min-height: ($line-height-computed + ($padding-base-vertical + 1));\n }\n\n // Make form groups behave like rows\n .form-group {\n @include make-row;\n }\n\n // Reset spacing and right align labels, but scope to media queries so that\n // labels on narrow viewports stack the same as a default form example.\n @media (min-width: $screen-sm-min) {\n .control-label {\n padding-top: ($padding-base-vertical + 1); // Default padding plus a border\n margin-bottom: 0;\n text-align: right;\n }\n }\n\n // Validation states\n //\n // Reposition the icon because it's now within a grid column and columns have\n // `position: relative;` on them. Also accounts for the grid gutter padding.\n .has-feedback .form-control-feedback {\n right: floor(math.div($grid-gutter-width, 2));\n }\n\n // Form group sizes\n //\n // Quick utility class for applying `.input-lg` and `.input-sm` styles to the\n // inputs and labels within a `.form-group`.\n .form-group-lg {\n @media (min-width: $screen-sm-min) {\n .control-label {\n padding-top: ($padding-large-vertical + 1);\n font-size: $font-size-large;\n }\n }\n }\n .form-group-sm {\n @media (min-width: $screen-sm-min) {\n .control-label {\n padding-top: ($padding-small-vertical + 1);\n font-size: $font-size-small;\n }\n }\n }\n}\n","// Form validation states\n//\n// Used in forms.less to generate the form validation CSS for warnings, errors,\n// and successes.\n\n@mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {\n // Color the label and help text\n .help-block,\n .control-label,\n .radio,\n .checkbox,\n .radio-inline,\n .checkbox-inline,\n &.radio label,\n &.checkbox label,\n &.radio-inline label,\n &.checkbox-inline label {\n color: $text-color;\n }\n // Set the border and box shadow on specific inputs to match\n .form-control {\n border-color: $border-color;\n @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075)); // Redeclare so transitions work\n &:focus {\n border-color: darken($border-color, 10%);\n $shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten($border-color, 20%);\n @include box-shadow($shadow);\n }\n }\n // Set validation states also for addons\n .input-group-addon {\n color: $text-color;\n background-color: $background-color;\n border-color: $border-color;\n }\n // Optional feedback icon\n .form-control-feedback {\n color: $text-color;\n }\n}\n\n\n// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-border-focus` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($color: $input-border-focus) {\n $color-rgba: rgba(red($color), green($color), blue($color), .6);\n &:focus {\n border-color: $color;\n outline: 0;\n @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px $color-rgba);\n }\n}\n\n// Form control sizing\n//\n// Relative text size, padding, and border-radii changes for form controls. For\n// horizontal sizing, wrap controls in the predefined grid classes. ``\n// element gets special love because it's special, and that's a fact!\n// [converter] $parent hack\n@mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {\n #{$parent} {\n height: $input-height;\n padding: $padding-vertical $padding-horizontal;\n font-size: $font-size;\n line-height: $line-height;\n border-radius: $border-radius;\n }\n\n select#{$parent} {\n height: $input-height;\n line-height: $input-height;\n }\n\n textarea#{$parent},\n select[multiple]#{$parent} {\n height: auto;\n }\n}\n","//\n// Buttons\n// --------------------------------------------------\n\n\n// Base styles\n// --------------------------------------------------\n\n.btn {\n display: inline-block;\n margin-bottom: 0; // For input.btn\n font-weight: $btn-font-weight;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n touch-action: manipulation;\n cursor: pointer;\n background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n border: 1px solid transparent;\n @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $btn-border-radius-base);\n @include user-select(none);\n\n &,\n &:active,\n &.active {\n &:focus,\n &.focus {\n @include tab-focus;\n }\n }\n\n &:hover,\n &:focus,\n &.focus {\n color: $btn-default-color;\n text-decoration: none;\n }\n\n &:active,\n &.active {\n background-image: none;\n outline: 0;\n @include box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));\n }\n\n &.disabled,\n &[disabled],\n fieldset[disabled] & {\n cursor: $cursor-disabled;\n @include opacity(.65);\n @include box-shadow(none);\n }\n\n // [converter] extracted a& to a.btn\n}\n\na.btn {\n &.disabled,\n fieldset[disabled] & {\n pointer-events: none; // Future-proof disabling of clicks on `` elements\n }\n}\n\n\n// Alternate buttons\n// --------------------------------------------------\n\n.btn-default {\n @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);\n}\n.btn-primary {\n @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);\n}\n// Success appears as green\n.btn-success {\n @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);\n}\n// Info appears as blue-green\n.btn-info {\n @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border);\n}\n// Warning appears as orange\n.btn-warning {\n @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);\n}\n// Danger and error appear as red\n.btn-danger {\n @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);\n}\n\n\n// Link buttons\n// -------------------------\n\n// Make a button look and behave like a link\n.btn-link {\n font-weight: 400;\n color: $link-color;\n border-radius: 0;\n\n &,\n &:active,\n &.active,\n &[disabled],\n fieldset[disabled] & {\n background-color: transparent;\n @include box-shadow(none);\n }\n &,\n &:hover,\n &:focus,\n &:active {\n border-color: transparent;\n }\n &:hover,\n &:focus {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n background-color: transparent;\n }\n &[disabled],\n fieldset[disabled] & {\n &:hover,\n &:focus {\n color: $btn-link-disabled-color;\n text-decoration: none;\n }\n }\n}\n\n\n// Button Sizes\n// --------------------------------------------------\n\n.btn-lg {\n // line-height: ensure even-numbered height of button next to large input\n @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $btn-border-radius-large);\n}\n.btn-sm {\n // line-height: ensure proper height of button next to small input\n @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small);\n}\n.btn-xs {\n @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small);\n}\n\n\n// Block button\n// --------------------------------------------------\n\n.btn-block {\n display: block;\n width: 100%;\n}\n\n// Vertically space out multiple block buttons\n.btn-block + .btn-block {\n margin-top: 5px;\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n &.btn-block {\n width: 100%;\n }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($color, $background, $border) {\n color: $color;\n background-color: $background;\n border-color: $border;\n\n &:focus,\n &.focus {\n color: $color;\n background-color: darken($background, 10%);\n border-color: darken($border, 25%);\n }\n &:hover {\n color: $color;\n background-color: darken($background, 10%);\n border-color: darken($border, 12%);\n }\n &:active,\n &.active,\n .open > &.dropdown-toggle {\n color: $color;\n background-color: darken($background, 10%);\n background-image: none;\n border-color: darken($border, 12%);\n\n &:hover,\n &:focus,\n &.focus {\n color: $color;\n background-color: darken($background, 17%);\n border-color: darken($border, 25%);\n }\n }\n &.disabled,\n &[disabled],\n fieldset[disabled] & {\n &:hover,\n &:focus,\n &.focus {\n background-color: $background;\n border-color: $border;\n }\n }\n\n .badge {\n color: $background;\n background-color: $color;\n }\n}\n\n// Button sizes\n@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {\n padding: $padding-vertical $padding-horizontal;\n font-size: $font-size;\n line-height: $line-height;\n border-radius: $border-radius;\n}\n","// Opacity\n\n@mixin opacity($opacity) {\n $opacity-ie: ($opacity * 100); // IE8 filter\n filter: alpha(opacity=$opacity-ie);\n opacity: $opacity;\n}\n","//\n// Component animations\n// --------------------------------------------------\n\n// Heads up!\n//\n// We don't use the `.opacity()` mixin here since it causes a bug with text\n// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.\n\n.fade {\n opacity: 0;\n @include transition(opacity .15s linear);\n\n &.in {\n opacity: 1;\n }\n}\n\n.collapse {\n display: none;\n\n &.in { display: block; }\n // [converter] extracted tr&.in to tr.collapse.in\n // [converter] extracted tbody&.in to tbody.collapse.in\n}\n\ntr.collapse.in { display: table-row; }\n\ntbody.collapse.in { display: table-row-group; }\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n @include transition-property(height, visibility);\n @include transition-duration(.35s);\n @include transition-timing-function(ease);\n}\n","//\n// Dropdown menus\n// --------------------------------------------------\n\n\n// Dropdown arrow/caret\n.caret {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 2px;\n vertical-align: middle;\n border-top: $caret-width-base dashed;\n border-top: $caret-width-base solid \\9; // IE8\n border-right: $caret-width-base solid transparent;\n border-left: $caret-width-base solid transparent;\n}\n\n// The dropdown wrapper (div)\n.dropup,\n.dropdown {\n position: relative;\n}\n\n// Prevent the focus on the dropdown toggle when closing dropdowns\n.dropdown-toggle:focus {\n outline: 0;\n}\n\n// The dropdown menu (ul)\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: $zindex-dropdown;\n display: none; // none by default, but block on \"open\" of the menu\n float: left;\n min-width: 160px;\n padding: 5px 0;\n margin: 2px 0 0; // override default ul\n font-size: $font-size-base;\n text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n list-style: none;\n background-color: $dropdown-bg;\n background-clip: padding-box;\n border: 1px solid $dropdown-fallback-border; // IE8 fallback\n border: 1px solid $dropdown-border;\n border-radius: $border-radius-base;\n @include box-shadow(0 6px 12px rgba(0, 0, 0, .175));\n\n // Aligns the dropdown menu to right\n //\n // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`\n &.pull-right {\n right: 0;\n left: auto;\n }\n\n // Dividers (basically an hr) within the dropdown\n .divider {\n @include nav-divider($dropdown-divider-bg);\n }\n\n // Links within the dropdown menu\n > li > a {\n display: block;\n padding: 3px 20px;\n clear: both;\n font-weight: 400;\n line-height: $line-height-base;\n color: $dropdown-link-color;\n white-space: nowrap; // prevent links from randomly breaking onto new lines\n\n &:hover,\n &:focus {\n color: $dropdown-link-hover-color;\n text-decoration: none;\n background-color: $dropdown-link-hover-bg;\n }\n }\n}\n\n// Active state\n.dropdown-menu > .active > a {\n &,\n &:hover,\n &:focus {\n color: $dropdown-link-active-color;\n text-decoration: none;\n background-color: $dropdown-link-active-bg;\n outline: 0;\n }\n}\n\n// Disabled state\n//\n// Gray out text and ensure the hover/focus state remains gray\n\n.dropdown-menu > .disabled > a {\n &,\n &:hover,\n &:focus {\n color: $dropdown-link-disabled-color;\n }\n\n // Nuke hover/focus effects\n &:hover,\n &:focus {\n text-decoration: none;\n cursor: $cursor-disabled;\n background-color: transparent;\n background-image: none; // Remove CSS gradient\n @include reset-filter;\n }\n}\n\n// Open state for the dropdown\n.open {\n // Show the menu\n > .dropdown-menu {\n display: block;\n }\n\n // Remove the outline when :focus is triggered\n > a {\n outline: 0;\n }\n}\n\n// Menu positioning\n//\n// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown\n// menu with the parent.\n.dropdown-menu-right {\n right: 0;\n left: auto; // Reset the default from `.dropdown-menu`\n}\n// With v3, we enabled auto-flipping if you have a dropdown within a right\n// aligned nav component. To enable the undoing of that, we provide an override\n// to restore the default dropdown menu alignment.\n//\n// This is only for left-aligning a dropdown menu within a `.navbar-right` or\n// `.pull-right` nav component.\n.dropdown-menu-left {\n right: auto;\n left: 0;\n}\n\n// Dropdown section headers\n.dropdown-header {\n display: block;\n padding: 3px 20px;\n font-size: $font-size-small;\n line-height: $line-height-base;\n color: $dropdown-header-color;\n white-space: nowrap; // as with > li > a\n}\n\n// Backdrop to catch body clicks on mobile, etc.\n.dropdown-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: ($zindex-dropdown - 10);\n}\n\n// Right aligned dropdowns\n.pull-right > .dropdown-menu {\n right: 0;\n left: auto;\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n//\n// Just add .dropup after the standard .dropdown class and you're set, bro.\n// TODO: abstract this so that the navbar fixed styles are not placed here?\n\n.dropup,\n.navbar-fixed-bottom .dropdown {\n // Reverse the caret\n .caret {\n content: \"\";\n border-top: 0;\n border-bottom: $caret-width-base dashed;\n border-bottom: $caret-width-base solid \\9; // IE8\n }\n // Different positioning for bottom up menu\n .dropdown-menu {\n top: auto;\n bottom: 100%;\n margin-bottom: 2px;\n }\n}\n\n\n// Component alignment\n//\n// Reiterate per navbar.less and the modified component alignment there.\n\n@media (min-width: $grid-float-breakpoint) {\n .navbar-right {\n .dropdown-menu {\n right: 0; left: auto;\n }\n // Necessary for overrides of the default right aligned menu.\n // Will remove come v4 in all likelihood.\n .dropdown-menu-left {\n left: 0; right: auto;\n }\n }\n}\n","@use \"sass:math\";\n// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: #e5e5e5) {\n height: 1px;\n margin: (math.div($line-height-computed, 2) - 1) 0;\n overflow: hidden;\n background-color: $color;\n}\n","// Reset filters for IE\n//\n// When you need to remove a gradient background, do not forget to use this to reset\n// the IE filter for IE9 and below.\n\n@mixin reset-filter() {\n filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);\n}\n","//\n// Button groups\n// --------------------------------------------------\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-block;\n vertical-align: middle; // match .btn alignment given font-size hack above\n > .btn {\n position: relative;\n float: left;\n // Bring the \"active\" button to the front\n &:hover,\n &:focus,\n &:active,\n &.active {\n z-index: 2;\n }\n }\n}\n\n// Prevent double borders when buttons are next to each other\n.btn-group {\n .btn + .btn,\n .btn + .btn-group,\n .btn-group + .btn,\n .btn-group + .btn-group {\n margin-left: -1px;\n }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n margin-left: -5px; // Offset the first child's margin\n @include clearfix;\n\n .btn,\n .btn-group,\n .input-group {\n float: left;\n }\n > .btn,\n > .btn-group,\n > .input-group {\n margin-left: 5px;\n }\n}\n\n.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {\n border-radius: 0;\n}\n\n// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match\n.btn-group > .btn:first-child {\n margin-left: 0;\n &:not(:last-child):not(.dropdown-toggle) {\n @include border-right-radius(0);\n }\n}\n// Need .dropdown-toggle since :last-child doesn't apply, given that a .dropdown-menu is used immediately after it\n.btn-group > .btn:last-child:not(:first-child),\n.btn-group > .dropdown-toggle:not(:first-child) {\n @include border-left-radius(0);\n}\n\n// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)\n.btn-group > .btn-group {\n float: left;\n}\n.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {\n border-radius: 0;\n}\n.btn-group > .btn-group:first-child:not(:last-child) {\n > .btn:last-child,\n > .dropdown-toggle {\n @include border-right-radius(0);\n }\n}\n.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {\n @include border-left-radius(0);\n}\n\n// On active and open, don't show outline\n.btn-group .dropdown-toggle:active,\n.btn-group.open .dropdown-toggle {\n outline: 0;\n}\n\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-xs > .btn { @extend .btn-xs; }\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n// Split button dropdowns\n// ----------------------\n\n// Give the line between buttons some depth\n.btn-group > .btn + .dropdown-toggle {\n padding-right: 8px;\n padding-left: 8px;\n}\n.btn-group > .btn-lg + .dropdown-toggle {\n padding-right: 12px;\n padding-left: 12px;\n}\n\n// The clickable button for toggling the menu\n// Remove the gradient and set the same inset shadow as the :active state\n.btn-group.open .dropdown-toggle {\n @include box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));\n\n // Show no shadow for `.btn-link` since it has no other button styles.\n &.btn-link {\n @include box-shadow(none);\n }\n}\n\n\n// Reposition the caret\n.btn .caret {\n margin-left: 0;\n}\n// Carets in other button sizes\n.btn-lg .caret {\n border-width: $caret-width-large $caret-width-large 0;\n border-bottom-width: 0;\n}\n// Upside down carets for .dropup\n.dropup .btn-lg .caret {\n border-width: 0 $caret-width-large $caret-width-large;\n}\n\n\n// Vertical button groups\n// ----------------------\n\n.btn-group-vertical {\n > .btn,\n > .btn-group,\n > .btn-group > .btn {\n display: block;\n float: none;\n width: 100%;\n max-width: 100%;\n }\n\n // Clear floats so dropdown menus can be properly placed\n > .btn-group {\n @include clearfix;\n > .btn {\n float: none;\n }\n }\n\n > .btn + .btn,\n > .btn + .btn-group,\n > .btn-group + .btn,\n > .btn-group + .btn-group {\n margin-top: -1px;\n margin-left: 0;\n }\n}\n\n.btn-group-vertical > .btn {\n &:not(:first-child):not(:last-child) {\n border-radius: 0;\n }\n &:first-child:not(:last-child) {\n @include border-top-radius($btn-border-radius-base);\n @include border-bottom-radius(0);\n }\n &:last-child:not(:first-child) {\n @include border-top-radius(0);\n @include border-bottom-radius($btn-border-radius-base);\n }\n}\n.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {\n border-radius: 0;\n}\n.btn-group-vertical > .btn-group:first-child:not(:last-child) {\n > .btn:last-child,\n > .dropdown-toggle {\n @include border-bottom-radius(0);\n }\n}\n.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {\n @include border-top-radius(0);\n}\n\n\n// Justified button groups\n// ----------------------\n\n.btn-group-justified {\n display: table;\n width: 100%;\n table-layout: fixed;\n border-collapse: separate;\n > .btn,\n > .btn-group {\n display: table-cell;\n float: none;\n width: 1%;\n }\n > .btn-group .btn {\n width: 100%;\n }\n\n > .btn-group .dropdown-menu {\n left: auto;\n }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n[data-toggle=\"buttons\"] {\n > .btn,\n > .btn-group > .btn {\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n }\n }\n}\n","// Single side border-radius\n\n@mixin border-top-radius($radius) {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n}\n@mixin border-right-radius($radius) {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n}\n@mixin border-bottom-radius($radius) {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@mixin border-left-radius($radius) {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n","//\n// Input groups\n// --------------------------------------------------\n\n// Base styles\n// -------------------------\n.input-group {\n position: relative; // For dropdowns\n display: table;\n border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table\n\n // Undo padding and float of grid classes\n &[class*=\"col-\"] {\n float: none;\n padding-right: 0;\n padding-left: 0;\n }\n\n .form-control {\n // Ensure that the input is always above the *appended* addon button for\n // proper border colors.\n position: relative;\n z-index: 2;\n\n // IE9 fubars the placeholder attribute in text inputs and the arrows on\n // select elements in input groups. To fix it, we float the input. Details:\n // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855\n float: left;\n\n width: 100%;\n margin-bottom: 0;\n\n &:focus {\n z-index: 3;\n }\n }\n}\n\n// Sizing options\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control,\n.input-group-lg > .input-group-addon,\n.input-group-lg > .input-group-btn > .btn {\n @extend .input-lg;\n}\n.input-group-sm > .form-control,\n.input-group-sm > .input-group-addon,\n.input-group-sm > .input-group-btn > .btn {\n @extend .input-sm;\n}\n\n\n// Display as table-cell\n// -------------------------\n.input-group-addon,\n.input-group-btn,\n.input-group .form-control {\n display: table-cell;\n\n &:not(:first-child):not(:last-child) {\n border-radius: 0;\n }\n}\n// Addon and addon wrapper for buttons\n.input-group-addon,\n.input-group-btn {\n width: 1%;\n white-space: nowrap;\n vertical-align: middle; // Match the inputs\n}\n\n// Text input groups\n// -------------------------\n.input-group-addon {\n padding: $padding-base-vertical $padding-base-horizontal;\n font-size: $font-size-base;\n font-weight: 400;\n line-height: 1;\n color: $input-color;\n text-align: center;\n background-color: $input-group-addon-bg;\n border: 1px solid $input-group-addon-border-color;\n border-radius: $input-border-radius;\n\n // Sizing\n &.input-sm {\n padding: $padding-small-vertical $padding-small-horizontal;\n font-size: $font-size-small;\n border-radius: $input-border-radius-small;\n }\n &.input-lg {\n padding: $padding-large-vertical $padding-large-horizontal;\n font-size: $font-size-large;\n border-radius: $input-border-radius-large;\n }\n\n // Nuke default margins from checkboxes and radios to vertically center within.\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n margin-top: 0;\n }\n}\n\n// Reset rounded corners\n.input-group .form-control:first-child,\n.input-group-addon:first-child,\n.input-group-btn:first-child > .btn,\n.input-group-btn:first-child > .btn-group > .btn,\n.input-group-btn:first-child > .dropdown-toggle,\n.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {\n @include border-right-radius(0);\n}\n.input-group-addon:first-child {\n border-right: 0;\n}\n.input-group .form-control:last-child,\n.input-group-addon:last-child,\n.input-group-btn:last-child > .btn,\n.input-group-btn:last-child > .btn-group > .btn,\n.input-group-btn:last-child > .dropdown-toggle,\n.input-group-btn:first-child > .btn:not(:first-child),\n.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {\n @include border-left-radius(0);\n}\n.input-group-addon:last-child {\n border-left: 0;\n}\n\n// Button input groups\n// -------------------------\n.input-group-btn {\n position: relative;\n // Jankily prevent input button groups from wrapping with `white-space` and\n // `font-size` in combination with `inline-block` on buttons.\n font-size: 0;\n white-space: nowrap;\n\n // Negative margin for spacing, position for bringing hovered/focused/actived\n // element above the siblings.\n > .btn {\n position: relative;\n + .btn {\n margin-left: -1px;\n }\n // Bring the \"active\" button to the front\n &:hover,\n &:focus,\n &:active {\n z-index: 2;\n }\n }\n\n // Negative margin to only have a 1px border between the two\n &:first-child {\n > .btn,\n > .btn-group {\n margin-right: -1px;\n }\n }\n &:last-child {\n > .btn,\n > .btn-group {\n z-index: 2;\n margin-left: -1px;\n }\n }\n}\n","//\n// Navs\n// --------------------------------------------------\n\n\n// Base class\n// --------------------------------------------------\n\n.nav {\n padding-left: 0; // Override default ul/ol\n margin-bottom: 0;\n list-style: none;\n @include clearfix;\n\n > li {\n position: relative;\n display: block;\n\n > a {\n position: relative;\n display: block;\n padding: $nav-link-padding;\n &:hover,\n &:focus {\n text-decoration: none;\n background-color: $nav-link-hover-bg;\n }\n }\n\n // Disabled state sets text to gray and nukes hover/tab effects\n &.disabled > a {\n color: $nav-disabled-link-color;\n\n &:hover,\n &:focus {\n color: $nav-disabled-link-hover-color;\n text-decoration: none;\n cursor: $cursor-disabled;\n background-color: transparent;\n }\n }\n }\n\n // Open dropdowns\n .open > a {\n &,\n &:hover,\n &:focus {\n background-color: $nav-link-hover-bg;\n border-color: $link-color;\n }\n }\n\n // Nav dividers (deprecated with v3.0.1)\n //\n // This should have been removed in v3 with the dropping of `.nav-list`, but\n // we missed it. We don't currently support this anywhere, but in the interest\n // of maintaining backward compatibility in case you use it, it's deprecated.\n .nav-divider {\n @include nav-divider;\n }\n\n // Prevent IE8 from misplacing imgs\n //\n // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989\n > li > a > img {\n max-width: none;\n }\n}\n\n\n// Tabs\n// -------------------------\n\n// Give the tabs something to sit on\n.nav-tabs {\n border-bottom: 1px solid $nav-tabs-border-color;\n > li {\n float: left;\n // Make the list-items overlay the bottom border\n margin-bottom: -1px;\n\n // Actual tabs (as links)\n > a {\n margin-right: 2px;\n line-height: $line-height-base;\n border: 1px solid transparent;\n border-radius: $border-radius-base $border-radius-base 0 0;\n &:hover {\n border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color;\n }\n }\n\n // Active state, and its :hover to override normal :hover\n &.active > a {\n &,\n &:hover,\n &:focus {\n color: $nav-tabs-active-link-hover-color;\n cursor: default;\n background-color: $nav-tabs-active-link-hover-bg;\n border: 1px solid $nav-tabs-active-link-hover-border-color;\n border-bottom-color: transparent;\n }\n }\n }\n // pulling this in mainly for less shorthand\n &.nav-justified {\n @extend .nav-justified;\n @extend .nav-tabs-justified;\n }\n}\n\n\n// Pills\n// -------------------------\n.nav-pills {\n > li {\n float: left;\n\n // Links rendered as pills\n > a {\n border-radius: $nav-pills-border-radius;\n }\n + li {\n margin-left: 2px;\n }\n\n // Active state\n &.active > a {\n &,\n &:hover,\n &:focus {\n color: $nav-pills-active-link-hover-color;\n background-color: $nav-pills-active-link-hover-bg;\n }\n }\n }\n}\n\n\n// Stacked pills\n.nav-stacked {\n > li {\n float: none;\n + li {\n margin-top: 2px;\n margin-left: 0; // no need for this gap between nav items\n }\n }\n}\n\n\n// Nav variations\n// --------------------------------------------------\n\n// Justified nav links\n// -------------------------\n\n.nav-justified {\n width: 100%;\n\n > li {\n float: none;\n > a {\n margin-bottom: 5px;\n text-align: center;\n }\n }\n\n > .dropdown .dropdown-menu {\n top: auto;\n left: auto;\n }\n\n @media (min-width: $screen-sm-min) {\n > li {\n display: table-cell;\n width: 1%;\n > a {\n margin-bottom: 0;\n }\n }\n }\n}\n\n// Move borders to anchors instead of bottom of list\n//\n// Mixin for adding on top the shared `.nav-justified` styles for our tabs\n.nav-tabs-justified {\n border-bottom: 0;\n\n > li > a {\n // Override margin from .nav-tabs\n margin-right: 0;\n border-radius: $border-radius-base;\n }\n\n > .active > a,\n > .active > a:hover,\n > .active > a:focus {\n border: 1px solid $nav-tabs-justified-link-border-color;\n }\n\n @media (min-width: $screen-sm-min) {\n > li > a {\n border-bottom: 1px solid $nav-tabs-justified-link-border-color;\n border-radius: $border-radius-base $border-radius-base 0 0;\n }\n > .active > a,\n > .active > a:hover,\n > .active > a:focus {\n border-bottom-color: $nav-tabs-justified-active-link-border-color;\n }\n }\n}\n\n\n// Tabbable tabs\n// -------------------------\n\n// Hide tabbable panes to start, show them when `.active`\n.tab-content {\n > .tab-pane {\n display: none;\n }\n > .active {\n display: block;\n }\n}\n\n\n// Dropdowns\n// -------------------------\n\n// Specific dropdowns\n.nav-tabs .dropdown-menu {\n // make dropdown border overlap tab border\n margin-top: -1px;\n // Remove the top rounded corners here since there is a hard edge above the menu\n @include border-top-radius(0);\n}\n","@use \"sass:math\";\n//\n// Navbars\n// --------------------------------------------------\n\n\n// Wrapper and base class\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n position: relative;\n min-height: $navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)\n margin-bottom: $navbar-margin-bottom;\n border: 1px solid transparent;\n\n // Prevent floats from breaking the navbar\n @include clearfix;\n\n @media (min-width: $grid-float-breakpoint) {\n border-radius: $navbar-border-radius;\n }\n}\n\n\n// Navbar heading\n//\n// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy\n// styling of responsive aspects.\n\n.navbar-header {\n @include clearfix;\n\n @media (min-width: $grid-float-breakpoint) {\n float: left;\n }\n}\n\n\n// Navbar collapse (body)\n//\n// Group your navbar content into this for easy collapsing and expanding across\n// various device sizes. By default, this content is collapsed when <768px, but\n// will expand past that for a horizontal display.\n//\n// To start (on mobile devices) the navbar links, forms, and buttons are stacked\n// vertically and include a `max-height` to overflow in case you have too much\n// content for the user's viewport.\n\n.navbar-collapse {\n padding-right: $navbar-padding-horizontal;\n padding-left: $navbar-padding-horizontal;\n overflow-x: visible;\n border-top: 1px solid transparent;\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);\n @include clearfix;\n -webkit-overflow-scrolling: touch;\n\n &.in {\n overflow-y: auto;\n }\n\n @media (min-width: $grid-float-breakpoint) {\n width: auto;\n border-top: 0;\n box-shadow: none;\n\n &.collapse {\n display: block !important;\n height: auto !important;\n padding-bottom: 0; // Override default setting\n overflow: visible !important;\n }\n\n &.in {\n overflow-y: visible;\n }\n\n // Undo the collapse side padding for navbars with containers to ensure\n // alignment of right-aligned contents.\n .navbar-fixed-top &,\n .navbar-static-top &,\n .navbar-fixed-bottom & {\n padding-right: 0;\n padding-left: 0;\n }\n }\n}\n\n.navbar-fixed-top,\n.navbar-fixed-bottom {\n .navbar-collapse {\n max-height: $navbar-collapse-max-height;\n\n @media (max-device-width: $screen-xs-min) and (orientation: landscape) {\n max-height: 200px;\n }\n }\n\n // Fix the top/bottom navbars when screen real estate supports it\n position: fixed;\n right: 0;\n left: 0;\n z-index: $zindex-navbar-fixed;\n\n // Undo the rounded corners\n @media (min-width: $grid-float-breakpoint) {\n border-radius: 0;\n }\n}\n\n.navbar-fixed-top {\n top: 0;\n border-width: 0 0 1px;\n}\n.navbar-fixed-bottom {\n bottom: 0;\n margin-bottom: 0; // override .navbar defaults\n border-width: 1px 0 0;\n}\n\n\n// Both navbar header and collapse\n//\n// When a container is present, change the behavior of the header and collapse.\n\n.container,\n.container-fluid {\n > .navbar-header,\n > .navbar-collapse {\n margin-right: -$navbar-padding-horizontal;\n margin-left: -$navbar-padding-horizontal;\n\n @media (min-width: $grid-float-breakpoint) {\n margin-right: 0;\n margin-left: 0;\n }\n }\n}\n\n\n//\n// Navbar alignment options\n//\n// Display the navbar across the entirety of the page or fixed it to the top or\n// bottom of the page.\n\n// Static top (unfixed, but 100% wide) navbar\n.navbar-static-top {\n z-index: $zindex-navbar;\n border-width: 0 0 1px;\n\n @media (min-width: $grid-float-breakpoint) {\n border-radius: 0;\n }\n}\n\n\n// Brand/project name\n\n.navbar-brand {\n float: left;\n height: $navbar-height;\n padding: $navbar-padding-vertical $navbar-padding-horizontal;\n font-size: $font-size-large;\n line-height: $line-height-computed;\n\n &:hover,\n &:focus {\n text-decoration: none;\n }\n\n > img {\n display: block;\n }\n\n @media (min-width: $grid-float-breakpoint) {\n .navbar > .container &,\n .navbar > .container-fluid & {\n margin-left: -$navbar-padding-horizontal;\n }\n }\n}\n\n\n// Navbar toggle\n//\n// Custom button for toggling the `.navbar-collapse`, powered by the collapse\n// JavaScript plugin.\n\n.navbar-toggle {\n position: relative;\n float: right;\n padding: 9px 10px;\n margin-right: $navbar-padding-horizontal;\n @include navbar-vertical-align(34px);\n background-color: transparent;\n background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n border: 1px solid transparent;\n border-radius: $border-radius-base;\n\n // We remove the `outline` here, but later compensate by attaching `:hover`\n // styles to `:focus`.\n &:focus {\n outline: 0;\n }\n\n // Bars\n .icon-bar {\n display: block;\n width: 22px;\n height: 2px;\n border-radius: 1px;\n }\n .icon-bar + .icon-bar {\n margin-top: 4px;\n }\n\n @media (min-width: $grid-float-breakpoint) {\n display: none;\n }\n}\n\n\n// Navbar nav links\n//\n// Builds on top of the `.nav` components with its own modifier class to make\n// the nav the full height of the horizontal nav (above 768px).\n\n.navbar-nav {\n margin: math.div($navbar-padding-vertical, 2) (-$navbar-padding-horizontal);\n\n > li > a {\n padding-top: 10px;\n padding-bottom: 10px;\n line-height: $line-height-computed;\n }\n\n @media (max-width: $grid-float-breakpoint-max) {\n // Dropdowns get custom display when collapsed\n .open .dropdown-menu {\n position: static;\n float: none;\n width: auto;\n margin-top: 0;\n background-color: transparent;\n border: 0;\n box-shadow: none;\n > li > a,\n .dropdown-header {\n padding: 5px 15px 5px 25px;\n }\n > li > a {\n line-height: $line-height-computed;\n &:hover,\n &:focus {\n background-image: none;\n }\n }\n }\n }\n\n // Uncollapse the nav\n @media (min-width: $grid-float-breakpoint) {\n float: left;\n margin: 0;\n\n > li {\n float: left;\n > a {\n padding-top: $navbar-padding-vertical;\n padding-bottom: $navbar-padding-vertical;\n }\n }\n }\n}\n\n\n// Navbar form\n//\n// Extension of the `.form-inline` with some extra flavor for optimum display in\n// our navbars.\n\n.navbar-form {\n padding: 10px $navbar-padding-horizontal;\n margin-right: -$navbar-padding-horizontal;\n margin-left: -$navbar-padding-horizontal;\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n $shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);\n @include box-shadow($shadow);\n\n // Mixin behavior for optimum display\n @include form-inline;\n\n .form-group {\n @media (max-width: $grid-float-breakpoint-max) {\n margin-bottom: 5px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n }\n\n // Vertically center in expanded, horizontal navbar\n @include navbar-vertical-align($input-height-base);\n\n // Undo 100% width for pull classes\n @media (min-width: $grid-float-breakpoint) {\n width: auto;\n padding-top: 0;\n padding-bottom: 0;\n margin-right: 0;\n margin-left: 0;\n border: 0;\n @include box-shadow(none);\n }\n}\n\n\n// Dropdown menus\n\n// Menu position and menu carets\n.navbar-nav > li > .dropdown-menu {\n margin-top: 0;\n @include border-top-radius(0);\n}\n// Menu position and menu caret support for dropups via extra dropup class\n.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {\n margin-bottom: 0;\n @include border-top-radius($navbar-border-radius);\n @include border-bottom-radius(0);\n}\n\n\n// Buttons in navbars\n//\n// Vertically center a button within a navbar (when *not* in a form).\n\n.navbar-btn {\n @include navbar-vertical-align($input-height-base);\n\n &.btn-sm {\n @include navbar-vertical-align($input-height-small);\n }\n &.btn-xs {\n @include navbar-vertical-align(22);\n }\n}\n\n\n// Text in navbars\n//\n// Add a class to make any element properly align itself vertically within the navbars.\n\n.navbar-text {\n @include navbar-vertical-align($line-height-computed);\n\n @media (min-width: $grid-float-breakpoint) {\n float: left;\n margin-right: $navbar-padding-horizontal;\n margin-left: $navbar-padding-horizontal;\n }\n}\n\n\n// Component alignment\n//\n// Repurpose the pull utilities as their own navbar utilities to avoid specificity\n// issues with parents and chaining. Only do this when the navbar is uncollapsed\n// though so that navbar contents properly stack and align in mobile.\n//\n// Declared after the navbar components to ensure more specificity on the margins.\n\n@media (min-width: $grid-float-breakpoint) {\n .navbar-left {\n float: left !important;\n }\n .navbar-right {\n float: right !important;\n margin-right: -$navbar-padding-horizontal;\n\n ~ .navbar-right {\n margin-right: 0;\n }\n }\n}\n\n\n// Alternate navbars\n// --------------------------------------------------\n\n// Default navbar\n.navbar-default {\n background-color: $navbar-default-bg;\n border-color: $navbar-default-border;\n\n .navbar-brand {\n color: $navbar-default-brand-color;\n &:hover,\n &:focus {\n color: $navbar-default-brand-hover-color;\n background-color: $navbar-default-brand-hover-bg;\n }\n }\n\n .navbar-text {\n color: $navbar-default-color;\n }\n\n .navbar-nav {\n > li > a {\n color: $navbar-default-link-color;\n\n &:hover,\n &:focus {\n color: $navbar-default-link-hover-color;\n background-color: $navbar-default-link-hover-bg;\n }\n }\n > .active > a {\n &,\n &:hover,\n &:focus {\n color: $navbar-default-link-active-color;\n background-color: $navbar-default-link-active-bg;\n }\n }\n > .disabled > a {\n &,\n &:hover,\n &:focus {\n color: $navbar-default-link-disabled-color;\n background-color: $navbar-default-link-disabled-bg;\n }\n }\n\n // Dropdown menu items\n // Remove background color from open dropdown\n > .open > a {\n &,\n &:hover,\n &:focus {\n color: $navbar-default-link-active-color;\n background-color: $navbar-default-link-active-bg;\n }\n }\n\n @media (max-width: $grid-float-breakpoint-max) {\n // Dropdowns get custom display when collapsed\n .open .dropdown-menu {\n > li > a {\n color: $navbar-default-link-color;\n &:hover,\n &:focus {\n color: $navbar-default-link-hover-color;\n background-color: $navbar-default-link-hover-bg;\n }\n }\n > .active > a {\n &,\n &:hover,\n &:focus {\n color: $navbar-default-link-active-color;\n background-color: $navbar-default-link-active-bg;\n }\n }\n > .disabled > a {\n &,\n &:hover,\n &:focus {\n color: $navbar-default-link-disabled-color;\n background-color: $navbar-default-link-disabled-bg;\n }\n }\n }\n }\n }\n\n .navbar-toggle {\n border-color: $navbar-default-toggle-border-color;\n &:hover,\n &:focus {\n background-color: $navbar-default-toggle-hover-bg;\n }\n .icon-bar {\n background-color: $navbar-default-toggle-icon-bar-bg;\n }\n }\n\n .navbar-collapse,\n .navbar-form {\n border-color: $navbar-default-border;\n }\n\n\n // Links in navbars\n //\n // Add a class to ensure links outside the navbar nav are colored correctly.\n\n .navbar-link {\n color: $navbar-default-link-color;\n &:hover {\n color: $navbar-default-link-hover-color;\n }\n }\n\n .btn-link {\n color: $navbar-default-link-color;\n &:hover,\n &:focus {\n color: $navbar-default-link-hover-color;\n }\n &[disabled],\n fieldset[disabled] & {\n &:hover,\n &:focus {\n color: $navbar-default-link-disabled-color;\n }\n }\n }\n}\n\n// Inverse navbar\n\n.navbar-inverse {\n background-color: $navbar-inverse-bg;\n border-color: $navbar-inverse-border;\n\n .navbar-brand {\n color: $navbar-inverse-brand-color;\n &:hover,\n &:focus {\n color: $navbar-inverse-brand-hover-color;\n background-color: $navbar-inverse-brand-hover-bg;\n }\n }\n\n .navbar-text {\n color: $navbar-inverse-color;\n }\n\n .navbar-nav {\n > li > a {\n color: $navbar-inverse-link-color;\n\n &:hover,\n &:focus {\n color: $navbar-inverse-link-hover-color;\n background-color: $navbar-inverse-link-hover-bg;\n }\n }\n > .active > a {\n &,\n &:hover,\n &:focus {\n color: $navbar-inverse-link-active-color;\n background-color: $navbar-inverse-link-active-bg;\n }\n }\n > .disabled > a {\n &,\n &:hover,\n &:focus {\n color: $navbar-inverse-link-disabled-color;\n background-color: $navbar-inverse-link-disabled-bg;\n }\n }\n\n // Dropdowns\n > .open > a {\n &,\n &:hover,\n &:focus {\n color: $navbar-inverse-link-active-color;\n background-color: $navbar-inverse-link-active-bg;\n }\n }\n\n @media (max-width: $grid-float-breakpoint-max) {\n // Dropdowns get custom display\n .open .dropdown-menu {\n > .dropdown-header {\n border-color: $navbar-inverse-border;\n }\n .divider {\n background-color: $navbar-inverse-border;\n }\n > li > a {\n color: $navbar-inverse-link-color;\n &:hover,\n &:focus {\n color: $navbar-inverse-link-hover-color;\n background-color: $navbar-inverse-link-hover-bg;\n }\n }\n > .active > a {\n &,\n &:hover,\n &:focus {\n color: $navbar-inverse-link-active-color;\n background-color: $navbar-inverse-link-active-bg;\n }\n }\n > .disabled > a {\n &,\n &:hover,\n &:focus {\n color: $navbar-inverse-link-disabled-color;\n background-color: $navbar-inverse-link-disabled-bg;\n }\n }\n }\n }\n }\n\n // Darken the responsive nav toggle\n .navbar-toggle {\n border-color: $navbar-inverse-toggle-border-color;\n &:hover,\n &:focus {\n background-color: $navbar-inverse-toggle-hover-bg;\n }\n .icon-bar {\n background-color: $navbar-inverse-toggle-icon-bar-bg;\n }\n }\n\n .navbar-collapse,\n .navbar-form {\n border-color: darken($navbar-inverse-bg, 7%);\n }\n\n .navbar-link {\n color: $navbar-inverse-link-color;\n &:hover {\n color: $navbar-inverse-link-hover-color;\n }\n }\n\n .btn-link {\n color: $navbar-inverse-link-color;\n &:hover,\n &:focus {\n color: $navbar-inverse-link-hover-color;\n }\n &[disabled],\n fieldset[disabled] & {\n &:hover,\n &:focus {\n color: $navbar-inverse-link-disabled-color;\n }\n }\n }\n}\n","@use \"sass:math\";\n// Navbar vertical align\n//\n// Vertically center elements in the navbar.\n// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.\n\n@mixin navbar-vertical-align($element-height) {\n margin-top: math.div(($navbar-height - $element-height), 2);\n margin-bottom: math.div(($navbar-height - $element-height), 2);\n}\n","//\n// Breadcrumbs\n// --------------------------------------------------\n\n\n.breadcrumb {\n padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;\n margin-bottom: $line-height-computed;\n list-style: none;\n background-color: $breadcrumb-bg;\n border-radius: $border-radius-base;\n\n > li {\n display: inline-block;\n\n + li:before {\n padding: 0 5px;\n color: $breadcrumb-color;\n // [converter] Workaround for https://github.com/sass/libsass/issues/1115\n $nbsp: \"\\00a0\";\n content: \"#{$breadcrumb-separator}#{$nbsp}\"; // Unicode space added since inline-block means non-collapsing white-space\n }\n }\n\n > .active {\n color: $breadcrumb-active-color;\n }\n}\n","//\n// Pagination (multiple pages)\n// --------------------------------------------------\n.pagination {\n display: inline-block;\n padding-left: 0;\n margin: $line-height-computed 0;\n border-radius: $border-radius-base;\n\n > li {\n display: inline; // Remove list-style and block-level defaults\n > a,\n > span {\n position: relative;\n float: left; // Collapse white-space\n padding: $padding-base-vertical $padding-base-horizontal;\n margin-left: -1px;\n line-height: $line-height-base;\n color: $pagination-color;\n text-decoration: none;\n background-color: $pagination-bg;\n border: 1px solid $pagination-border;\n\n &:hover,\n &:focus {\n z-index: 2;\n color: $pagination-hover-color;\n background-color: $pagination-hover-bg;\n border-color: $pagination-hover-border;\n }\n }\n &:first-child {\n > a,\n > span {\n margin-left: 0;\n @include border-left-radius($border-radius-base);\n }\n }\n &:last-child {\n > a,\n > span {\n @include border-right-radius($border-radius-base);\n }\n }\n }\n\n > .active > a,\n > .active > span {\n &,\n &:hover,\n &:focus {\n z-index: 3;\n color: $pagination-active-color;\n cursor: default;\n background-color: $pagination-active-bg;\n border-color: $pagination-active-border;\n }\n }\n\n > .disabled {\n > span,\n > span:hover,\n > span:focus,\n > a,\n > a:hover,\n > a:focus {\n color: $pagination-disabled-color;\n cursor: $cursor-disabled;\n background-color: $pagination-disabled-bg;\n border-color: $pagination-disabled-border;\n }\n }\n}\n\n// Sizing\n// --------------------------------------------------\n\n// Large\n.pagination-lg {\n @include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);\n}\n\n// Small\n.pagination-sm {\n @include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);\n}\n","// Pagination\n\n@mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {\n > li {\n > a,\n > span {\n padding: $padding-vertical $padding-horizontal;\n font-size: $font-size;\n line-height: $line-height;\n }\n &:first-child {\n > a,\n > span {\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n > a,\n > span {\n @include border-right-radius($border-radius);\n }\n }\n }\n}\n","//\n// Pager pagination\n// --------------------------------------------------\n\n\n.pager {\n padding-left: 0;\n margin: $line-height-computed 0;\n text-align: center;\n list-style: none;\n @include clearfix;\n li {\n display: inline;\n > a,\n > span {\n display: inline-block;\n padding: 5px 14px;\n background-color: $pager-bg;\n border: 1px solid $pager-border;\n border-radius: $pager-border-radius;\n }\n\n > a:hover,\n > a:focus {\n text-decoration: none;\n background-color: $pager-hover-bg;\n }\n }\n\n .next {\n > a,\n > span {\n float: right;\n }\n }\n\n .previous {\n > a,\n > span {\n float: left;\n }\n }\n\n .disabled {\n > a,\n > a:hover,\n > a:focus,\n > span {\n color: $pager-disabled-color;\n cursor: $cursor-disabled;\n background-color: $pager-bg;\n }\n }\n}\n","//\n// Labels\n// --------------------------------------------------\n\n.label {\n display: inline;\n padding: .2em .6em .3em;\n font-size: 75%;\n font-weight: 700;\n line-height: 1;\n color: $label-color;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: .25em;\n\n // [converter] extracted a& to a.label\n\n // Empty labels collapse automatically (not available in IE8)\n &:empty {\n display: none;\n }\n\n // Quick fix for labels in buttons\n .btn & {\n position: relative;\n top: -1px;\n }\n}\n\n// Add hover effects, but only for links\na.label {\n &:hover,\n &:focus {\n color: $label-link-hover-color;\n text-decoration: none;\n cursor: pointer;\n }\n}\n\n// Colors\n// Contextual variations (linked labels get darker on :hover)\n\n.label-default {\n @include label-variant($label-default-bg);\n}\n\n.label-primary {\n @include label-variant($label-primary-bg);\n}\n\n.label-success {\n @include label-variant($label-success-bg);\n}\n\n.label-info {\n @include label-variant($label-info-bg);\n}\n\n.label-warning {\n @include label-variant($label-warning-bg);\n}\n\n.label-danger {\n @include label-variant($label-danger-bg);\n}\n","// Labels\n\n@mixin label-variant($color) {\n background-color: $color;\n\n &[href] {\n &:hover,\n &:focus {\n background-color: darken($color, 10%);\n }\n }\n}\n","//\n// Badges\n// --------------------------------------------------\n\n\n// Base class\n.badge {\n display: inline-block;\n min-width: 10px;\n padding: 3px 7px;\n font-size: $font-size-small;\n font-weight: $badge-font-weight;\n line-height: $badge-line-height;\n color: $badge-color;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n background-color: $badge-bg;\n border-radius: $badge-border-radius;\n\n // Empty badges collapse automatically (not available in IE8)\n &:empty {\n display: none;\n }\n\n // Quick fix for badges in buttons\n .btn & {\n position: relative;\n top: -1px;\n }\n\n .btn-xs &,\n .btn-group-xs > .btn & {\n top: 0;\n padding: 1px 5px;\n }\n\n // [converter] extracted a& to a.badge\n\n // Account for badges in navs\n .list-group-item.active > &,\n .nav-pills > .active > a > & {\n color: $badge-active-color;\n background-color: $badge-active-bg;\n }\n\n .list-group-item > & {\n float: right;\n }\n\n .list-group-item > & + & {\n margin-right: 5px;\n }\n\n .nav-pills > li > a > & {\n margin-left: 3px;\n }\n}\n\n// Hover state, but only for links\na.badge {\n &:hover,\n &:focus {\n color: $badge-link-hover-color;\n text-decoration: none;\n cursor: pointer;\n }\n}\n","@use \"sass:math\";\n//\n// Jumbotron\n// --------------------------------------------------\n\n\n.jumbotron {\n padding-top: $jumbotron-padding;\n padding-bottom: $jumbotron-padding;\n margin-bottom: $jumbotron-padding;\n color: $jumbotron-color;\n background-color: $jumbotron-bg;\n\n h1,\n .h1 {\n color: $jumbotron-heading-color;\n }\n\n p {\n margin-bottom: math.div($jumbotron-padding, 2);\n font-size: $jumbotron-font-size;\n font-weight: 200;\n }\n\n > hr {\n border-top-color: darken($jumbotron-bg, 10%);\n }\n\n .container &,\n .container-fluid & {\n padding-right: math.div($grid-gutter-width, 2);\n padding-left: math.div($grid-gutter-width, 2);\n border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container\n }\n\n .container {\n max-width: 100%;\n }\n\n @media screen and (min-width: $screen-sm-min) {\n padding-top: ($jumbotron-padding * 1.6);\n padding-bottom: ($jumbotron-padding * 1.6);\n\n .container &,\n .container-fluid & {\n padding-right: ($jumbotron-padding * 2);\n padding-left: ($jumbotron-padding * 2);\n }\n\n h1,\n .h1 {\n font-size: $jumbotron-heading-font-size;\n }\n }\n}\n","//\n// Thumbnails\n// --------------------------------------------------\n\n\n// Mixin and adjust the regular image class\n.thumbnail {\n display: block;\n padding: $thumbnail-padding;\n margin-bottom: $line-height-computed;\n line-height: $line-height-base;\n background-color: $thumbnail-bg;\n border: 1px solid $thumbnail-border;\n border-radius: $thumbnail-border-radius;\n @include transition(border .2s ease-in-out);\n\n > img,\n a > img {\n @include img-responsive;\n margin-right: auto;\n margin-left: auto;\n }\n\n // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active\n\n // Image captions\n .caption {\n padding: $thumbnail-caption-padding;\n color: $thumbnail-caption-color;\n }\n}\n\n// Add a hover state for linked versions only\na.thumbnail:hover,\na.thumbnail:focus,\na.thumbnail.active {\n border-color: $link-color;\n}\n","//\n// Alerts\n// --------------------------------------------------\n\n\n// Base styles\n// -------------------------\n\n.alert {\n padding: $alert-padding;\n margin-bottom: $line-height-computed;\n border: 1px solid transparent;\n border-radius: $alert-border-radius;\n\n // Headings for larger alerts\n h4 {\n margin-top: 0;\n color: inherit; // Specified for the h4 to prevent conflicts of changing $headings-color\n }\n\n // Provide class for links that match alerts\n .alert-link {\n font-weight: $alert-link-font-weight;\n }\n\n // Improve alignment and spacing of inner content\n > p,\n > ul {\n margin-bottom: 0;\n }\n\n > p + p {\n margin-top: 5px;\n }\n}\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n// The misspelled .alert-dismissable was deprecated in 3.2.0.\n.alert-dismissable,\n.alert-dismissible {\n padding-right: ($alert-padding + 20);\n\n // Adjust close link position\n .close {\n position: relative;\n top: -2px;\n right: -21px;\n color: inherit;\n }\n}\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n.alert-success {\n @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);\n}\n\n.alert-info {\n @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);\n}\n\n.alert-warning {\n @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);\n}\n\n.alert-danger {\n @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);\n}\n","// Alerts\n\n@mixin alert-variant($background, $border, $text-color) {\n color: $text-color;\n background-color: $background;\n border-color: $border;\n\n hr {\n border-top-color: darken($border, 5%);\n }\n\n .alert-link {\n color: darken($text-color, 10%);\n }\n}\n","//\n// Progress bars\n// --------------------------------------------------\n\n\n// Bar animations\n// -------------------------\n\n// WebKit\n@-webkit-keyframes progress-bar-stripes {\n from { background-position: 40px 0; }\n to { background-position: 0 0; }\n}\n\n// Spec and IE10+\n@keyframes progress-bar-stripes {\n from { background-position: 40px 0; }\n to { background-position: 0 0; }\n}\n\n\n// Bar itself\n// -------------------------\n\n// Outer container\n.progress {\n height: $line-height-computed;\n margin-bottom: $line-height-computed;\n overflow: hidden;\n background-color: $progress-bg;\n border-radius: $progress-border-radius;\n @include box-shadow(inset 0 1px 2px rgba(0, 0, 0, .1));\n}\n\n// Bar of progress\n.progress-bar {\n float: left;\n width: 0%;\n height: 100%;\n font-size: $font-size-small;\n line-height: $line-height-computed;\n color: $progress-bar-color;\n text-align: center;\n background-color: $progress-bar-bg;\n @include box-shadow(inset 0 -1px 0 rgba(0, 0, 0, .15));\n @include transition(width .6s ease);\n}\n\n// Striped bars\n//\n// `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the\n// `.progress-bar-striped` class, which you just add to an existing\n// `.progress-bar`.\n.progress-striped .progress-bar,\n.progress-bar-striped {\n @include gradient-striped;\n background-size: 40px 40px;\n}\n\n// Call animation for the active one\n//\n// `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the\n// `.progress-bar.active` approach.\n.progress.active .progress-bar,\n.progress-bar.active {\n @include animation(progress-bar-stripes 2s linear infinite);\n}\n\n\n// Variations\n// -------------------------\n\n.progress-bar-success {\n @include progress-bar-variant($progress-bar-success-bg);\n}\n\n.progress-bar-info {\n @include progress-bar-variant($progress-bar-info-bg);\n}\n\n.progress-bar-warning {\n @include progress-bar-variant($progress-bar-warning-bg);\n}\n\n.progress-bar-danger {\n @include progress-bar-variant($progress-bar-danger-bg);\n}\n","\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n// Color stops are not available in IE9 and below.\n@mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\n background-image: -webkit-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+\n background-image: -o-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Opera 12\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n// Color stops are not available in IE9 and below.\n@mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\n background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+\n background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Opera 12\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {\n background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+\n background-image: -o-linear-gradient($deg, $start-color, $end-color); // Opera 12\n background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n background-repeat: repeat-x;\n}\n@mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {\n background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);\n background-image: -o-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback\n background-repeat: no-repeat;\n}\n@mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {\n background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-image: -o-linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: #555, $outer-color: #333) {\n background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba(255, 255, 255, .15), $angle: 45deg) {\n background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Progress bars\n\n@mixin progress-bar-variant($color) {\n background-color: $color;\n\n // Deprecated parent class requirement as of v3.2.0\n .progress-striped & {\n @include gradient-striped;\n }\n}\n",".media {\n // Proper spacing between instances of .media\n margin-top: 15px;\n\n &:first-child {\n margin-top: 0;\n }\n}\n\n.media,\n.media-body {\n overflow: hidden;\n zoom: 1;\n}\n\n.media-body {\n width: 10000px;\n}\n\n.media-object {\n display: block;\n\n // Fix collapse in webkit from max-width: 100% and display: table-cell.\n &.img-thumbnail {\n max-width: none;\n }\n}\n\n.media-right,\n.media > .pull-right {\n padding-left: 10px;\n}\n\n.media-left,\n.media > .pull-left {\n padding-right: 10px;\n}\n\n.media-left,\n.media-right,\n.media-body {\n display: table-cell;\n vertical-align: top;\n}\n\n.media-middle {\n vertical-align: middle;\n}\n\n.media-bottom {\n vertical-align: bottom;\n}\n\n// Reset margins on headings for tighter default spacing\n.media-heading {\n margin-top: 0;\n margin-bottom: 5px;\n}\n\n// Media list variation\n//\n// Undo default ul/ol styles\n.media-list {\n padding-left: 0;\n list-style: none;\n}\n","//\n// List groups\n// --------------------------------------------------\n\n\n// Base class\n//\n// Easily usable on , , or .\n\n.list-group {\n // No need to set list-style: none; since .list-group-item is block level\n padding-left: 0; // reset padding because ul and ol\n margin-bottom: 20px;\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n position: relative;\n display: block;\n padding: 10px 15px;\n // Place the border on the list items and negative margin up for better styling\n margin-bottom: -1px;\n background-color: $list-group-bg;\n border: 1px solid $list-group-border;\n\n // Round the first and last items\n &:first-child {\n @include border-top-radius($list-group-border-radius);\n }\n &:last-child {\n margin-bottom: 0;\n @include border-bottom-radius($list-group-border-radius);\n }\n\n // Disabled state\n &.disabled,\n &.disabled:hover,\n &.disabled:focus {\n color: $list-group-disabled-color;\n cursor: $cursor-disabled;\n background-color: $list-group-disabled-bg;\n\n // Force color to inherit for custom content\n .list-group-item-heading {\n color: inherit;\n }\n .list-group-item-text {\n color: $list-group-disabled-text-color;\n }\n }\n\n // Active class on item itself, not parent\n &.active,\n &.active:hover,\n &.active:focus {\n z-index: 2; // Place active items above their siblings for proper border styling\n color: $list-group-active-color;\n background-color: $list-group-active-bg;\n border-color: $list-group-active-border;\n\n // Force color to inherit for custom content\n .list-group-item-heading,\n .list-group-item-heading > small,\n .list-group-item-heading > .small {\n color: inherit;\n }\n .list-group-item-text {\n color: $list-group-active-text-color;\n }\n }\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive items.\n// Includes an extra `.active` modifier class for showing selected items.\n\na.list-group-item,\nbutton.list-group-item {\n color: $list-group-link-color;\n\n .list-group-item-heading {\n color: $list-group-link-heading-color;\n }\n\n // Hover state\n &:hover,\n &:focus {\n color: $list-group-link-hover-color;\n text-decoration: none;\n background-color: $list-group-hover-bg;\n }\n}\n\nbutton.list-group-item {\n width: 100%;\n text-align: left;\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@include list-group-item-variant(success, $state-success-bg, $state-success-text);\n@include list-group-item-variant(info, $state-info-bg, $state-info-text);\n@include list-group-item-variant(warning, $state-warning-bg, $state-warning-text);\n@include list-group-item-variant(danger, $state-danger-bg, $state-danger-text);\n\n\n// Custom content options\n//\n// Extra classes for creating well-formatted content within `.list-group-item`s.\n\n.list-group-item-heading {\n margin-top: 0;\n margin-bottom: 5px;\n}\n.list-group-item-text {\n margin-bottom: 0;\n line-height: 1.3;\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: $color;\n background-color: $background;\n\n // [converter] extracted a&, button& to a.list-group-item-#{$state}, button.list-group-item-#{$state}\n }\n\n a.list-group-item-#{$state},\n button.list-group-item-#{$state} {\n color: $color;\n\n .list-group-item-heading {\n color: inherit;\n }\n\n &:hover,\n &:focus {\n color: $color;\n background-color: darken($background, 5%);\n }\n &.active,\n &.active:hover,\n &.active:focus {\n color: #fff;\n background-color: $color;\n border-color: $color;\n }\n }\n}\n","//\n// Panels\n// --------------------------------------------------\n\n\n// Base class\n.panel {\n margin-bottom: $line-height-computed;\n background-color: $panel-bg;\n border: 1px solid transparent;\n border-radius: $panel-border-radius;\n @include box-shadow(0 1px 1px rgba(0, 0, 0, .05));\n}\n\n// Panel contents\n.panel-body {\n padding: $panel-body-padding;\n @include clearfix;\n}\n\n// Optional heading\n.panel-heading {\n padding: $panel-heading-padding;\n border-bottom: 1px solid transparent;\n @include border-top-radius(($panel-border-radius - 1));\n\n > .dropdown .dropdown-toggle {\n color: inherit;\n }\n}\n\n// Within heading, strip any `h*` tag of its default margins for spacing.\n.panel-title {\n margin-top: 0;\n margin-bottom: 0;\n font-size: ceil(($font-size-base * 1.125));\n color: inherit;\n\n > a,\n > small,\n > .small,\n > small > a,\n > .small > a {\n color: inherit;\n }\n}\n\n// Optional footer (stays gray in every modifier class)\n.panel-footer {\n padding: $panel-footer-padding;\n background-color: $panel-footer-bg;\n border-top: 1px solid $panel-inner-border;\n @include border-bottom-radius(($panel-border-radius - 1));\n}\n\n\n// List groups in panels\n//\n// By default, space out list group content from panel headings to account for\n// any kind of custom content between the two.\n\n.panel {\n > .list-group,\n > .panel-collapse > .list-group {\n margin-bottom: 0;\n\n .list-group-item {\n border-width: 1px 0;\n border-radius: 0;\n }\n\n // Add border top radius for first one\n &:first-child {\n .list-group-item:first-child {\n border-top: 0;\n @include border-top-radius(($panel-border-radius - 1));\n }\n }\n\n // Add border bottom radius for last one\n &:last-child {\n .list-group-item:last-child {\n border-bottom: 0;\n @include border-bottom-radius(($panel-border-radius - 1));\n }\n }\n }\n > .panel-heading + .panel-collapse > .list-group {\n .list-group-item:first-child {\n @include border-top-radius(0);\n }\n }\n}\n// Collapse space between when there's no additional content.\n.panel-heading + .list-group {\n .list-group-item:first-child {\n border-top-width: 0;\n }\n}\n.list-group + .panel-footer {\n border-top-width: 0;\n}\n\n// Tables in panels\n//\n// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and\n// watch it go full width.\n\n.panel {\n > .table,\n > .table-responsive > .table,\n > .panel-collapse > .table {\n margin-bottom: 0;\n\n caption {\n padding-right: $panel-body-padding;\n padding-left: $panel-body-padding;\n }\n }\n // Add border top radius for first one\n > .table:first-child,\n > .table-responsive:first-child > .table:first-child {\n @include border-top-radius(($panel-border-radius - 1));\n\n > thead:first-child,\n > tbody:first-child {\n > tr:first-child {\n border-top-left-radius: ($panel-border-radius - 1);\n border-top-right-radius: ($panel-border-radius - 1);\n\n td:first-child,\n th:first-child {\n border-top-left-radius: ($panel-border-radius - 1);\n }\n td:last-child,\n th:last-child {\n border-top-right-radius: ($panel-border-radius - 1);\n }\n }\n }\n }\n // Add border bottom radius for last one\n > .table:last-child,\n > .table-responsive:last-child > .table:last-child {\n @include border-bottom-radius(($panel-border-radius - 1));\n\n > tbody:last-child,\n > tfoot:last-child {\n > tr:last-child {\n border-bottom-right-radius: ($panel-border-radius - 1);\n border-bottom-left-radius: ($panel-border-radius - 1);\n\n td:first-child,\n th:first-child {\n border-bottom-left-radius: ($panel-border-radius - 1);\n }\n td:last-child,\n th:last-child {\n border-bottom-right-radius: ($panel-border-radius - 1);\n }\n }\n }\n }\n > .panel-body + .table,\n > .panel-body + .table-responsive,\n > .table + .panel-body,\n > .table-responsive + .panel-body {\n border-top: 1px solid $table-border-color;\n }\n > .table > tbody:first-child > tr:first-child th,\n > .table > tbody:first-child > tr:first-child td {\n border-top: 0;\n }\n > .table-bordered,\n > .table-responsive > .table-bordered {\n border: 0;\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th:first-child,\n > td:first-child {\n border-left: 0;\n }\n > th:last-child,\n > td:last-child {\n border-right: 0;\n }\n }\n }\n > thead,\n > tbody {\n > tr:first-child {\n > td,\n > th {\n border-bottom: 0;\n }\n }\n }\n > tbody,\n > tfoot {\n > tr:last-child {\n > td,\n > th {\n border-bottom: 0;\n }\n }\n }\n }\n > .table-responsive {\n margin-bottom: 0;\n border: 0;\n }\n}\n\n\n// Collapsible panels (aka, accordion)\n//\n// Wrap a series of panels in `.panel-group` to turn them into an accordion with\n// the help of our collapse JavaScript plugin.\n\n.panel-group {\n margin-bottom: $line-height-computed;\n\n // Tighten up margin so it's only between panels\n .panel {\n margin-bottom: 0;\n border-radius: $panel-border-radius;\n\n + .panel {\n margin-top: 5px;\n }\n }\n\n .panel-heading {\n border-bottom: 0;\n\n + .panel-collapse > .panel-body,\n + .panel-collapse > .list-group {\n border-top: 1px solid $panel-inner-border;\n }\n }\n\n .panel-footer {\n border-top: 0;\n + .panel-collapse .panel-body {\n border-bottom: 1px solid $panel-inner-border;\n }\n }\n}\n\n\n// Contextual variations\n.panel-default {\n @include panel-variant($panel-default-border, $panel-default-text, $panel-default-heading-bg, $panel-default-border);\n}\n.panel-primary {\n @include panel-variant($panel-primary-border, $panel-primary-text, $panel-primary-heading-bg, $panel-primary-border);\n}\n.panel-success {\n @include panel-variant($panel-success-border, $panel-success-text, $panel-success-heading-bg, $panel-success-border);\n}\n.panel-info {\n @include panel-variant($panel-info-border, $panel-info-text, $panel-info-heading-bg, $panel-info-border);\n}\n.panel-warning {\n @include panel-variant($panel-warning-border, $panel-warning-text, $panel-warning-heading-bg, $panel-warning-border);\n}\n.panel-danger {\n @include panel-variant($panel-danger-border, $panel-danger-text, $panel-danger-heading-bg, $panel-danger-border);\n}\n","// Panels\n\n@mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) {\n border-color: $border;\n\n & > .panel-heading {\n color: $heading-text-color;\n background-color: $heading-bg-color;\n border-color: $heading-border;\n\n + .panel-collapse > .panel-body {\n border-top-color: $border;\n }\n .badge {\n color: $heading-bg-color;\n background-color: $heading-text-color;\n }\n }\n & > .panel-footer {\n + .panel-collapse > .panel-body {\n border-bottom-color: $border;\n }\n }\n}\n","// Embeds responsive\n//\n// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n position: relative;\n display: block;\n height: 0;\n padding: 0;\n overflow: hidden;\n\n .embed-responsive-item,\n iframe,\n embed,\n object,\n video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n}\n\n// Modifier class for 16:9 aspect ratio\n.embed-responsive-16by9 {\n padding-bottom: 56.25%;\n}\n\n// Modifier class for 4:3 aspect ratio\n.embed-responsive-4by3 {\n padding-bottom: 75%;\n}\n","//\n// Wells\n// --------------------------------------------------\n\n\n// Base class\n.well {\n min-height: 20px;\n padding: 19px;\n margin-bottom: 20px;\n background-color: $well-bg;\n border: 1px solid $well-border;\n border-radius: $border-radius-base;\n @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, .05));\n blockquote {\n border-color: #ddd;\n border-color: rgba(0, 0, 0, .15);\n }\n}\n\n// Sizes\n.well-lg {\n padding: 24px;\n border-radius: $border-radius-large;\n}\n.well-sm {\n padding: 9px;\n border-radius: $border-radius-small;\n}\n","//\n// Close icons\n// --------------------------------------------------\n\n\n.close {\n float: right;\n font-size: ($font-size-base * 1.5);\n font-weight: $close-font-weight;\n line-height: 1;\n color: $close-color;\n text-shadow: $close-text-shadow;\n @include opacity(.2);\n\n &:hover,\n &:focus {\n color: $close-color;\n text-decoration: none;\n cursor: pointer;\n @include opacity(.5);\n }\n\n // [converter] extracted button& to button.close\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\nbutton.close {\n padding: 0;\n cursor: pointer;\n background: transparent;\n border: 0;\n -webkit-appearance: none;\n appearance: none;\n}\n","//\n// Modals\n// --------------------------------------------------\n\n// .modal-open - body class for killing the scroll\n// .modal - container to scroll within\n// .modal-dialog - positioning shell for the actual modal\n// .modal-content - actual modal w/ bg and corners and shit\n\n// Kill the scroll on the body\n.modal-open {\n overflow: hidden;\n}\n\n// Container that the modal scrolls within\n.modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $zindex-modal;\n display: none;\n overflow: hidden;\n -webkit-overflow-scrolling: touch;\n\n // Prevent Chrome on Windows from adding a focus outline. For details, see\n // https://github.com/twbs/bootstrap/pull/10951.\n outline: 0;\n\n // When fading in the modal, animate it to slide down\n &.fade .modal-dialog {\n @include translate(0, -25%);\n @include transition-transform(0.3s ease-out);\n }\n &.in .modal-dialog { @include translate(0, 0); }\n}\n.modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 10px;\n}\n\n// Actual modal\n.modal-content {\n position: relative;\n background-color: $modal-content-bg;\n background-clip: padding-box;\n border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc)\n border: 1px solid $modal-content-border-color;\n border-radius: $border-radius-large;\n @include box-shadow(0 3px 9px rgba(0, 0, 0, .5));\n // Remove focus outline from opened modal\n outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $zindex-modal-background;\n background-color: $modal-backdrop-bg;\n // Fade for backdrop\n &.fade { @include opacity(0); }\n &.in { @include opacity($modal-backdrop-opacity); }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n padding: $modal-title-padding;\n border-bottom: 1px solid $modal-header-border-color;\n @include clearfix;\n}\n// Close icon\n.modal-header .close {\n margin-top: -2px;\n}\n\n// Title text within header\n.modal-title {\n margin: 0;\n line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n position: relative;\n padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n padding: $modal-inner-padding;\n text-align: right; // right align buttons\n border-top: 1px solid $modal-footer-border-color;\n @include clearfix; // clear it in case folks use .pull-* classes on buttons\n\n // Properly space out buttons\n .btn + .btn {\n margin-bottom: 0; // account for input[type=\"submit\"] which gets the bottom margin like all other inputs\n margin-left: 5px;\n }\n // but override that for button groups\n .btn-group .btn + .btn {\n margin-left: -1px;\n }\n // and override it for block buttons as well\n .btn-block + .btn-block {\n margin-left: 0;\n }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n// Scale up the modal\n@media (min-width: $screen-sm-min) {\n // Automatically set modal's width for larger viewports\n .modal-dialog {\n width: $modal-md;\n margin: 30px auto;\n }\n .modal-content {\n @include box-shadow(0 5px 15px rgba(0, 0, 0, .5));\n }\n\n // Modal sizes\n .modal-sm { width: $modal-sm; }\n}\n\n@media (min-width: $screen-md-min) {\n .modal-lg { width: $modal-lg; }\n}\n","//\n// Tooltips\n// --------------------------------------------------\n\n\n// Base class\n.tooltip {\n position: absolute;\n z-index: $zindex-tooltip;\n display: block;\n // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n @include reset-text;\n font-size: $font-size-small;\n\n @include opacity(0);\n\n &.in { @include opacity($tooltip-opacity); }\n &.top {\n padding: $tooltip-arrow-width 0;\n margin-top: -3px;\n }\n &.right {\n padding: 0 $tooltip-arrow-width;\n margin-left: 3px;\n }\n &.bottom {\n padding: $tooltip-arrow-width 0;\n margin-top: 3px;\n }\n &.left {\n padding: 0 $tooltip-arrow-width;\n margin-left: -3px;\n }\n\n // Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1\n &.top .tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -$tooltip-arrow-width;\n border-width: $tooltip-arrow-width $tooltip-arrow-width 0;\n border-top-color: $tooltip-arrow-color;\n }\n &.top-left .tooltip-arrow {\n right: $tooltip-arrow-width;\n bottom: 0;\n margin-bottom: -$tooltip-arrow-width;\n border-width: $tooltip-arrow-width $tooltip-arrow-width 0;\n border-top-color: $tooltip-arrow-color;\n }\n &.top-right .tooltip-arrow {\n bottom: 0;\n left: $tooltip-arrow-width;\n margin-bottom: -$tooltip-arrow-width;\n border-width: $tooltip-arrow-width $tooltip-arrow-width 0;\n border-top-color: $tooltip-arrow-color;\n }\n &.right .tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -$tooltip-arrow-width;\n border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;\n border-right-color: $tooltip-arrow-color;\n }\n &.left .tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -$tooltip-arrow-width;\n border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;\n border-left-color: $tooltip-arrow-color;\n }\n &.bottom .tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -$tooltip-arrow-width;\n border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;\n border-bottom-color: $tooltip-arrow-color;\n }\n &.bottom-left .tooltip-arrow {\n top: 0;\n right: $tooltip-arrow-width;\n margin-top: -$tooltip-arrow-width;\n border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;\n border-bottom-color: $tooltip-arrow-color;\n }\n &.bottom-right .tooltip-arrow {\n top: 0;\n left: $tooltip-arrow-width;\n margin-top: -$tooltip-arrow-width;\n border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;\n border-bottom-color: $tooltip-arrow-color;\n }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n max-width: $tooltip-max-width;\n padding: 3px 8px;\n color: $tooltip-color;\n text-align: center;\n background-color: $tooltip-bg;\n border-radius: $border-radius-base;\n}\n\n// Arrows\n.tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n","@mixin reset-text() {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size.\n font-style: normal;\n font-weight: 400;\n line-height: $line-height-base;\n line-break: auto;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n white-space: normal;\n}\n","//\n// Popovers\n// --------------------------------------------------\n\n\n.popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: $zindex-popover;\n display: none;\n max-width: $popover-max-width;\n padding: 1px;\n // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n @include reset-text;\n font-size: $font-size-base;\n background-color: $popover-bg;\n background-clip: padding-box;\n border: 1px solid $popover-fallback-border-color;\n border: 1px solid $popover-border-color;\n border-radius: $border-radius-large;\n @include box-shadow(0 5px 10px rgba(0, 0, 0, .2));\n\n // Offset the popover to account for the popover arrow\n &.top { margin-top: -$popover-arrow-width; }\n &.right { margin-left: $popover-arrow-width; }\n &.bottom { margin-top: $popover-arrow-width; }\n &.left { margin-left: -$popover-arrow-width; }\n\n // Arrows\n // .arrow is outer, .arrow:after is inner\n > .arrow {\n border-width: $popover-arrow-outer-width;\n\n &,\n &:after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n\n &:after {\n content: \"\";\n border-width: $popover-arrow-width;\n }\n }\n\n &.top > .arrow {\n bottom: -$popover-arrow-outer-width;\n left: 50%;\n margin-left: -$popover-arrow-outer-width;\n border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback\n border-top-color: $popover-arrow-outer-color;\n border-bottom-width: 0;\n &:after {\n bottom: 1px;\n margin-left: -$popover-arrow-width;\n content: \" \";\n border-top-color: $popover-arrow-color;\n border-bottom-width: 0;\n }\n }\n &.right > .arrow {\n top: 50%;\n left: -$popover-arrow-outer-width;\n margin-top: -$popover-arrow-outer-width;\n border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback\n border-right-color: $popover-arrow-outer-color;\n border-left-width: 0;\n &:after {\n bottom: -$popover-arrow-width;\n left: 1px;\n content: \" \";\n border-right-color: $popover-arrow-color;\n border-left-width: 0;\n }\n }\n &.bottom > .arrow {\n top: -$popover-arrow-outer-width;\n left: 50%;\n margin-left: -$popover-arrow-outer-width;\n border-top-width: 0;\n border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback\n border-bottom-color: $popover-arrow-outer-color;\n &:after {\n top: 1px;\n margin-left: -$popover-arrow-width;\n content: \" \";\n border-top-width: 0;\n border-bottom-color: $popover-arrow-color;\n }\n }\n\n &.left > .arrow {\n top: 50%;\n right: -$popover-arrow-outer-width;\n margin-top: -$popover-arrow-outer-width;\n border-right-width: 0;\n border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback\n border-left-color: $popover-arrow-outer-color;\n &:after {\n right: 1px;\n bottom: -$popover-arrow-width;\n content: \" \";\n border-right-width: 0;\n border-left-color: $popover-arrow-color;\n }\n }\n}\n\n.popover-title {\n padding: 8px 14px;\n margin: 0; // reset heading margin\n font-size: $font-size-base;\n background-color: $popover-title-bg;\n border-bottom: 1px solid darken($popover-title-bg, 5%);\n border-radius: ($border-radius-large - 1) ($border-radius-large - 1) 0 0;\n}\n\n.popover-content {\n padding: 9px 14px;\n}\n","@use \"sass:math\";\n//\n// Carousel\n// --------------------------------------------------\n\n\n// Wrapper for the slide container and indicators\n.carousel {\n position: relative;\n}\n\n.carousel-inner {\n position: relative;\n width: 100%;\n overflow: hidden;\n\n > .item {\n position: relative;\n display: none;\n @include transition(.6s ease-in-out left);\n\n // Account for jankitude on images\n > img,\n > a > img {\n @include img-responsive;\n line-height: 1;\n }\n\n // WebKit CSS3 transforms for supported devices\n @media all and (transform-3d), (-webkit-transform-3d) {\n @include transition-transform(0.6s ease-in-out);\n @include backface-visibility(hidden);\n @include perspective(1000px);\n\n &.next,\n &.active.right {\n @include translate3d(100%, 0, 0);\n left: 0;\n }\n &.prev,\n &.active.left {\n @include translate3d(-100%, 0, 0);\n left: 0;\n }\n &.next.left,\n &.prev.right,\n &.active {\n @include translate3d(0, 0, 0);\n left: 0;\n }\n }\n }\n\n > .active,\n > .next,\n > .prev {\n display: block;\n }\n\n > .active {\n left: 0;\n }\n\n > .next,\n > .prev {\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n > .next {\n left: 100%;\n }\n > .prev {\n left: -100%;\n }\n > .next.left,\n > .prev.right {\n left: 0;\n }\n\n > .active.left {\n left: -100%;\n }\n > .active.right {\n left: 100%;\n }\n\n}\n\n// Left/right controls for nav\n// ---------------------------\n\n.carousel-control {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: $carousel-control-width;\n font-size: $carousel-control-font-size;\n color: $carousel-control-color;\n text-align: center;\n text-shadow: $carousel-text-shadow;\n background-color: rgba(0, 0, 0, 0); // Fix IE9 click-thru bug\n @include opacity($carousel-control-opacity);\n // We can't have this transition here because WebKit cancels the carousel\n // animation if you trip this while in the middle of another animation.\n\n // Set gradients for backgrounds\n &.left {\n @include gradient-horizontal($start-color: rgba(0, 0, 0, .5), $end-color: rgba(0, 0, 0, .0001));\n }\n &.right {\n right: 0;\n left: auto;\n @include gradient-horizontal($start-color: rgba(0, 0, 0, .0001), $end-color: rgba(0, 0, 0, .5));\n }\n\n // Hover/focus state\n &:hover,\n &:focus {\n color: $carousel-control-color;\n text-decoration: none;\n outline: 0;\n @include opacity(.9);\n }\n\n // Toggles\n .icon-prev,\n .icon-next,\n .glyphicon-chevron-left,\n .glyphicon-chevron-right {\n position: absolute;\n top: 50%;\n z-index: 5;\n display: inline-block;\n margin-top: -10px;\n }\n .icon-prev,\n .glyphicon-chevron-left {\n left: 50%;\n margin-left: -10px;\n }\n .icon-next,\n .glyphicon-chevron-right {\n right: 50%;\n margin-right: -10px;\n }\n .icon-prev,\n .icon-next {\n width: 20px;\n height: 20px;\n font-family: serif;\n line-height: 1;\n }\n\n .icon-prev {\n &:before {\n content: \"\\2039\";// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)\n }\n }\n .icon-next {\n &:before {\n content: \"\\203a\";// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)\n }\n }\n}\n\n// Optional indicator pips\n//\n// Add an unordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n position: absolute;\n bottom: 10px;\n left: 50%;\n z-index: 15;\n width: 60%;\n padding-left: 0;\n margin-left: -30%;\n text-align: center;\n list-style: none;\n\n li {\n display: inline-block;\n width: 10px;\n height: 10px;\n margin: 1px;\n text-indent: -999px;\n cursor: pointer;\n // IE8-9 hack for event handling\n //\n // Internet Explorer 8-9 does not support clicks on elements without a set\n // `background-color`. We cannot use `filter` since that's not viewed as a\n // background color by the browser. Thus, a hack is needed.\n // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer\n //\n // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we\n // set alpha transparency for the best results possible.\n background-color: #000 \\9; // IE8\n background-color: rgba(0, 0, 0, 0); // IE9\n\n border: 1px solid $carousel-indicator-border-color;\n border-radius: 10px;\n }\n\n .active {\n width: 12px;\n height: 12px;\n margin: 0;\n background-color: $carousel-indicator-active-bg;\n }\n}\n\n// Optional captions\n// -----------------------------\n// Hidden by default for smaller viewports\n.carousel-caption {\n position: absolute;\n right: 15%;\n bottom: 20px;\n left: 15%;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: $carousel-caption-color;\n text-align: center;\n text-shadow: $carousel-text-shadow;\n\n & .btn {\n text-shadow: none; // No shadow for button elements in carousel-caption\n }\n}\n\n\n// Scale up controls for tablets and up\n@media screen and (min-width: $screen-sm-min) {\n\n // Scale up the controls a smidge\n .carousel-control {\n .glyphicon-chevron-left,\n .glyphicon-chevron-right,\n .icon-prev,\n .icon-next {\n width: ($carousel-control-font-size * 1.5);\n height: ($carousel-control-font-size * 1.5);\n margin-top: math.div($carousel-control-font-size, -2);\n font-size: ($carousel-control-font-size * 1.5);\n }\n .glyphicon-chevron-left,\n .icon-prev {\n margin-left: math.div($carousel-control-font-size, -2);\n }\n .glyphicon-chevron-right,\n .icon-next {\n margin-right: math.div($carousel-control-font-size, -2);\n }\n }\n\n // Show and left align the captions\n .carousel-caption {\n right: 20%;\n left: 20%;\n padding-bottom: 30px;\n }\n\n // Move up the indicators\n .carousel-indicators {\n bottom: 20px;\n }\n}\n","//\n// Utility classes\n// --------------------------------------------------\n\n\n// Floats\n// -------------------------\n\n.clearfix {\n @include clearfix;\n}\n.center-block {\n @include center-block;\n}\n.pull-right {\n float: right !important;\n}\n.pull-left {\n float: left !important;\n}\n\n\n// Toggling content\n// -------------------------\n\n// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1\n.hide {\n display: none !important;\n}\n.show {\n display: block !important;\n}\n.invisible {\n visibility: hidden;\n}\n.text-hide {\n @include text-hide;\n}\n\n\n// Hide from screenreaders and browsers\n//\n// Credit: HTML5 Boilerplate\n\n.hidden {\n display: none !important;\n}\n\n\n// For Affix plugin\n// -------------------------\n\n.affix {\n position: fixed;\n}\n","// Center-align a block level element\n\n@mixin center-block() {\n display: block;\n margin-right: auto;\n margin-left: auto;\n}\n","// CSS image replacement\n//\n// Heads up! v3 launched with only `.hide-text()`, but per our pattern for\n// mixins being reused as classes with the same name, this doesn't hold up. As\n// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.\n//\n// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757\n\n// Deprecated as of v3.0.1 (has been removed in v4)\n@mixin hide-text() {\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n\n// New mixin to use as of v3.0.1\n@mixin text-hide() {\n @include hide-text;\n}\n","//\n// Responsive: Utility classes\n// --------------------------------------------------\n\n\n// IE10 in Windows (Phone) 8\n//\n// Support for responsive views via media queries is kind of borked in IE10, for\n// Surface/desktop in split view and for Windows Phone 8. This particular fix\n// must be accompanied by a snippet of JavaScript to sniff the user agent and\n// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at\n// our Getting Started page for more information on this bug.\n//\n// For more information, see the following:\n//\n// Issue: https://github.com/twbs/bootstrap/issues/10497\n// Docs: https://getbootstrap.com/docs/3.4/getting-started/#support-ie10-width\n// Source: https://timkadlec.com/2013/01/windows-phone-8-and-device-width/\n// Source: https://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/\n\n@at-root {\n @-ms-viewport {\n width: device-width;\n }\n}\n\n\n// Visibility utilities\n// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0\n\n@include responsive-invisibility('.visible-xs');\n@include responsive-invisibility('.visible-sm');\n@include responsive-invisibility('.visible-md');\n@include responsive-invisibility('.visible-lg');\n\n.visible-xs-block,\n.visible-xs-inline,\n.visible-xs-inline-block,\n.visible-sm-block,\n.visible-sm-inline,\n.visible-sm-inline-block,\n.visible-md-block,\n.visible-md-inline,\n.visible-md-inline-block,\n.visible-lg-block,\n.visible-lg-inline,\n.visible-lg-inline-block {\n display: none !important;\n}\n\n@media (max-width: $screen-xs-max) {\n @include responsive-visibility('.visible-xs');\n}\n.visible-xs-block {\n @media (max-width: $screen-xs-max) {\n display: block !important;\n }\n}\n.visible-xs-inline {\n @media (max-width: $screen-xs-max) {\n display: inline !important;\n }\n}\n.visible-xs-inline-block {\n @media (max-width: $screen-xs-max) {\n display: inline-block !important;\n }\n}\n\n@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\n @include responsive-visibility('.visible-sm');\n}\n.visible-sm-block {\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\n display: block !important;\n }\n}\n.visible-sm-inline {\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\n display: inline !important;\n }\n}\n.visible-sm-inline-block {\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\n display: inline-block !important;\n }\n}\n\n@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\n @include responsive-visibility('.visible-md');\n}\n.visible-md-block {\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\n display: block !important;\n }\n}\n.visible-md-inline {\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\n display: inline !important;\n }\n}\n.visible-md-inline-block {\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\n display: inline-block !important;\n }\n}\n\n@media (min-width: $screen-lg-min) {\n @include responsive-visibility('.visible-lg');\n}\n.visible-lg-block {\n @media (min-width: $screen-lg-min) {\n display: block !important;\n }\n}\n.visible-lg-inline {\n @media (min-width: $screen-lg-min) {\n display: inline !important;\n }\n}\n.visible-lg-inline-block {\n @media (min-width: $screen-lg-min) {\n display: inline-block !important;\n }\n}\n\n@media (max-width: $screen-xs-max) {\n @include responsive-invisibility('.hidden-xs');\n}\n\n@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\n @include responsive-invisibility('.hidden-sm');\n}\n\n@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\n @include responsive-invisibility('.hidden-md');\n}\n\n@media (min-width: $screen-lg-min) {\n @include responsive-invisibility('.hidden-lg');\n}\n\n\n// Print utilities\n//\n// Media queries are placed on the inside to be mixin-friendly.\n\n// Note: Deprecated .visible-print as of v3.2.0\n\n@include responsive-invisibility('.visible-print');\n\n@media print {\n @include responsive-visibility('.visible-print');\n}\n.visible-print-block {\n display: none !important;\n\n @media print {\n display: block !important;\n }\n}\n.visible-print-inline {\n display: none !important;\n\n @media print {\n display: inline !important;\n }\n}\n.visible-print-inline-block {\n display: none !important;\n\n @media print {\n display: inline-block !important;\n }\n}\n\n@media print {\n @include responsive-invisibility('.hidden-print');\n}\n","// [converter] $parent hack\n@mixin responsive-visibility($parent) {\n #{$parent} {\n display: block !important;\n }\n table#{$parent} { display: table !important; }\n tr#{$parent} { display: table-row !important; }\n th#{$parent},\n td#{$parent} { display: table-cell !important; }\n}\n\n// [converter] $parent hack\n@mixin responsive-invisibility($parent) {\n #{$parent} {\n display: none !important;\n }\n}\n",".align-items-center {\r\n align-items: center;\r\n}\r\n\r\n.align-items-start {\r\n align-items: start;\r\n}\r\n\r\n.d-flex {\r\n display: flex;\r\n}\r\n\r\n.d-block {\r\n display: block;\r\n}\r\n\r\n.d-inline-block {\r\n display: inline-block;\r\n}\r\n\r\n.d-inline {\r\n display: inline;\r\n}\r\n\r\n.fixed-bottom {\r\n position: fixed;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 1030;\r\n}\r\n\r\n.flex-column {\r\n flex-direction: column;\r\n}\r\n\r\n.flex-row {\r\n flex-direction: row;\r\n}\r\n\r\n.flex-wrap {\r\n flex-wrap: wrap;\r\n}\r\n\r\n.flex-1 {\r\n flex: 1;\r\n}\r\n\r\n.flex-2 {\r\n flex: 2;\r\n}\r\n\r\n.flex-3 {\r\n flex: 3;\r\n}\r\n\r\n.flex-grow-1 {\r\n flex-grow: 1;\r\n}\r\n\r\n.flex-grow-2 {\r\n flex-grow: 2;\r\n}\r\n\r\n.flex-grow-3 {\r\n flex-grow: 3;\r\n}\r\n\r\n.flex-shrink-0 {\r\n flex-shrink: 0;\r\n}\r\n\r\n.gap-3 {\r\n gap: 1rem !important;\r\n}\r\n\r\n.justify-content-between {\r\n justify-content: space-between;\r\n}\r\n\r\n.justify-content-center {\r\n justify-content: center;\r\n}\r\n\r\n.justify-content-end {\r\n justify-content: flex-end;\r\n}\r\n\r\n.justify-content-start {\r\n justify-content: flex-start;\r\n}\r\n\r\n.max-h-100 {\r\n max-height: 100%;\r\n}\r\n\r\n.mr-3,\r\n.mx-3 {\r\n margin-right: 0.8rem;\r\n}\r\n\r\n.mt-3 {\r\n margin-top: 0.8rem;\r\n}\r\n\r\n.mb-3 {\r\n margin-bottom: 0.8rem;\r\n}\r\n\r\n.ml-3 {\r\n margin-left: 0.8rem;\r\n}\r\n\r\n.mt-4,\r\n.my-4 {\r\n margin-top: 1.6rem;\r\n}\r\n\r\n.mb-4 {\r\n margin-bottom: 1.6rem;\r\n}\r\n\r\n.overflow-auto {\r\n overflow: auto;\r\n}\r\n\r\n.overflow-y-auto {\r\n overflow-y: auto;\r\n}\r\n\r\n.overflow-y-hidden {\r\n overflow-y: hidden;\r\n}\r\n\r\n.overflow-x-hidden {\r\n overflow-x: hidden;\r\n}\r\n\r\n.overflow-x-auto {\r\n overflow-x: auto;\r\n}\r\n\r\n.overflow-hidden {\r\n overflow: hidden;\r\n}\r\n\r\n.h-100 {\r\n height: 100% !important;\r\n}\r\n\r\n.w-100 {\r\n width: 100% !important;\r\n}\r\n\r\n.vh-100 {\r\n height: 100vh !important;\r\n}\r\n\r\n.vw-100 {\r\n width: 100vw !important;\r\n}\r\n\r\n.p-0 {\r\n padding: 0;\r\n}\r\n\r\n.p-5 {\r\n padding: 2.4rem;\r\n}\r\n\r\n.pb-3,\r\n.py-3 {\r\n padding-bottom: 0.8rem;\r\n}\r\n\r\n.px-5 {\r\n padding-left: 2.4rem;\r\n padding-right: 2.4rem;\r\n}\r\n\r\n.rounded-0 {\r\n border-radius: 0 !important;\r\n}\r\n\r\n.text-transform-none {\r\n text-transform: none !important;\r\n}\r\n\r\n.text-decoration-line-hover:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n.text-break {\r\n word-wrap: break-word;\r\n word-break: break-word;\r\n}\r\n\r\n.text-nowrap {\r\n white-space: nowrap;\r\n}\r\n",".c3 svg {\r\n font: 10px sans-serif;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n.c3 line,\r\n.c3 path {\r\n fill: none;\r\n stroke: #000;\r\n}\r\n.c3 text {\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n user-select: none;\r\n}\r\n.c3-bars path,\r\n.c3-event-rect,\r\n.c3-legend-item-tile,\r\n.c3-xgrid-focus,\r\n.c3-ygrid {\r\n shape-rendering: crispEdges;\r\n}\r\n.c3-chart-arc path {\r\n stroke: #fff;\r\n}\r\n.c3-chart-arc text {\r\n fill: #fff;\r\n font-size: 13px;\r\n}\r\n.c3-grid line {\r\n stroke: #aaa;\r\n}\r\n.c3-grid text {\r\n fill: #aaa;\r\n}\r\n.c3-xgrid,\r\n.c3-ygrid {\r\n stroke-dasharray: 3 3;\r\n}\r\n.c3-text.c3-empty {\r\n fill: gray;\r\n font-size: 2em;\r\n}\r\n.c3-line {\r\n stroke-width: 1px;\r\n}\r\n.c3-circle._expanded_ {\r\n stroke-width: 1px;\r\n stroke: #fff;\r\n}\r\n.c3-selected-circle {\r\n fill: #fff;\r\n stroke-width: 2px;\r\n}\r\n.c3-bar {\r\n stroke-width: 0;\r\n}\r\n.c3-bar._expanded_ {\r\n fill-opacity: 0.75;\r\n}\r\n.c3-target.c3-focused {\r\n opacity: 1;\r\n}\r\n.c3-target.c3-focused path.c3-line,\r\n.c3-target.c3-focused path.c3-step {\r\n stroke-width: 2px;\r\n}\r\n.c3-target.c3-defocused {\r\n opacity: 0.3 !important;\r\n}\r\n.c3-region {\r\n fill: #4682b4;\r\n fill-opacity: 0.1;\r\n}\r\n.c3-brush .extent {\r\n fill-opacity: 0.1;\r\n}\r\n.c3-legend-item {\r\n font-size: 12px;\r\n}\r\n.c3-legend-item-hidden {\r\n opacity: 0.15;\r\n}\r\n.c3-legend-background {\r\n opacity: 0.75;\r\n fill: #fff;\r\n stroke: #d3d3d3;\r\n stroke-width: 1;\r\n}\r\n.c3-title {\r\n font: 14px sans-serif;\r\n}\r\n.c3-tooltip-container {\r\n z-index: 10;\r\n}\r\n.c3-tooltip {\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n background-color: #fff;\r\n empty-cells: show;\r\n -webkit-box-shadow: 7px 7px 12px -9px #777;\r\n -moz-box-shadow: 7px 7px 12px -9px #777;\r\n box-shadow: 7px 7px 12px -9px #777;\r\n opacity: 0.9;\r\n}\r\n.c3-tooltip tr {\r\n border: 1px solid #ccc;\r\n}\r\n.c3-tooltip th {\r\n background-color: #aaa;\r\n font-size: 14px;\r\n padding: 2px 5px;\r\n text-align: left;\r\n color: #fff;\r\n}\r\n.c3-tooltip td {\r\n font-size: 13px;\r\n padding: 3px 6px;\r\n background-color: #fff;\r\n border-left: 1px dotted #999;\r\n}\r\n.c3-tooltip td > span {\r\n display: inline-block;\r\n width: 10px;\r\n height: 10px;\r\n margin-right: 6px;\r\n}\r\n.c3-tooltip td.value {\r\n text-align: right;\r\n}\r\n.c3-area {\r\n stroke-width: 0;\r\n opacity: 0.2;\r\n}\r\n.c3-chart-arcs-title {\r\n dominant-baseline: middle;\r\n font-size: 1.3em;\r\n}\r\n.c3-chart-arcs .c3-chart-arcs-background {\r\n fill: #e0e0e0;\r\n stroke: none;\r\n}\r\n.c3-chart-arcs .c3-chart-arcs-gauge-unit {\r\n fill: #000;\r\n font-size: 16px;\r\n}\r\n.c3-chart-arcs .c3-chart-arcs-gauge-max,\r\n.c3-chart-arcs .c3-chart-arcs-gauge-min {\r\n fill: #777;\r\n}\r\n.c3-chart-arc .c3-gauge-value {\r\n fill: #000;\r\n}\r\n",".c3 svg {\r\n overflow: inherit !important;\r\n}\r\n","/*Version-2.23.0*/\r\n.pvtUi {\r\n color: var(--lc-default-text-color);\r\n}\r\n\r\ntable.pvtTable {\r\n font-size: 8pt;\r\n text-align: left;\r\n border-collapse: collapse;\r\n}\r\n\r\ntable.pvtTable thead tr th,\r\ntable.pvtTable tbody tr th {\r\n background-color: var(--lc-default-table-header-bg-color);\r\n border: 1px solid var(--lc-default-table-header-border-color);\r\n font-size: 8pt;\r\n padding: 5px;\r\n}\r\n\r\ntable.pvtTable .pvtColLabel {\r\n text-align: center;\r\n}\r\n\r\ntable.pvtTable .pvtTotalLabel {\r\n text-align: right;\r\n}\r\n\r\ntable.pvtTable tbody tr td {\r\n color: var(--lc-default-text-color);\r\n padding: 5px;\r\n background-color: var(--lc-default-bg-color);\r\n border: 1px solid var(--lc-default-table-body-border-color);\r\n vertical-align: top;\r\n text-align: right;\r\n}\r\n\r\n.pvtTotal,\r\n.pvtGrandTotal {\r\n font-weight: var(--lc-font-weight-bold);\r\n}\r\n\r\n.pvtVals {\r\n text-align: center;\r\n white-space: nowrap;\r\n}\r\n\r\n.pvtRowOrder,\r\n.pvtColOrder {\r\n cursor: pointer;\r\n width: 15px;\r\n margin-left: 5px;\r\n display: inline-block;\r\n}\r\n\r\n.pvtAggregator {\r\n margin-bottom: 5px;\r\n}\r\n\r\n.pvtAxisContainer,\r\n.pvtVals {\r\n border: 1px solid var(--lc-default-border-color);\r\n background: var(--lc-default-panel-bg-color);\r\n padding: 5px;\r\n min-width: 20px;\r\n min-height: 20px;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -khtml-user-select: none;\r\n -ms-user-select: none;\r\n}\r\n\r\n.pvtAxisContainer li {\r\n padding: 8px 6px;\r\n list-style-type: none;\r\n cursor: move;\r\n}\r\n\r\n.pvtAxisContainer li.pvtPlaceholder {\r\n -webkit-border-radius: 5px;\r\n padding: 3px 15px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n border: 1px dashed var(--lc-default-border-color);\r\n}\r\n\r\n.pvtAxisContainer li span.pvtAttr {\r\n -webkit-text-size-adjust: 100%;\r\n background: var(--lc-default-panel-bg-color);\r\n border: 1px solid var(--lc-default-form-border-color);\r\n padding: 2px 5px;\r\n white-space: nowrap;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n}\r\n\r\n.pvtTriangle {\r\n cursor: pointer;\r\n color: var(--lc-muted-text-color);\r\n}\r\n\r\n.pvtHorizList li {\r\n display: inline;\r\n}\r\n\r\n.pvtVertList {\r\n vertical-align: top;\r\n}\r\n\r\n.pvtFilteredAttribute {\r\n font-style: italic;\r\n}\r\n\r\n.pvtFilter {\r\n position: fixed !important;\r\n}\r\n\r\n.pvtFilterBox {\r\n z-index: 100;\r\n width: 300px;\r\n border: 1px solid var(--lc-default-border-color);\r\n background-color: var(--lc-default-bg-color);\r\n position: absolute;\r\n text-align: center;\r\n}\r\n\r\n.pvtFilterBox h4 {\r\n margin: 15px;\r\n}\r\n\r\n.pvtFilterBox p {\r\n margin: 10px auto;\r\n}\r\n\r\n.pvtFilterBox label {\r\n font-weight: var(--lc-font-weight-normal);\r\n}\r\n\r\n.pvtFilterBox input[type=\"checkbox\"] {\r\n margin-right: 10px;\r\n margin-left: 10px;\r\n}\r\n\r\n.pvtFilterBox input[type=\"text\"] {\r\n width: 230px;\r\n}\r\n\r\n.pvtFilterBox .count {\r\n color: var(--lc-muted-text-color);\r\n font-weight: var(--lc-font-weight-normal);\r\n margin-left: 3px;\r\n}\r\n\r\n.pvtCheckContainer {\r\n text-align: left;\r\n font-size: 14px;\r\n white-space: nowrap;\r\n overflow-y: scroll;\r\n width: 100%;\r\n max-height: 250px;\r\n border-top: 1px solid var(--lc-default-border-divider-color);\r\n border-bottom: 1px solid var(--lc-default-border-divider-color);\r\n}\r\n\r\n.pvtCheckContainer p {\r\n margin: 5px;\r\n}\r\n\r\n.pvtRendererArea {\r\n padding: 5px;\r\n}\r\n","/*!\r\n * jQuery UI CSS Framework 1.13.2 color overwriting\r\n */\r\n\r\n/* Component containers\r\n----------------------------------*/\r\n.ui-widget {\r\n font-family: var(--lc-font);\r\n font-size: 1em;\r\n}\r\n.ui-widget .ui-widget {\r\n font-size: 1em;\r\n}\r\n.ui-widget input,\r\n.ui-widget select,\r\n.ui-widget textarea,\r\n.ui-widget button {\r\n font-family: var(--lc-font);\r\n font-size: 1em;\r\n}\r\n.ui-widget.ui-widget-content {\r\n border: 1px solid var(--lc-default-border-color);\r\n}\r\n.ui-widget-content {\r\n border: 1px solid var(--lc-default-border-color);\r\n background: var(--lc-default-bg-color);\r\n color: var(--lc-default-text-color);\r\n}\r\n.ui-widget-content a {\r\n color: var(--lc-default-text-color);\r\n}\r\n.ui-widget-header {\r\n border: 1px solid var(--lc-default-bg-color);\r\n background: var(--lc-default-bg-color);\r\n color: var(--lc-default-text-color);\r\n font-weight: var(--lc-font-weight-bold);\r\n}\r\n.ui-widget-header a {\r\n color: var(--lc-default-text-color);\r\n}\r\n\r\n.ui-autocomplete-input {\r\n border: 1px solid var(--lc-default-form-border-color);\r\n background: var(--lc-default-bg-color);\r\n color: var(--lc-default-text-color);\r\n}\r\n\r\n.ui-progressbar-value {\r\n background-color: var(--lc-primary-color);\r\n border-color: var(--lc-primary-color);\r\n}\r\n\r\n.ui-checkboxradio-label .ui-icon-background,\r\n.ui-checkboxradio-radio-label .ui-icon-background {\r\n box-shadow: none;\r\n border: 1px solid var(--lc-default-form-border-color);\r\n}\r\n\r\n.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,\r\n.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {\r\n width: 16px;\r\n height: 16px;\r\n}\r\n\r\n/* Interaction states\r\n----------------------------------*/\r\n.ui-state-default,\r\n.ui-widget-content .ui-state-default,\r\n.ui-widget-header .ui-state-default,\r\n.ui-button {\r\n border: 1px solid var(--lc-default-border-color); /*{borderColorDefault}*/\r\n background: var(\r\n --lc-default-bg-color\r\n ); /*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/\r\n /*{bgDefaultRepeat}*/\r\n font-weight: var(--lc-font-weight-normal) /*{fwDefault}*/;\r\n color: var(--lc-default-text-color); /*{fcDefault}*/\r\n}\r\n\r\nhtml .ui-button.ui-state-disabled:hover,\r\nhtml .ui-button.ui-state-disabled:active {\r\n border: 1px solid var(--lc-disabled-border-color); /*{borderColorDefault}*/\r\n background: var(\r\n --lc-disabled-bg-color\r\n ); /*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/\r\n /*{bgDefaultRepeat}*/\r\n font-weight: var(--lc-font-weight-normal) /*{fwDefault}*/;\r\n color: var(--lc-disabled-text-color); /*{fcDefault}*/\r\n}\r\n.ui-state-default a,\r\n.ui-state-default a:link,\r\n.ui-state-default a:visited,\r\na.ui-button,\r\na:link.ui-button,\r\na:visited.ui-button,\r\n.ui-button {\r\n color: var(--lc-default-text-color) /*{fcDefault}*/;\r\n text-decoration: none;\r\n}\r\n.ui-state-hover,\r\n.ui-widget-content .ui-state-hover,\r\n.ui-widget-header .ui-state-hover,\r\n.ui-state-focus,\r\n.ui-widget-content .ui-state-focus,\r\n.ui-widget-header .ui-state-focus,\r\n.ui-button:hover,\r\n.ui-button:focus {\r\n border: 1px solid var(--lc-default-border-color); /*{borderColorHover}*/\r\n background: var(\r\n --lc-default-bg-color\r\n ); /*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/\r\n font-weight: var(--lc-font-weight-normal) /*{fwDefault}*/;\r\n color: var(--lc-default-text-color); /*{fcHover}*/\r\n}\r\n.ui-state-hover a,\r\n.ui-state-hover a:hover,\r\n.ui-state-hover a:link,\r\n.ui-state-hover a:visited,\r\n.ui-state-focus a,\r\n.ui-state-focus a:hover,\r\n.ui-state-focus a:link,\r\n.ui-state-focus a:visited,\r\na.ui-button:hover,\r\na.ui-button:focus {\r\n color: var(--lc-hover-link-color); /*{fcHover}*/\r\n text-decoration: none;\r\n}\r\n\r\n.ui-visual-focus {\r\n box-shadow: var(--lc-ui-element-box-shadow);\r\n}\r\n.ui-state-active,\r\n.ui-widget-content .ui-state-active,\r\n.ui-widget-header .ui-state-active,\r\na.ui-button:active,\r\n.ui-button:active,\r\n.ui-button.ui-state-active:hover {\r\n border: 1px solid var(--lc-default-border-color) /*{borderColorActive}*/;\r\n background: var(--lc-secondary-subtle-color) /*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/\r\n /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;\r\n font-weight: var(--lc-font-weight-normal) /*{fwDefault}*/;\r\n color: var(--lc-default-text-color); /*{fcActive}*/\r\n}\r\n.ui-icon-background,\r\n.ui-state-active .ui-icon-background {\r\n border: var(--lc-active-bg-color) /*{borderColorActive}*/;\r\n background-color: var(--lc-default-bg-color); /*{fcActive}*/\r\n color: var(--lc-default-text-color);\r\n}\r\n.ui-state-active a,\r\n.ui-state-active a:link,\r\n.ui-state-active a:visited {\r\n color: var(--lc-default-text-color); /*{fcActive}*/\r\n text-decoration: none;\r\n}\r\n\r\n/* Interaction Cues\r\n----------------------------------*/\r\n.ui-state-highlight,\r\n.ui-widget-content .ui-state-highlight,\r\n.ui-widget-header .ui-state-highlight {\r\n border: 1px solid var(--lc-primary-subtle-color); /*{borderColorHighlight}*/\r\n background: var(\r\n --lc-primary-subtle-color\r\n ); /*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/\r\n color: var(--lc-default-text-color); /*{fcHighlight}*/\r\n}\r\n.ui-state-checked {\r\n border: 1px solid var(--lc-active-bg-color) /*{borderColorHighlight}*/;\r\n background: var(--lc-active-bg-color) /*{bgColorHighlight}*/;\r\n color: var(--lc-complementary-text-color);\r\n}\r\n.ui-state-highlight a,\r\n.ui-widget-content .ui-state-highlight a,\r\n.ui-widget-header .ui-state-highlight a {\r\n color: var(--lc-default-text-color); /*{fcHighlight}*/\r\n}\r\n.ui-state-error,\r\n.ui-widget-content .ui-state-error,\r\n.ui-widget-header .ui-state-error {\r\n border: 1px solid var(--lc-danger-subtle-color); /*{borderColorError}*/\r\n background: var(\r\n --lc-danger-subtle-color\r\n ); /*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/\r\n color: var(--lc-default-text-color); /*{fcError}*/\r\n}\r\n.ui-state-error a,\r\n.ui-widget-content .ui-state-error a,\r\n.ui-widget-header .ui-state-error a {\r\n color: var(--lc-default-text-color); /*{fcError}*/\r\n}\r\n.ui-state-error-text,\r\n.ui-widget-content .ui-state-error-text,\r\n.ui-widget-header .ui-state-error-text {\r\n color: var(--lc-default-text-color); /*{fcError}*/\r\n}\r\n.ui-priority-primary,\r\n.ui-widget-content .ui-priority-primary,\r\n.ui-widget-header .ui-priority-primary {\r\n font-weight: var(--lc-font-weight-bold);\r\n}\r\n.ui-priority-secondary,\r\n.ui-widget-content .ui-priority-secondary,\r\n.ui-widget-header .ui-priority-secondary {\r\n opacity: 0.7;\r\n -ms-filter: \"alpha(opacity=70)\"; /* support: IE8 */\r\n font-weight: var(--lc-font-weight-normal);\r\n}\r\n.ui-state-disabled,\r\n.ui-widget-content .ui-state-disabled,\r\n.ui-widget-header .ui-state-disabled {\r\n opacity: 0.35;\r\n -ms-filter: \"alpha(opacity=35)\"; /* support: IE8 */\r\n background-image: none;\r\n}\r\n.ui-state-disabled .ui-icon {\r\n -ms-filter: \"alpha(opacity=35)\"; /* support: IE8 - See #6059 */\r\n}\r\n\r\n/* Icons\r\n----------------------------------*/\r\n\r\n/* states and images */\r\n.ui-icon {\r\n width: 16px;\r\n height: 16px;\r\n}\r\n\r\n/* Misc visuals\r\n----------------------------------*/\r\n\r\n/* Corner radius */\r\n.ui-corner-all,\r\n.ui-corner-top,\r\n.ui-corner-left,\r\n.ui-corner-tl {\r\n border-top-left-radius: 6px /*{cornerRadius}*/;\r\n}\r\n.ui-corner-all,\r\n.ui-corner-top,\r\n.ui-corner-right,\r\n.ui-corner-tr {\r\n border-top-right-radius: 6px /*{cornerRadius}*/;\r\n}\r\n.ui-corner-all,\r\n.ui-corner-bottom,\r\n.ui-corner-left,\r\n.ui-corner-bl {\r\n border-bottom-left-radius: 6px /*{cornerRadius}*/;\r\n}\r\n.ui-corner-all,\r\n.ui-corner-bottom,\r\n.ui-corner-right,\r\n.ui-corner-br {\r\n border-bottom-right-radius: 6px /*{cornerRadius}*/;\r\n}\r\n\r\n/* Overlays */\r\n.ui-widget-overlay {\r\n background: var(\r\n --lc-complementary-bg-color\r\n ); /*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/\r\n /*{bgOverlayRepeat}*/\r\n opacity: 0.3 /*{opacityOverlay}*/;\r\n -ms-filter: \"alpha(opacity=30)\" /*{opacityFilterOverlay}*/; /* support: IE8 */\r\n}\r\n.ui-widget-shadow {\r\n -webkit-box-shadow: 0 /*{offsetLeftShadow}*/ 0 /*{offsetTopShadow}*/ 5px /*{thicknessShadow}*/ #666666\r\n /*{bgColorShadow}*/;\r\n box-shadow: 0 /*{offsetLeftShadow}*/ 0 /*{offsetTopShadow}*/ 5px /*{thicknessShadow}*/ #666666 /*{bgColorShadow}*/;\r\n}\r\n\r\n.ui-selectable-helper {\r\n border: 1px dotted var(--lc-default-form-border-color);\r\n}\r\n",".ui-widget-content {\r\n border-color: var(--lc-default-border-color);\r\n color: var(--lc-default-text-color);\r\n\r\n a {\r\n color: var(--lc-default-text-color);\r\n }\r\n\r\n &.ui-datepicker {\r\n border-color: var(--lc-default-form-border);\r\n }\r\n}\r\n",".lc-master-detail > div {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n overflow: auto;\r\n}\r\n\r\n.lc-master-detail > div:first-child {\r\n right: 70%;\r\n}\r\n\r\n.lc-master-detail > div:last-of-type {\r\n left: 30%;\r\n padding-left: 24px;\r\n padding-top: 2px;\r\n}\r\n\r\n.lc-master-detail--tab-hosted > div {\r\n top: 57px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .lc-master-detail {\r\n // I don't understand why this one is needed.\r\n // Is there something regarding how row/col has negative margin?\r\n overflow-x: hidden;\r\n }\r\n\r\n .lc-master-detail > div {\r\n overflow: inherit;\r\n position: relative;\r\n }\r\n\r\n .lc-master-detail > div:first-child {\r\n right: 0;\r\n }\r\n\r\n .lc-master-detail > div:last-of-type {\r\n left: 0;\r\n padding-left: 0;\r\n padding-top: 0;\r\n margin-top: 24px;\r\n }\r\n\r\n .lc-master-detail--tab-hosted > div {\r\n top: 81px;\r\n }\r\n}\r\n",".lc-splash {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: default;\r\n z-index: 1035; /* Above $zindex-fixed but below $zindex-modal-backdrop */\r\n background-color: #071d49;\r\n}\r\n\r\n.lc-splash-content {\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n\r\n .lifecare-logo-splash {\r\n &:before {\r\n content: \"\";\r\n background-image: url(\"../resources/lifecare-logo-splash-screen.svg\");\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n display: block;\r\n width: 155px;\r\n height: 32px;\r\n }\r\n }\r\n}\r\n\r\n.lc-splash-progress {\r\n width: 200px;\r\n margin: auto;\r\n margin-top: 25px;\r\n height: 0.4rem;\r\n background-color: rgba(255, 255, 255, 0.3); // Flow 2 specific\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .lc-splash-progress {\r\n margin-top: 40px;\r\n }\r\n}\r\n\r\n.lc-splash-progress-bar {\r\n width: 0px;\r\n background-color: #ffffff; // Flow 2 specific\r\n transition: width 0.3s ease-in;\r\n}\r\n\r\n.lc-splash-logo {\r\n margin: 0 0 10px 0;\r\n max-width: 100%;\r\n}\r\n\r\n.lc-splash-hide {\r\n display: none;\r\n}\r\n\r\n.lc-splash-info {\r\n // We don't want to displace the centered content when this list is expanded.\r\n position: absolute;\r\n top: 100%;\r\n width: 100%;\r\n color: #ffffff;\r\n font-size: 1.2rem;\r\n text-align: left;\r\n line-height: 18px; // Flow 2 specific\r\n\r\n button.btn {\r\n font-size: 1.2rem;\r\n padding: 0;\r\n width: 100%;\r\n text-transform: none;\r\n\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: #b1b5ce;\r\n }\r\n }\r\n\r\n [class^=\"lc-icon-\"],\r\n [class*=\" lc-icon-\"] {\r\n font-size: 1.6rem;\r\n }\r\n\r\n ul {\r\n max-height: 29vh;\r\n overflow-y: auto;\r\n }\r\n}\r\n\r\n.lc-splash-waiting-color {\r\n color: #b1b5ce !important; // Flow 2 specific\r\n}\r\n\r\n.lc-no-transition {\r\n transition: none !important;\r\n}\r\n\r\n.lc-splash {\r\n ::-webkit-scrollbar {\r\n width: 6px;\r\n }\r\n\r\n ::-webkit-scrollbar-track {\r\n background: rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n ::-webkit-scrollbar-thumb {\r\n background: rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n ::-webkit-scrollbar-thumb:hover {\r\n background: rgba(255, 255, 255, 0.3);\r\n }\r\n}\r\n",".ui-tabs {\r\n background: transparent;\r\n border: none !important;\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n\r\n .ui-widget-header {\r\n background: transparent;\r\n border: none;\r\n border-bottom: 1px solid var(--lc-default-border-color);\r\n -moz-border-radius: 0px;\r\n -webkit-border-radius: 0px;\r\n border-radius: 0px;\r\n padding: 0;\r\n }\r\n\r\n .ui-tabs-nav {\r\n .ui-state-default {\r\n background: transparent;\r\n border: none;\r\n }\r\n\r\n li {\r\n margin-right: 36px;\r\n\r\n a {\r\n text-transform: uppercase;\r\n font-weight: var(--lc-font-weight-bold);\r\n font-size: 14px;\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n }\r\n\r\n .ui-state-default a {\r\n color: var(--lc-muted-text-color);\r\n }\r\n\r\n .ui-state-hover a {\r\n color: var(--lc-default-text-color);\r\n }\r\n\r\n .ui-state-disabled a {\r\n color: var(--lc-disabled-link-color);\r\n }\r\n\r\n .ui-state-active a {\r\n color: var(--lc-default-text-color);\r\n\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n height: 6px;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n background: var(--lc-active-border-color);\r\n }\r\n }\r\n\r\n .ui-tabs-anchor {\r\n float: left;\r\n padding: 9px 0px;\r\n text-decoration: none;\r\n }\r\n }\r\n\r\n .ui-tabs-nav-usertag-popover {\r\n li:not(:last-child) {\r\n margin-right: 36px;\r\n }\r\n li:last-child {\r\n margin-right: 0px;\r\n }\r\n }\r\n\r\n .ui-tabs-panel {\r\n padding: 14px 0 0 0;\r\n }\r\n}\r\n",".ui-contextmenu {\r\n z-index: 110;\r\n}\r\n",".lc-animation-flipping {\r\n display: inline-block;\r\n transition: transform 0.125s ease-out;\r\n\r\n &.lc-animation-flipped_180 {\r\n transform: rotate(180deg);\r\n }\r\n\r\n &.lc-animation-flipped_90 {\r\n transform: rotate(90deg);\r\n }\r\n\r\n &.lc-animation-flipped_-90 {\r\n transform: rotate(-90deg);\r\n }\r\n}\r\n","@keyframes bganim {\r\n /* Rotate the div 360° */\r\n from {\r\n transform: rotate(0);\r\n }\r\n\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n@-moz-keyframes bganim {\r\n from {\r\n -moz-transform: rotate(0);\r\n }\r\n\r\n to {\r\n -moz-transform: rotate(360deg);\r\n }\r\n}\r\n\r\n@-webkit-keyframes bganim {\r\n from {\r\n -webkit-transform: rotate(0);\r\n }\r\n\r\n to {\r\n -webkit-transform: rotate(360deg);\r\n }\r\n}\r\n\r\n.lc-loading-layer:before {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n opacity: 0.6;\r\n z-index: 998;\r\n content: \"\";\r\n background: var(--lc-default-bg-color);\r\n}\r\n\r\n.lc-loading-layer:after {\r\n position: absolute;\r\n top: calc(50% - 16px);\r\n left: calc(50% - 16px);\r\n width: 32px;\r\n height: 32px;\r\n z-index: 998;\r\n opacity: 0.8;\r\n content: \"\";\r\n background-image: url(\"../../Images/lifecare_sync.png\");\r\n background-repeat: no-repeat;\r\n background-position: center, center;\r\n -webkit-animation: bganim 1s linear infinite;\r\n -moz-animation: bganim 1s linear infinite;\r\n -ms-animation: bganim 1s linear infinite;\r\n -o-animation: bganim 1s linear infinite;\r\n animation: bganim 1s linear infinite;\r\n}\r\n\r\n.lc-loading-layer-input {\r\n position: relative;\r\n}\r\n\r\n.lc-loading-layer-input > .lc-loading-layer {\r\n position: absolute;\r\n top: 1px;\r\n right: 1px;\r\n height: 32px;\r\n width: 32px;\r\n -moz-transform: scale(0.75, 0.75);\r\n -ms-transform: scale(0.75, 0.75);\r\n -o-transform: scale(0.75, 0.75);\r\n -webkit-transform: scale(0.75, 0.75);\r\n transform: scale(0.75, 0.75);\r\n}\r\n","/*------------------------------------*\\\r\n #lc-canvas\r\n\\*------------------------------------*/\r\n\r\n.lc-canvas-wrapper {\r\n position: relative;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.lc-canvas {\r\n position: relative;\r\n}\r\n",".lc-system-information-banner {\r\n height: 113px;\r\n display: flex;\r\n flex-direction: row;\r\n background-color: var(--lc-warning-subtle-color);\r\n}\r\n\r\n.lc-system-information-banner-icon {\r\n width: 113px;\r\n padding-top: 20px;\r\n padding-left: 24px;\r\n padding-right: 24px;\r\n font-size: 65px;\r\n}\r\n\r\n.lc-system-information-banner-message {\r\n flex-grow: 1;\r\n padding-top: 24px;\r\n padding-bottom: 24px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n}\r\n\r\n.lc-system-information-banner-message > label {\r\n font-size: var(--lc-font-size-px);\r\n margin-bottom: 0;\r\n}\r\n\r\n.lc-system-information-banner-close {\r\n margin-left: 24px;\r\n margin-right: 42px;\r\n}\r\n\r\n.lc-system-information-banner-close.close:hover,\r\n.lc-system-information-banner-close.close:focus {\r\n opacity: 1;\r\n}\r\n\r\n.lc-system-information-banner-close.close {\r\n opacity: 0.6;\r\n}\r\n\r\n.lc-system-information-dialog {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n min-width: calc(100vw - 32px);\r\n}\r\n\r\n@media (min-width: 400px) {\r\n .lc-system-information-dialog {\r\n max-width: 650px;\r\n min-width: 400px;\r\n }\r\n}\r\n\r\n.lc-system-information-dialog-icon {\r\n color: var(--lc-warning-color);\r\n font-size: 75px;\r\n margin-right: 16px;\r\n}\r\n\r\n.lc-system-information-dialog-text {\r\n white-space: pre-wrap;\r\n}\r\n","@import \"lc_mixins\";\r\n\r\n/* Top banner */\r\n.lc-topbanner {\r\n display: flex;\r\n background: var(--lc-default-bg-color);\r\n color: var(--lc-default-text-color);\r\n border-bottom: 1px solid var(--lc-default-border-divider-color);\r\n align-items: center;\r\n\r\n .lc-table-cell {\r\n vertical-align: middle;\r\n }\r\n}\r\n\r\n.lc-userRole-Heading-Custom {\r\n font-size: 16px;\r\n color: var(--lc-primary-color);\r\n font-weight: var(--lc-font-weight-semibold);\r\n}\r\n\r\n.lc-userRole-text-Custom {\r\n font-size: 14px;\r\n padding-bottom: 8px;\r\n}\r\n\r\n.lc-userRole-SelectImg-Custom {\r\n vertical-align: middle;\r\n padding-right: 8px;\r\n padding-bottom: 8px;\r\n}\r\n\r\n/* Breadcrumb */\r\n.lc-breadcrumb {\r\n background: var(--lc-brand-emphasis-color);\r\n height: 24px;\r\n color: var(--lc-complementary-text-color);\r\n padding-left: 24px;\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: baseline;\r\n}\r\n\r\n.lc-breadcrumb-logo {\r\n font-family: var(--lc-font);\r\n font-weight: var(--lc-font-weight-bold);\r\n font-size: 16px;\r\n margin-right: 8px;\r\n}\r\n\r\n.lc-breadcrumb-item {\r\n font-weight: var(--lc-font-weight-light);\r\n font-size: 1.2rem;\r\n color: var(--lc-complementary-text-color);\r\n &:nth-last-of-type(2) {\r\n font-weight: var(--lc-font-weight-normal);\r\n }\r\n &:hover {\r\n cursor: pointer;\r\n }\r\n}\r\n\r\n.lc-breadcrumb-divider {\r\n &:before {\r\n content: \"/\";\r\n padding: 0 0.5rem;\r\n }\r\n &:last-child {\r\n display: none;\r\n }\r\n}\r\n\r\n/* Logo */\r\n.lc-logo-container {\r\n width: 100%;\r\n}\r\n\r\n.lc-logo-container-inner {\r\n font-size: 18px;\r\n display: inline-block;\r\n margin-left: 24px;\r\n}\r\n\r\n.lc-logo {\r\n content: url(\"../resources/lifecare-logo.svg\");\r\n height: 24px;\r\n}\r\n\r\n.lc-usertag-profile img {\r\n filter: invert(90%);\r\n -webkit-filter: invert(90%);\r\n}\r\n\r\n/* Back button */\r\n.lc-backbutton-container {\r\n display: inline-flex;\r\n align-items: center;\r\n align-self: stretch;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.lc-backbutton-container:hover {\r\n cursor: pointer;\r\n background-color: var(--lc-hover-form-bg-color);\r\n}\r\n\r\n.lc-backbutton {\r\n height: 38px;\r\n width: 38px;\r\n margin-left: 20px;\r\n margin-right: 24px;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n > span {\r\n display: inline-block;\r\n }\r\n .lc-icon-Collapse-alt {\r\n font-size: 3rem;\r\n }\r\n}\r\n\r\n/* Working context */\r\n.lc-working-context-container {\r\n display: flex;\r\n width: 100%;\r\n align-items: center;\r\n}\r\n\r\n.lc-working-context-inner {\r\n height: 90px;\r\n\r\n > .lc-table-row > .lc-table-cell:first-child {\r\n padding-left: 24px;\r\n }\r\n\r\n .lc-working-context-notifications {\r\n padding-left: 12px;\r\n }\r\n}\r\n\r\n.lc-main-workingContext {\r\n display: flex;\r\n padding-right: 24px;\r\n padding-left: 24px;\r\n height: 100%;\r\n align-items: center;\r\n}\r\n\r\n.lc-working-context-content {\r\n margin-right: 24px;\r\n max-height: 90px;\r\n line-height: 21px;\r\n}\r\n\r\n.lc-working-context-expander {\r\n display: flex;\r\n font-size: 3rem;\r\n align-items: center;\r\n}\r\n\r\n.lc-working-context-title {\r\n display: block;\r\n font-size: 18px;\r\n font-weight: var(--lc-font-weight-semibold);\r\n}\r\n\r\n.lc-working-context-description {\r\n display: block;\r\n font-weight: var(--lc-font-weight-light);\r\n}\r\n\r\n.lc-working-context-popover.popover {\r\n color: var(--lc-default-text-color);\r\n padding: 12px;\r\n max-width: 1200px;\r\n}\r\n\r\n.lc-working-context-popover.popover .lc-table-cell {\r\n vertical-align: baseline;\r\n}\r\n\r\n.lc-working-context-popover-content {\r\n overflow: hidden;\r\n\r\n h2 {\r\n font-weight: var(--lc-font-weight-light);\r\n font-size: 16px;\r\n margin-bottom: 16px;\r\n\r\n &:not(:first-child) {\r\n margin-top: 16px;\r\n }\r\n }\r\n}\r\n\r\n.has-working-context-details:hover,\r\n.has-working-context-details.active {\r\n cursor: pointer;\r\n background-color: var(--lc-hover-form-bg-color);\r\n}\r\n\r\n.lc-btn-change-product {\r\n background-color: var(--lc-secondary-color);\r\n border-color: var(--lc-secondary-color);\r\n color: var(--lc-default-text-color);\r\n margin: 0 12px;\r\n\r\n &:hover {\r\n background-color: var(--lc-hover-form-bg-color);\r\n border-color: var(--lc-hover-btn-default-border-color);\r\n color: var(--lc-default-text-color);\r\n }\r\n\r\n > .lc-usertag-container-inner > .lc-icon-User-switch {\r\n font-size: var(--lc-font-size-px-l);\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .lc-btn-change-product {\r\n padding: 9px;\r\n }\r\n}\r\n\r\n/* User tag */\r\n.lc-usertag-container {\r\n padding-left: 24px;\r\n padding-right: 24px;\r\n height: 90px;\r\n background-color: transparent !important;\r\n border: transparent !important;\r\n\r\n &:hover,\r\n &:focus,\r\n &.active {\r\n cursor: pointer;\r\n background-color: var(--lc-hover-form-bg-color) !important;\r\n }\r\n}\r\n\r\n.lc-usertag-container-inner {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.lc-usertag-container-simple {\r\n padding-left: 24px;\r\n padding-right: 24px;\r\n height: 90px;\r\n}\r\n\r\n.lc-usertag-profile {\r\n display: inline-block;\r\n color: var(--lc-default-text-color);\r\n margin-right: 12px;\r\n\r\n span {\r\n display: block;\r\n font-size: 36px;\r\n margin: -1px;\r\n }\r\n}\r\n\r\n.lc-usertag-text {\r\n margin-right: 24px;\r\n line-height: 21px;\r\n white-space: nowrap;\r\n}\r\n\r\n.lc-usertag-expander {\r\n font-size: 3rem;\r\n}\r\n\r\n.lc-usertag-title {\r\n display: block;\r\n font-weight: var(--lc-font-weight-semibold);\r\n}\r\n\r\n.lc-usertag-description {\r\n max-width: min(calc(100vw - 500px), 500px);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: block;\r\n font-weight: var(--lc-font-weight-light);\r\n}\r\n\r\n.lc-user-tag-popover.popover {\r\n right: 6px;\r\n left: auto;\r\n min-width: 240px;\r\n max-width: 320px;\r\n margin-top: 0;\r\n padding: 12px 12px 12px 12px;\r\n}\r\n\r\n.lc-user-tag-popover > iframe.lc-user-tag-cover {\r\n position: absolute;\r\n border: none;\r\n top: 0;\r\n left: -5px;\r\n height: calc(100% + 10px);\r\n width: calc(100% + 5px);\r\n z-index: -1;\r\n}\r\n\r\n.lc-web-module-selector {\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n list-style-type: none;\r\n\r\n > li > ul > li {\r\n margin-top: 9px;\r\n }\r\n }\r\n\r\n > ul > li {\r\n & + li {\r\n margin-top: 12px;\r\n }\r\n }\r\n\r\n li ul {\r\n margin-left: 21px;\r\n }\r\n\r\n a {\r\n color: var(--lc-default-link-color); /* Fix for jQuery UI styles changing link color */\r\n }\r\n}\r\n\r\n.lc-empty-module-label {\r\n font-style: italic;\r\n color: var(--lc-muted-text-color);\r\n}\r\n\r\n.lc-broken-module-label {\r\n font-style: italic;\r\n color: var(--lc-error-form-message-bg-color);\r\n}\r\n\r\n.lc-language-selector-item {\r\n display: flex;\r\n position: relative;\r\n margin-bottom: 7px;\r\n border: 1px solid transparent;\r\n border-radius: 6px;\r\n height: 48px;\r\n white-space: nowrap;\r\n cursor: pointer;\r\n padding-left: 7px;\r\n padding-right: 7px;\r\n line-height: 48px;\r\n}\r\n\r\n.lc-language-selector-item:hover,\r\n.lc-language-selector-item:focus,\r\n.lc-language-selector-item:visited,\r\n.lc-language-selector-item:active {\r\n background-color: var(--lc-hover-bg-color);\r\n text-decoration: none;\r\n}\r\n\r\n.lc-language-selector-selected {\r\n font-weight: var(--lc-font-weight-bold);\r\n}\r\n\r\n.lc-language-selector-tick {\r\n margin-left: auto;\r\n line-height: 48px;\r\n}\r\n\r\n.lc-user-tag-arrow {\r\n left: auto !important;\r\n right: 12px;\r\n}\r\n\r\n.lc-logout {\r\n padding-top: 24px;\r\n}\r\n\r\n/* Hamburger */\r\n.lc-menu-mobile-icon {\r\n font-size: 41px;\r\n padding-right: 12px;\r\n padding-left: 12px;\r\n height: 90px;\r\n\r\n &:hover,\r\n &.active {\r\n cursor: pointer;\r\n background-color: var(--lc-hover-form-bg-color);\r\n }\r\n}\r\n\r\n.lc-menu-mobile {\r\n background: var(--lc-secondary-color);\r\n padding: 12px;\r\n border-bottom: 1px solid var(--lc-default-border-color);\r\n font-size: var(--lc-font-size-px-s);\r\n\r\n li {\r\n padding: 6px;\r\n }\r\n\r\n span[class*=\"lc-icon-\"] {\r\n font-size: 16px;\r\n margin-right: 12px;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .lc-backbutton {\r\n border-color: transparent;\r\n height: 32px;\r\n width: 32px;\r\n margin-left: 12px;\r\n margin-right: 12px;\r\n\r\n > span {\r\n margin-top: 2px;\r\n margin-left: 0;\r\n font-size: 24px;\r\n }\r\n }\r\n\r\n .lc-working-context-inner,\r\n .lc-usertag-container,\r\n .lc-menu-mobile-icon {\r\n height: 80px;\r\n }\r\n\r\n .lc-working-context-container {\r\n justify-content: space-evenly;\r\n margin-left: 12px;\r\n margin-right: 12px;\r\n }\r\n\r\n .lc-working-context-content {\r\n max-height: 80px;\r\n overflow: hidden;\r\n margin-right: 12px;\r\n }\r\n\r\n .lc-main-workingContext {\r\n padding-right: 12px;\r\n padding-left: 12px;\r\n }\r\n\r\n .lc-working-context-inner > .lc-table-row > .lc-table-cell:first-child {\r\n padding-left: 12px;\r\n }\r\n\r\n .lc-working-context-title {\r\n font-size: 14px;\r\n }\r\n\r\n .lc-working-context-description {\r\n font-size: var(--lc-font-size-px-s);\r\n }\r\n}\r\n","/*------------------------------------*\\\r\n #lc-workflow\r\n\\*------------------------------------*/\r\n\r\n.lc-workflow {\r\n padding-top: 24px;\r\n padding-left: 24px;\r\n white-space: nowrap;\r\n}\r\n","/*------------------------------------*\\\r\n #lc-menu\r\n\\*------------------------------------*/\r\n\r\n.lc-menu {\r\n position: relative;\r\n right: -200%;\r\n width: 100%;\r\n background-color: var(--lc-default-bg-color);\r\n border-right: solid 1px var(--lc-default-border-color);\r\n z-index: 1;\r\n transition: right 0.2s ease 0.1s;\r\n flex-direction: column;\r\n display: none;\r\n\r\n &.active {\r\n display: flex;\r\n right: 0;\r\n z-index: 1035;\r\n }\r\n\r\n .lc-listbox li {\r\n border: none;\r\n color: var(--lc-muted-text-color);\r\n\r\n &:hover,\r\n &.lc-listbox__item--selected,\r\n &.lc-listbox__item--selected:hover {\r\n background-color: var(--lc-hover-form-bg-color);\r\n color: var(--lc-default-text-color);\r\n }\r\n &:last-child {\r\n border: none;\r\n }\r\n }\r\n .lc-configMenu {\r\n border: none;\r\n }\r\n}\r\n\r\n.lc-menu__in-menu--visible {\r\n .lc-menu__item {\r\n width: 48px;\r\n margin: 4px 6px;\r\n }\r\n}\r\n\r\n.lc-menu__item-list {\r\n flex-grow: 1;\r\n overflow-y: auto;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n -o-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n.lc-menu__item {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n margin: 4px 16px;\r\n border: 1px solid transparent;\r\n border-radius: 6px;\r\n white-space: nowrap;\r\n cursor: pointer;\r\n color: var(--lc-muted-text-color);\r\n text-decoration: none;\r\n\r\n &:hover,\r\n &:focus,\r\n &:active,\r\n &--selected {\r\n color: var(--lc-default-text-color);\r\n border: 1px solid var(--lc-hover-form-bg-color);\r\n background-color: var(--lc-hover-form-bg-color);\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.lc-menu__item-icon {\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 48px;\r\n min-width: 48px;\r\n font-size: 24px;\r\n position: relative;\r\n}\r\n\r\n.lc-menu__item-list-title {\r\n text-transform: none;\r\n font-weight: var(--lc-font-weight-normal);\r\n padding: 4px 16px 0 16px;\r\n margin: 0;\r\n font-size: 12px;\r\n}\r\n\r\n.lc-menu__item-text {\r\n display: inline-block;\r\n font-size: 14px;\r\n overflow: hidden;\r\n -moz-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n padding: 8px;\r\n color: var(--lc-default-text-color);\r\n\r\n &:hover {\r\n text-decoration: none;\r\n color: var(--lc-default-text-color);\r\n }\r\n}\r\n\r\n.lc-menu__item-counter {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-width: 20px;\r\n height: 20px;\r\n -moz-border-radius: 20px;\r\n -webkit-border-radius: 20px;\r\n border-radius: 20px;\r\n background-color: var(--lc-info-color);\r\n border: 1px solid var(--lc-default-bg-color);\r\n color: var(--lc-default-bg-color);\r\n font-size: 10px;\r\n font-weight: var(--lc-font-weight-semibold);\r\n position: absolute;\r\n right: 1px;\r\n top: 1px;\r\n padding: 2px;\r\n transform: translateX(22.5%);\r\n}\r\n\r\n.lc-menu__expander {\r\n display: none;\r\n height: 25px;\r\n font-size: 12px;\r\n text-align: right;\r\n padding-right: 4px;\r\n background-color: var(--lc-secondary-color);\r\n border: 1px solid transparent;\r\n border-bottom: solid 1px var(--lc-default-border-color);\r\n cursor: pointer;\r\n\r\n & > .lc-icon-Collapse-alt {\r\n display: inline-block;\r\n line-height: 24px;\r\n font-size: 1.8rem;\r\n }\r\n}\r\n\r\n.lc-menu__in-menu {\r\n position: absolute;\r\n top: 0px;\r\n left: 60px;\r\n bottom: 0;\r\n right: 0;\r\n padding: 8px 16px;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n border-left: solid 1px var(--lc-default-border-color);\r\n}\r\n\r\n.lc-menu__in-menu--visible {\r\n .lc-menu-scroll-button {\r\n width: 50px;\r\n }\r\n}\r\n\r\n.lc-menu__in-menu h2 {\r\n margin-bottom: 16px;\r\n line-height: inherit;\r\n font-weight: var(--lc-font-weight-semibold);\r\n word-wrap: break-word;\r\n hyphens: auto;\r\n}\r\n\r\n.lc-menu__in-menu--broken {\r\n background-color: var(--lc-error-form-bg-color);\r\n border: 1px solid var(--lc-error-form-border-color);\r\n}\r\n\r\n.lc-menu__in-menu-loading-layer {\r\n position: absolute;\r\n left: 61px;\r\n top: 25px;\r\n right: 0;\r\n bottom: 0;\r\n}\r\n\r\n.lc-menu--transform {\r\n -webkit-transition: width 0.2s ease 0.1s;\r\n -moz-transition: width 0.2s ease 0.1s;\r\n -ms-transition: width 0.2s ease 0.1s;\r\n -o-transition: width 0.2s ease 0.1s;\r\n transition: width 0.2s ease 0.1s;\r\n}\r\n\r\n.in-menu-no-left-right-space {\r\n margin-left: -13px;\r\n margin-right: -13px;\r\n}\r\n\r\nko-scrollable-bar {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n & > div {\r\n flex-grow: 1;\r\n overflow: hidden;\r\n padding-top: 9px;\r\n }\r\n}\r\n\r\n.lc-menu-scroll-button {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: var(--lc-default-text-color);\r\n background-color: var(--lc-secondary-color);\r\n border: 1px solid var(--lc-secondary-color);\r\n border-radius: 6px;\r\n padding: 6px;\r\n\r\n &:first-child {\r\n margin: 8px 16px 0;\r\n }\r\n\r\n &:last-child {\r\n margin: 0 16px 8px;\r\n }\r\n\r\n &:hover,\r\n &:focus {\r\n background-color: var(--lc-hover-btn-default-bg-color);\r\n border-color: var(--lc-hover-btn-default-border-color);\r\n }\r\n\r\n &[disabled],\r\n &[disabled]:hover,\r\n &[disabled]:focus,\r\n &[disabled]:active {\r\n background-color: var(--lc-secondary-color);\r\n border: 1px solid var(--lc-secondary-color);\r\n opacity: 0.6;\r\n cursor: not-allowed;\r\n }\r\n}\r\n\r\n.lc-mobile-menu__log-out {\r\n padding: 24px 8px;\r\n text-align: center;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .lc-menu {\r\n right: initial;\r\n width: 60px;\r\n display: flex;\r\n padding: initial;\r\n\r\n &.active {\r\n right: initial;\r\n }\r\n }\r\n\r\n .lc-menu--expanded,\r\n .lc-menu__in-menu--visible {\r\n width: 302px;\r\n }\r\n\r\n .lc-menu__item--iconWidthOnly {\r\n width: 48px;\r\n }\r\n\r\n .lc-menu__item {\r\n margin: 4px 6px;\r\n }\r\n\r\n .lc-menu__item-text {\r\n width: 80%;\r\n }\r\n\r\n .lc-menu__expander {\r\n display: block;\r\n }\r\n\r\n .lc-menu-scroll-button {\r\n &:first-child {\r\n margin: 8px 4px 0;\r\n }\r\n\r\n &:last-child {\r\n margin: 0 4px 8px;\r\n }\r\n }\r\n\r\n .lc-menu__in-menu {\r\n top: 25px;\r\n }\r\n}\r\n\r\n/*wizard and links*/\r\n.lc-mobile-menu__links,\r\n.lc-mobile-menu__wizard {\r\n .lc-menu__item-icon {\r\n width: auto;\r\n min-width: auto;\r\n height: auto;\r\n }\r\n .lc-menu__item-counter {\r\n position: initial;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 25px;\r\n width: 25px;\r\n border-radius: 50%;\r\n background-color: var(--lc-secondary-color);\r\n border: solid 1px var(--lc-default-border-color);\r\n margin-right: 8px;\r\n }\r\n\r\n .lc-menu__item-counter:before {\r\n content: counter(item) \"\";\r\n counter-increment: item;\r\n }\r\n\r\n .lc-menu__item--selected .lc-menu__item-counter {\r\n background-color: var(--lc-primary-color);\r\n border-color: transparent;\r\n color: var(--lc-complementary-text-color);\r\n }\r\n\r\n .lc-menu__item--disabled .lc-menu__item-counter {\r\n background-color: var(--lc-disabled-bg-color);\r\n border-color: var(--lc-disabled-border-color);\r\n color: var(--lc-disabled-text-color);\r\n }\r\n\r\n .lc-menu__item {\r\n & > .lc-icon-Arrow-small-down,\r\n & > .lc-icon-Arrow-small-up {\r\n margin-left: auto;\r\n align-self: center;\r\n padding: 4px;\r\n font-size: 30px;\r\n }\r\n }\r\n\r\n .lc-menu__item {\r\n flex-wrap: wrap;\r\n }\r\n\r\n .lc-menu__sub-menu {\r\n flex: 0 0 100%;\r\n padding-left: 36px;\r\n display: none;\r\n }\r\n\r\n .lc-menu__item--selected {\r\n .lc-menu__sub-menu {\r\n display: block;\r\n }\r\n }\r\n}\r\n\r\n.lc-menu__in-menu--visible {\r\n .lc-menu-scroll-button {\r\n &:first-child {\r\n margin: 8px 4px 0;\r\n }\r\n\r\n &:last-child {\r\n margin: 0 4px 8px;\r\n }\r\n }\r\n}\r\n.lc-mobile-menu__links {\r\n a,\r\n a:hover {\r\n color: var(--lc-default-text-color);\r\n text-decoration: none;\r\n }\r\n .lc-menu__sub-menu {\r\n display: block;\r\n }\r\n\r\n [class^=\"lc-icon-\"]:before,\r\n [class*=\" lc-icon-\"]:before {\r\n font-size: 30px;\r\n padding-left: 4px;\r\n }\r\n}\r\n\r\n.lc-mobile-menu__links li,\r\n.lc-mobile-menu__wizard li,\r\n.lc-mobile-menu__bottom-nav li {\r\n padding-left: 8px;\r\n}\r\n","/*------------------------------------*\\\r\n #lc-container\r\n\\*------------------------------------*/\r\n\r\n.lc-container-fluid {\r\n margin: 0;\r\n padding-left: 0;\r\n /*padding: 0;*/ /* Then we need to set horizontal scroll hidden */\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .lc-container-fluid {\r\n padding: 0;\r\n }\r\n}\r\n\r\n.lc-container-wrapper {\r\n position: absolute;\r\n overflow: hidden;\r\n}\r\n\r\n.lc-container {\r\n position: inherit;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n background-color: var(--lc-default-bg-color);\r\n box-shadow: var(--lc-container-box-shadow);\r\n border-radius: 8px;\r\n}\r\n\r\n.lc-edge-maximized-container > .lc-container {\r\n border-color: var(--lc-default-bg-color);\r\n}\r\n\r\n.lc-container.lc-container--edit {\r\n border-color: var(--lc-warning-color);\r\n}\r\n\r\n.lc-container--broken {\r\n background-color: var(--lc-error-form-bg-color);\r\n border-color: var(--lc-error-form-border-color);\r\n}\r\n\r\n/*.lc-container--adjustedWidth {\r\n border-bottom: solid 3px #168152;\r\n}\r\n\r\n.lc-container--adjustedHeight {\r\n border-right: solid 3px #168152;\r\n}*/\r\n\r\n.lc-container__header-wrapper {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n}\r\n\r\n.lc-container__header {\r\n margin: 13px 24px;\r\n}\r\n\r\n.lc-container__title-wrapper {\r\n line-height: normal;\r\n display: flex;\r\n}\r\n\r\n.lc-container__title-wrapper > .lc-container__title {\r\n cursor: pointer;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n -ms-text-overflow: ellipsis;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n line-height: normal;\r\n vertical-align: bottom;\r\n}\r\n\r\n.lc-container__title-wrapper > .lc-container__search {\r\n margin-left: 24px;\r\n position: relative;\r\n top: 4px;\r\n left: 3px;\r\n}\r\n\r\n.lc-container__title-wrapper > .lc-container__search > .input-group {\r\n width: 250px;\r\n}\r\n\r\n.lc-container__previous-title {\r\n font-size: 18px;\r\n color: var(--lc-muted-text-color);\r\n margin-left: 12px;\r\n}\r\n\r\n.lc-container__toolbar {\r\n white-space: nowrap;\r\n margin: -3px -12px 0 0;\r\n padding: 0;\r\n float: right;\r\n}\r\n\r\n.lc-container__toolbar + .lc-container__toolbar {\r\n margin-right: 5px;\r\n padding-right: 10px;\r\n border-right: 1px solid var(--lc-default-border-color);\r\n}\r\n\r\n.lc-container__toolbar > .btn {\r\n padding-left: 6px;\r\n padding-right: 6px;\r\n}\r\n\r\n.lc-container__toolbar > .btn-group {\r\n margin-top: 5px;\r\n margin-right: 5px;\r\n}\r\n\r\n.lc-container__toolbar > .btn > span {\r\n display: inline-block;\r\n vertical-align: middle;\r\n font-size: 33px;\r\n}\r\n\r\n.lc-container__toolbar > .btn-default,\r\n.lc-container__toolbar > .btn-default.disabled,\r\n.lc-container__toolbar > .btn-default[disabled] {\r\n background-color: transparent;\r\n border-color: transparent;\r\n}\r\n\r\n.lc-container__content-wrapper {\r\n height: 100%;\r\n padding: 69px 24px 24px 24px;\r\n}\r\n\r\n.lc-container__content {\r\n position: relative;\r\n height: 100%;\r\n overflow: auto;\r\n padding: 0;\r\n}\r\n\r\n/*------------------------------------*\\\r\n #FLOATING FOOTER, WILL BE REVISED\r\n\\*------------------------------------*/\r\n\r\n.footer {\r\n font-size: var(--lc-font-size-px-s);\r\n color: var(--lc-muted-text-color);\r\n position: absolute;\r\n bottom: 4px;\r\n left: 24px;\r\n right: 24px;\r\n}\r\n\r\n.componentContentWithFooter {\r\n padding-bottom: 36px;\r\n}\r\n\r\n/* Temp fix to cascade height on intermediate div in embedded components */\r\n.h-100 > .stretchAbsolute {\r\n height: 100%;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n /* Need to deside on the use of .stretchAbsolute */\r\n .lc-container__content > .stretchAbsolute {\r\n position: absolute;\r\n top: 2px; /* Fix needed to show upper part of Å, Ä, Ö */\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n }\r\n}\r\n\r\n/* Adding this here for the time being. Look into if toolbar and toolbar item could be more general and in use both ex. container and in-container. Doing so rewrite and merge this and that to work in all places. */\r\n\r\n.lc-in-container {\r\n position: relative;\r\n border: solid 1px transparent;\r\n}\r\n\r\n.lc-in-container--edit {\r\n border-color: var(--lc-warning-color);\r\n padding: 12px;\r\n}\r\n\r\n.lc-in-container__toolbar {\r\n white-space: nowrap;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n z-index: 2;\r\n}\r\n\r\n.lc-in-container__toolbar > .btn {\r\n padding-left: 6px;\r\n padding-right: 6px;\r\n\r\n // Bugfix needed after BS update? Added for nowrap to have effect.\r\n float: inherit;\r\n}\r\n\r\n.lc-in-container__toolbar > .btn > span {\r\n display: inline-block;\r\n vertical-align: middle;\r\n font-size: 24px;\r\n}\r\n\r\n.lc-in-container__toolbar--edit {\r\n top: 12px;\r\n right: 12px;\r\n}\r\n\r\n.lc-main-wrapper {\r\n background-color: hsla(55, 0%, 100%, 1);\r\n background-image:\r\n radial-gradient(at 3% 5%, hsla(261, 31%, 72%, 0.15) 0px, transparent 50%),\r\n radial-gradient(at 97% 5%, hsla(1, 13%, 69%, 0.25) 0px, transparent 50%),\r\n radial-gradient(at 3% 95%, hsla(19, 28%, 88%, 0.5) 0px, transparent 50%),\r\n radial-gradient(at 97% 95%, hsla(222, 10%, 78%, 0.25) 0px, transparent 50%);\r\n background-repeat: no-repeat;\r\n}\r\n",".lc-bottom-navigation {\r\n padding-left: 24px;\r\n padding-right: 24px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n gap: 24px;\r\n\r\n nav {\r\n padding-bottom: 24px;\r\n }\r\n\r\n nav > ul {\r\n list-style-type: none;\r\n text-align: left;\r\n gap: 12px 24px;\r\n }\r\n\r\n nav > ul > li {\r\n text-align: center;\r\n border-bottom: 6px solid var(--lc-secondary-color);\r\n padding: 0 4px;\r\n min-width: 24px;\r\n }\r\n\r\n nav > ul > li:not(.disabled) {\r\n cursor: pointer;\r\n }\r\n\r\n nav > ul > li > button,\r\n nav > ul > li > button > span {\r\n color: var(--lc-muted-text-color);\r\n border-bottom-left-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n\r\n a:focus-visible,\r\n button:focus-visible {\r\n box-shadow: 0 0 0 2px var(--lc-focus-border-color);\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n nav > ul > li > hr {\r\n display: none;\r\n }\r\n\r\n nav > ul > li.selected > button > span:first-child {\r\n color: var(--lc-active-text-color);\r\n }\r\n\r\n nav > ul > li.selected {\r\n border-color: var(--lc-active-border-color);\r\n }\r\n\r\n nav > ul > li:hover:not(.selected):not(.disabled) {\r\n border-color: var(lc-hover-bg-color);\r\n }\r\n\r\n nav > ul > li.disabled > button > span {\r\n color: var(--lc-disabled-text-color);\r\n }\r\n\r\n nav > ul > li.disabled {\r\n border-color: var(--lc-disabled-text-color);\r\n\r\n .counter {\r\n background-color: var(--lc-disabled-bg-color);\r\n color: var(--lc-disabled-text-color);\r\n }\r\n }\r\n\r\n .counter {\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 1.4rem;\r\n font-weight: var(--lc-font-weight-semibold);\r\n padding: 6px;\r\n margin-left: 4px;\r\n min-width: 20px;\r\n height: 20px;\r\n -moz-border-radius: 20px;\r\n -webkit-border-radius: 20px;\r\n border-radius: 20px;\r\n background-color: var(--lc-info-emphasis-color);\r\n color: var(--lc-complementary-text-color);\r\n }\r\n\r\n .lc-configure-home-button {\r\n background-color: transparent;\r\n border: none;\r\n border-radius: 8px;\r\n text-align: center;\r\n font-size: 32px;\r\n padding: 0;\r\n margin-right: -2px;\r\n margin-bottom: 24px;\r\n }\r\n}\r\n",".uiDialog {\r\n border-radius: 0;\r\n background: var(--lc-default-bg-color);\r\n border: 1px solid var(--lc-default-border-color);\r\n display: inline-block;\r\n padding: 0;\r\n z-index: 1050;\r\n max-width: 100vw;\r\n max-height: 100vh;\r\n}\r\n\r\n.uiDialog > .ui-widget-header {\r\n background: var(--lc-default-bg-color);\r\n}\r\n\r\n.uiDialog > .ui-dialog-titlebar {\r\n background-image: none;\r\n border-radius: 0;\r\n border: 0;\r\n border-bottom: 1px solid var(--lc-default-border-color);\r\n padding: 18px 24px;\r\n}\r\n\r\n.uiDialog > .ui-dialog-titlebar > .ui-dialog-title {\r\n color: var(--lc-heading-text-color);\r\n overflow: inherit;\r\n white-space: normal;\r\n font-family: var(--lc-font);\r\n font-style: normal;\r\n font-weight: var(--lc-font-weight-light);\r\n font-size: 30px;\r\n line-height: normal;\r\n display: block;\r\n cursor: pointer;\r\n}\r\n\r\n.uiDialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close {\r\n display: none;\r\n}\r\n\r\n.uiDialog > .ui-dialog-content {\r\n margin: 24px;\r\n padding: 0;\r\n}\r\n\r\n.uiDialog > .ui-dialog-content > .stretch {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.uiDialog > .ui-dialog-buttonpane {\r\n border: 0;\r\n padding: 0;\r\n text-align: left;\r\n}\r\n\r\n.uiDialog > .ui-dialog-buttonpane > .ui-dialog-buttonset {\r\n text-align: left;\r\n float: none;\r\n margin: 12px 24px 24px 24px;\r\n}\r\n\r\n.uiDialog > .ui-dialog-buttonpane > .ui-dialog-buttonset > button,\r\n.uiDialog > .ui-dialog-buttonpane > .ui-dialog-buttonset > input[type=\"button\"],\r\n.uiDialog > .ui-dialog-buttonpane > .ui-dialog-buttonset > input[type=\"submit\"] {\r\n margin: 0 12px 0 0;\r\n width: 165px;\r\n font-family: var(--lc-font);\r\n font-weight: var(--lc-font-weight-bold);\r\n font-size: var(--lc-font-size-px-s);\r\n border: 1px solid var(--lc-default-border-color);\r\n border-radius: 6px;\r\n padding: 6px 12px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.lc-dialog-button {\r\n width: 165px;\r\n\r\n &:not(last-child) {\r\n margin: 12px 0;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .uiDialog > .ui-dialog-buttonpane > .ui-dialog-buttonset > button,\r\n .uiDialog > .ui-dialog-buttonpane > .ui-dialog-buttonset > input[type=\"button\"],\r\n .uiDialog > .ui-dialog-buttonpane > .ui-dialog-buttonset > input[type=\"submit\"] {\r\n margin: 12px 0 0 0;\r\n width: 100%;\r\n display: block;\r\n }\r\n\r\n .lc-dialog-button {\r\n margin-top: 12px;\r\n width: 100%;\r\n }\r\n}\r\n\r\n.ui-widget-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: #000;\r\n -ms-opacity: 0.3;\r\n opacity: 0.3;\r\n -moz-filter: alpha(opacity=30);\r\n -o-filter: alpha(opacity=30);\r\n filter: alpha(opacity=30); /* For IE8 and earlier */\r\n}\r\n\r\n.btn.lc-dialog-button:first-child {\r\n margin-left: 0;\r\n}\r\n\r\n.btn.lc-dialog-button {\r\n margin-left: 16px;\r\n}\r\n\r\n/* Test of using BS modal */\r\n\r\n.modal-content {\r\n border: 1px solid var(--lc-default-border-color);\r\n border-radius: 0;\r\n -webkit-box-shadow: none;\r\n box-shadow: none;\r\n}\r\n.modal-header {\r\n padding: 24px;\r\n border-bottom: 1px solid var(--lc-default-border-color);\r\n}\r\n\r\n.modal-header .close {\r\n display: none;\r\n}\r\n\r\n.modal-title {\r\n line-height: inherit;\r\n font-size: 30px;\r\n font-weight: var(--lc-font-weight-light);\r\n color: var(--lc-heading-text-color);\r\n line-height: inherit;\r\n}\r\n\r\n.modal-body {\r\n /*position: relative;*/\r\n padding: 24px; /*15px;*/\r\n}\r\n\r\n.modal-footer {\r\n padding: 0 24px 24px 24px; /*15px;*/\r\n text-align: left; /*right;*/\r\n border-top: 0; /*1px solid #e5e5e5;*/\r\n}\r\n\r\n.modal-footer .btn + .btn {\r\n /*margin-bottom: 0;*/\r\n margin-left: 12px; /*5px;*/\r\n}\r\n","/*------------------------------------*\\\r\n #lc-sidetab\r\n\\*------------------------------------*/\r\n\r\n.noselect {\r\n -webkit-touch-callout: none; /* iOS Safari */\r\n -webkit-user-select: none; /* Safari */\r\n -khtml-user-select: none; /* Konqueror HTML */\r\n -moz-user-select: none; /* Firefox */\r\n -ms-user-select: none; /* Internet Explorer/Edge */\r\n user-select: none; /* Non-prefixed version, currently\r\n supported by Chrome and Opera */\r\n}\r\n\r\n.side-tab-tab {\r\n box-sizing: border-box;\r\n z-index: 999;\r\n position: absolute;\r\n top: 120px;\r\n right: 0px;\r\n width: 52px;\r\n max-height: 150px;\r\n border-top: 1px solid var(--lc-default-border-color);\r\n border-left: 1px solid var(--lc-default-border-color);\r\n border-bottom: 1px solid var(--lc-default-border-color);\r\n border-radius: 6px 0 0 6px;\r\n background-color: var(--lc-default-bg-color);\r\n cursor: pointer;\r\n padding: 20px 4px 12px 4px;\r\n transition: 0.5s;\r\n text-align: center;\r\n font-weight: var(--lc-font-weight-bold);\r\n line-height: 20px;\r\n}\r\n\r\n.side-tab-arrow {\r\n display: inline-block;\r\n font-size: var(--lc-font-size-px-s);\r\n line-height: 24px;\r\n width: 100%;\r\n text-align: center;\r\n}\r\n\r\n.side-tab-caption {\r\n writing-mode: vertical-rl;\r\n -ms-writing-mode: tb-rl;\r\n text-align: center;\r\n}\r\n\r\n.side-tab-tab:hover {\r\n border-color: var(--lc-hover-border-color);\r\n background-color: var(--lc-default-bg-color);\r\n}\r\n\r\n.side-tab-expanded {\r\n right: 500px;\r\n top: 120px !important;\r\n background: var(--lc-primary-color) !important;\r\n font-weight: bold !important;\r\n color: var(--lc-complementary-text-color) !important;\r\n}\r\n\r\n.side-tab-container {\r\n z-index: 999;\r\n position: absolute;\r\n top: 100px;\r\n right: 0px;\r\n width: 0px;\r\n height: 85%;\r\n min-height: 100px;\r\n overflow: hidden;\r\n transition: 0.5s;\r\n}\r\n\r\n.side-tab-container-expanded {\r\n width: 500px;\r\n}\r\n\r\n.side-tab-content {\r\n width: 500px;\r\n padding: 20px;\r\n height: 100%;\r\n background-color: var(--lc-default-bg-color);\r\n border-top: 1px solid var(--lc-default-border-color);\r\n border-left: 1px solid var(--lc-default-border-color);\r\n border-bottom: 1px solid var(--lc-default-border-color);\r\n border-radius: 6px 0 0 6px;\r\n overflow: auto;\r\n\r\n & .stretchAbsolute {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n & h2 {\r\n margin-bottom: 12px;\r\n }\r\n}\r\n\r\n@media (max-width: 531px) {\r\n .side-tab-expanded {\r\n right: calc(100% - 27px);\r\n top: 120px !important;\r\n }\r\n\r\n .side-tab-container-expanded {\r\n width: calc(100% - 27px);\r\n }\r\n\r\n .side-tab-content {\r\n width: 100%;\r\n }\r\n}\r\n",".dash {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n z-index: 1000;\r\n color: var(--lc-complementary-text-color);\r\n display: none;\r\n\r\n &::before {\r\n z-index: -1;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n content: \"\";\r\n background-color: var(--lc-default-text-color);\r\n opacity: 0.6;\r\n }\r\n\r\n h3 {\r\n color: var(--lc-complementary-text-color);\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n }\r\n\r\n ul li {\r\n display: inline-block;\r\n margin: 5px;\r\n width: 80px;\r\n text-align: center;\r\n vertical-align: top;\r\n }\r\n}\r\n\r\n.dashFrame {\r\n margin: 50px;\r\n padding: 20px;\r\n background: var(--lc-complementary-bg-color);\r\n border: 1px solid lightgrey;\r\n border-radius: 5px;\r\n}\r\n\r\n.dashTooltipCaption {\r\n display: block;\r\n}\r\n\r\n.dash-terminal-frame {\r\n position: absolute;\r\n top: 20px;\r\n left: 20px;\r\n right: 20px;\r\n bottom: 20px;\r\n padding: 20px;\r\n background: var(--lc-complementary-bg-color);\r\n border: 1px solid lightgrey;\r\n border-radius: 5px;\r\n overflow-y: auto;\r\n}\r\n\r\n.dash-command-output {\r\n color: lightgray;\r\n}\r\n\r\n.dash-command-help {\r\n color: #ffcc00;\r\n}\r\n\r\n.dash-command-error {\r\n color: red;\r\n}\r\n\r\n.dash-command-info {\r\n color: #7dbb0f;\r\n}\r\n\r\n.dash-command-input {\r\n color: #7dbb0f;\r\n outline: none;\r\n background-color: transparent;\r\n margin: 0;\r\n width: 100%;\r\n font: inherit;\r\n border: none;\r\n /*color: inherit;*/\r\n resize: none;\r\n overflow: hidden;\r\n white-space: pre;\r\n /*border: 0 none white;\r\n overflow: hidden;\r\n padding: 0;\r\n outline: none;\r\n background-color: #D0D0D0;\r\n resize: none;*/\r\n}\r\n","@import \"lc_mixins\";\r\n\r\nth.required:after {\r\n color: var(--lc-required-color);\r\n content: \" *\";\r\n}\r\n\r\n/*Read only table*/\r\n\r\n@media (min-width: 768px) {\r\n .lc-read-only-table {\r\n color: var(--lc-default-text-color);\r\n border-collapse: collapse;\r\n width: 100%;\r\n\r\n thead tr {\r\n border-top: 1px solid var(--lc-default-table-header-border-color);\r\n border-bottom: 1px solid var(--lc-default-table-header-border-color);\r\n height: 34px;\r\n }\r\n\r\n th {\r\n font-weight: var(--lc-font-weight-bold);\r\n background: var(--lc-default-table-header-bg-color);\r\n text-align: left;\r\n padding: 0 6px;\r\n font-size: var(--lc-font-size-px-s);\r\n vertical-align: middle;\r\n\r\n &:not(:first-child) {\r\n border-left: 1px solid var(--lc-default-table-header-border-color);\r\n }\r\n }\r\n\r\n tbody tr {\r\n border-bottom: 1px solid var(--lc-default-table-body-border-color);\r\n height: 37px;\r\n\r\n &:not(.removeHoverClass):hover,\r\n &:not(.removeHoverClass).active {\r\n border-bottom: 1px solid var(--lc-hover-table-row-border-color);\r\n border-top: 1px double var(--lc-hover-table-row-border-color);\r\n background: var(--lc-hover-table-row-bg-color);\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n td {\r\n padding: 0 6px;\r\n vertical-align: middle;\r\n text-align: left;\r\n }\r\n\r\n & .tablesorter-header:not(.sorter-false):hover {\r\n background: var(--lc-default-table-body-border-color);\r\n cursor: pointer;\r\n }\r\n\r\n & .headerSortUp:after {\r\n content: \"\\25B4\";\r\n margin-left: 5px;\r\n }\r\n\r\n & .headerSortDown:after {\r\n content: \"\\25BE\";\r\n margin-left: 5px;\r\n }\r\n\r\n & .tablesorter-headerAsc .tablesorter-header-inner:after {\r\n content: \"\\25B4\";\r\n margin-left: 5px;\r\n }\r\n\r\n & .tablesorter-headerDesc .tablesorter-header-inner:after {\r\n content: \"\\25BE\";\r\n margin-left: 5px;\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .lc-read-only-table {\r\n color: var(--lc-default-text-color);\r\n border-collapse: collapse;\r\n width: 100%;\r\n }\r\n\r\n .lc-read-only-table thead,\r\n .lc-read-only-table tbody,\r\n .lc-read-only-table th,\r\n .lc-read-only-table td,\r\n .lc-read-only-table tr {\r\n display: block;\r\n }\r\n\r\n .lc-read-only-table thead tr {\r\n position: absolute;\r\n top: -9999px;\r\n left: -9999px;\r\n }\r\n\r\n .lc-read-only-table tr {\r\n border: 1px solid var(--lc-default-table-header-border-color);\r\n margin-bottom: 5px;\r\n }\r\n\r\n .lc-read-only-table td {\r\n min-height: 37px;\r\n border: none;\r\n border-bottom: 1px solid var(--lc-default-table-body-border-color);\r\n position: relative;\r\n padding-left: 50% !important;\r\n white-space: normal;\r\n text-align: left;\r\n padding: 6px;\r\n }\r\n\r\n .lc-read-only-table td:last-of-type {\r\n border-bottom: 0;\r\n }\r\n\r\n .lc-read-only-table td:before {\r\n position: absolute;\r\n left: 6px;\r\n width: 45%;\r\n padding-right: 10px;\r\n white-space: nowrap;\r\n text-align: left;\r\n font-weight: var(--lc-font-weight-bold);\r\n content: attr(data-title);\r\n }\r\n\r\n .content {\r\n margin: 0;\r\n }\r\n}\r\n\r\n.lc-read-only-table__row--selected {\r\n border-bottom: 1px solid var(--lc-hover-table-row-border-color) !important;\r\n border-top: 1px double var(--lc-hover-table-row-border-color) !important;\r\n background: var(--lc-hover-table-row-bg-color);\r\n cursor: pointer;\r\n}\r\n\r\n.lc-read-only-table__row-action {\r\n margin: 0 6px 0 0;\r\n padding: 3px;\r\n border: 1px solid transparent;\r\n font-size: 18px;\r\n vertical-align: middle;\r\n\r\n &:hover {\r\n border: 1px solid var(--lc-hover-table-row-border-color);\r\n background: var(--lc-hover-table-row-bg-color);\r\n @include border-radius(3px);\r\n cursor: pointer;\r\n }\r\n\r\n &.editbackground {\r\n border: 1px solid var(--lc-warning-color);\r\n background: var(--lc-warning-color);\r\n color: var(--lc-complementary-text-color);\r\n @include border-radius(3px);\r\n cursor: pointer;\r\n }\r\n}\r\n\r\n.lc-read-only-table__toolbar {\r\n white-space: nowrap;\r\n\r\n > .btn {\r\n padding-top: 0;\r\n padding-bottom: 2px;\r\n padding-left: 4px;\r\n padding-right: 4px;\r\n float: initial;\r\n\r\n > span {\r\n display: inline-block;\r\n vertical-align: middle;\r\n font-size: 18px;\r\n line-height: 0;\r\n }\r\n }\r\n}\r\n\r\n/*Expanded table*/\r\n\r\n.lc-table-expandable {\r\n color: var(--lc-default-text-color);\r\n border-collapse: collapse;\r\n width: 100%;\r\n\r\n thead tr {\r\n border-top: 1px solid var(--lc-default-table-body-border-color);\r\n border-bottom: 1px solid var(--lc-default-table-body-border-color);\r\n height: 34px;\r\n }\r\n\r\n th {\r\n font-weight: var(--lc-font-weight-bold);\r\n background: var(--lc-default-table-header-bg-color);\r\n text-align: left;\r\n padding: 0 6px;\r\n font-size: var(--lc-font-size-px-s);\r\n vertical-align: middle;\r\n border-left: 1px solid var(--lc-default-table-header-border-color);\r\n }\r\n\r\n th:first-child {\r\n border-left: 0;\r\n width: 30px;\r\n }\r\n\r\n tr {\r\n height: 37px;\r\n\r\n &:not(.removeBorderClass) {\r\n border-bottom: 1px solid var(--lc-default-table-body-border-color);\r\n }\r\n }\r\n\r\n tbody tr:not(.removeHoverClass):hover {\r\n border-bottom: 1px solid var(--lc-hover-table-row-border-color);\r\n border-top: 1px double var(--lc-hover-table-row-border-color);\r\n background: var(--lc-hover-table-row-bg-color);\r\n cursor: pointer;\r\n }\r\n\r\n td {\r\n padding: 0 6px;\r\n vertical-align: middle;\r\n text-align: left;\r\n\r\n &:first-child:not([colspan]) {\r\n text-align: center;\r\n }\r\n\r\n &.addHoverClass:hover {\r\n background: var(--lc-hover-table-row-bg-color);\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n & .lc-icon-Collapse-alt {\r\n @include rotate-deg();\r\n display: inline-block;\r\n font-size: 1.8rem;\r\n line-height: 2.8rem;\r\n }\r\n}\r\n\r\n.removeBorderClass .lc-icon-Collapse-alt {\r\n @include rotate-deg(90deg);\r\n}\r\n\r\n.lc-table-expandable__expanded-area {\r\n padding: 12px 12px 12px 24px;\r\n font-size: var(--lc-font-size-px-s);\r\n}\r\n\r\n/*Editable table*/\r\n\r\n.lc-editable-table {\r\n color: var(--lc-default-text-color);\r\n border: 1px solid var(--lc-default-table-body-border-color);\r\n width: 100%;\r\n\r\n thead tr {\r\n height: 34px;\r\n }\r\n\r\n th {\r\n font-weight: var(--lc-font-weight-bold);\r\n background: var(--lc-default-table-header-bg-color);\r\n text-align: left;\r\n padding: 0 6px;\r\n font-size: var(--lc-font-size-px-s);\r\n vertical-align: middle;\r\n\r\n &:not(:first-child) {\r\n border-left: 1px solid var(--lc-default-table-header-border-color);\r\n }\r\n }\r\n\r\n tr {\r\n height: 37px;\r\n }\r\n\r\n td {\r\n padding: 0 6px;\r\n vertical-align: middle;\r\n text-align: left;\r\n border: 1px solid var(--lc-default-table-body-border-color);\r\n\r\n &:hover {\r\n border: 1px double var(--lc-hover-form-border-color);\r\n background: var(--lc-hover-table-row-bg-color);\r\n cursor: pointer;\r\n }\r\n\r\n &.selected {\r\n border: 1px double var(--lc-hover-table-row-border-color);\r\n background: var(--lc-hover-table-row-bg-color);\r\n }\r\n }\r\n}\r\n\r\ntbody.alternatedRows tr:nth-child(even) td {\r\n background: var(--lc-default-table-row-bg-color);\r\n}\r\n\r\n.lc-table-expandable tbody.alternatedRows tr:nth-child(even) td {\r\n background: inherit;\r\n}\r\n\r\n.lc-table-expandable tbody.alternatedRows tr:nth-child(4n + 3) td,\r\n.lc-table-expandable tbody.alternatedRows tr:nth-child(4n + 4) td {\r\n background: var(--lc-default-table-row-bg-color);\r\n}\r\n\r\n.sort-caret {\r\n position: static;\r\n top: auto;\r\n right: auto;\r\n margin-top: auto;\r\n display: inline-block;\r\n margin-left: 6px;\r\n}\r\n\r\ntable.lc-editable-table {\r\n .form-control[disabled],\r\n .form-control fieldset[disabled] .form-control {\r\n background-color: var(--lc-disabled-bg-color);\r\n color: var(--lc-muted-text-color);\r\n }\r\n}\r\n\r\ntable {\r\n span.lc-icon-Collapse-alt {\r\n font-size: 1.8rem;\r\n line-height: 2.8rem;\r\n }\r\n}\r\n","@mixin left-border-radius($radius: 6px) {\r\n -webkit-border-top-left-radius: $radius;\r\n border-top-left-radius: $radius;\r\n -webkit-border-bottom-left-radius: $radius;\r\n border-bottom-left-radius: $radius;\r\n}\r\n\r\n@mixin right-border-radius($radius: 6px) {\r\n -webkit-border-top-right-radius: 6px;\r\n border-top-right-radius: 6px;\r\n -webkit-border-bottom-right-radius: 6px;\r\n border-bottom-right-radius: 6px;\r\n}\r\n\r\n@mixin border-radius($radius: 6px) {\r\n -moz-border-radius: $radius;\r\n -webkit-border-radius: $radius;\r\n border-radius: $radius;\r\n}\r\n\r\n@mixin no-box-shadow() {\r\n -moz-box-shadow: none;\r\n -webkit-box-shadow: none;\r\n box-shadow: none;\r\n}\r\n\r\n@mixin rotate-deg($degrees: -90deg) {\r\n -webkit-transform: rotate($degrees);\r\n -moz-transform: rotate($degrees);\r\n -ms-transform: rotate($degrees);\r\n -o-transform: rotate($degrees);\r\n transform: rotate($degrees);\r\n}\r\n\r\n@mixin btn-default-focused() {\r\n color: var(--lc-default-text-color);\r\n background-color: var(--lc-hover-btn-default-bg-color);\r\n border-color: var(--lc-hover-btn-default-border-color);\r\n}\r\n\r\n@mixin btn-default-disabled() {\r\n background-color: var(--lc-disabled-btn-default-bg-color);\r\n border-color: var(--lc-disabled-btn-default-border-color);\r\n color: var(--lc-disabled-btn-default-border-color);\r\n}\r\n\r\n@mixin btn-default-active() {\r\n color: var(--lc-default-text-color);\r\n background-color: var(--lc-active-btn-default-bg-color);\r\n border-color: var(--lc-active-btn-default-border-color);\r\n}\r\n\r\n@mixin btn-success-focus() {\r\n background-color: var(--lc-hover-btn-success-bg-color);\r\n border-color: var(--lc-hover-btn-success-border-color);\r\n}\r\n\r\n@mixin btn-success-disabled() {\r\n background-color: var(--lc-disabled-btn-success-bg-color);\r\n border-color: var(--lc-disabled-btn-success-border-color);\r\n}\r\n@mixin btn-success-active() {\r\n background-color: var(--lc-active-btn-success-bg-color);\r\n border-color: var(--lc-active-btn-success-border-color);\r\n}\r\n\r\n@mixin btn-info-focus() {\r\n background-color: var(--lc-hover-btn-info-bg-color);\r\n border-color: var(--lc-hover-btn-info-border-color);\r\n}\r\n\r\n@mixin btn-info-disabled() {\r\n background-color: var(--lc-disabled-btn-info-bg-color);\r\n border-color: var(--lc-disabled-btn-info-border-color);\r\n}\r\n\r\n@mixin btn-info-active() {\r\n background-color: var(--lc-active-btn-info-bg-color);\r\n border-color: var(--lc-active-btn-info-border-color);\r\n}\r\n\r\n@mixin btn-warning-focus() {\r\n color: var(--lc-complementary-text-color);\r\n background-color: var(--lc-hover-btn-warning-bg-color);\r\n border-color: var(--lc-hover-btn-warning-border-color);\r\n}\r\n\r\n@mixin btn-warning-disabled() {\r\n color: var(--lc-complementary-text-color);\r\n background-color: var(--lc-disabled-btn-warning-bg-color);\r\n border-color: var(--lc-disabled-btn-warning-border-color);\r\n}\r\n\r\n@mixin btn-warning-active() {\r\n background-color: var(--lc-active-btn-warning-bg-color);\r\n border-color: var(--lc-active-btn-warning-border-color);\r\n}\r\n\r\n@mixin btn-danger-focus() {\r\n background-color: var(--lc-hover-btn-danger-bg-color);\r\n border-color: var(--lc-hover-btn-danger-border-color);\r\n}\r\n\r\n@mixin btn-danger-disabled() {\r\n background-color: var(--lc-disabled-btn-danger-bg-color);\r\n border-color: var(--lc-disabled-btn-danger-border-color);\r\n}\r\n\r\n@mixin btn-danger-active() {\r\n background-color: var(--lc-active-btn-danger-bg-color);\r\n border-color: var(--lc-active-btn-danger-border-color);\r\n}\r\n","@import \"lc_mixins\";\r\n\r\n.input-group .form-control {\r\n z-index: inherit;\r\n}\r\n\r\n.input-group .form-control:first-child,\r\n.input-group-addon:first-child,\r\n.input-group-btn:first-child > .btn,\r\n.input-group-btn:first-child > .btn-group > .btn,\r\n.input-group-btn:first-child > .dropdown-toggle,\r\n.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),\r\n.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {\r\n @include right-border-radius();\r\n}\r\n\r\n.input-group-addon:first-child {\r\n border-right: 0;\r\n}\r\n\r\n.input-group .form-control:last-child,\r\n.input-group-addon:last-child,\r\n.input-group-btn:last-child > .btn,\r\n.input-group-btn:last-child > .btn-group > .btn,\r\n.input-group-btn:last-child > .dropdown-toggle,\r\n.input-group-btn:first-child > .btn:not(:first-child),\r\n.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {\r\n @include left-border-radius();\r\n}\r\n\r\n.input-group-addon:last-child {\r\n border-left: 0;\r\n}\r\n\r\n.input-group-btn {\r\n position: relative;\r\n font-size: 0;\r\n white-space: nowrap;\r\n\r\n > .btn {\r\n position: relative;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 3.4rem;\r\n &.btn-default {\r\n &:hover {\r\n border-color: var(--lc-hover-border-color);\r\n }\r\n span[class^=\"lc-icon\"] {\r\n color: var(--lc-primary-color);\r\n }\r\n }\r\n\r\n span[class^=\"lc-icon\"] {\r\n font-size: 2rem;\r\n line-height: 0;\r\n }\r\n }\r\n > .btn + .btn {\r\n margin-left: 6px;\r\n }\r\n\r\n > .btn:hover,\r\n > .btn:focus,\r\n > .btn:active {\r\n z-index: 2;\r\n }\r\n\r\n &:first-child > .btn,\r\n &:first-child > .btn-group {\r\n margin-right: 6px;\r\n }\r\n\r\n &:last-child > .btn,\r\n &:last-child > .btn-group {\r\n margin-left: 6px;\r\n }\r\n}\r\n\r\n.btn-block + .btn-block {\r\n margin-top: 0;\r\n}\r\n\r\n.btn-group {\r\n max-width: 100%;\r\n}\r\n\r\n.input-group-btn:last-child > .btn,\r\n.input-group-btn:last-child > .btn-group {\r\n z-index: auto;\r\n}\r\n","@import \"lc_mixins\";\r\n\r\n.btn {\r\n font-size: var(--lc-font-size-px-s);\r\n font-weight: var(--lc-font-weight-bold);\r\n line-height: inherit;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n -ms-text-overflow: ellipsis;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n max-width: 100%;\r\n text-transform: uppercase;\r\n\r\n &:active,\r\n &.active {\r\n @include no-box-shadow();\r\n }\r\n\r\n &.disabled,\r\n &[disabled] {\r\n opacity: inherit;\r\n }\r\n}\r\n\r\n/* To be removed when we have changed to use lc-btn-icon instead (ex through html helper classlib) */\r\n.btn-datepicker {\r\n padding-left: 8px;\r\n padding-right: 7px;\r\n font-size: 18px;\r\n}\r\n\r\n.ui-widget button.btn-datepicker {\r\n font-size: 18px;\r\n}\r\n/* End to be removed */\r\n\r\nfieldset[disabled] .btn {\r\n opacity: inherit;\r\n}\r\n\r\n.btn-default {\r\n &:hover,\r\n &:focus,\r\n &.focus {\r\n @include btn-default-focused();\r\n }\r\n\r\n &:active,\r\n &.active-normal {\r\n @include btn-default-active();\r\n }\r\n\r\n &.disabled,\r\n &[disabled],\r\n &.disabled:hover,\r\n &[disabled]:hover,\r\n &.disabled:focus,\r\n &[disabled]:focus,\r\n &.disabled.focus,\r\n &[disabled].focus,\r\n &.disabled:active,\r\n &[disabled]:active,\r\n &.disabled.active,\r\n &[disabled].active {\r\n opacity: 0.6;\r\n }\r\n}\r\n\r\nfieldset[disabled] .btn-default,\r\nfieldset[disabled] .btn-default:hover,\r\nfieldset[disabled] .btn-default:focus,\r\nfieldset[disabled] .btn-default.focus,\r\nfieldset[disabled] .btn-default:active,\r\nfieldset[disabled] .btn-default.active {\r\n opacity: 0.6;\r\n}\r\n\r\n.btn-success {\r\n &:hover,\r\n &:focus,\r\n &.focus {\r\n @include btn-success-focus();\r\n }\r\n\r\n &:active,\r\n &.active {\r\n @include btn-success-active();\r\n }\r\n\r\n &.disabled,\r\n &[disabled],\r\n &.disabled:hover,\r\n &[disabled]:hover,\r\n &.disabled:focus,\r\n &[disabled]:focus,\r\n &.disabled.focus,\r\n &[disabled].focus,\r\n &.disabled:active,\r\n &[disabled]:active,\r\n &.disabled.active,\r\n &[disabled].active {\r\n opacity: 0.6;\r\n }\r\n}\r\n\r\nfieldset[disabled] .btn-success,\r\nfieldset[disabled] .btn-success:hover,\r\nfieldset[disabled] .btn-success:focus,\r\nfieldset[disabled] .btn-success.focus,\r\nfieldset[disabled] .btn-success:active,\r\nfieldset[disabled] .btn-success.active {\r\n opacity: 0.6;\r\n}\r\n\r\n.btn-info,\r\n.btn-primary {\r\n &:hover,\r\n &:focus,\r\n &.focus {\r\n @include btn-info-focus();\r\n }\r\n\r\n &:active,\r\n &.active {\r\n @include btn-info-active();\r\n }\r\n\r\n &.disabled,\r\n &[disabled],\r\n &.disabled:hover,\r\n &[disabled]:hover,\r\n &.disabled:focus,\r\n &[disabled]:focus,\r\n &.disabled.focus,\r\n &[disabled].focus,\r\n &.disabled:active,\r\n &[disabled]:active,\r\n &.disabled.active,\r\n &[disabled].active {\r\n opacity: 0.6;\r\n }\r\n}\r\n\r\nfieldset[disabled] .btn-info,\r\nfieldset[disabled] .btn-info:hover,\r\nfieldset[disabled] .btn-info:focus,\r\nfieldset[disabled] .btn-info.focus,\r\nfieldset[disabled] .btn-info:active,\r\nfieldset[disabled] .btn-info.active,\r\nfieldset[disabled] .btn-primary,\r\nfieldset[disabled] .btn-primary:hover,\r\nfieldset[disabled] .btn-primary:focus,\r\nfieldset[disabled] .btn-primary.focus,\r\nfieldset[disabled] .btn-primary:active,\r\nfieldset[disabled] .btn-primary.active {\r\n opacity: 0.6;\r\n}\r\n\r\n.btn-warning {\r\n &:hover,\r\n &:focus,\r\n &.focus {\r\n @include btn-warning-focus();\r\n }\r\n\r\n &:active,\r\n &.active {\r\n @include btn-warning-active();\r\n }\r\n\r\n &.disabled,\r\n &[disabled],\r\n &.disabled:hover,\r\n &[disabled]:hover,\r\n &.disabled:focus,\r\n &[disabled]:focus,\r\n &.disabled.focus,\r\n &[disabled].focus,\r\n &.disabled:active,\r\n &[disabled]:active,\r\n &.disabled.active,\r\n &[disabled].active {\r\n opacity: 0.6;\r\n }\r\n}\r\n\r\nfieldset[disabled] .btn-warning,\r\nfieldset[disabled] .btn-warning:hover,\r\nfieldset[disabled] .btn-warning:focus,\r\nfieldset[disabled] .btn-warning.focus,\r\nfieldset[disabled] .btn-warning:active,\r\nfieldset[disabled] .btn-warning.active {\r\n opacity: 0.6;\r\n}\r\n\r\n.btn-danger {\r\n &:hover,\r\n &:focus,\r\n &.focus {\r\n @include btn-danger-focus();\r\n }\r\n\r\n &:active,\r\n &.active {\r\n @include btn-danger-active();\r\n }\r\n\r\n &.disabled,\r\n &[disabled],\r\n &.disabled:hover,\r\n &[disabled]:hover,\r\n &.disabled:focus,\r\n &[disabled]:focus,\r\n &.disabled.focus,\r\n &[disabled].focus,\r\n &.disabled:active,\r\n &[disabled]:active,\r\n &.disabled.active,\r\n &[disabled].active {\r\n opacity: 0.6;\r\n }\r\n}\r\n\r\nfieldset[disabled] .btn-danger,\r\nfieldset[disabled] .btn-danger:hover,\r\nfieldset[disabled] .btn-danger:focus,\r\nfieldset[disabled] .btn-danger.focus,\r\nfieldset[disabled] .btn-danger:active,\r\nfieldset[disabled] .btn-danger.active {\r\n opacity: 0.6;\r\n}\r\n\r\n.btn-dotted {\r\n color: var(--lc-default-text-color);\r\n background-color: var(--lc-secondary-subtle-color);\r\n border-color: var(--lc-hover-border-color);\r\n border-width: 2px;\r\n border-style: dotted;\r\n\r\n &:hover,\r\n &:focus,\r\n &.focus {\r\n color: var(--lc-default-text-color);\r\n background-color: var(--lc-secondary-subtle-color);\r\n border-color: var(--lc-hover-btn-info-bg-color);\r\n }\r\n\r\n &:active,\r\n &.active {\r\n color: var(--lc-default-text-color);\r\n background-color: var(--lc-secondary-subtle-color);\r\n border-color: var(--lc-active-btn-info-bg-color);\r\n }\r\n\r\n &.disabled,\r\n &[disabled],\r\n &.disabled:hover,\r\n &[disabled]:hover,\r\n &.disabled:focus,\r\n &[disabled]:focus,\r\n &.disabled.focus,\r\n &[disabled].focus,\r\n &.disabled:active,\r\n &[disabled]:active,\r\n &.disabled.active,\r\n &[disabled].active {\r\n opacity: 0.5;\r\n }\r\n}\r\n\r\nfieldset[disabled] .btn-dotted,\r\nfieldset[disabled] .btn-dotted:hover,\r\nfieldset[disabled] .btn-dotted:focus,\r\nfieldset[disabled] .btn-dotted.focus,\r\nfieldset[disabled] .btn-dotted:active,\r\nfieldset[disabled] .btn-dotted.active {\r\n opacity: 0.5;\r\n}\r\n\r\n/* Slingle button and Split button dropdowns */\r\n.btn-group > .btn + .dropdown-toggle {\r\n padding-right: 12px;\r\n padding-left: 12px;\r\n padding-top: 6px;\r\n padding-bottom: 6px;\r\n}\r\n\r\n.btn-group.open .dropdown-toggle {\r\n -webkit-box-shadow: none;\r\n box-shadow: none;\r\n}\r\n\r\n/* Button with icon and with icon and text */\r\n.lc-btn-icon {\r\n padding-left: 8px;\r\n padding-right: 7px;\r\n font-size: 18px;\r\n}\r\n\r\n.lc-btn-icon-with-text > span[class^=\"lc-icon\"] {\r\n position: relative;\r\n font-size: 16px;\r\n top: 2px;\r\n margin-right: 6px;\r\n}\r\n\r\n/* Font size fix for ui-widget */\r\n.ui-widget button.lc-btn-icon {\r\n font-size: 18px;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .btn-block-xs {\r\n width: 100%;\r\n display: block;\r\n }\r\n}\r\n\r\n.btn-link {\r\n font-weight: var(--lc-font-weight-normal);\r\n color: var(--lc-default-link-color);\r\n text-decoration: none;\r\n border-radius: 8px;\r\n\r\n &:hover {\r\n color: var(--lc-hover-link-color);\r\n text-decoration: none;\r\n }\r\n\r\n &:focus {\r\n text-decoration: none;\r\n }\r\n\r\n &:disabled {\r\n color: var(--lc-disabled-text-color);\r\n pointer-events: none;\r\n }\r\n}\r\n\r\n.dropdown,\r\n.input-group {\r\n .btn.btn-default {\r\n background-color: var(--lc-default-bg-color);\r\n border: 1px solid var(--lc-default-form-border-color);\r\n }\r\n}\r\n","@import \"lc_mixins\";\r\n\r\ninput[type=\"text\"],\r\ninput[type=\"password\"],\r\ntextarea {\r\n -webkit-appearance: none;\r\n}\r\n\r\n.form-control {\r\n color: var(--lc-default-text-color);\r\n border: 1px solid var(--lc-default-form-border-color);\r\n @include border-radius(6px);\r\n @include no-box-shadow();\r\n\r\n &:hover {\r\n border-color: var(--lc-hover-form-border-color);\r\n }\r\n\r\n &:focus {\r\n border-color: var(--lc-focus-form-border-color);\r\n @include no-box-shadow();\r\n }\r\n\r\n &::-moz-placeholder,\r\n &:-ms-input-placeholder,\r\n &::-webkit-input-placeholder {\r\n color: var(--lc-default-placeholder-text-color);\r\n }\r\n\r\n &[disabled],\r\n &[readonly],\r\n fieldset[disabled] .form-control {\r\n background-color: var(--lc-disabled-form-bg-color);\r\n border-color: var(--lc-disabled-form-border-color);\r\n color: var(--lc-disabled-form-text-color);\r\n }\r\n\r\n &[disabled] + .input-group-btn > .btn {\r\n border-color: var(--lc-disabled-form-border-color);\r\n color: var(--lc-disabled-form-text-color);\r\n cursor: not-allowed;\r\n background-color: var(--lc-disabled-form-bg-color);\r\n }\r\n\r\n &.input-validation-error {\r\n background-color: var(--lc-error-form-bg-color) !important;\r\n }\r\n\r\n &.input-validation-info {\r\n background-color: var(--lc-info-validation-form-bg-color) !important;\r\n }\r\n}\r\n\r\ntextarea.form-control {\r\n min-height: 144px;\r\n}\r\n","/*\r\n Obsolete.\r\n See http://getbootstrap.com/css/#checkboxes-and-radios instead.\r\n Obs! The label need to hold a span to support visualization added through CSS. Obs!\r\n*/\r\n@import \"lc_mixins\";\r\n\r\ninput[type=\"checkbox\"],\r\ninput[type=\"radio\"] {\r\n position: absolute;\r\n opacity: 0;\r\n width: auto;\r\n z-index: -9999;\r\n}\r\n\r\ninput[type=\"checkbox\"] + label,\r\ninput[type=\"radio\"] + label {\r\n margin-bottom: 0;\r\n font-weight: var(--lc-font-weight-normal);\r\n font-size: var(--lc-font-size-px-s);\r\n position: relative;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n -o-user-select: none;\r\n user-select: none;\r\n cursor: pointer;\r\n}\r\n\r\ninput[type=\"checkbox\"] + label + input[type=\"checkbox\"] + label,\r\ninput[type=\"radio\"] + label + input[type=\"radio\"] + label {\r\n margin-top: 9px;\r\n}\r\n\r\ninput[type=\"checkbox\"] + label:before,\r\ninput[type=\"radio\"] + label:before {\r\n content: \"\";\r\n display: inline-block;\r\n height: 21px;\r\n width: 21px;\r\n vertical-align: middle;\r\n margin-right: 9px;\r\n background-color: var(--lc-default-bg-color);\r\n border: 1px solid var(--lc-default-form-border-color);\r\n @include border-radius();\r\n}\r\n\r\nlabel.input-validation-error {\r\n input[type=\"checkbox\"] + span:before,\r\n input[type=\"radio\"] + span:before {\r\n background-color: var(--lc-error-form-bg-color);\r\n border-color: var(--lc-error-form-border-color);\r\n }\r\n}\r\n\r\ninput[type=\"radio\"] + label:before {\r\n @include border-radius(50%);\r\n}\r\n\r\ninput[type=\"checkbox\"] + label.only-input:before,\r\ninput[type=\"radio\"] + label.only-input:before {\r\n margin-right: 0;\r\n}\r\n\r\ninput[type=\"checkbox\"]:disabled + label,\r\ninput[type=\"radio\"]:disabled + label {\r\n color: var(--lc-disabled-form-text-color);\r\n cursor: not-allowed;\r\n}\r\n\r\ninput[type=\"radio\"]:disabled + label:before,\r\ninput[type=\"checkbox\"]:disabled + label:before {\r\n border-color: var(--lc-disabled-form-border-color);\r\n background-color: var(--lc-disabled-form-bg-secondary-color);\r\n}\r\n\r\ninput[type=\"checkbox\"]:checked + label:before {\r\n background-color: var(--lc-checked-form-bg-color);\r\n border-color: var(--lc-checked-form-border-color);\r\n}\r\n\r\ninput[type=\"checkbox\"]:checked:disabled + label:before {\r\n background-color: var(--lc-disabled-checked-form-bg-color);\r\n border-color: var(--lc-disabled-checked-form-border-color);\r\n}\r\n\r\ninput[type=\"checkbox\"]:checked + label:after,\r\ninput[type=\"checkbox\"].readonly:disabled + label:after {\r\n content: \"\\e97c\";\r\n font-family: var(--lc-default-icon-font-family);\r\n font-size: 1rem;\r\n color: var(--lc-complementary-text-color);\r\n text-align: center;\r\n width: 20px;\r\n position: absolute;\r\n top: 5px;\r\n left: 0;\r\n}\r\n\r\ninput[type=\"checkbox\"].readonly:disabled + label:after {\r\n font-size: 1.4rem;\r\n top: 0;\r\n}\r\n\r\ninput[type=\"checkbox\"]:hover:not(:disabled) + label:before,\r\ninput[type=\"checkbox\"]:focus:not(:disabled) + label:before {\r\n border-color: var(--lc-hover-form-border-color);\r\n}\r\n\r\ninput[type=\"checkbox\"].readonly:disabled + label {\r\n color: var(--lc-default-text-color);\r\n cursor: default;\r\n}\r\n\r\ninput[type=\"checkbox\"].readonly:disabled + label:before {\r\n background-color: transparent;\r\n border-color: transparent;\r\n margin-right: 4px;\r\n}\r\n\r\ninput[type=\"checkbox\"].readonly:disabled + label:after {\r\n color: var(--lc-checked-form-bg-color);\r\n}\r\n\r\ninput[type=\"radio\"]:checked + label:after,\r\ninput[type=\"radio\"].readonly:disabled + label:after {\r\n content: \"\";\r\n background-color: var(--lc-checked-form-bg-color);\r\n @include border-radius(50%);\r\n width: 13px;\r\n height: 13px;\r\n position: absolute;\r\n top: 4px;\r\n left: 4px;\r\n}\r\n\r\ninput[type=\"radio\"]:checked:disabled + label:after {\r\n background-color: var(--lc-disabled-checked-form-bg-color);\r\n}\r\n\r\ninput[type=\"radio\"]:hover:not(:disabled) + label:before,\r\ninput[type=\"radio\"]:focus:not(:disabled) + label:before {\r\n border-color: var(--lc-hover-form-border-color);\r\n}\r\n\r\ninput[type=\"radio\"].readonly:disabled + label {\r\n color: var(--lc-default-text-color);\r\n cursor: default;\r\n}\r\n\r\ninput[type=\"radio\"].readonly:disabled + label:before {\r\n background-color: transparent;\r\n border-color: transparent;\r\n margin-right: 4px;\r\n}\r\n\r\n//styling for radio and checkbox components\r\n\r\ndiv.form-check {\r\n position: relative;\r\n display: flex;\r\n justify-content: start;\r\n align-items: center;\r\n margin-bottom: 0.8rem;\r\n\r\n label {\r\n position: relative;\r\n display: flex;\r\n justify-content: start;\r\n align-items: center;\r\n font-weight: var(--lc-font-weight-normal);\r\n margin: 0;\r\n }\r\n\r\n input[type=\"checkbox\"],\r\n input[type=\"radio\"] {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n position: initial;\r\n z-index: initial;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-shrink: 0;\r\n opacity: 1;\r\n width: 2.1rem;\r\n height: 2.1rem;\r\n margin-right: 0.8rem;\r\n border: 1px solid var(--lc-default-form-border-color);\r\n background-color: var(--lc-default-bg-color);\r\n -webkit-print-color-adjust: exact;\r\n print-color-adjust: exact;\r\n\r\n &:not(.readonly) {\r\n &:hover:not(:disabled) {\r\n border-color: var(--lc-hover-form-border-color);\r\n cursor: pointer;\r\n }\r\n\r\n &:checked {\r\n background-color: var(--lc-checked-form-bg-color);\r\n border-color: var(--lc-checked-form-border-color);\r\n\r\n &:hover:not(:disabled) {\r\n background-color: var(--lc-hover-form-border-color);\r\n }\r\n\r\n &:disabled {\r\n background-color: var(--lc-disabled-checked-form-bg-color);\r\n }\r\n }\r\n\r\n &:disabled {\r\n border-color: var(--lc-disabled-form-border-color);\r\n background-color: var(--lc-disabled-form-bg-secondary-color);\r\n\r\n & + span,\r\n & + label {\r\n color: var(--lc-disabled-form-text-color);\r\n cursor: not-allowed;\r\n }\r\n }\r\n + label {\r\n &:before,\r\n &:after {\r\n content: none;\r\n }\r\n }\r\n + span {\r\n &:before,\r\n &:after {\r\n content: none;\r\n }\r\n }\r\n }\r\n }\r\n\r\n input[type=\"checkbox\"]:not(.readonly) {\r\n border-radius: 5px;\r\n\r\n &:checked:before {\r\n content: \"\\e97c\";\r\n font-family: var(--lc-default-icon-font-family);\r\n font-size: 1rem;\r\n color: var(--lc-complementary-text-color);\r\n }\r\n\r\n &:indeterminate {\r\n box-shadow: 0 0 0 3px var(--lc-default-bg-color) inset;\r\n background-color: var(--lc-checked-form-bg-color);\r\n border-color: var(--lc-checked-form-border-color);\r\n\r\n &:checked:before {\r\n content: none;\r\n }\r\n\r\n &:hover:not(:disabled) {\r\n background-color: var(--lc-hover-form-border-color);\r\n border-color: var(--lc-hover-form-border-color);\r\n }\r\n }\r\n }\r\n\r\n input[type=\"radio\"]:not(.readonly) {\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 3px var(--lc-default-bg-color) inset;\r\n\r\n &:disabled {\r\n &:not(:checked) {\r\n box-shadow: none;\r\n }\r\n }\r\n }\r\n\r\n .input-validation-error-message,\r\n .input-validation-info-message {\r\n margin-top: 0;\r\n top: 100%;\r\n }\r\n\r\n input[type=\"checkbox\"],\r\n input[type=\"radio\"] {\r\n &.readonly {\r\n border-color: var(--lc-default-bg-color);\r\n pointer-events: none;\r\n\r\n + label {\r\n &:before,\r\n &:after {\r\n content: none;\r\n }\r\n }\r\n }\r\n }\r\n\r\n input[type=\"checkbox\"].readonly {\r\n &:before {\r\n content: \"\\e97c\";\r\n font-family: var(--lc-default-icon-font-family);\r\n font-size: 1.4rem;\r\n color: var(--lc-checked-form-bg-color);\r\n }\r\n }\r\n\r\n input[type=\"radio\"].readonly {\r\n border-radius: 50%;\r\n background: var(--lc-checked-form-bg-color);\r\n border-width: 4px;\r\n }\r\n}\r\n\r\n.radio-inline,\r\n.checkbox-inline {\r\n .form-check,\r\n ko-checkbox,\r\n ko-radiobutton {\r\n position: relative;\r\n display: inline-flex;\r\n margin-right: 0.8rem;\r\n }\r\n}\r\n\r\n@media print {\r\n .form-check input[type=\"radio\"] {\r\n outline: 3px solid #fff;\r\n outline-offset: -4px;\r\n }\r\n}\r\n","@import \"lc_mixins\";\r\n\r\ninput[type=\"radio\"],\r\ninput[type=\"checkbox\"] {\r\n margin: 0;\r\n margin-top: 0;\r\n line-height: normal;\r\n}\r\n\r\n.radio,\r\n.checkbox {\r\n position: relative;\r\n display: block;\r\n margin-top: initial;\r\n margin-bottom: initial;\r\n}\r\n\r\n.radio label,\r\n.checkbox label {\r\n min-height: 20px;\r\n padding-left: 0;\r\n margin-bottom: 0;\r\n font-weight: var(--lc-font-weight-normal);\r\n cursor: pointer;\r\n}\r\n\r\n.radio input[type=\"radio\"],\r\n.radio-inline input[type=\"radio\"],\r\n.checkbox input[type=\"checkbox\"],\r\n.checkbox-inline input[type=\"checkbox\"] {\r\n position: absolute;\r\n margin-top: 0;\r\n margin-left: 0;\r\n opacity: 0;\r\n width: auto;\r\n z-index: -9999;\r\n}\r\n\r\n.radio + .radio,\r\n.checkbox + .checkbox,\r\n.radio + .checkbox,\r\n.checkbox + .radio,\r\nko-radiobutton + ko-radiobutton > .radio,\r\nko-checkbox + ko-checkbox > .checkbox,\r\nko-radiobutton + ko-checkbox > .checkbox,\r\nko-checkbox + ko-radiobutton > .radio {\r\n margin-top: 9px;\r\n}\r\n\r\n.radio-inline,\r\n.checkbox-inline {\r\n display: inline-flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n padding-left: 0;\r\n margin-bottom: 0;\r\n font-weight: var(--lc-font-weight-normal);\r\n}\r\n\r\n.radio-inline + .radio-inline,\r\n.checkbox-inline + .checkbox-inline,\r\n.radio-inline + .checkbox-inline,\r\n.checkbox-inline + .radio-inline {\r\n margin-top: 0;\r\n margin-left: 12px;\r\n}\r\n\r\ninput[type=\"radio\"][disabled],\r\ninput[type=\"checkbox\"][disabled],\r\ninput[type=\"radio\"].disabled,\r\ninput[type=\"checkbox\"].disabled,\r\nfieldset[disabled] input[type=\"radio\"],\r\nfieldset[disabled] input[type=\"checkbox\"] {\r\n cursor: not-allowed;\r\n}\r\n\r\n.radio-inline.disabled,\r\n.checkbox-inline.disabled,\r\nfieldset[disabled] .radio-inline,\r\nfieldset[disabled] .checkbox-inline {\r\n cursor: not-allowed;\r\n}\r\n\r\n.radio.disabled label,\r\n.checkbox.disabled label,\r\nfieldset[disabled] .radio label,\r\nfieldset[disabled] .checkbox label {\r\n cursor: not-allowed;\r\n}\r\n\r\n.checkbox-inline input[type=\"checkbox\"] + span,\r\n.radio-inline input[type=\"radio\"] + span {\r\n position: relative;\r\n}\r\n\r\n.checkbox input[type=\"checkbox\"] + span::before,\r\n.checkbox-inline input[type=\"checkbox\"] + span::before {\r\n content: \"\";\r\n display: inline-block;\r\n padding: 2px 0 0 0;\r\n height: 21px;\r\n width: 21px;\r\n vertical-align: middle;\r\n margin-right: 9px;\r\n background-color: var(--lc-default-bg-color);\r\n color: var(--lc-complementary-text-color);\r\n border: 1px solid var(--lc-default-form-border-color);\r\n text-align: center;\r\n font-family: \"Glyphicons Halflings\";\r\n font-size: var(--lc-font-size-px-s);\r\n @include border-radius();\r\n font-style: normal;\r\n}\r\n.radio input[type=\"radio\"] + span::before,\r\n.radio-inline input[type=\"radio\"] + span::before {\r\n content: \"\";\r\n display: inline-block;\r\n height: 21px;\r\n width: 21px;\r\n vertical-align: middle;\r\n margin-right: 9px;\r\n background-color: var(--lc-default-bg-color);\r\n border: 1px solid var(--lc-default-form-border-color);\r\n @include border-radius();\r\n}\r\n\r\n.radio input[type=\"radio\"] + span::before,\r\n.radio-inline input[type=\"radio\"] + span::before {\r\n @include border-radius(50%);\r\n}\r\n\r\n.checkbox input[type=\"checkbox\"]:disabled + span,\r\n.checkbox-inline input[type=\"checkbox\"]:disabled + span,\r\n.radio input[type=\"radio\"]:disabled + span,\r\n.radio-inline input[type=\"radio\"]:disabled + span {\r\n color: var(--lc-disabled-form-text-color);\r\n cursor: not-allowed;\r\n}\r\n\r\n.radio input[type=\"radio\"]:disabled + span:before,\r\n.radio-inline input[type=\"radio\"]:disabled + span:before {\r\n border-color: var(--lc-disabled-form-border-color);\r\n background-color: var(--lc-disabled-form-bg-color);\r\n}\r\n\r\n.checkbox input[type=\"checkbox\"]:disabled + span:before,\r\n.checkbox-inline input[type=\"checkbox\"]:disabled + span:before {\r\n border-color: var(--lc-disabled-form-border-color);\r\n background-color: var(--lc-disabled-checked-form-bg-color);\r\n}\r\n\r\n.checkbox input[type=\"checkbox\"]:checked + span::before,\r\n.checkbox-inline input[type=\"checkbox\"]:checked + span::before {\r\n background-color: var(--lc-checked-form-bg-color);\r\n border-color: var(--lc-checked-form-border-color);\r\n content: \"\\e013\";\r\n}\r\n\r\n.checkbox input[type=\"checkbox\"]:checked:disabled + span:before,\r\n.checkbox-inline input[type=\"checkbox\"]:checked:disabled + span:before {\r\n background-color: var(--lc-disabled-checked-form-bg-color);\r\n border-color: var(--lc-disabled-checked-form-border-color);\r\n}\r\n\r\n.checkbox-inline input[type=\"checkbox\"]:checked + span::after {\r\n top: 3px;\r\n}\r\n\r\n.radio input[type=\"radio\"]:checked + span:after,\r\n.radio-inline input[type=\"radio\"]:checked + span:after {\r\n content: \"\";\r\n background-color: var(--lc-checked-form-bg-color);\r\n @include border-radius(50%);\r\n width: 13px;\r\n height: 13px;\r\n position: absolute;\r\n top: 4px;\r\n left: 4px;\r\n}\r\n\r\n.radio-inline input[type=\"radio\"]:checked + span:after {\r\n top: 3px;\r\n}\r\n\r\n.radio input[type=\"radio\"]:checked:disabled + span:after,\r\n.radio-inline input[type=\"radio\"]:checked:disabled + span:after {\r\n background-color: var(--lc-disabled-checked-form-bg-color);\r\n}\r\n\r\n.checkbox input[type=\"checkbox\"]:hover:not(:disabled) + span::before,\r\n.checkbox input[type=\"checkbox\"]:focus:not(:disabled) + span::before,\r\n.checkbox-inline input[type=\"checkbox\"]:hover:not(:disabled) + span::before,\r\n.checkbox-inline input[type=\"checkbox\"]:focus:not(:disabled) + span::before,\r\n.radio input[type=\"radio\"]:hover:not(:disabled) + span::before,\r\n.radio input[type=\"radio\"]:focus:not(:disabled) + span::before,\r\n.radio-inline input[type=\"radio\"]:hover:not(:disabled) + span::before,\r\n.radio-inline input[type=\"radio\"]:focus:not(:disabled) + span::before {\r\n border-color: var(--lc-hover-form-border-color);\r\n}\r\n\r\n.checkbox-inline.only-input input[type=\"checkbox\"] + span:before,\r\n.radio-inline.only-input input[type=\"radio\"] + span:before {\r\n margin-right: 0;\r\n}\r\n",".dropdown {\r\n position: relative;\r\n}\r\n\r\n.dropdown-toggle:focus {\r\n outline: 0;\r\n}\r\n\r\n.dropdown-menu {\r\n -webkit-box-shadow: none;\r\n box-shadow: none;\r\n}\r\n\r\n.dropdown-menu.pull-right {\r\n right: 0;\r\n left: auto;\r\n}\r\n\r\n.open > .btn-default.dropdown-toggle,\r\n.btn-default.dropdown-toggle {\r\n &,\r\n &:hover,\r\n &:focus,\r\n &.focus,\r\n &.active,\r\n &:active {\r\n background: var(--lc-default-bg-color);\r\n border-color: var(--lc-hover-form-border-color);\r\n }\r\n}\r\n\r\n.btn-default.dropdown-toggle {\r\n border-color: var(--lc-default-form-border-color);\r\n}\r\n\r\n.btn-default.dropdown-toggle {\r\n &[disabled],\r\n &.disabled:hover,\r\n &[disabled]:hover,\r\n &.disabled:focus,\r\n &[disabled]:focus,\r\n &.disabled.focus,\r\n &[disabled].focus,\r\n &.disabled:active,\r\n &[disabled]:active,\r\n &.disabled.active,\r\n &[disabled].active {\r\n background: var(--lc-disabled-form-bg-color);\r\n border-color: var(--lc-disabled-form-border-color);\r\n }\r\n}\r\n\r\n.dropdown-menu .divider {\r\n margin: 5px 0;\r\n overflow: hidden;\r\n}\r\n\r\n.dropdown-menu > li > a {\r\n padding: 3px 12px;\r\n border-top: 1px solid transparent;\r\n border-bottom: 1px solid transparent;\r\n\r\n &:hover,\r\n &:focus {\r\n border-color: var(--lc-hover-form-border-color);\r\n }\r\n}\r\n\r\n.dropdown-menu > .active > a,\r\n.dropdown-menu > .active > a:hover,\r\n.dropdown-menu > .active > a:focus {\r\n border-color: var(--lc-hover-form-border-color);\r\n}\r\n\r\n.dropdown-menu > .disabled > a:hover,\r\n.dropdown-menu > .disabled > a:focus {\r\n background-color: transparent;\r\n background-image: none;\r\n filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);\r\n border-color: transparent;\r\n}\r\n\r\n.open > .dropdown-menu {\r\n display: block;\r\n}\r\n\r\n.open > a {\r\n outline: 0;\r\n}\r\n\r\n.dropdown-menu-right {\r\n right: 0;\r\n left: auto;\r\n}\r\n\r\n.dropdown-menu-left {\r\n right: auto;\r\n left: 0;\r\n}\r\n\r\n.dropdown-header {\r\n display: block;\r\n padding: 3px 12px;\r\n font-size: var(--lc-font-size-px-s);\r\n line-height: inherit;\r\n color: var(--lc-default-text-color);\r\n white-space: nowrap;\r\n font-weight: var(--lc-font-weight-bold);\r\n}\r\n\r\n.dropdown-backdrop {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 990;\r\n}\r\n\r\n.pull-right > .dropdown-menu {\r\n right: 0;\r\n left: auto;\r\n}\r\n\r\n.dropup .caret,\r\n.navbar-fixed-bottom .dropdown .caret {\r\n content: \"\";\r\n border-top: 0;\r\n border-bottom: 4px solid var(--lc-default-text-color);\r\n}\r\n\r\n.dropup .dropdown-menu,\r\n.navbar-fixed-bottom .dropdown .dropdown-menu {\r\n top: auto;\r\n bottom: 100%;\r\n margin-bottom: 1px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .navbar-right .dropdown-menu {\r\n right: 0;\r\n left: auto;\r\n }\r\n\r\n .navbar-right .dropdown-menu-left {\r\n right: auto;\r\n left: 0;\r\n }\r\n}\r\n\r\n.dropdown > .dropdown-toggle {\r\n font-size: var(--lc-font-size-px);\r\n font-weight: 400;\r\n text-transform: none;\r\n text-align: left;\r\n padding: 6px 12px;\r\n}\r\n\r\n.dropdown-toggle .glyphicon {\r\n font-size: 10px;\r\n color: var(--lc-secondary-emphasis-color);\r\n float: right;\r\n margin-top: 6px;\r\n}\r\n\r\n.dropdown-toggle:disabled .glyphicon {\r\n color: var(--lc-disabled-form-text-color);\r\n}\r\n\r\n.open > .dropdown-toggle .glyphicon {\r\n -webkit-transform: rotate(180deg);\r\n -moz-transform: rotate(180deg);\r\n -ms-transform: rotate(180deg);\r\n -o-transform: rotate(180deg);\r\n transform: rotate(180deg);\r\n}\r\n\r\n.dropdown-menu-stretch {\r\n right: 0;\r\n}\r\n","/*-------------------------------------------------*\\\r\n http://getbootstrap.com/components/#dropdowns\r\n\\*-------------------------------------------------*/\r\n\r\n@import \"lc_dropdown\";\r\n\r\n/*------------------------------------*\\\r\n #Autocomplete\r\n\\*------------------------------------*/\r\n.ui-autocomplete {\r\n padding: 5px 0;\r\n}\r\n\r\n.ui-autocomplete.ui-widget-content {\r\n border: 1px solid var(--lc-active-border-color);\r\n background: var(--lc-default-bg-color);\r\n color: inherit;\r\n border-radius: 6px;\r\n}\r\n\r\n.ui-autocomplete.ui-menu .ui-menu-item {\r\n position: relative;\r\n margin: 0;\r\n padding: 0;\r\n cursor: pointer;\r\n min-height: 0; /* support: IE7 */\r\n /* support: IE10, see #8844 */\r\n list-style-image: none; /*url(\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\");*/\r\n}\r\n\r\n.ui-autocomplete .ui-state-active,\r\n.ui-autocomplete.ui-widget-content .ui-state-active {\r\n border: 1px solid var(--lc-active-border-color);\r\n background: var(--lc-active-bg-color);\r\n font-weight: inherit;\r\n color: inherit;\r\n border-left-color: transparent;\r\n border-right-color: transparent;\r\n}\r\n\r\n.ui-autocomplete.ui-menu .ui-state-active {\r\n margin: 0;\r\n}\r\n\r\n.ui-autocomplete .ui-menu-item-wrapper {\r\n padding: 3px 12px;\r\n border: 1px solid transparent;\r\n}\r\n",".lc-tab-control {\r\n > ul {\r\n margin-bottom: 24px;\r\n border-bottom: 1px solid var(--lc-default-border-color);\r\n display: block;\r\n text-transform: uppercase;\r\n margin-top: -8px; // counter the top padding of the tab links\r\n\r\n > li {\r\n display: inline-block;\r\n margin-right: 36px;\r\n\r\n & :hover:not(.disabled) {\r\n border-bottom-color: var(--lc-hover-border-color);\r\n color: var(--lc-default-text-color);\r\n }\r\n\r\n & .selected {\r\n border-bottom-color: var(--lc-active-border-color);\r\n color: var(--lc-default-text-color);\r\n }\r\n\r\n & .disabled {\r\n color: var(--lc-disabled-text-color);\r\n cursor: not-allowed;\r\n }\r\n\r\n &:last-child {\r\n margin-right: 0;\r\n }\r\n\r\n a {\r\n display: block;\r\n padding-top: 8px;\r\n border-bottom: 8px solid transparent;\r\n text-decoration: none;\r\n color: var(--lc-muted-text-color);\r\n font-weight: var(--lc-font-weight-bold);\r\n }\r\n }\r\n }\r\n}\r\n\r\n.lc-pointer-event-disabled {\r\n pointer-events: none;\r\n}\r\n","@import \"lc_mixins\";\r\n\r\n.tooltip {\r\n font-size: 14px;\r\n font-weight: var(--lc-font-weight-light);\r\n line-height: 24px;\r\n}\r\n\r\n.tooltip-inner {\r\n padding: 4px 13px;\r\n @include border-radius(6px);\r\n white-space: pre;\r\n}\r\n",".popover-title {\r\n padding: 12px;\r\n line-height: 22px;\r\n}\r\n\r\n.popover-content {\r\n padding: 12px;\r\n}\r\n",".ui-datepicker {\r\n z-index: 1060 !important; /* Bootstrap 4 popover z-index value, needs to be important, otherwise jQuery UI will programmatically set it to 1 above originating elements z-index */\r\n height: auto;\r\n margin: 5px auto 0;\r\n font-weight: var(--lc-font-weight-semibold);\r\n -webkit-box-shadow: var(--lc-ui-element-box-shadow);\r\n -moz-box-shadow: var(--lc-ui-element-box-shadow);\r\n box-shadow: var(--lc-ui-element-box-shadow);\r\n padding-left: 12px;\r\n padding-right: 12px;\r\n padding-bottom: 12px;\r\n border: 1px solid var(--lc-default-form-border-color);\r\n background-color: var(--lc-default-bg-color);\r\n display: none;\r\n}\r\n\r\n.ui-datepicker.ui-corner-all {\r\n -moz-border-radius: 6px;\r\n -webkit-border-radius: 6px;\r\n border-radius: 6px;\r\n}\r\n\r\n.ui-datepicker .ui-datepicker-month {\r\n display: inherit;\r\n font-size: 16px;\r\n}\r\n\r\nselect.ui-datepicker-month,\r\nselect.ui-datepicker-year {\r\n margin: 0em 2.3em 0.2em 2.3em;\r\n width: 50%;\r\n display: inherit;\r\n font-size: 1.1em;\r\n}\r\n\r\n.ui-datepicker .ui-widget-header {\r\n border: 1px solid transparent;\r\n background: none;\r\n padding-top: 10px;\r\n text-transform: uppercase;\r\n font-weight: var(--lc-font-weight-semibold);\r\n color: var(--lc-default-text-color);\r\n}\r\n\r\n.ui-datepicker .ui-datepicker-prev,\r\n.ui-datepicker .ui-datepicker-next {\r\n position: absolute;\r\n top: 27px;\r\n width: 31px;\r\n height: 28px;\r\n}\r\n\r\n.ui-datepicker .ui-datepicker-prev {\r\n left: 11px;\r\n}\r\n\r\n.ui-datepicker .ui-datepicker-next {\r\n right: 11px;\r\n}\r\n\r\n.ui-datepicker .ui-datepicker-prev > span {\r\n display: none;\r\n}\r\n\r\n.ui-datepicker .ui-datepicker-prev-hover {\r\n background: transparent;\r\n border: 1px solid transparent;\r\n font-weight: 400;\r\n}\r\n\r\n.ui-datepicker .ui-datepicker-next-hover {\r\n background: transparent;\r\n border: 1px solid transparent;\r\n}\r\n\r\n.ui-datepicker .ui-datepicker-prev:after {\r\n content: \"\\e114\";\r\n font-family: \"Glyphicons Halflings\";\r\n font-weight: 400;\r\n line-height: 1;\r\n -webkit-font-smoothing: antialiased;\r\n font-size: 9px;\r\n border: 1px solid var(--lc-default-border-color);\r\n background-color: var(--lc-secondary-color);\r\n -ms-border-radius: 50%;\r\n border-radius: 50%;\r\n padding: 7px;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n -webkit-transform: rotate(90deg);\r\n -moz-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n -o-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n /*top: 15px;*/\r\n}\r\n\r\n.ui-datepicker .ui-datepicker-next:after {\r\n content: \"\\e114\";\r\n font-family: \"Glyphicons Halflings\";\r\n font-weight: 400;\r\n line-height: 1;\r\n -webkit-font-smoothing: antialiased;\r\n font-size: 9px;\r\n border: 1px solid var(--lc-default-border-color);\r\n background-color: var(--lc-secondary-color);\r\n -ms-border-radius: 50%;\r\n border-radius: 50%;\r\n padding: 7px;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n -webkit-transform: rotate(270deg);\r\n -moz-transform: rotate(270deg);\r\n -ms-transform: rotate(270deg);\r\n -o-transform: rotate(270deg);\r\n transform: rotate(270deg);\r\n}\r\n\r\n.ui-datepicker a {\r\n text-decoration: none;\r\n color: var(--lc-default-text-color);\r\n}\r\n\r\n/* DatePicker Table */\r\n.ui-datepicker table {\r\n width: 100%;\r\n border-spacing: 0;\r\n border: none;\r\n border-color: transparent;\r\n}\r\n.ui-datepicker-header {\r\n font-weight: var(--lc-font-weight-bold);\r\n line-height: 30px;\r\n background-color: var(--lc-default-bg-color);\r\n}\r\n.ui-datepicker-title {\r\n text-align: center;\r\n}\r\n.ui-datepicker-prev,\r\n.ui-datepicker-next {\r\n display: inline-block;\r\n width: 30px;\r\n height: 30px;\r\n text-align: center;\r\n cursor: pointer;\r\n background-repeat: no-repeat;\r\n line-height: 600%;\r\n overflow: hidden;\r\n}\r\n.ui-datepicker-prev {\r\n float: left;\r\n background-position: center -30px;\r\n}\r\n.ui-datepicker-next {\r\n float: right;\r\n background-position: center 0px;\r\n}\r\n.ui-datepicker thead {\r\n border-bottom: 1px solid var(--lc-default-form-border-color);\r\n}\r\n.ui-datepicker th {\r\n text-transform: lowercase;\r\n font-size: var(--lc-font-size-px-s);\r\n padding: 5px 0;\r\n color: var(--lc-primary-color);\r\n border-bottom: 1px solid var(--lc-default-form-border-color);\r\n padding-bottom: 9px;\r\n font-weight: var(--lc-font-weight-semibold);\r\n text-align: center;\r\n}\r\n\r\n.ui-datepicker tbody td {\r\n padding: 0;\r\n border: 1px solid transparent;\r\n border-color: transparent;\r\n font-size: var(--lc-font-size-px-s);\r\n padding-top: 2px;\r\n width: 29px;\r\n height: 29px;\r\n}\r\n\r\n.ui-datepicker tbody > tr:first-child > td {\r\n padding-top: 9px;\r\n}\r\n\r\n.ui-datepicker tbody td:last-child {\r\n border-right: 0;\r\n}\r\n\r\n.ui-datepicker td span,\r\n.ui-datepicker td a {\r\n display: inline-block;\r\n font-weight: var(--lc-font-weight-bold);\r\n text-align: center;\r\n width: 25px;\r\n height: 25px;\r\n border: 1px solid transparent;\r\n padding: 3.5px;\r\n line-height: 1.5;\r\n}\r\n.ui-datepicker-calendar .ui-state-default {\r\n background: var(--lc-default-bg-color);\r\n border: none;\r\n font-weight: var(--lc-font-weight-semibold);\r\n color: var(--lc-default-text-color);\r\n}\r\n\r\n.ui-datepicker-calendar .ui-state-hover {\r\n background: var(--lc-hover-btn-default-bg-color);\r\n border: 1px solid var(--lc-hover-btn-default-border-color);\r\n -moz-border-radius: 5px;\r\n -webkit-border-radius: 5px;\r\n border-radius: 5px;\r\n padding: 2.5px;\r\n}\r\n.ui-datepicker-calendar .ui-state-active {\r\n -ms-border-radius: 5px;\r\n border-radius: 5px;\r\n color: var(--lc-complementary-text-color);\r\n background: var(--lc-primary-color);\r\n}\r\n\r\n.ui-datepicker-calendar .ui-state-active.ui-state-hover {\r\n background: var(--lc-hover-bg-color);\r\n color: var(--lc-hover-text-color);\r\n}\r\n\r\n.ui-datepicker-unselectable .ui-state-default {\r\n background: var(--lc-default-bg-color);\r\n color: var(--lc-disabled-text-color);\r\n}\r\n.ui-datepicker-calendar td:first-child .ui-state-active {\r\n width: 29px;\r\n margin-left: 0;\r\n}\r\n.ui-datepicker-calendar td:last-child .ui-state-active {\r\n width: 29px;\r\n margin-right: 0;\r\n}\r\n.ui-datepicker-calendar tr:last-child .ui-state-active {\r\n height: 29px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.ui-datepicker-week-col {\r\n font-weight: var(--lc-font-weight-bold);\r\n color: var(--lc-default-text-color);\r\n}\r\n","/*------------------------------------*\\\r\n #lc-listbox\r\n\\*------------------------------------*/\r\n\r\n.lc-listbox li {\r\n width: 100%;\r\n padding: 14px 12px;\r\n background-color: var(--lc-default-bg-color);\r\n border: 1px solid var(--lc-default-border-color);\r\n border-bottom: none;\r\n border-top-color: var(--lc-secondary-color);\r\n line-height: 21px;\r\n overflow: hidden;\r\n -ms-text-overflow: ellipsis;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n position: relative;\r\n cursor: pointer;\r\n}\r\n\r\n.lc-listbox li:hover {\r\n background-color: var(--lc-hover-bg-color);\r\n border-color: var(--lc-hover-border-color);\r\n}\r\n\r\n.lc-listbox li:hover + li:not(.lc-listbox__item--selected) {\r\n border-top-color: var(--lc-hover-border-color);\r\n}\r\n\r\n.lc-listbox li:hover:first-child {\r\n border-top-color: var(--lc-hover-border-color);\r\n}\r\n\r\n.lc-listbox li:hover:last-child {\r\n border-bottom-color: var(--lc-hover-border-color);\r\n}\r\n\r\n.lc-listbox li.lc-listbox__item--selected,\r\n.lc-listbox li.lc-listbox__item--selected:hover {\r\n border-color: var(--lc-active-border-color);\r\n background-color: var(--lc-hover-bg-color);\r\n}\r\n\r\n.lc-listbox li.lc-listbox__item--selected + li,\r\n.lc-listbox li.lc-listbox__item--selected:hover + li {\r\n border-top-color: var(--lc-active-border-color);\r\n}\r\n\r\n.lc-listbox li.lc-listbox__item--selected + li:hover,\r\n.lc-listbox li.lc-listbox__item--selected:hover + li:hover {\r\n border-top-color: var(--lc-active-border-color);\r\n}\r\n\r\n.lc-listbox li.lc-listbox__item--selected:first-child,\r\n.lc-listbox li.lc-listbox__item--selected:hover:first-child {\r\n border-top-color: var(--lc-active-border-color);\r\n}\r\n\r\n.lc-listbox li.lc-listbox__item--selected:last-child,\r\n.lc-listbox li.lc-listbox__item--selected:hover:last-child {\r\n border-bottom-color: var(--lc-active-border-color);\r\n}\r\n\r\n.lc-listbox li.lc-listbox__item--edit,\r\n.lc-listbox li.lc-listbox__item--edit:hover {\r\n border-color: var(--lc-warning-color);\r\n}\r\n\r\n.lc-listbox li.lc-listbox__item--edit + li,\r\n.lc-listbox li.lc-listbox__item--edit:hover + li {\r\n border-top-color: var(--lc-warning-color);\r\n}\r\n\r\n.lc-listbox li.lc-listbox__item--edit + li:hover,\r\n.lc-listbox li.lc-listbox__item--edit:hover + li:hover {\r\n border-top-color: var(--lc-warning-color);\r\n}\r\n\r\n.lc-listbox li.lc-listbox__item--edit:first-child,\r\n.lc-listbox li.lc-listbox__item--edit:hover:first-child {\r\n border-top-color: var(--lc-warning-color);\r\n}\r\n\r\n.lc-listbox li.lc-listbox__item--edit:last-child,\r\n.lc-listbox li.lc-listbox__item--edit:hover:last-child {\r\n border-bottom-color: var(--lc-warning-color);\r\n}\r\n\r\n.lc-listbox li.lc-listbox__item--disabled,\r\n.lc-listbox li.lc-listbox__item--disabled:hover {\r\n border-color: var(--lc-disabled-border-color);\r\n}\r\n\r\n.lc-listbox li.lc-listbox__item--disabled + li:not(.lc-listbox__item--edit):not(.lc-listbox__item--selected),\r\n.lc-listbox li.lc-listbox__item--disabled:hover + li:not(.lc-listbox__item--edit):not(.lc-listbox__item--selected) {\r\n border-top-color: var(--lc-disabled-border-color);\r\n}\r\n\r\n.lc-listbox li.lc-listbox__item--disabled + li:hover:not(.lc-listbox__item--edit):not(.lc-listbox__item--selected),\r\n.lc-listbox\r\n li.lc-listbox__item--disabled:hover\r\n + li:hover:not(.lc-listbox__item--edit):not(.lc-listbox__item--selected) {\r\n border-top-color: var(--lc-disabled-border-color);\r\n}\r\n\r\n.lc-listbox li.lc-listbox__item--disabled:first-child,\r\n.lc-listbox li.lc-listbox__item--disabled:hover:first-child {\r\n border-top-color: var(--lc-disabled-border-color);\r\n}\r\n\r\n.lc-listbox li.lc-listbox__item--disabled:last-child,\r\n.lc-listbox li.lc-listbox__item--disabled:hover:last-child {\r\n border-bottom-color: var(--lc-disabled-border-color);\r\n}\r\n\r\n.lc-listbox li.lc-listbox__item--disabled:after {\r\n content: \"\";\r\n background: rgba(255, 255, 255, 0.3);\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n}\r\n\r\n.lc-listbox li:first-child {\r\n border-top-color: var(--lc-default-border-color);\r\n}\r\n\r\n.lc-listbox li:last-child {\r\n border-bottom: 1px solid var(--lc-default-border-color);\r\n}\r\n\r\n.lc-listbox__item-title {\r\n display: block;\r\n font-weight: var(--lc-font-weight-normal);\r\n}\r\n\r\n.lc-listbox--without-side-border li {\r\n border-left: 0 solid transparent;\r\n border-right: 0 solid transparent;\r\n}\r\n\r\n/* Trying out a-tag in ul li */\r\n.lc-listbox--kb li {\r\n padding: 0;\r\n}\r\n\r\n.lc-listbox--kb li > a {\r\n color: inherit;\r\n display: block;\r\n padding: 14px 12px;\r\n}\r\n\r\n.lc-listbox--kb li > a:focus {\r\n background-color: var(--lc-focus-bg-color);\r\n}\r\n\r\n.lc-listbox--kb li > a:hover,\r\n.lc-listbox--kb li > a:focus {\r\n text-decoration: none;\r\n}\r\n\r\n/* Trying out using BS list group */\r\n\r\n.list-group {\r\n margin-bottom: 0;\r\n}\r\n\r\n.list-group-item {\r\n border: 1px solid var(--lc-default-border-color);\r\n}\r\n\r\n.list-group-item:first-child {\r\n border-top-left-radius: 0;\r\n border-top-right-radius: 0;\r\n}\r\n\r\n.list-group-item:last-child {\r\n border-bottom-right-radius: 0;\r\n border-bottom-left-radius: 0;\r\n}\r\n\r\na.list-group-item,\r\nbutton.list-group-item {\r\n color: var(--lc-default-text-color);\r\n}\r\n\r\na.list-group-item .list-group-item-heading,\r\nbutton.list-group-item .list-group-item-heading {\r\n color: inherit;\r\n}\r\n\r\na.list-group-item:hover,\r\nbutton.list-group-item:hover,\r\na.list-group-item:focus,\r\nbutton.list-group-item:focus {\r\n color: var(--lc-default-text-color);\r\n background-color: var(--lc-focus-bg-color);\r\n border-color: var(--lc-focus-border-color);\r\n z-index: 1;\r\n}\r\n\r\n.list-group-item.disabled,\r\n.list-group-item.disabled:hover,\r\n.list-group-item.disabled:focus {\r\n color: var(--lc-default-text-color);\r\n background-color: var(--lc-disabled-form-bg-color);\r\n border-color: var(--lc-disabled-border-color);\r\n}\r\n\r\n/* Added */\r\n.list-group-item.disabled:after {\r\n content: \"\";\r\n background: rgba(255, 255, 255, 0.3);\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n}\r\n\r\n.list-group-item.disabled .list-group-item-heading,\r\n.list-group-item.disabled:hover .list-group-item-heading,\r\n.list-group-item.disabled:focus .list-group-item-heading {\r\n color: inherit;\r\n}\r\n\r\n.list-group-item.disabled .list-group-item-text,\r\n.list-group-item.disabled:hover .list-group-item-text,\r\n.list-group-item.disabled:focus .list-group-item-text {\r\n color: inherit;\r\n}\r\n\r\n.list-group-item.active,\r\n.list-group-item.active:hover,\r\n.list-group-item.active:focus {\r\n color: var(--lc-default-text-color);\r\n background-color: var(--lc-active-bg-color);\r\n border-color: var(--lc-active-border-color);\r\n}\r\n\r\n.list-group-item-heading {\r\n margin-bottom: 0;\r\n font-size: inherit;\r\n line-height: inherit;\r\n display: block;\r\n font-weight: var(--lc-font-weight-bold);\r\n}\r\n\r\n.list-group-item-text {\r\n line-height: inherit;\r\n}\r\n\r\n.list-group-item.active .list-group-item-text,\r\n.list-group-item.active:hover .list-group-item-text,\r\n.list-group-item.active:focus .list-group-item-text {\r\n color: inherit;\r\n}\r\n\r\n/* Added. This one seem to be part of newer version of BS css but not in the one we have currently */\r\nbutton.list-group-item {\r\n width: 100%;\r\n text-align: left;\r\n}\r\n","@import \"lc_mixins\";\r\n\r\n/*------------------------------------*\\\r\n #lc-stack-panel-tile\r\n\\*------------------------------------*/\r\n\r\n.lc-stack-panel-tile {\r\n color: var(--lc-default-text-color);\r\n background: var(--lc-dashboard-default-bg-color);\r\n border: 2px solid var(--lc-dashboard-default-bg-color);\r\n padding: 32px 24px;\r\n cursor: pointer;\r\n font-size: 18px;\r\n @include border-radius();\r\n\r\n + .lc-stack-panel-tile {\r\n margin-top: 16px;\r\n }\r\n\r\n & .lc-table-cell {\r\n vertical-align: middle;\r\n }\r\n\r\n &:hover {\r\n border: 2px solid var(--lc-status-secondary-color);\r\n }\r\n}\r\n\r\n.lc-stack-panel-tile--error-warning {\r\n background: var(--lc-dashboard-error-bg-color);\r\n border-color: var(--lc-dashboard-error-bg-color);\r\n &:hover {\r\n border-color: var(--lc-danger-color);\r\n }\r\n}\r\n\r\n.lc-stack-panel-tile--warning {\r\n background: var(--lc-dashboard-warning-bg-color);\r\n border-color: var(--lc-dashboard-warning-bg-color);\r\n &:hover {\r\n border-color: var(--lc-warning-color);\r\n }\r\n}\r\n\r\n.lc-stack-panel-tile--positive {\r\n background: var(--lc-dashboard-success-bg-color);\r\n border-color: var(--lc-dashboard-success-bg-color);\r\n &:hover {\r\n border-color: var(--lc-success-color);\r\n }\r\n}\r\n\r\n.lc-stack-panel-tile--information {\r\n background: var(--lc-dashboard-info-bg-color);\r\n border-color: var(--lc-dashboard-info-bg-color);\r\n &:hover {\r\n border-color: var(--lc-info-color);\r\n }\r\n}\r\n\r\n.lc-stack-panel-tile-icon {\r\n font-size: 32px;\r\n margin-right: 12px;\r\n}\r\n\r\n.lc-stack-panel-tile-title {\r\n display: block;\r\n}\r\n\r\n.lc-stack-panel-tile-description {\r\n font-size: 14px;\r\n}\r\n",".lc-notification {\r\n position: absolute;\r\n top: 68px;\r\n left: 24px;\r\n right: 24px;\r\n color: var(--lc-default-text-color);\r\n border-radius: 6px;\r\n}\r\n\r\n.ui-dialog > .lc-notification {\r\n top: 108px;\r\n}\r\n\r\n.lc-notification > div {\r\n display: table;\r\n width: 100%;\r\n}\r\n\r\n.lc-notification > div > div {\r\n display: table-row;\r\n height: 40px;\r\n}\r\n\r\n.lc-notification > div > div div {\r\n display: table-cell;\r\n vertical-align: middle;\r\n}\r\n\r\n.lc-notification-image {\r\n width: 40px;\r\n text-align: center;\r\n vertical-align: middle;\r\n background-color: transparent;\r\n font-size: 22px;\r\n line-height: 0;\r\n}\r\n\r\n.lc-notification-text {\r\n padding: 6px 12px;\r\n}\r\n\r\n.lc-notification-remove {\r\n width: 40px;\r\n text-align: center;\r\n cursor: pointer;\r\n}\r\n\r\n/*States*/\r\n.lc-notification.error {\r\n background-color: var(--lc-danger-subtle-color);\r\n .lc-notification-image span:before {\r\n content: url(../resources/danger.svg);\r\n }\r\n}\r\n\r\n.lc-notification.warning {\r\n background-color: var(--lc-warning-subtle-color);\r\n .lc-notification-image span:before {\r\n content: url(../resources/warning.svg);\r\n }\r\n}\r\n\r\n.lc-notification.positive {\r\n background-color: var(--lc-success-subtle-color);\r\n .lc-notification-image span:before {\r\n content: url(../resources/success.svg);\r\n }\r\n}\r\n\r\n.lc-notification.information {\r\n background-color: var(--lc-primary-subtle-color);\r\n .lc-notification-image span:before {\r\n content: url(../resources/info.svg);\r\n }\r\n}\r\n\r\n.notificationLocal-opaque {\r\n opacity: 0.9;\r\n z-index: 100;\r\n}\r\n\r\n/*InMenu notification*/\r\n\r\n.lc-inMenu-notification {\r\n z-index: 9999;\r\n position: absolute;\r\n top: 25px;\r\n left: 61px;\r\n right: 0;\r\n}\r\n",".persistent-notification-icon {\r\n display: inline-block;\r\n border-radius: 6px;\r\n font-size: 18px;\r\n margin-right: 9px;\r\n padding: 4px;\r\n color: var(--lc-danger-color);\r\n}\r\n\r\n.persistent-notification-text {\r\n display: block;\r\n font-weight: var(--lc-font-weight-light);\r\n line-height: 21px;\r\n color: var(--lc-danger-color);\r\n}\r\n","@import \"lc_mixins\";\r\n\r\n#toast-container {\r\n > div {\r\n margin-bottom: 0;\r\n margin-top: 9px;\r\n padding: 0;\r\n opacity: 1;\r\n @include border-radius(0);\r\n -moz-box-shadow: none;\r\n -webkit-box-shadow: none;\r\n box-shadow: none;\r\n -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);\r\n filter: alpha(opacity=100);\r\n color: var(--lc-complementary-text-color);\r\n background-color: var(--lc-dark-color);\r\n border-color: var(--lc-dark-color);\r\n border-radius: 6px;\r\n }\r\n\r\n > :hover {\r\n -webkit-box-shadow: none;\r\n -moz-box-shadow: none;\r\n box-shadow: none;\r\n opacity: 1;\r\n -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);\r\n filter: alpha(opacity=100);\r\n cursor: pointer;\r\n }\r\n}\r\n\r\n.toast-title {\r\n background-repeat: no-repeat;\r\n padding: 10px 19px 10px 41px;\r\n background-position: 8px 10px;\r\n font-weight: var(--lc-font-weight-normal);\r\n overflow-x: hidden;\r\n white-space: nowrap;\r\n -ms-text-overflow: ellipsis;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.lc-toastr-info > .toast-title {\r\n background-image: url(\"../resources/info.svg\");\r\n}\r\n\r\n.lc-toastr-success > .toast-title {\r\n background-image: url(\"../resources/success.svg\");\r\n}\r\n\r\n.lc-toastr-error > .toast-title {\r\n background-image: url(\"../resources/danger.svg\");\r\n}\r\n\r\n.lc-toastr-warning > .toast-title {\r\n background-image: url(\"../resources/warning.svg\");\r\n}\r\n\r\n.toast-close-button {\r\n margin-right: 27px;\r\n margin-top: 13px;\r\n}\r\n\r\n.toast-message {\r\n padding: 16px;\r\n}\r\n","@import \"lc_mixins\";\r\n\r\n/*------------------------------------*\\\r\n #lc-wizard\r\n\\*------------------------------------*/\r\n\r\n.lc-wizard {\r\n counter-reset: item;\r\n margin-top: 2px; /* To make room for potential modifed step indication */\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n li {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n -ms-text-overflow: ellipsis;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n\r\n &:not(.disabled) {\r\n cursor: pointer;\r\n }\r\n\r\n &.selected {\r\n > span {\r\n font-weight: var(--lc-font-weight-bold);\r\n\r\n &:first-child {\r\n background-color: var(--lc-primary-color);\r\n border-color: transparent;\r\n color: var(--lc-complementary-text-color);\r\n }\r\n }\r\n }\r\n }\r\n\r\n > li {\r\n &:hover:not(.selected):not(.disabled) > span:first-child {\r\n background-color: var(--lc-hover-btn-info-bg-color);\r\n border-color: transparent;\r\n color: var(--lc-complementary-text-color);\r\n }\r\n\r\n &:not(:first-child) {\r\n margin-top: 12px;\r\n }\r\n\r\n &.disabled > span {\r\n &:first-child {\r\n background-color: var(--lc-disabled-bg-color);\r\n border-color: var(--lc-disabled-border-color);\r\n color: var(--lc-disabled-text-color);\r\n }\r\n\r\n &:not(:first-child) {\r\n color: var(--lc-disabled-text-color);\r\n }\r\n }\r\n\r\n > span {\r\n &:first-child {\r\n display: inline-block;\r\n line-height: 34px;\r\n width: 36px;\r\n @include border-radius(50%);\r\n text-align: center;\r\n background-color: var(--lc-secondary-color);\r\n border: solid 1px var(--lc-default-border-color);\r\n }\r\n\r\n &:not(:first-child) {\r\n margin-left: 7px;\r\n }\r\n }\r\n\r\n > ul {\r\n font-size: var(--lc-font-size-px-s);\r\n margin-left: 34px;\r\n }\r\n }\r\n\r\n .lockedStep {\r\n line-height: 16px;\r\n width: 18px;\r\n @include border-radius(50%);\r\n background-color: var(--lc-complementary-bg-color);\r\n border: 1px solid var(--lc-complementary-text-color);\r\n color: var(--lc-complementary-text-color);\r\n position: absolute;\r\n margin-top: -4px;\r\n font-size: 8px;\r\n font-weight: var(--lc-font-weight-light);\r\n }\r\n\r\n .modifiedStep {\r\n line-height: 16px;\r\n width: 18px;\r\n @include border-radius(50%);\r\n background-color: var(--lc-primary-color);\r\n border: 1px solid var(--lc-complementary-text-color);\r\n color: var(--lc-complementary-text-color);\r\n position: absolute;\r\n margin-top: -4px;\r\n font-size: 8px;\r\n font-weight: var(--lc-font-weight-light);\r\n }\r\n\r\n .modifiedSubStep {\r\n font-size: 10px;\r\n color: var(--lc-primary-color);\r\n }\r\n\r\n .subStepMargin {\r\n margin-left: 13px;\r\n }\r\n\r\n &.autoSteps > li > span :first-child:before {\r\n content: counter(item) \"\";\r\n counter-increment: item;\r\n }\r\n\r\n &.horizontal > li {\r\n display: inline-block;\r\n vertical-align: top;\r\n margin: 0 24px 12px 0;\r\n }\r\n\r\n &.large {\r\n > li {\r\n > span:first-child {\r\n line-height: 46px;\r\n width: 48px;\r\n font-size: 18px;\r\n }\r\n\r\n > ul {\r\n font-size: 14px;\r\n margin-left: 44px;\r\n }\r\n }\r\n\r\n .modifiedStep {\r\n line-height: 18px;\r\n width: 20px;\r\n font-size: 10px;\r\n }\r\n\r\n .lockedStep {\r\n line-height: 18px;\r\n width: 20px;\r\n font-size: 10px;\r\n }\r\n\r\n .modifiedSubStep {\r\n font-size: var(--lc-font-size-px-s);\r\n }\r\n\r\n .subStepMargin {\r\n margin-left: 15px;\r\n }\r\n }\r\n}\r\n","@import \"lc_mixins\";\r\n\r\n.field-validation-error,\r\n.field-validation-info {\r\n display: block;\r\n}\r\n\r\n.input-validation-error {\r\n border-color: var(--lc-error-form-border-color) !important;\r\n}\r\n\r\n.input-validation-info {\r\n border-color: var(--lc-info-validation-form-border-color) !important;\r\n}\r\n\r\n.product-selector-dialog .input-validation-error-message {\r\n position: relative;\r\n}\r\n\r\n.input-validation-error-message,\r\n.input-validation-info-message {\r\n position: absolute;\r\n z-index: 1000;\r\n display: inline-flex;\r\n flex-wrap: nowrap;\r\n align-items: center;\r\n padding: 4px 8px;\r\n @include border-radius();\r\n font-size: var(--lc-font-size-px-s);\r\n line-height: normal;\r\n\r\n &:before {\r\n content: \"\";\r\n flex-shrink: 0;\r\n align-self: flex-start;\r\n margin-right: 4px;\r\n height: 1.6rem;\r\n width: 1.6rem;\r\n line-height: 0;\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n }\r\n}\r\n\r\n.input-validation-error-message {\r\n background-color: var(--lc-error-form-message-bg-color);\r\n border: 1px solid var(--lc-default-bg-color);\r\n color: var(--lc-error-form-message-text-color);\r\n\r\n &:before {\r\n background-image: url(../resources/danger.svg);\r\n }\r\n}\r\n\r\n.input-validation-info-message {\r\n background-color: var(--lc-info-validation-form-message-bg-color);\r\n border: 1px solid var(--lc-default-bg-color);\r\n color: var(--lc-info-validation-form-message-text-color);\r\n\r\n &:before {\r\n background-image: url(../resources/info.svg);\r\n }\r\n}\r\n",".lc-filter {\r\n background-color: var(--lc-default-bg-color);\r\n border: 1px solid var(--lc-default-border-color);\r\n border-radius: 6px;\r\n}\r\n\r\n.lc-filter:hover {\r\n border-color: var(--lc-hover-border-color);\r\n}\r\n\r\n.lc-filter__expander {\r\n background: var(--lc-disabled-form-bg-color);\r\n border-radius: 6px;\r\n user-select: none;\r\n}\r\n\r\n.lc-filter__expander--visible {\r\n border-bottom: solid 1px var(--lc-default-border-color);\r\n border-radius: 6px 6px 0 0;\r\n}\r\n\r\n.lc-filter__expander:hover:not(.lc-filter__expander--always-expanded) {\r\n cursor: pointer;\r\n border-color: var(--lc-hover-border-color);\r\n}\r\n\r\n.lc-filter__expander-arrow {\r\n font-size: var(--lc-font-size-px-l);\r\n position: absolute;\r\n right: 15px;\r\n top: 12px;\r\n -ms-transform: rotate(270deg);\r\n -webkit-transform: rotate(270deg);\r\n transform: rotate(270deg);\r\n}\r\n\r\n.lc-filter__expander-arrow--expanded {\r\n -ms-transform: rotate(90deg);\r\n -webkit-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n top: 12px;\r\n right: 16px;\r\n}\r\n\r\n.lc-filter__expander-content {\r\n margin-top: 12px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.lc-filter__settings {\r\n margin-top: 12px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.lc-btn-filter {\r\n text-transform: none;\r\n font-weight: var(--lc-font-weight-normal);\r\n font-size: var(--lc-font-size-px);\r\n padding-top: 4px;\r\n padding-bottom: 4px;\r\n margin: 0 2px 6px 0;\r\n background-color: var(--lc-active-bg-color);\r\n border-color: var(--lc-active-bg-color);\r\n &.btn {\r\n text-transform: none;\r\n }\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n background-color: var(--lc-active-bg-color);\r\n border-color: var(--lc-hover-border-color);\r\n }\r\n}\r\n\r\n.lc-btn-filter-icon {\r\n display: inline-block;\r\n vertical-align: middle;\r\n font-weight: 700;\r\n margin-top: -1px;\r\n margin-left: 12px;\r\n border: 1px solid transparent;\r\n border-radius: 50%;\r\n padding: 2px;\r\n background: none;\r\n}\r\n",".label {\r\n display: inline;\r\n padding: 4px 12px;\r\n font-size: var(--lc-font-size-px-s);\r\n font-weight: var(--lc-font-weight-semibold);\r\n line-height: 1;\r\n color: var(--lc-default-text-color);\r\n text-align: center;\r\n white-space: nowrap;\r\n vertical-align: baseline;\r\n border-radius: 15px;\r\n}\r\n\r\na.label:hover,\r\na.label:focus {\r\n color: var(--lc-default-text-color);\r\n text-decoration: none;\r\n cursor: pointer;\r\n}\r\n\r\n.label:empty {\r\n display: none;\r\n}\r\n\r\n.btn .label {\r\n position: relative;\r\n top: -1px;\r\n}\r\n\r\n.label-default {\r\n background-color: var(--lc-disabled-btn-default-bg-color);\r\n border: 1px solid var(--lc-default-border-color);\r\n}\r\n\r\n.label-default[href]:hover,\r\n.label-default[href]:focus {\r\n background-color: var(--lc-disabled-btn-default-bg-color);\r\n}\r\n\r\n.label-primary {\r\n background-color: var(--lc-info-subtle-color);\r\n border: 1px solid var(--lc-status-info-color);\r\n}\r\n\r\n.label-primary[href]:hover,\r\n.label-primary[href]:focus {\r\n background-color: var(--lc-info-subtle-color);\r\n}\r\n\r\n.label-success {\r\n background-color: var(--lc-success-subtle-color);\r\n border: 1px solid var(--lc-status-success-color);\r\n}\r\n\r\n.label-success[href]:hover,\r\n.label-success[href]:focus {\r\n background-color: var(--lc-success-subtle-color);\r\n}\r\n\r\n.label-info {\r\n background-color: var(--lc-info-subtle-color);\r\n border: 1px solid var(--lc-status-info-color);\r\n}\r\n\r\n.label-info[href]:hover,\r\n.label-info[href]:focus {\r\n background-color: var(--lc-info-subtle-color);\r\n}\r\n\r\n.label-warning {\r\n background-color: var(--lc-danger-subtle-color);\r\n border: 1px solid var(--lc-status-danger-color);\r\n}\r\n\r\n.label-warning[href]:hover,\r\n.label-warning[href]:focus {\r\n background-color: var(--lc-danger-subtle-color);\r\n}\r\n\r\n.label-danger {\r\n background-color: var(--lc-danger-subtle-color);\r\n border: 1px solid var(--lc-status-danger-color);\r\n}\r\n\r\n.label-danger[href]:hover,\r\n.label-danger[href]:focus {\r\n background-color: var(--lc-danger-subtle-color);\r\n}\r\n\r\n/* Label with icon */\r\n.lc-label-icon {\r\n position: relative;\r\n font-size: 16px;\r\n padding-top: 0;\r\n padding-left: 14px;\r\n\r\n > span[class^=\"lc-icon\"] {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n }\r\n}\r\n\r\n.lc-label-icon-flip {\r\n > span[class^=\"lc-icon\"] {\r\n transform: translate(-50%, -50%) scaleX(-1);\r\n }\r\n}\r\n",".well {\r\n min-height: 20px;\r\n padding: 12px;\r\n margin-bottom: 0;\r\n background-color: var(--lc-default-panel-bg-color);\r\n border: 1px solid var(--lc-default-border-color);\r\n border-radius: 0;\r\n -webkit-box-shadow: none;\r\n box-shadow: none;\r\n}\r\n\r\n.well blockquote {\r\n border-color: rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.well-lg {\r\n padding: 24px;\r\n border-radius: 0;\r\n}\r\n\r\n.well-sm {\r\n padding: 6px;\r\n border-radius: 0;\r\n}\r\n\r\n.detail-background {\r\n background-color: var(---lc-default-panel-bg-color) !important;\r\n}\r\n",".lc-editor-body {\r\n font-family: \"Times New Roman\", Times, serif;\r\n font-size: 12pt;\r\n}\r\n\r\n.lc-reviseBegin {\r\n font-size: 16px;\r\n font-weight: bold;\r\n color: red;\r\n}\r\n\r\n.lc-reviseMid {\r\n font-size: 16px;\r\n font-weight: bold;\r\n color: red;\r\n}\r\n\r\n.lc-reviseEnd {\r\n font-size: 16px;\r\n font-weight: bold;\r\n color: red;\r\n}\r\n\r\n.lc-editor-selected-text {\r\n color: white;\r\n background-color: blueviolet;\r\n}\r\n",".panel {\r\n border-radius: 6px;\r\n}\r\n\r\n.panel-heading {\r\n border-top-left-radius: 5px;\r\n border-top-right-radius: 5px;\r\n}\r\n\r\n.panel-title {\r\n font-size: var(--lc-font-size-px-s);\r\n font-weight: var(--lc-font-weight-bold);\r\n}\r\n\r\n.panel-default {\r\n border-color: var(--lc-default-border-color);\r\n}\r\n\r\n.panel-default > .panel-heading {\r\n color: inherit;\r\n background-color: var(--lc-default-panel-bg-color);\r\n border-color: var(--lc-default-border-color);\r\n /* Added */\r\n border-bottom-color: transparent;\r\n}\r\n\r\n/* Added */\r\n.panel-collapse {\r\n border-top: 1px solid var(--lc-default-border-color);\r\n}\r\n\r\n.panel-heading + .list-group .list-group-item:first-child {\r\n border-top-width: 1px;\r\n}\r\n\r\n.panel > .list-group:first-child .list-group-item:first-child,\r\n.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {\r\n border-top: 0;\r\n border-top-left-radius: 5px;\r\n border-top-right-radius: 5px;\r\n}\r\n\r\n.panel > .list-group:last-child .list-group-item:last-child,\r\n.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {\r\n border-bottom: 0;\r\n border-bottom-right-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n}\r\n",".breadcrumb {\r\n padding: 8px 15px;\r\n margin-bottom: 20px;\r\n list-style: none;\r\n background-color: var(--lc-brand-emphasis-color);\r\n border-radius: 4px;\r\n border: 1px solid var(--lc-brand-emphasis-color);\r\n}\r\n\r\n.breadcrumb > li {\r\n display: inline-block;\r\n}\r\n\r\n.breadcrumb > li + li:before {\r\n padding: 0 5px;\r\n color: var(--lc-secondary-color);\r\n content: \"/\\00a0\";\r\n}\r\n\r\n.breadcrumb > .active {\r\n color: inherit;\r\n}\r\n",".lc-smartMenu {\r\n counter-reset: item;\r\n margin-top: 2px;\r\n\r\n .stepSymbol {\r\n display: inline-block;\r\n line-height: 34px;\r\n width: 36px;\r\n -moz-border-radius: 50%;\r\n -webkit-border-radius: 50%;\r\n border-radius: 50%;\r\n text-align: center;\r\n background-color: var(--lc-secondary-color);\r\n border: solid 1px var(--lc-default-border-color);\r\n }\r\n\r\n li.selected .stepSymbol {\r\n background-color: var(--lc-primary-color);\r\n border-color: transparent;\r\n color: var(--lc-complementary-text-color);\r\n }\r\n\r\n > li:hover:not(.selected):not(.disabled) .stepSymbol {\r\n background-color: var(--lc-hover-bg-color);\r\n border-color: transparent;\r\n color: var(--lc-complementary-text-color);\r\n }\r\n\r\n > li:not(.disabled) {\r\n cursor: pointer;\r\n }\r\n\r\n > li:not(:first-child) {\r\n margin-top: 12px;\r\n }\r\n}\r\n\r\n.lc-smartMenu-list {\r\n li {\r\n width: 100%;\r\n padding: 8px 0 8px 12px;\r\n background-color: var(--lc-default-bg-color);\r\n line-height: 21px;\r\n overflow: hidden;\r\n font-weight: var(--lc-font-weight-normal);\r\n -ms-text-overflow: ellipsis;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n position: relative;\r\n cursor: pointer;\r\n border-top: 1px solid var(--lc-default-border-divider-color);\r\n }\r\n\r\n li:hover {\r\n background-color: var(--lc-hover-bg-color);\r\n border-color: var(--lc-hover-border-color);\r\n\r\n :first-child {\r\n border-top-color: var(--lc-hover-border-color);\r\n }\r\n\r\n + li:not(.lc-smartMenu-list__item--selected) {\r\n border-top-color: var(--lc-hover-border-color);\r\n }\r\n\r\n :last-child {\r\n border-bottom-color: var(--lc-hover-border-color);\r\n }\r\n }\r\n\r\n li.lc-smartMenu-list__item--selected,\r\n li.lc-smartMenu-list__item--selected:hover {\r\n border-color: var(--lc-active-border-color);\r\n background-color: var(--lc-active-bg-secondary-color);\r\n\r\n + li {\r\n border-top-color: var(--lc-active-border-color);\r\n }\r\n\r\n + li:hover {\r\n border-top-color: var(--lc-active-border-color);\r\n }\r\n\r\n :first-child {\r\n border-top-color: var(--lc-active-border-color);\r\n }\r\n\r\n :last-child {\r\n border-bottom-color: var(--lc-active-border-color);\r\n }\r\n }\r\n\r\n li:first-child {\r\n border-top-color: var(--lc-default-border-divider-color);\r\n }\r\n\r\n li:last-child {\r\n border-bottom: 1px solid var(--lc-default-border-divider-color);\r\n }\r\n}\r\n\r\n.lc-smartMenu-isOngoing {\r\n padding-left: 7px;\r\n font-weight: var(--lc-font-weight-bold);\r\n}\r\n\r\n.lc-smartMenu-name {\r\n -moz-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n width: 170px;\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n\r\n.lc-smartMenu-enddate {\r\n font-size: var(--lc-font-size-px-s);\r\n display: inline-block;\r\n margin-top: 8px;\r\n}\r\n\r\n.lc-smartMenu-isEnded {\r\n line-height: 1;\r\n font-weight: var(--lc-font-weight-normal);\r\n vertical-align: top;\r\n color: var(--lc-disabled-text-color);\r\n}\r\n\r\n.lc-smartMenu-disabled {\r\n cursor: not-allowed;\r\n color: var(--lc-disabled-text-color);\r\n}\r\n",".alert {\r\n padding: 12px;\r\n margin-bottom: 0;\r\n border-radius: 4px;\r\n\r\n h4 {\r\n margin-top: 0;\r\n color: inherit;\r\n }\r\n\r\n .alert-link {\r\n font-weight: var(--lc-font-weight-bold);\r\n text-decoration: underline;\r\n }\r\n & > p,\r\n & > ul {\r\n margin-bottom: 0;\r\n }\r\n\r\n & > p + p {\r\n margin-top: 5px;\r\n }\r\n}\r\n\r\n.alert-dismissable,\r\n.alert-dismissible {\r\n padding-right: 35px;\r\n}\r\n\r\n.alert-dismissable .close,\r\n.alert-dismissible .close {\r\n position: relative;\r\n top: -2px;\r\n right: -21px;\r\n color: inherit;\r\n}\r\n\r\n.alert-success {\r\n hr {\r\n border-top-color: var(--lc-success-color);\r\n }\r\n .alert-link {\r\n color: var(--lc-success-color);\r\n }\r\n}\r\n\r\n.alert-info {\r\n hr {\r\n border-top-color: var(--lc-primary-color);\r\n }\r\n .alert-link {\r\n color: var(--lc-primary-color);\r\n }\r\n}\r\n\r\n.alert-warning {\r\n hr {\r\n border-top-color: var(--lc-danger-color);\r\n }\r\n .alert-link {\r\n color: var(--lc-danger-color);\r\n }\r\n}\r\n\r\n.alert-danger {\r\n hr {\r\n border-top-color: var(--lc-danger-color);\r\n }\r\n .alert-link {\r\n color: var(--lc-danger-color);\r\n }\r\n}\r\n",".lc-month-picker {\r\n z-index: 1060;\r\n border-radius: 1.2rem;\r\n padding: 1.2rem 0;\r\n background: var(--lc-primary-color);\r\n color: var(--lc-complementary-text-color);\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n .lc-month-picker-prev,\r\n .lc-month-picker-next {\r\n color: var(--lc-complementary-text-color);\r\n padding-left: 22px;\r\n padding-right: 22px;\r\n padding-top: 10px;\r\n padding-bottom: 10px;\r\n font-family: \"Lifecare-Icons-Core\" !important;\r\n\r\n font-size: 1.8rem;\r\n font-style: normal;\r\n font-weight: normal;\r\n font-variant: normal;\r\n text-transform: none;\r\n line-height: 1;\r\n -webkit-font-smoothing: antialiased;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n cursor: pointer;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n font-weight: bold;\r\n }\r\n }\r\n\r\n .lc-month-picker-prev {\r\n &:before {\r\n content: \"\\e609\";\r\n }\r\n }\r\n\r\n .lc-month-picker-next {\r\n &:before {\r\n content: \"\\e60a\";\r\n }\r\n }\r\n\r\n select.form-control {\r\n width: 90px;\r\n height: 32px;\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n }\r\n}\r\n","input.lc-number-no-up-down-arrows::-webkit-inner-spin-button,\r\ninput.lc-number-no-up-down-arrows::-webkit-outer-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n}\r\n\r\ninput.lc-number-no-up-down-arrows {\r\n -moz-appearance: textfield;\r\n}\r\n",".lc-badge {\r\n display: inline-block;\r\n padding: 0.4rem 1.6rem;\r\n font-size: 1.4rem;\r\n font-weight: var(--lc-font-weight-normal);\r\n line-height: 1;\r\n text-align: center;\r\n white-space: nowrap;\r\n vertical-align: baseline;\r\n border-radius: 1.5rem;\r\n border: 2px solid var(--lc-secondary-subtle-color);\r\n color: var(--lc-default-text-color);\r\n}\r\n\r\n.lc-badge-primary,\r\n.lc-badge-info {\r\n background-color: var(--lc-info-subtle-color);\r\n border-color: var(--lc-status-info-color);\r\n}\r\n\r\n.lc-badge-success {\r\n background-color: var(--lc-success-subtle-color);\r\n border-color: var(--lc-status-success-color);\r\n}\r\n\r\n.lc-badge-warning {\r\n background-color: var(--lc-warning-subtle-color);\r\n border-color: var(--lc-status-warning-color);\r\n}\r\n\r\n.lc-badge-danger {\r\n background-color: var(--lc-danger-subtle-color);\r\n border-color: var(--lc-status-danger-color);\r\n}\r\n\r\n.lc-badge-secondary {\r\n background-color: var(--lc-secondary-subtle-color);\r\n border-color: var(--lc-status-secondary-color);\r\n}\r\n\r\n.lc-badge-dark {\r\n color: var(--lc-complementary-text-color);\r\n background-color: var(--lc-dark-subtle-color);\r\n border-color: var(--lc-dark-color);\r\n}\r\n\r\n.lc-badge-caution {\r\n background-color: var(--lc-caution-subtle-color);\r\n border-color: var(--lc-status-caution-color);\r\n}\r\n.lc-badge-tertiary {\r\n background-color: var(--lc-tertiary-subtle-color);\r\n border-color: var(--lc-status-tertiary-color);\r\n}\r\n\r\n.lc-badge-solid-primary,\r\n.lc-badge-solid-info {\r\n background-color: var(--lc-primary-color);\r\n border-color: var(--lc-primary-color);\r\n color: var(--lc-complementary-text-color);\r\n}\r\n\r\n.lc-badge-solid-success {\r\n background-color: var(--lc-success-color);\r\n border-color: var(--lc-success-color);\r\n color: var(--lc-complementary-text-color);\r\n}\r\n\r\n.lc-badge-solid-warning {\r\n background-color: var(--lc-warning-color);\r\n border-color: var(--lc-warning-color);\r\n}\r\n\r\n.lc-badge-solid-danger {\r\n background-color: var(--lc-danger-color);\r\n border-color: var(--lc-danger-color);\r\n color: var(--lc-complementary-text-color);\r\n}\r\n\r\n.lc-badge-solid-secondary {\r\n background-color: var(--lc-secondary-color);\r\n border-color: var(--lc-secondary-color);\r\n}\r\n\r\n.lc-badge-solid-light {\r\n background-color: var(--lc-light-color);\r\n border-color: var(--lc-light-color);\r\n}\r\n\r\n.lc-badge-solid-dark {\r\n background-color: var(--lc-dark-color);\r\n border-color: var(--lc-dark-color);\r\n color: var(--lc-complementary-text-color);\r\n}\r\n\r\n.lc-badge-solid-caution {\r\n background-color: var(--lc-caution-color);\r\n border-color: var(--lc-caution-color);\r\n}\r\n.lc-badge-solid-tertiary {\r\n background-color: var(--lc-tertiary-color);\r\n border-color: var(--lc-tertiary-color);\r\n color: var(--lc-complementary-text-color);\r\n}\r\n\r\n.badge {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: var(--lc-font-size-px);\r\n font-weight: var(--lc-font-weight-normal);\r\n line-height: normal;\r\n border: 1px solid var(--lc-default-bg-color);\r\n border-radius: 8px;\r\n padding: 2px 8px;\r\n min-height: 28px;\r\n\r\n span[class^=\"lc-icon\"] {\r\n font-size: var(--lc-font-size-px-l);\r\n margin-right: 4px;\r\n }\r\n}\r\n\r\n.badge-icon-only {\r\n padding: 2px 4px;\r\n\r\n span[class^=\"lc-icon\"] {\r\n margin-right: 0px;\r\n }\r\n}\r\n\r\n.badge-primary {\r\n background-color: var(--lc-primary-subtle-color);\r\n}\r\n\r\n.badge-secondary {\r\n background-color: var(--lc-secondary-subtle-color);\r\n}\r\n\r\n.badge-success {\r\n background-color: var(--lc-success-subtle-color);\r\n}\r\n\r\n.badge-info {\r\n background-color: var(--lc-info-subtle-color);\r\n}\r\n\r\n.badge-warning {\r\n background-color: var(--lc-warning-subtle-color);\r\n}\r\n\r\n.badge-danger {\r\n background-color: var(--lc-danger-subtle-color);\r\n}\r\n",".lc-hsl-attention-signal-icon {\r\n [class^=\"lc-hsl-attention-signal-icon\"] {\r\n fill: #babbbd;\r\n }\r\n\r\n .lc-hsl-attention-signal-icon-bottom-right.filled {\r\n fill: #0000ff;\r\n }\r\n\r\n .lc-hsl-attention-signal-icon-bottom-left.filled {\r\n fill: #ffcc00;\r\n }\r\n\r\n .lc-hsl-attention-signal-icon-top-right.filled,\r\n .lc-hsl-attention-signal-icon-top-left.filled,\r\n .lc-hsl-attention-signal-icon-top.filled,\r\n .lc-hsl-attention-signal-icon-center-1.filled,\r\n .lc-hsl-attention-signal-icon-center-2.filled,\r\n .lc-hsl-attention-signal-icon-center-3.filled,\r\n .lc-hsl-attention-signal-icon-bottom.filled {\r\n fill: #ff0000;\r\n }\r\n}\r\n",".lc-hr-with-text {\r\n display: flex;\r\n align-items: center;\r\n text-align: center;\r\n}\r\n\r\n.lc-hr-with-text::before,\r\n.lc-hr-with-text::after {\r\n content: \"\";\r\n flex: 1;\r\n border-bottom: 1px solid var(--lc-default-border-color);\r\n}\r\n\r\n.lc-hr-with-text:not(:empty)::before {\r\n margin-right: 1rem;\r\n}\r\n\r\n.lc-hr-with-text:not(:empty)::after {\r\n margin-left: 1rem;\r\n}\r\n",".lc-draggable {\r\n cursor: grab;\r\n}\r\n\r\n.lc-draggable:active {\r\n cursor: grabbing !important;\r\n}\r\n",".pvtUi {\r\n color: var(--lc-default-text-color);\r\n}\r\n\r\ntable.pvtTable {\r\n font-size: 12px;\r\n}\r\n\r\ntable.pvtTable thead tr th,\r\ntable.pvtTable tbody tr th {\r\n font-size: 12px;\r\n}\r\n\r\n.pvtAxisContainer,\r\n.pvtVals {\r\n border: 1px solid var(--lc-default-border-divider-color);\r\n background: var(--lc-default-table-header-bg-color);\r\n}\r\n\r\ntable.pvtTable thead tr th,\r\ntable.pvtTable tbody tr th {\r\n background-color: var(--lc-default-table-row-bg-color);\r\n border: 1px solid var(--lc-default-table-body-border-color);\r\n}\r\n\r\ntable.pvtTable tbody tr td {\r\n border: 1px solid var(--lc-default-table-body-border-color);\r\n}\r\n\r\n.c3-line {\r\n stroke-width: 3px;\r\n}\r\n\r\n.c3 circle {\r\n stroke: white;\r\n}\r\n\r\n.c3 text {\r\n font-size: 16px;\r\n}\r\n\r\n.tick line {\r\n stroke: white;\r\n}\r\n\r\n.pvtRowOrder,\r\n.pvtColOrder {\r\n display: none;\r\n}\r\n\r\n.c3 .c3-axis-x-label,\r\n.c3-axis-y-label {\r\n font-size: 14px !important;\r\n}\r\n\r\n.c3 .c3-axis-x-label {\r\n text-anchor: end !important;\r\n}\r\n\r\n.pvtUiCell {\r\n background-color: var(--lc-default-table-header-bg-color);\r\n border: 1px solid var(--lc-default-table-header-border-color);\r\n}\r\n\r\n.pvtAggregator {\r\n width: 200px;\r\n}\r\n\r\n.pvtAxisContainer {\r\n word-break: break-all;\r\n}\r\n\r\n.pvtFilterBox {\r\n border: 1px solid var(--lc-default-border-color);\r\n}\r\n\r\n.pvtFilterBox h3 {\r\n margin: 15px;\r\n text-align: left;\r\n}\r\n\r\n.pvtFilterBox label {\r\n margin-left: 10px;\r\n}\r\n\r\n.pvtFilterBox input[type=\"checkbox\"] + span::before,\r\n.checkbox-inline input[type=\"checkbox\"] + span::before {\r\n content: \"\";\r\n display: inline-block;\r\n padding: 2px 0 0 0;\r\n height: 21px;\r\n width: 21px;\r\n vertical-align: middle;\r\n margin-right: 9px;\r\n background-color: var(--lc-default-bg-color);\r\n color: var(--lc-complementary-text-color);\r\n border: 1px solid var(--lc-default-border-color);\r\n text-align: center;\r\n font-family: \"Glyphicons Halflings\";\r\n font-size: 12px;\r\n -moz-border-radius: 6px;\r\n -webkit-border-radius: 6px;\r\n border-radius: 6px;\r\n font-style: normal;\r\n}\r\n\r\n.pvtFilterBox input[type=\"checkbox\"]:checked + span::before,\r\n.checkbox-inline input[type=\"checkbox\"]:checked + span::before {\r\n background-color: var(--lc-checked-form-bg-color);\r\n border-color: var(--lc-checked-form-border-color);\r\n content: \"\\e013\";\r\n}\r\n\r\n.pvtFilterBox input[type=\"text\"] {\r\n width: 267px;\r\n margin-left: 5%;\r\n}\r\n\r\n.pvtCheckContainer {\r\n overflow-y: auto;\r\n border-top: 0px;\r\n border-bottom: 0px;\r\n}\r\n\r\n.pvtCheckContainerHeader,\r\n.pvtBtnMargin {\r\n margin-bottom: 16px;\r\n}\r\n\r\n.pvtBtn {\r\n margin: 15px !important;\r\n}\r\n\r\n.pvtFilterHeader {\r\n text-align: left;\r\n margin-left: 15px !important;\r\n font-weight: var(--lc-font-weight-bold);\r\n color: var(--lc-default-text-color);\r\n}\r\n\r\n.pvtRenderer,\r\n.pvtRenderer.form-control {\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n width: 200px;\r\n}\r\n\r\n.pvtAttrDropdown {\r\n width: 200px;\r\n}\r\n\r\n.pvtHorizList li {\r\n display: inline-table;\r\n}\r\n\r\n.pvtAxisContainer li {\r\n margin: 2px;\r\n}\r\n","ko-checkbox,\r\nko-checkbox-readonly,\r\nko-commands,\r\nko-container-header,\r\nko-date,\r\nko-dropdown,\r\nko-dropdown-custom,\r\nko-embedded-component,\r\nko-enddate,\r\nko-inspector,\r\nko-label,\r\nko-meta,\r\nko-number,\r\nko-radiobutton,\r\nko-text,\r\nko-textinput,\r\nko-time {\r\n display: block;\r\n}\r\n\r\n* {\r\n outline: 0 !important;\r\n box-sizing: border-box;\r\n -webkit-font-smoothing: subpixel-antialiased;\r\n}\r\n\r\n/*------------------------------------*\\\r\n #INTRODUCTION #BASE\r\n \\*------------------------------------*/\r\n\r\nbody {\r\n background: var(--lc-default-bg-color);\r\n}\r\n\r\nbody,\r\nlabel,\r\n.popover {\r\n font-family: var(--lc-font);\r\n font-weight: var(--lc-font-weight-normal);\r\n color: var(--lc-default-text-color);\r\n font-size: var(--lc-font-size-px);\r\n line-height: var(--lc-lineheight);\r\n}\r\n\r\n/*------------------------------------*\\\r\n #INTRODUCTION #HEADINGS\r\n \\*------------------------------------*/\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nlabel,\r\nlegend {\r\n line-height: normal;\r\n margin: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4 {\r\n &.lc-ellipsis {\r\n line-height: normal;\r\n }\r\n}\r\n\r\nh1,\r\nh2 {\r\n color: var(--lc-heading-text-color);\r\n}\r\n\r\nh1 {\r\n font-size: var(--lc-font-size-px-xl);\r\n font-weight: var(--lc-font-weight-light);\r\n}\r\n\r\nh2 {\r\n font-size: var(--lc-font-size-px-l);\r\n margin-bottom: 25px;\r\n}\r\n\r\nh3,\r\nh4,\r\nlabel,\r\nlegend {\r\n color: var(--lc-default-text-color);\r\n font-weight: var(--lc-font-weight-semibold);\r\n}\r\n\r\nh3,\r\nlegend {\r\n font-size: var(--lc-font-size-px);\r\n text-transform: uppercase;\r\n margin-bottom: 8px;\r\n}\r\n\r\nlegend {\r\n border-bottom: none;\r\n}\r\n\r\nh4,\r\nlabel {\r\n font-size: var(--lc-font-size-px-s);\r\n}\r\n\r\nh4 {\r\n margin-bottom: 2px;\r\n\r\n &.horizontal {\r\n display: inline-block;\r\n font-size: inherit;\r\n margin-bottom: 0;\r\n }\r\n\r\n &.horizontal:after {\r\n content: \":\\00a0\";\r\n }\r\n}\r\n\r\nlabel {\r\n display: block;\r\n margin-bottom: 9px;\r\n\r\n &.required:after {\r\n color: var(--lc-required-color);\r\n content: \" *\";\r\n }\r\n\r\n &.disabled,\r\n &.disabled:after {\r\n color: var(--lc-disabled-text-color);\r\n }\r\n}\r\n\r\na {\r\n color: var(--lc-default-link-color);\r\n\r\n &:hover,\r\n &:focus {\r\n color: var(--lc-hover-link-color);\r\n }\r\n\r\n &:active {\r\n color: var(--lc-info-emphasis-color);\r\n }\r\n}\r\n\r\nb,\r\nstrong,\r\n.strong {\r\n font-weight: var(--lc-font-weight-bold);\r\n}\r\n\r\ns,\r\ndel,\r\n.del {\r\n text-decoration: line-through;\r\n}\r\n\r\n/*------------------------------------*\\\r\n #INTRODUCTION #VERTICAL-RHYTHM\r\n \\*------------------------------------*/\r\nul {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\np {\r\n margin: 0;\r\n\r\n & + p {\r\n margin-top: 24px;\r\n }\r\n}\r\n\r\n.lc-vertical-space-1 {\r\n margin-top: 37px;\r\n}\r\n\r\n.lc-vertical-space-2 {\r\n margin-top: 29px;\r\n}\r\n\r\n.lc-vertical-space-3 {\r\n margin-top: 16px;\r\n}\r\n\r\n.lc-vertical-space-4 {\r\n margin-top: 9px;\r\n}\r\n\r\n.lc-vertical-space-5 {\r\n margin-top: 0 !important;\r\n}\r\n\r\n.lc-vertical-space-bottom-1 {\r\n margin-bottom: 37px;\r\n}\r\n\r\n.lc-vertical-space-bottom-2 {\r\n margin-bottom: 29px;\r\n}\r\n\r\n.lc-vertical-space-bottom-3 {\r\n margin-bottom: 16px;\r\n}\r\n\r\n.lc-vertical-space-bottom-4 {\r\n margin-bottom: 9px;\r\n}\r\n\r\n.lc-vertical-space-bottom-5 {\r\n margin-bottom: 0 !important;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .lc-xs-vertical-space-1 {\r\n margin-top: 37px;\r\n }\r\n\r\n .lc-xs-vertical-space-2 {\r\n margin-top: 29px;\r\n }\r\n\r\n .lc-xs-vertical-space-3 {\r\n margin-top: 16px;\r\n }\r\n\r\n .lc-xs-vertical-space-4 {\r\n margin-top: 9px;\r\n }\r\n\r\n .lc-xs-vertical-space-bottom-1 {\r\n margin-bottom: 37px;\r\n }\r\n\r\n .lc-xs-vertical-space-bottom-2 {\r\n margin-bottom: 29px;\r\n }\r\n\r\n .lc-xs-vertical-space-bottom-3 {\r\n margin-bottom: 16px;\r\n }\r\n\r\n .lc-xs-vertical-space-bottom-4 {\r\n margin-bottom: 9px;\r\n }\r\n}\r\n\r\n.lc-horizontal-space-1 {\r\n margin-left: 30px;\r\n}\r\n\r\n.lc-horizontal-inner-space-1 {\r\n padding-left: 30px;\r\n}\r\n\r\n.lc-horizontal-space-1-inline-block {\r\n margin-left: 27px;\r\n}\r\n\r\n.lc-horizontal-space-2 {\r\n margin-left: 12px;\r\n}\r\n\r\n.lc-horizontal-inner-space-2 {\r\n padding-left: 12px;\r\n}\r\n\r\n.lc-horizontal-space-2-inline-block {\r\n margin-left: 9px;\r\n}\r\n\r\n.lc-horizontal-space-3 {\r\n margin-left: 9px;\r\n}\r\n\r\n.lc-horizontal-inner-space-3 {\r\n padding-left: 9px;\r\n}\r\n\r\n.lc-horizontal-space-3-inline-block {\r\n margin-left: 6px;\r\n}\r\n\r\n/*------------------------------------*\\\r\n #INTRODUCTION #HELPERS\r\n \\*------------------------------------*/\r\n\r\n.lc-text-body {\r\n color: var(--lc-default-text-color) !important;\r\n}\r\n\r\n.lc-width-100 {\r\n width: 100%;\r\n}\r\n\r\n.lc-width-auto {\r\n width: auto;\r\n}\r\n\r\n.lc-width-fixed {\r\n width: 170px;\r\n}\r\n\r\n.lc-column-width-fixed {\r\n max-width: 528px;\r\n}\r\n\r\n.lc-column-width-fixed-1 {\r\n max-width: 768px;\r\n}\r\n\r\n.lc-column-width-fixed-2 {\r\n max-width: 1086px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .lc-sm-width-fixed {\r\n width: 170px;\r\n }\r\n\r\n .lc-sm-column-width-fixed {\r\n max-width: 528px;\r\n }\r\n\r\n .lc-sm-column-width-fixed-2 {\r\n max-width: 1086px;\r\n }\r\n}\r\n\r\n.lc-table {\r\n display: table;\r\n}\r\n\r\n.lc-inline-table {\r\n display: inline-table;\r\n}\r\n\r\n.lc-table-row {\r\n display: table-row;\r\n}\r\n\r\n.lc-table-cell {\r\n display: table-cell;\r\n}\r\n\r\n.lc-column-count-2 {\r\n -webkit-column-count: 2;\r\n -moz-column-count: 2;\r\n -ms-column-count: 2;\r\n -o-column-count: 2;\r\n column-count: 2;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .lc-column-gap-0 {\r\n -webkit-column-gap: 0;\r\n -moz-column-gap: 0;\r\n -ms-column-gap: 0;\r\n -o-column-gap: 0;\r\n column-gap: 0;\r\n }\r\n}\r\n\r\n.lc-ellipsis {\r\n -moz-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n}\r\n\r\n.lc-vertical-align-top {\r\n vertical-align: top;\r\n}\r\n\r\n.lc-vertical-align-middle {\r\n vertical-align: middle;\r\n}\r\n\r\n.lc-vertical-align-bottom {\r\n vertical-align: bottom;\r\n}\r\n\r\n.lc-missing-text {\r\n font-style: italic;\r\n color: var(--lc-muted-text-color);\r\n}\r\n\r\n/* Obsolete. Use .well */\r\n.lc-content-box {\r\n padding: 12px;\r\n border: 1px solid var(--lc-default-border-color);\r\n background-color: var(--lc-default-panel-bg-color);\r\n}\r\n\r\n.lc-asterix-before:before {\r\n content: \"*\\00a0\";\r\n}\r\n\r\n.lc-asterix-after:after {\r\n content: \"\\00a0*\";\r\n}\r\n\r\n.lc-description-text {\r\n display: block;\r\n font-size: var(--lc-font-size-px-s);\r\n line-height: normal;\r\n}\r\n\r\n/* This one was thought to be used on span part of h4 tags, \r\n but need revisit for better idea as used with required and with it after content does not work well */\r\n.lc-title-description {\r\n display: block;\r\n font-size: 14px;\r\n line-height: normal;\r\n margin-top: 5px;\r\n font-weight: var(--lc-font-weight-normal);\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .lc-sm-cb-vertical-aligned {\r\n margin-top: 27px;\r\n }\r\n}\r\n\r\n/* Added to elements to hide and then show when all is in place */\r\n.bindingNotApplied {\r\n display: none;\r\n}\r\n\r\n/* Need to sort out what overrides is needed jquery ui and were to place it */\r\n.ui-widget {\r\n font-family: inherit;\r\n font-size: inherit;\r\n\r\n input,\r\n select,\r\n textarea,\r\n button {\r\n font-family: inherit;\r\n font-size: inherit;\r\n }\r\n\r\n button {\r\n font-size: var(--lc-font-size-px-s);\r\n }\r\n}\r\n\r\n/* Configuration menu*/\r\n.lc-configMenu {\r\n border-bottom: 1px solid var(--lc-default-border-color);\r\n}\r\n\r\n.lc-configMenu-moduleName {\r\n cursor: pointer;\r\n position: relative;\r\n padding: 13px 13px 5px 13px;\r\n border-top: 1px solid var(--lc-default-border-color);\r\n background-color: var(--lc-secondary-subtle-color);\r\n}\r\n\r\n.lc-configMenu__expander-arrow {\r\n position: absolute;\r\n right: 13px;\r\n top: 13px;\r\n -ms-transform: rotate(270deg);\r\n -webkit-transform: rotate(270deg);\r\n transform: rotate(270deg);\r\n font-size: var(--lc-font-size-px-l);\r\n}\r\n\r\n.lc-configMenu__expander-arrow--expanded {\r\n -ms-transform: rotate(90deg);\r\n -webkit-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n}\r\n\r\n.pablo-highlight-item {\r\n outline: 2px solid var(--lc-success-color) !important;\r\n}\r\n\r\n/*Logout Button*/\r\n.lc-logout-container:hover {\r\n cursor: pointer;\r\n background-color: var(--lc-brand-emphasis-color);\r\n}\r\n\r\n.lc-quick-logout-button-text {\r\n font-size: var(--lc-font-size-px-s);\r\n text-transform: uppercase;\r\n color: var(--lc-complementary-text-color);\r\n}\r\n\r\n.lc-text-align-center {\r\n text-align: center;\r\n}\r\n\r\n.lc-team-list-scroll {\r\n max-height: 215px;\r\n overflow: auto;\r\n}\r\n\r\n.lc-usercontext-tab-icons {\r\n font-size: 24px;\r\n text-align: center;\r\n}\r\n\r\n@media screen and (min-width: 991px) {\r\n .quick-logout-margin {\r\n right: 90px !important;\r\n }\r\n\r\n .logout-button-visibility {\r\n display: none;\r\n }\r\n}\r\n\r\n.lc-credit-text {\r\n font-size: var(--lc-font-size-px-s);\r\n line-height: normal;\r\n}\r\n\r\n/* Link list */\r\n.lc-link-button-area > span:first-child {\r\n height: 48px;\r\n color: var(--lc-complementary-text-color) !important;\r\n background-color: var(--lc-success-color) !important;\r\n}\r\n\r\n.lc-link-list-popover {\r\n max-width: 500px;\r\n}\r\n\r\n.lc-link-list-popover-content {\r\n margin: 12px;\r\n overflow: hidden;\r\n}\r\n\r\n.lc-ko-date-noOverflow {\r\n min-width: 175px;\r\n}\r\n\r\n.lc-ko-date-group-maxWidth {\r\n max-width: 155px;\r\n}\r\n\r\nul.lc-checked-list {\r\n list-style: none;\r\n\r\n li:before {\r\n content: \"\\e97b\";\r\n font-family: var(--lc-default-icon-font-family);\r\n margin-right: 0.4rem;\r\n }\r\n}\r\n\r\n.lc-absolute-center {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n}\r\n\r\n.lc-child-w-100 {\r\n & > * {\r\n width: 100% !important;\r\n }\r\n}\r\n","/*------------------------------------*\\\r\n LC FC compatibility styles\r\n \\*------------------------------------*/\r\n\r\n.lc-fc-stretch-absolute {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n}\r\n\r\n.lc-fc-stretch-absolute > .stretchAbsolute {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n}\r\n","@media print {\r\n @page {\r\n size: 330mm 427mm;\r\n margin: 1.5cm;\r\n }\r\n\r\n p,\r\n span,\r\n li,\r\n a,\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n td,\r\n th,\r\n strong,\r\n div {\r\n font-family: \"Open Sans\", Arial, Helvetica, sans-serif;\r\n color: black;\r\n }\r\n\r\n th,\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n strong {\r\n font-weight: 600;\r\n }\r\n\r\n p,\r\n span,\r\n li,\r\n a,\r\n td,\r\n div {\r\n font-size: 12px;\r\n font-weight: 300 !important;\r\n }\r\n\r\n nav,\r\n button,\r\n .lc-topbanner,\r\n .lc-filter,\r\n .lc-mobile-menu,\r\n .lc-breadcrumb,\r\n .btn-toolbar,\r\n /*.lc-container,*/\r\n .media-middle,\r\n .lc-notification,\r\n #lcMenu,\r\n #dash,\r\n #toast-container,\r\n #ui-datepicker-div,\r\n #splash,\r\n #side-tab,\r\n [class*=\"lc-icon-\"] {\r\n display: none !important;\r\n }\r\n\r\n .lc-read-only-table th,\r\n .lc-read-only-table th:first-child,\r\n .lc-read-only-table th:not(:first-child) {\r\n border: none !important;\r\n border-top: none !important;\r\n border-bottom: none !important;\r\n border-left: none !important;\r\n border-right: none !important;\r\n }\r\n\r\n .lc-container-wrapper {\r\n /*height: auto !important;*/\r\n width: 100% !important;\r\n left: 0 !important;\r\n }\r\n\r\n .lc-container {\r\n display: none;\r\n z-index: -1;\r\n width: 1170px;\r\n }\r\n\r\n .lc-container__content {\r\n overflow: visible !important;\r\n }\r\n\r\n .lc-container.lc-container--selected {\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 99999;\r\n border: none;\r\n }\r\n\r\n table {\r\n page-break-inside: auto;\r\n page-break-after: auto;\r\n overflow: visible;\r\n width: 100%;\r\n text-align: left;\r\n }\r\n\r\n tr {\r\n position: relative;\r\n page-break-inside: avoid;\r\n page-break-after: auto;\r\n }\r\n\r\n td {\r\n border: solid white 5px;\r\n }\r\n\r\n h5,\r\n h4,\r\n h3,\r\n h2 {\r\n margin-bottom: 2px;\r\n }\r\n\r\n .footer {\r\n position: absolute;\r\n bottom: 0;\r\n left: 10px;\r\n }\r\n\r\n li,\r\n ul {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n}\r\n",".lc-main-wrapper {\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .lc-main-wrapper--transform {\r\n -webkit-transition: left 0.2s ease 0.1s;\r\n -moz-transition: left 0.2s ease 0.1s;\r\n -o-transition: left 0.2s ease 0.1s;\r\n transition: left 0.2s ease 0.1s;\r\n }\r\n}\r\n\r\n.lc-responsive-state {\r\n display: none;\r\n}\r\n\r\n/*Extra small devices (portrait phones, less than 576px)*/\r\n@media (max-width: 575px) {\r\n .lc-responsive-state {\r\n width: 575px;\r\n }\r\n}\r\n\r\n/*Small devices (landscape phones, 576px and up)*/\r\n@media (min-width: 576px) and (max-width: 767px) {\r\n .lc-responsive-state {\r\n width: 767px;\r\n }\r\n}\r\n\r\n/*Medium devices (tablets, 768px and up)*/\r\n@media (min-width: 768px) and (max-width: 991px) {\r\n .lc-responsive-state {\r\n width: 991px;\r\n }\r\n}\r\n\r\n/*Large devices (desktops, 992px and up)*/\r\n@media (min-width: 992px) and (max-width: 1199px) {\r\n .lc-responsive-state {\r\n width: 1199px;\r\n }\r\n}\r\n\r\n/*Extra large devices (large desktops, 1200px and up)*/\r\n@media (min-width: 1200px) {\r\n .lc-responsive-state {\r\n width: 10000px;\r\n }\r\n}\r\n"],"names":[],"ignoreList":[],"sourceRoot":""}