/* add dimension related classes for global use */
$header-height: 4.4rem;
$side-nav-width: 0;
$logo-width: 20rem;
$side-nav-width-laptop: 0;
$side-nav-folded: 0;
$layout-content-gutter: 1.6rem;
$layout-content-gutter-sm: 1.6rem;
$layout-content-gutter-left: 3.2rem;
$layout-content-gutter-sm-left: 3.2rem;
$layout-content-gutter-right: 3.2rem;
$layout-content-gutter-sm-right: 3.2rem;
$layout-content-different: 2.4rem;
$layout-content-gutter-header: 4.5rem;
$layout-content-gutter-footer: 4rem;
$footer-height: 4rem;
$footer-height-mobile: 7rem;
$footer-padding-mobile: 2rem;
$content-height: $header-height + $footer-height + $layout-content-gutter + $layout-content-gutter + 0.2rem;
$toolbar-height: 7.9rem;
$tab-navigation-height: 6.4rem;
$sense-check-grid-height: 52.8rem;
$ordering-grid-height: 76.8rem;
$sense-check-details-grid-height: 42.8rem;
$table-modal-grid-height: 38.4rem;
$data-management-grid-height: 60.8rem;
$promo-modal-grid-height: 24.8rem;
$forecast-run-grid-height: 20.8rem;
$icon-wrap-width: 2.4rem;
$icon-wrap-height: 2.4rem;
$data-management-gates-dropdown-width: 9.6rem;
$data-management-category-dropdown-width: 30.4rem;
$data-management-modifier-dropdown-width: 14.4rem;
$data-management-input-value-width: 24rem;
$planner-modal-body-height: 46.4rem;
$planner-modal-width: 54.2rem;
$promotion-modal-width: 55.9rem;
$promotion-modal-height: 90rem;
$small-input-height: 2.5rem;
$small-input-line-height: 2.5rem;
$input-value-height: 3.6rem;
$promo-modal-rules-section-max-height: 19.6rem;
$promo-modal-date-input-width: 12.5rem;
$promo-modal-rules-dropdown-width: 79.4rem;
$run-as-scenario-modal-width: 54.5rem;
$run-as-scenario-modal-max-height: 58rem;
$run-as-scenario-modal-body-height: 40.8rem;
$run-as-scenario-comment-box-height: 20.8rem;
$share-modal-width: 54.4rem;
$toolbar-title-compare-min-width: 10rem;
$toolbar-title-compare-height: 4.6rem;
$toolbar-title-compare: 21rem;
$toolbar-subtitle-compare: 25rem;
$comments-modal-content-area-height: 25.6rem;
$card-container-condensed-width: 25.6rem;
$card-container-condensed-height: 28.8rem;
$card-container-expanded-width: 78rem;
$card-container-expanded-height: 48.8rem;
$card-container-expanded-content-height: 31.5rem;
$cards-container-condensed-height: 35.8rem;
$cards-container-expanded-height: 54.4rem;
$late-adjustment-input-width: 44.2%;
$late-adjustment-details-width: 71.2%;
$late-adjustment-text-width: 98%;

$icon-wrap-circular-background-width: 3rem;
$icon-wrap-circular-background-height: 3rem;
/* Grid breakpoints
  Define the minimum dimensions at which your layout will change,
  adapting to different screen sizes, for use in media queries. */
$grid-breakpoints: (
	xs: 0,
	sm: 576px,
	md: 768px,
	lg: 992px,
	xl: 1200px,
) !default;

/* Grid containers
//
// Define the maximum width of `.container` for different screen sizes. */
$container-max-widths: (
	sm: 540px,
	md: 720px,
	lg: 960px,
	xl: 1140px,
) !default;

/* Grid columns
//
// Set the number of columns and specify the width of the gutters. */
$grid-columns: 12 !default;
$grid-gutter-width-base: 1.5rem !default;
$grid-gutter-widths: (
	xs: $grid-gutter-width-base,
	sm: $grid-gutter-width-base,
	md: $grid-gutter-width-base,
	lg: $grid-gutter-width-base,
	xl: $grid-gutter-width-base,
) !default;

/* Spacing */
$spacer: 1rem !default;
$spacers: () !default;
$spacers: map-merge(
	(
		0: 0,
		1: (
			$spacer * 0.25,
		),
		2: (
			$spacer * 0.5,
		),
		3: $spacer,
		4: (
			$spacer * 1.5,
		),
		5: (
			$spacer * 3,
		),
	),
	$spacers
);

/* Z-index master list
//
// of components dependent on the z-axis and are designed to all work together. */
$zindex-default: 990 !default;
$zindex-dropdown-backdrop: 990 !default;
$zindex-navbar: 1000 !default;
$zindex-dropdown: 1000 !default;
$zindex-fixed: 1030 !default;
$zindex-sticky: 1030 !default;
$zindex-modal-backdrop: 1040 !default;
$zindex-modal: 1050 !default;
$zindex-popover: 1060 !default;
$zindex-tooltip: 1070 !default;

$zindex-1: 1;
$zindex-2: 2;
$zindex-3: 3;
$zindex-4: 4;

/* toast dimestions */
$aeap-dropdown-container-width: 27.2rem;
$aeap-dropdown-wrapper-width: 24rem;
$aeap-single-detail-toast-height: 5.6rem;
$aeap-single-detail-toast-width: 36rem;

/* modal */
$accountplan-modal-width: 55.1rem;
$accountplan-modal-height: 71.7rem;

/* promotion copy modal */
$promotion-copy-modal-width: 54.5rem;
$promotion-copy-modal-height: 63.4rem;