/* _content/TickReport.Web/Areas/Identity/Pages/Account/ForgotPassword.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for the Admin Login Page
  A) Imports
  1) Container
  2) Inputs
*/
.container[b-0c54btcbbh] {
  background: var(--color-white);
  border-radius: var(--border-radius);
  margin: 10% auto;
  max-width: 500px;
  padding: var(--space-large);
}

.container--input[b-0c54btcbbh] {
  margin-bottom: var(--space-medium);
}

.button[b-0c54btcbbh] {
  width: 100%;
}
/* _content/TickReport.Web/Areas/Identity/Pages/Account/Login.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for the Admin Login Page
  A) Imports
  1) Container
  2) Inputs
*/
.container[b-ku5czebez1] {
  background: var(--color-white);
  border-radius: var(--border-radius);
  margin: 10% auto;
  max-width: 500px;
  padding: var(--space-large);
}

.container--input[b-ku5czebez1] {
  margin-bottom: var(--space-medium);
}

.button[b-ku5czebez1] {
  width: 100%;
}
/* _content/TickReport.Web/Areas/Identity/Pages/Users/Details.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for User Details Page
  A) Imports
  1) Form Rows
  2) Grid
  3) Checkboxes
*/
.row--label[b-eawy3acbi6] {
  font-weight: 700;
  text-align: left;
}
.row--label:nth-of-type(n+2)[b-eawy3acbi6] {
  margin-top: var(--space-large);
}
.row--checkbox[b-eawy3acbi6] {
  font-weight: 700;
  margin-top: var(--space-large);
}
.row--actions[b-eawy3acbi6] {
  margin-top: var(--space-large);
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  width: 85%;
}
.row--password[b-eawy3acbi6] {
  padding-top: var(--space-medium);
  padding-bottom: var(--space-medium);
  border-top: 1px dashed var(--color-border);
  border-bottom: 1px dashed var(--color-border);
}

.grid[b-eawy3acbi6] {
  --grid-template-columns: auto 85%;
  --grid-gap: var(--space-large) var(--space-medium);
  align-items: center;
}

.label--custom:nth-of-type(n + 2)[b-eawy3acbi6] {
  margin-top: var(--space-medium);
}
/* _content/TickReport.Web/Areas/Identity/Pages/Users/Index.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Admin Invoice Index
  A) Imports
  1) Grid Cells
  2) Grid
*/
.cell__link[b-yje2jrayig] {
  grid-area: link;
}
.cell__name[b-yje2jrayig] {
  grid-area: name;
}
.cell__username[b-yje2jrayig] {
  grid-area: username;
}
.cell__title[b-yje2jrayig] {
  grid-area: title;
}
.cell__email[b-yje2jrayig] {
  grid-area: email;
}

.grid[b-yje2jrayig] {
  --grid-template-columns: minmax(auto, 50px) repeat(2, 3fr) 4fr 1fr;
}
.grid--header[b-yje2jrayig] {
  --grid-template-areas: ". name username title email";
}
.grid--data[b-yje2jrayig] {
  --grid-template-areas: "link name username title email";
}
/* _content/TickReport.Web/Pages/About.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
.about-us__header[b-hzudplm0zw], .about-us__body[b-hzudplm0zw] {
  gap: var(--space-xlarge);
}
.about-us__mission[b-hzudplm0zw] {
  --text-color: var(--color-primary);
  margin-bottom: var(--space-large);
}
.about-us__text[b-hzudplm0zw] {
  --text-color: var(--color-font);
  margin-bottom: var(--space-large);
}

@media (max-width: 29.9375rem) {
  .about-us__image[b-hzudplm0zw] {
    display: flex;
    order: -1;
  }
}
/* _content/TickReport.Web/Pages/Admin/Coupons/Coupons.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Coupons page
  A) Imports
  1) Tabs
  2) Grid Cells
  3) Grid
  4) Font Colors
*/
.grid--tabs[b-e2lm03klo4] {
  --grid-template-columns: repeat(2, 1fr);
}

.cell__link[b-e2lm03klo4] {
  grid-area: link;
}
.cell__id[b-e2lm03klo4] {
  grid-area: id;
}
.cell__description[b-e2lm03klo4] {
  grid-area: description;
}
.cell__partner-name[b-e2lm03klo4] {
  grid-area: partner-name;
}
.cell__discount[b-e2lm03klo4] {
  grid-area: discount;
}
.cell__expiration[b-e2lm03klo4] {
  grid-area: expiration;
}
.cell__redemptions[b-e2lm03klo4] {
  grid-area: redemptions;
}
.cell__enabled[b-e2lm03klo4] {
  grid-area: enabled;
}

.grid--data[b-e2lm03klo4], .grid--header[b-e2lm03klo4] {
  --grid-template-columns: repeat(2, minmax(auto, 50px)) 5fr 3fr 1fr repeat(2, 2fr) 1fr;
}
.grid--header[b-e2lm03klo4] {
  --grid-template-areas: ". id description partner-name discount expiration redemptions enabled";
}
.grid--data[b-e2lm03klo4] {
  --grid-template-areas: "link id description partner-name discount expiration redemptions enabled";
}

.yes[b-e2lm03klo4] {
  color: var(--color-secondary);
}

.no[b-e2lm03klo4] {
  color: var(--color-error);
}
/* _content/TickReport.Web/Pages/Admin/Coupons/Create.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Create Coupons page
  A) Imports
  1) Input Row
  2) Input
*/
.grid[b-pzng1beoak] {
  padding-top: var(--space-large);
  padding-bottom: var(--space-large);
  --grid-template-columns: auto 1fr;
  --grid-gap: var(--space-medium);
  align-items: baseline;
  border-bottom: 1px dashed var(--color-border);
  border-top: 1px dashed var(--color-border);
}

.input[b-pzng1beoak] {
  margin-bottom: var(--space-small);
}
/* _content/TickReport.Web/Pages/Admin/Coupons/Detail.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
.header[b-nhvk7wjci7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

hr[b-nhvk7wjci7] {
  margin-top: var(--space-medium);
  margin-bottom: var(--space-medium);
  border: 0;
  border-top: 1px solid #eee;
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
hr.dark[b-nhvk7wjci7] {
  border-top: var(--border-dark);
}

label[b-nhvk7wjci7] {
  font-weight: 700;
}

.cell.align-baseline[b-nhvk7wjci7] {
  align-self: baseline;
}
.cell .help-block[b-nhvk7wjci7] {
  padding: var(--space-small) 0;
}

.input--checkbox.input--admin[b-nhvk7wjci7] {
  padding: 12px;
}

.cell-end[b-nhvk7wjci7] {
  justify-self: flex-end;
}

.grid .cell .cell[b-nhvk7wjci7] {
  padding: 0;
}

.grid .no-pad[b-nhvk7wjci7] {
  padding: 0;
}

p.pad[b-nhvk7wjci7] {
  margin-top: var(--space-small);
  margin-bottom: var(--space-medium);
}

.table[b-nhvk7wjci7] {
  width: 100%;
}
.table th[b-nhvk7wjci7] {
  padding: var(--space-small);
  font-weight: 700;
  border-bottom: var(--border-dark);
}
.table td[b-nhvk7wjci7] {
  padding: var(--space-small);
  border-bottom: var(--border);
}

.currency .input-group[b-nhvk7wjci7] {
  display: table;
  border-collapse: separate;
}
.currency .input-group-addon:first-child[b-nhvk7wjci7] {
  border-right: 0;
}
.currency .input-group-addon[b-nhvk7wjci7], .currency .input-group-btn[b-nhvk7wjci7], .currency .input-group .form-control[b-nhvk7wjci7] {
  display: table-cell;
}
.currency .input-group-addon:not(:first-child)[b-nhvk7wjci7] {
  border-left: 0;
}
.currency .form-control:not(:first-child):not(:last-child)[b-nhvk7wjci7] {
  border-radius: 0;
}
.currency .form-control[b-nhvk7wjci7] {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #e5e6e7;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-size: 14px;
}
.currency .input-group-addon[b-nhvk7wjci7] {
  background-color: #fff;
  border: 1px solid #E5E6E7;
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 6px 12px;
  text-align: center;
}

[b-nhvk7wjci7] .no-radius {
  border-radius: 0 !important;
}
/* _content/TickReport.Web/Pages/Admin/Dashboard.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for admin dashboard panel
  A) Imports
  1) Grid Cells
  2) Grids
    a) Headers
    b) Data
*/
.cell__tick-id[b-k45896cedp] {
  grid-area: tick-id;
}
.cell__created[b-k45896cedp] {
  grid-area: created;
}
.cell__customer-name[b-k45896cedp] {
  grid-area: customer-name;
}
.cell__location[b-k45896cedp] {
  grid-area: location;
}
.cell__total[b-k45896cedp] {
  grid-area: total;
}
.cell__paid[b-k45896cedp] {
  grid-area: paid;
}

.grid[b-k45896cedp] {
  --grid-template-columns: minmax(auto, 50px) 1fr repeat(2, 3fr) 4fr repeat(2, 1fr);
}
.grid--header[b-k45896cedp] {
  --grid-template-areas: ". tick-id created customer-name location total paid";
  margin-top: var(--space-large);
}
.grid--data[b-k45896cedp] {
  --grid-template-areas: "details tick-id created customer-name location total paid";
}
/* _content/TickReport.Web/Pages/Admin/EmailBounces.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for the Email Bounces page
  A) Imports
  1) Grid Cells
  2) Grid
*/
.cell__delete[b-9aowk2qlm5] {
  grid-area: delete;
}
.cell__email[b-9aowk2qlm5] {
  grid-area: email;
}
.cell__type[b-9aowk2qlm5] {
  grid-area: type;
}
.cell__subject[b-9aowk2qlm5] {
  grid-area: subject;
}
.cell__date[b-9aowk2qlm5] {
  grid-area: date;
}

.grid[b-9aowk2qlm5] {
  --grid-template-columns: minmax(auto, 50px) 3fr 1fr 4fr 2fr;
}
.grid--header[b-9aowk2qlm5] {
  --grid-template-areas: ". email type subject date";
}
.grid--data[b-9aowk2qlm5] {
  --grid-template-areas: "delete email type subject date";
}
/* _content/TickReport.Web/Pages/Admin/Invoices/Detail.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Admin Invoice Details
  A) Imports
  1) Grid Cells
  2) Grid
  3) Form
*/
.cell__link[b-wgy724mxfg] {
  grid-area: link;
}
.cell__date[b-wgy724mxfg] {
  grid-area: date;
}
.cell__name[b-wgy724mxfg] {
  grid-area: name;
}
.cell__address[b-wgy724mxfg] {
  grid-area: address;
}
.cell__partner[b-wgy724mxfg] {
  grid-area: partner;
}
.cell__subsidy[b-wgy724mxfg] {
  grid-area: subsidy;
}
.cell__total[b-wgy724mxfg] {
  grid-area: total;
}

.grid[b-wgy724mxfg] {
  --grid-template-columns: minmax(auto, 50px) 3fr repeat(2, 2fr) repeat(2, 1fr);
}
.grid--header[b-wgy724mxfg] {
  --grid-template-areas: ". date name address partner subsidy";
}
.grid--data[b-wgy724mxfg] {
  --grid-template-areas: "link date name address partner subsidy";
}
.grid--data-total[b-wgy724mxfg] {
  --grid-template-areas: ". . . . total subsidy";
}

.form__container[b-wgy724mxfg] {
  border-top: var(--border);
  padding-top: var(--space-large);
}

.label[b-wgy724mxfg] {
  padding-top: var(--space-medium);
  padding-bottom: var(--space-medium);
  display: flex;
}
/* _content/TickReport.Web/Pages/Admin/Invoices/Index.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Admin Invoice Index
  A) Imports
  1) Grid Cells
  2) Grid
  3) Font colors
*/
.cell__link[b-atxt9venp7] {
  grid-area: link;
}
.cell__date[b-atxt9venp7] {
  grid-area: date;
}
.cell__partner[b-atxt9venp7] {
  grid-area: partner;
}
.cell__orders[b-atxt9venp7] {
  grid-area: orders;
}
.cell__amount[b-atxt9venp7] {
  grid-area: amount;
}
.cell__paid[b-atxt9venp7] {
  grid-area: paid;
}

.grid[b-atxt9venp7] {
  --grid-template-columns: minmax(auto, 50px) 1fr 6fr repeat(3, 1fr);
}
.grid--header[b-atxt9venp7] {
  --grid-template-areas: ". date partner orders amount paid";
}
.grid--data[b-atxt9venp7] {
  --grid-template-areas: "link date partner orders amount paid";
}

.yes[b-atxt9venp7] {
  color: var(--color-secondary);
}

.no[b-atxt9venp7] {
  color: var(--color-error);
}
/* _content/TickReport.Web/Pages/Admin/Orders/Active.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Admin Active Orders
  A) Imports
  1) Grid Cells
  2) Grid
*/
.cell__link[b-glf739eomu] {
  grid-area: link;
}
.cell__id[b-glf739eomu] {
  grid-area: id;
}
.cell__tid[b-glf739eomu] {
  grid-area: tid;
}
.cell__email[b-glf739eomu] {
  grid-area: email;
}
.cell__species[b-glf739eomu] {
  grid-area: species;
}
.cell__stage[b-glf739eomu] {
  grid-area: stage;
}
.cell__sex[b-glf739eomu] {
  grid-area: sex;
}

.grid[b-glf739eomu] {
  --grid-template-columns: minmax(auto, 50px) 1fr 2fr repeat(2, 3fr)
    repeat(2, 1fr);
}
.grid--header[b-glf739eomu] {
  --grid-template-areas: ". id tid email species stage sex";
}
.grid--data[b-glf739eomu] {
  --grid-template-areas: "link id tid email species stage sex";
}
/* _content/TickReport.Web/Pages/Admin/Orders/Completed.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Admin Completed Orders
  A) Imports
  1) Grid Cells
  2) Grid
*/
.cell__link[b-9xu781tg88] {
  grid-area: link;
}
.cell__id[b-9xu781tg88] {
  grid-area: id;
}
.cell__tid[b-9xu781tg88] {
  grid-area: tid;
}
.cell__email[b-9xu781tg88] {
  grid-area: email;
}
.cell__species[b-9xu781tg88] {
  grid-area: species;
}
.cell__stage[b-9xu781tg88] {
  grid-area: stage;
}
.cell__sex[b-9xu781tg88] {
  grid-area: sex;
}

.grid[b-9xu781tg88] {
  --grid-template-columns: minmax(auto, 50px) 1fr 2fr repeat(2, 3fr) repeat(2, 1fr);
}
.grid--header[b-9xu781tg88] {
  --grid-template-areas: ". id tid email species stage sex";
}
.grid--data[b-9xu781tg88] {
  --grid-template-areas: "link id tid email species stage sex";
}
/* _content/TickReport.Web/Pages/Admin/Orders/Pending/Activation.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Admin Starred Orders
  A) Imports
  1) Grid
*/
.grid[b-on6wnukww8] {
  --grid-template-columns: 1fr 2fr repeat(2, 4fr) repeat(2, 0.5fr);
}
/* _content/TickReport.Web/Pages/Admin/Orders/Pending/Completed.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Admin Pending Completed Orders
  A) Imports
  1) Grid
*/
.grid[b-4mg9026jf7] {
  --grid-template-columns: 1fr repeat(5, 2fr) 3fr;
}
/* _content/TickReport.Web/Pages/Admin/Orders/Pending/Extraction.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Admin Starred Orders
  A) Imports
  1) Grid
  2) Checkbox
*/
.grid[b-koigasx7uq] {
  --grid-template-columns: 0.5fr 1fr 1.5fr repeat(2, 2fr) repeat(2, 3fr);
}

.input--checkbox[b-koigasx7uq] {
  border-color: var(--color-tertiary);
}
/* _content/TickReport.Web/Pages/Admin/Orders/Pending/Results.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Admin Pending Order Results
  A) Imports
  1) Grid
*/
.grid[b-aku4c84ej6] {
  --grid-template-columns: 1fr repeat(6, 2fr) 3fr;
}
/* _content/TickReport.Web/Pages/Admin/Orders/Pending/Upgrade.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Admin Pending Order Upgrade
  A) Imports
  1) Grid Cells
  2) Grid
*/
.cell__checkbox[b-jyqa9d4ohl] {
  grid-area: checkbox;
}
.cell__id[b-jyqa9d4ohl] {
  grid-area: id;
}
.cell__tick-id[b-jyqa9d4ohl] {
  grid-area: tick-id;
}
.cell__species[b-jyqa9d4ohl] {
  grid-area: species;
}
.cell__upgrading[b-jyqa9d4ohl] {
  grid-area: upgrading;
}
.cell__paid[b-jyqa9d4ohl] {
  grid-area: paid;
}
.cell__created[b-jyqa9d4ohl] {
  grid-area: created;
}
.cell__received[b-jyqa9d4ohl] {
  grid-area: received;
}
.cell__customer-name[b-jyqa9d4ohl] {
  grid-area: customer-name;
}
.cell__location[b-jyqa9d4ohl] {
  grid-area: location;
}
.cell__delete[b-jyqa9d4ohl] {
  grid-area: delete;
}

.grid[b-jyqa9d4ohl] {
  --grid-template-columns: 0.5fr 1fr repeat(2, 2fr) 3fr 0.5fr repeat(4, 2fr) 0.5fr;
}
.grid--header[b-jyqa9d4ohl] {
  --grid-template-areas: "checkbox id tick-id species upgrading paid created received customer-name location .";
}
.grid--data[b-jyqa9d4ohl] {
  --grid-template-areas: "checkbox id tick-id species upgrading paid created received customer-name location delete";
}
/* _content/TickReport.Web/Pages/Admin/Orders/Search.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Admin Completed Orders
  A) Imports
  1) Grid Cells
  2) Grid
*/
.cell__link[b-va0dsrlptu] {
  grid-area: link;
}
.cell__id[b-va0dsrlptu] {
  grid-area: id;
}
.cell__tid[b-va0dsrlptu] {
  grid-area: tid;
}
.cell__email[b-va0dsrlptu] {
  grid-area: email;
}
.cell__species[b-va0dsrlptu] {
  grid-area: species;
}
.cell__stage[b-va0dsrlptu] {
  grid-area: stage;
}
.cell__sex[b-va0dsrlptu] {
  grid-area: sex;
}

.grid[b-va0dsrlptu] {
  --grid-template-columns: minmax(auto, 50px) 1fr 2fr repeat(2, 3fr) repeat(2, 1fr);
}
.grid--header[b-va0dsrlptu] {
  --grid-template-areas: ". id tid email species stage sex";
}
.grid--data[b-va0dsrlptu] {
  --grid-template-areas: "link id tid email species stage sex";
}

.table[b-va0dsrlptu] {
  width: 100%;
}
.table th[b-va0dsrlptu], .table td[b-va0dsrlptu] {
  padding: calc(8 / var(--font-base) * 1rem);
}
.table tbody tr:nth-child(odd)[b-va0dsrlptu] {
  background-color: var(--color-background);
}
/* _content/TickReport.Web/Pages/Admin/Orders/Starred.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Admin Starred Orders
  A) Imports
  1) Grid Cells
  2) Grid
*/
.cell__id[b-n7phdnkxa7] {
  grid-area: id;
}
.cell__created[b-n7phdnkxa7] {
  grid-area: created;
}
.cell__customer-name[b-n7phdnkxa7] {
  grid-area: customer-name;
}
.cell__location[b-n7phdnkxa7] {
  grid-area: location;
}
.cell__reason[b-n7phdnkxa7] {
  grid-area: reason;
}
.cell__paid[b-n7phdnkxa7] {
  grid-area: paid;
}
.cell__tick[b-n7phdnkxa7] {
  grid-area: tick;
}

.grid[b-n7phdnkxa7] {
  --grid-template-columns: minmax(auto, 50px) 1fr 1.5fr repeat(2, 2fr) 3fr repeat(2, .5fr);
}
.grid--header[b-n7phdnkxa7] {
  --grid-template-areas: ". id created customer-name location reason paid tick";
}
.grid--data[b-n7phdnkxa7] {
  --grid-template-areas: "details id created customer-name location reason paid tick";
}
/* _content/TickReport.Web/Pages/Admin/Orders/View/Report.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Admin Order Details
  A) Imports
  1) Grid
  2) Top Bar
  3) Aside
*/
.grid[b-1jbczf0f08] {
  --grid-template-columns: 3fr 1fr;
  --grid-gap: var(--space-medium);
}

.bar[b-1jbczf0f08] {
  display: grid;
  grid-template-areas: "top";
}
.bar__content[b-1jbczf0f08], .bar__button[b-1jbczf0f08] {
  grid-area: top;
}
.bar__button[b-1jbczf0f08] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.aside .section:nth-of-type(n + 2)[b-1jbczf0f08] {
  margin-top: calc(40 / var(--font-base) * 1rem);
}
.aside .heading[b-1jbczf0f08] {
  margin-bottom: var(--space-small);
}
.aside .view[b-1jbczf0f08] {
  --text-weight: 700;
}
.aside .view:nth-of-type(n + 2)[b-1jbczf0f08] {
  margin-top: var(--space-small);
}
.aside .button:not(.button--dropdown)[b-1jbczf0f08] {
  --button-text-size: var(--font-small-size);
}
.aside .icon[b-1jbczf0f08] {
  font-size: calc(20 / var(--font-base) * 1rem);
}
.aside .dropdown[b-1jbczf0f08] {
  margin-top: var(--space-medium);
}
/* _content/TickReport.Web/Pages/Admin/Shared/AdminSearchBar.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Styles for Admin Search Bar
  A) Imports
  1) Container
  2) Form
*/
.container[b-ccltwtnnx7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: var(--border);
}

.form[b-ccltwtnnx7] {
  display: grid;
  gap: calc(10 / var(--font-base) * 1rem);
  grid-template-columns: repeat(3, 1fr) 70px;
}
/* _content/TickReport.Web/Pages/Admin/Shared/DashboardSummary.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Admin Dashboard Summary Bar
  A) Imports
  1) Grid
  2) Header
  3) Number
*/
.grid[b-99cqtbdvtk] {
  --grid-template-columns: repeat(4, 1fr);
  --grid-gap: var(--space-large);
}

.header[b-99cqtbdvtk] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-large);
}

.number[b-99cqtbdvtk] {
  font-size: calc(30 / var(--font-base) * 1rem);
}
/* _content/TickReport.Web/Pages/Admin/Shared/Navigation.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Admin Left Navigation
  A) Imports
  1) Main Menu
  2) Links
  3) Accordion Menu
  4) Menu Star
*/
.menu[b-80zrvdpe3h] {
  --color-background: #304050;
  --color-background-hover: hsl(209deg 26% 22%);
  --color-link: #EFEFEF;
  background: var(--color-background);
}

.link[b-80zrvdpe3h] {
  --link-text-color: var(--color-link);
  --link-text-weight: 600;
  background: var(--link-background-color, transparent);
  border-left: 4px solid var(--menu-item-border-color, transparent);
  display: flex;
  padding: var(--space-medium) var(--space-large) var(--space-medium) var(--menu-link-left-pad, var(--space-large));
  width: 100%;
  transition: border-color 300ms ease-out, background-color 300ms ease-out;
}
.link:hover[b-80zrvdpe3h], .link:focus[b-80zrvdpe3h] {
  --link-background-color: var(--color-background-hover);
}
.link--accordion-sub[b-80zrvdpe3h] {
  --menu-link-left-pad: calc((50 / var(--font-base)) * 1rem);
}
.link--accordion-arrow[b-80zrvdpe3h] {
  transform: rotate(90deg);
  transition: transform 300ms ease-out;
}
.link--accordion[aria-expanded=true] .link--accordion-arrow[b-80zrvdpe3h] {
  transform: rotate(0);
}
.link--accordion-trigger[b-80zrvdpe3h] {
  justify-content: space-between;
}

.accordion-menu[b-80zrvdpe3h] {
  height: auto;
  max-height: 0;
  overflow: hidden;
  transition: max-height 300ms ease-out;
}
.accordion-menu.show[b-80zrvdpe3h] {
  display: block;
  max-height: 999px;
}

.link--accordion[aria-expanded=true][b-80zrvdpe3h],
.accordion-menu.show .link--accordion[b-80zrvdpe3h] {
  --menu-item-border-color: var(--color-primary);
  --link-background-color: var(--color-background-hover);
}

.accordion-menu.show .link--accordion-sub:hover[b-80zrvdpe3h], .accordion-menu.show .link--accordion-sub:focus[b-80zrvdpe3h] {
  --link-background-color: rgb(from var(--color-background-hover) h s calc(l + 5%));
}

.star[b-80zrvdpe3h] {
  color: var(--color-starred);
}
/* _content/TickReport.Web/Pages/Admin/Shared/OrderDetailSummary.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Admin Order Detail Summary
  A) Imports
  1) Header
  2) Pending Alert
  3) Data Grid
*/
.header[b-l3ohzm5d66] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.heading[b-l3ohzm5d66] {
  display: flex;
  align-items: center;
}

.star:hover[b-l3ohzm5d66], .star:focus[b-l3ohzm5d66] {
  color: var(--color-starred);
}

.pending[b-l3ohzm5d66] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pending__heading[b-l3ohzm5d66] {
  margin-bottom: var(--space-small);
}

.data[b-l3ohzm5d66] {
  --grid-template-columns: .5fr repeat(2, 3fr) .5fr;
  grid-template-areas: ". details-left details-right .";
  --grid-gap: var(--space-large);
  margin-top: var(--space-large);
  margin-bottom: var(--space-large);
}

dt[b-l3ohzm5d66] {
  font-weight: 700;
}

.street[b-l3ohzm5d66] {
  display: block;
}

.grid--details[b-l3ohzm5d66] {
  --grid-template-columns: repeat(2, 1fr);
  --grid-gap: var(--space-small) var(--space-medium);
}
.grid--details:first-of-type[b-l3ohzm5d66] {
  grid-area: details-left;
}
.grid--details:last-of-type[b-l3ohzm5d66] {
  grid-area: details-right;
}
/* _content/TickReport.Web/Pages/Admin/Shared/OrderDetailTabs.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles of admin order details tabs
  A) Imports
  1) Grids
  2) Grid Cells
  3) Data Containers
*/
.grid[b-r40lruxrbw] {
  --grid-template-columns: repeat(3, 3fr) repeat(4, 1fr);
}
.grid--header[b-r40lruxrbw] {
  --grid-template-areas: "test-name date-ordered result";
  margin-top: var(--space-large);
}
.grid--data[b-r40lruxrbw] {
  --grid-template-areas: "test-name date-ordered result";
}
.grid--tabs[b-r40lruxrbw] {
  --grid-template-columns: repeat(7, auto);
}
.grid--completed-tests[b-r40lruxrbw] {
  --grid-template-columns: 3fr repeat(2, 2fr) repeat(2, 1fr) 45px;
  --grid-gap: 0 var(--space-medium);
}
.grid--pending-tests[b-r40lruxrbw] {
  --grid-template-columns: repeat(1,40%) repeat(3, 20%);
  --grid-template-areas: "test-name date-ordered result";
  --grid-gap: 0 var(--space-medium);
}
.grid--payments[b-r40lruxrbw] {
  --grid-template-columns: 2fr repeat(3, 1fr) 3fr 1fr;
  --grid-gap: var(--space-medium);
}
.grid--notifications[b-r40lruxrbw] {
  --grid-template-columns: 2fr 1fr repeat(2, 2fr);
}
.grid--top-small[b-r40lruxrbw] {
  margin-top: var(--space-small);
}

.cell__test-name[b-r40lruxrbw] {
  grid-area: test-name;
}
.cell__date-ordered[b-r40lruxrbw] {
  grid-area: date-ordered;
}
.cell__result[b-r40lruxrbw] {
  grid-area: result;
}

.container[b-r40lruxrbw] {
  border: var(--border);
  border-radius: var(--border-radius);
}

.header[b-r40lruxrbw] {
  background: var(--color-background);
  padding: 10px var(--space-medium);
}

.content[b-r40lruxrbw] {
  padding: var(--space-medium);
}

.row[b-r40lruxrbw] {
  padding-top: 10px;
  padding-bottom: 10px;
  align-items: center;
}
.row:nth-of-type(n+2)[b-r40lruxrbw] {
  border-top: var(--border);
}

.panel-warning[b-r40lruxrbw] {
  border: 1px solid var(--color-warning-terciary);
  border-radius: var(--border-radius);
}
.panel-warning--heading[b-r40lruxrbw] {
  background-color: var(--color-warning-terciary);
  border-color: var(--color-warning-terciary);
  color: var(--color-white);
  padding: 10px var(--space-medium);
}
/* _content/TickReport.Web/Pages/Admin/Shared/OrderStageNavigation.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles of admin order stages bar
  A) Imports
  1) Grid
  2) Item
  3) Link
  4) Icon
*/
.grid[b-sem36qtwc1] {
  --grid-template-columns: repeat(5, 1fr);
}

.item[b-sem36qtwc1] {
  --color-active: #5CB85C;
  background: var(--background-color, var(--color-white));
  border: 1px solid var(--color-tertiary);
}
.item:first-of-type[b-sem36qtwc1] {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.item:last-of-type[b-sem36qtwc1] {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.item:nth-of-type(n + 2)[b-sem36qtwc1] {
  border-left: none;
}
.item--active[b-sem36qtwc1] {
  --background-color: var(--color-active);
  position: relative;
  right: 1px;
  border-color: var(--color-active);
  color: var(--color-black);
  transform: scaleY(1.1);
}

.link[b-sem36qtwc1] {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: var(--space-medium);
}
.link:hover[b-sem36qtwc1], .link:focus[b-sem36qtwc1] {
  --link-text-color: var(--color-black);
  --link-text-weight: 700;
}

.icon[b-sem36qtwc1] {
  font-size: calc(40 / var(--font-base) * 1rem);
  padding-bottom: var(--space-small);
}
/* _content/TickReport.Web/Pages/Admin/Shared/Pagination.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
.pagination[b-ktnv4g3772] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.chevron[b-ktnv4g3772] {
  font-size: var(--font-base-size);
}

.item[b-ktnv4g3772] {
  border: var(--border);
}
.item:first-of-type[b-ktnv4g3772] {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.item:last-of-type[b-ktnv4g3772] {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.item:hover[b-ktnv4g3772], .item:focus-within[b-ktnv4g3772] {
  border-color: var(--color-tertiary);
}

.active[b-ktnv4g3772] {
  background-color: #058488;
  color: #ffffff;
}
/* _content/TickReport.Web/Pages/Admin/Stripe/Index.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Payment Index
  A) Imports
  1) Select
  2) Tabs
  3) Panes
*/
.input--select[b-7qkb57xei5] {
  max-width: calc(300 / var(--font-base) * 1rem);
}

.grid--tabs[b-7qkb57xei5] {
  --grid-template-columns: repeat(3, 1fr);
}

.cell__ids[b-7qkb57xei5] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.cell__total[b-7qkb57xei5] {
  grid-area: total;
}
.cell__amount[b-7qkb57xei5] {
  grid-area: amount;
}

.grid--payments[b-7qkb57xei5] {
  --grid-template-columns: 2fr repeat(2, 1fr) repeat(3, 3fr);
}
.grid--header[b-7qkb57xei5] {
  border-top: var(--border);
}
.grid--total[b-7qkb57xei5] {
  --grid-template-areas: ". total amount . . .";
}
.grid--summary[b-7qkb57xei5] {
  --grid-template-columns: 1fr 2fr;
  --grid-gap: var(--space-medium);
}

.header[b-7qkb57xei5] {
  background: var(--color-background);
}

li.cell[b-7qkb57xei5] {
  border-top: var(--border);
}

.closeout[b-7qkb57xei5] {
  border-bottom: var(--border);
  margin-bottom: var(--space-medium);
  padding-bottom: var(--space-small);
}
/* _content/TickReport.Web/Pages/Admin/Stripe/View.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Payment Index
  A) Imports
  1) Title Bar
  2) Refund Modal
  3) Data Table
*/
.title-bar[b-t2bwkkygpa] {
  display: flex;
  justify-content: space-between;
}

.modal-body[b-t2bwkkygpa] {
  background: var(--color-background);
}

.refund[b-t2bwkkygpa] {
  margin-top: var(--space-medium);
}

.grid--data-list[b-t2bwkkygpa] {
  --grid-template-columns: auto 1fr;
  --grid-gap: var(--space-small) var(--space-medium);
}

dt[b-t2bwkkygpa] {
  font-weight: 700;
  text-align: right;
}
/* _content/TickReport.Web/Pages/Admin/UploadPhotos.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for Upload Photos page
  A) Imports
  1) Button Bar
*/
.button-bar[b-gdz8ywdmvw] {
  display: flex;
}
.button--solid:nth-of-type(n + 2)[b-gdz8ywdmvw] {
  margin-left: var(--space-medium);
}
/* _content/TickReport.Web/Pages/Contact.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
.contact-us__header[b-6zwlv90r9h] {
  --section-padding-top: min(5vw, var(--space-vertical-max-standard));
  --section-padding-bottom: min(5vw, var(--space-vertical-max-standard));
  --section-padding-left: 48px;
  --section-padding-right: min(5vw, var(--space-horizontal-max-standard));
  align-items: baseline;
}
.contact-us__body .heading[b-6zwlv90r9h] {
  margin-top: 32px;
  margin-bottom: var(--space-large);
}
.contact-us__section[b-6zwlv90r9h] {
  margin-bottom: var(--space-large);
  width: max-content;
  position: relative;
}
.contact-us__section--small[b-6zwlv90r9h] {
  width: 40%;
}
.contact-us__slogan[b-6zwlv90r9h] {
  text-align: center;
}
.contact-us__row[b-6zwlv90r9h] {
  --grid-template-columns: 112px 1fr;
}
.contact-us__chat-icon-wrapper[b-6zwlv90r9h] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 112px;
  width: 112px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
}
.contact-us__chat-icon-wrapper--transparent[b-6zwlv90r9h] {
  background-color: transparent;
}
.contact-us__chat-icon[b-6zwlv90r9h] {
  font-size: 3rem;
  color: var(--color-primary);
}
.contact-us__chat-icon-block[b-6zwlv90r9h] {
  display: none;
}
.contact-us__arrow-line[b-6zwlv90r9h] {
  width: 74px;
  height: 3px;
  background-color: var(--color-secondary);
}
.contact-us__arrow-icon[b-6zwlv90r9h] {
  color: var(--color-secondary);
  position: relative;
  right: 15px;
}
.contact-us__intercom-panel[b-6zwlv90r9h] {
  position: absolute;
  top: -210px;
  right: -240px;
}

.text--dimmed[b-6zwlv90r9h] {
  --text-color: tgba(var(--color-font), 0.7);
}

.image-placeholder-small[b-6zwlv90r9h] {
  width: 70px;
  height: 70px;
  background-color: var(--color-primary);
  border-radius: 50%;
}

@media (max-width: 29.9375rem) {
  .contact-us__header[b-6zwlv90r9h] {
    display: block;
    --section-padding-left: 8px;
  }
  .contact-us__row[b-6zwlv90r9h] {
    display: block;
  }
  .contact-us__slogan[b-6zwlv90r9h] {
    margin-top: var(--space-large);
    text-align: left;
  }
  .contact-us__section[b-6zwlv90r9h] {
    width: auto;
  }
  .contact-us__section--small[b-6zwlv90r9h] {
    width: 100%;
  }
  .contact-us__chat-icon-wrapper[b-6zwlv90r9h] {
    width: 100%;
    height: auto;
  }
  .contact-us__chat-icon-block[b-6zwlv90r9h] {
    display: block;
  }
  .contact-us__chat-icon-wrapper[b-6zwlv90r9h] {
    display: none;
  }
  .contact-us__section[b-6zwlv90r9h] {
    flex-direction: column;
  }
  .contact-us__intercom-panel[b-6zwlv90r9h] {
    position: static;
    max-width: 100%;
  }
  .contact-us__arrow[b-6zwlv90r9h] {
    display: none;
  }
  .contact-us__body[b-6zwlv90r9h] {
    padding-top: 0;
    padding-left: 8px;
    padding-right: 8px;
  }
  .contact-us__body .heading[b-6zwlv90r9h] {
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: 8px;
  }
}
/* Updated Contact Us */
.invisible[b-6zwlv90r9h] {
  visibility: hidden;
}

.large-margin[b-6zwlv90r9h] {
  margin-bottom: var(--space-large);
}

.large-margin-top[b-6zwlv90r9h] {
  margin-top: var(--space-large);
}

.largest-margin[b-6zwlv90r9h] {
  margin-bottom: calc(2 * var(--space-large));
}

.add-small-screen[b-6zwlv90r9h] {
  display: none;
}

.content-inset[b-6zwlv90r9h] {
  margin-left: 4.5rem;
  margin-top: 1.5rem;
}

.align-fs[b-6zwlv90r9h] {
  align-items: flex-start;
}

.pic[b-6zwlv90r9h] {
  place-items: center;
}

.intercom-panel[b-6zwlv90r9h] {
  min-width: 220px;
}

@media (max-width: 37.5rem) {
  .large-margin-top[b-6zwlv90r9h] {
    margin-top: 0;
  }
  .remove-small-screen[b-6zwlv90r9h] {
    display: none;
  }
  .add-small-screen[b-6zwlv90r9h] {
    display: block;
  }
  .col-small-screen[b-6zwlv90r9h] {
    flex-direction: column;
  }
  .content-inset[b-6zwlv90r9h] {
    margin-left: 0;
    margin-top: 1.25rem;
  }
}
/* _content/TickReport.Web/Pages/FAQS.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
.faq-category[b-1wgoaqku2y] {
  margin-top: var(--space-vertical-max-standard);
}
.faq-category__name[b-1wgoaqku2y] {
  margin-bottom: var(--space-large);
}

.icon[b-1wgoaqku2y] {
  color: var(--color-primary);
  font-size: calc(34 / var(--font-base) * 1rem);
}

.faq-section[b-1wgoaqku2y] {
  flex: 1;
}

.faq-filter[b-1wgoaqku2y] {
  display: flex;
  flex-wrap: wrap;
  gap: calc(22 / var(--font-base) * 1rem) min(22 / var(--font-base) * 1rem, 65 / var(--font-base) * 1rem);
  margin-top: var(--space-small);
}
.faq-filter__active[b-1wgoaqku2y] {
  font-weight: 500;
}

.faq-list[b-1wgoaqku2y] {
  list-style-type: disc;
  margin-left: var(--space-xlarge);
}

.faq-text[b-1wgoaqku2y] {
  margin: var(--space-small) 0;
}

@media (max-width: 29.9375rem) {
  .faq-section[b-1wgoaqku2y] {
    flex: unset;
  }
}
/* _content/TickReport.Web/Pages/Index.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for homepage
  A) Imports
  1) General Page Styles
  2) Review Section
  3) Steps Section
  4) Hero Section
*/
.section:not(.hero)[b-xukfxhe9d8] {
  display: flex;
  flex-direction: column;
}
.section--standard-space[b-xukfxhe9d8] {
  --section-padding-top: min(22.500vw, calc((95 / var(--font-base)) * 1rem));
  --section-padding-bottom: min(22.500vw, calc((95 / var(--font-base)) * 1rem));
}
.section__heading[b-xukfxhe9d8] {
  margin-bottom: min(10vw, var(--space-vertical-max-standard));
}

.button--medium[b-xukfxhe9d8] {
  align-self: center;
  margin-top: min(13.125vw, var(--space-vertical-max-standard));
}

.reviews__heading[b-xukfxhe9d8] {
  margin-bottom: min(3.75vw, var(--space-medium));
}

.review[b-xukfxhe9d8] {
  text-align: center;
}
.review__list[b-xukfxhe9d8] {
  --grid-template-columns: repeat(auto-fit, minmax(calc((256 / var(--font-base)) * 1rem), 1fr));
  --grid-template-rows: auto;
  --grid-gap: min(13.125vw, calc((42 / var(--font-base)) * 1rem)) max(10vw, calc((128 / var(--font-base)) * 1rem));
}
.review__text[b-xukfxhe9d8] {
  --text-color: #063D3C;
  margin-top: var(--space-medium);
  margin-bottom: var(--space-xs);
}

.step__image[b-xukfxhe9d8] {
  width: calc(177 / var(--font-base) * 1rem);
}
.step__image[b-xukfxhe9d8]  img {
  border-radius: calc(24 / var(--font-base) * 1rem);
}
@media (max-width: 47.9375rem) {
  .step__image[b-xukfxhe9d8] {
    display: none;
  }
}
.step__list[b-xukfxhe9d8] {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: min(11.25vw, var(--space-vertical-max-standard));
}
@media (min-width: 48rem) {
  .step__item[b-xukfxhe9d8] {
    --grid-template-columns: calc((177 / var(--font-base)) * 1rem) minmax(60%, 80ch);
    --grid-template-rows: auto;
    --grid-gap: var(--space-vertical-max-standard);
  }
}
.step__heading[b-xukfxhe9d8] {
  display: flex;
  align-items: center;
  margin-bottom: min(3.125vw, var(--space-small));
}
.step__number[b-xukfxhe9d8] {
  background: var(--color-secondary-accent);
  border-radius: 50%;
  color: var(--color-white);
  margin-right: var(--space-medium);
  padding: calc(5 / var(--font-base) * 1rem) var(--space-small);
}
.step .max-character p + p[b-xukfxhe9d8] {
  margin-top: var(--space-medium);
}

.hero[b-xukfxhe9d8] {
  --hero-vertical-space: calc((24 / var(--font-base)) * 1rem);
  --hero-negative-top: calc((55 / var(--font-base)) * -1rem);
  --section-padding-left: min(5vw, var(--space-horizontal-max-standard));
  --section-padding-right: min(5vw, var(--space-horizontal-max-standard));
  position: relative;
  top: var(--hero-negative-top);
  margin-bottom: var(--hero-negative-top);
}
@media (min-width: 48rem) {
  .hero[b-xukfxhe9d8] {
    --hero-negative-top: calc((24 / var(--font-base)) * -1rem);
    display: grid;
    grid-template-columns: minmax(30%, 46vw) 1.5fr;
    grid-gap: min(40 / var(--font-base) * 1rem, 60 / var(--font-base) * 1rem);
  }
}
.hero__image[b-xukfxhe9d8] {
  --grid-template-areas: "hero";
}
.hero__image[b-xukfxhe9d8]  img {
  grid-area: hero;
  width: 100%;
}
.hero__image[b-xukfxhe9d8]:before {
  content: "";
  position: relative;
  top: 10%;
  left: 78%;
  aspect-ratio: 1/1;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  display: block;
  grid-area: hero;
  height: 3rem;
  place-self: start;
  width: 3rem;
}
.hero__award[b-xukfxhe9d8] {
  --text-color: var(--color-secondary);
  --text-stack: var(--font-stack-ubuntu);
  --text-size: calc((12/ var(--font-base)) * 1rem);
  --text-weight: 700;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  top: calc(30 / var(--font-base) * -1rem);
  aspect-ratio: 1/1;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  grid-area: hero;
  padding: var(--space-small);
  place-self: end;
  width: min(41.25vw, 176 / var(--font-base) * 1rem);
}
.hero__award em[b-xukfxhe9d8] {
  display: block;
}
.hero__award[b-xukfxhe9d8]:before {
  content: "";
  position: absolute;
  top: 5%;
  left: 5%;
  aspect-ratio: 1/1;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  display: block;
  height: 1.5rem;
  width: 1.5rem;
}
@media (min-width: 48rem) {
  .hero__award[b-xukfxhe9d8] {
    --text-size: var(--font-base-size);
  }
}
.hero__heading[b-xukfxhe9d8] {
  --text-size: clamp(calc((36 / var(--font-base)) * 1rem), 2.083vw + 1.833rem , calc((56 / var(--font-base)) * 1rem));
  --text-line-height: 1.1;
  margin-bottom: var(--space-large);
}
.hero__subheading[b-xukfxhe9d8] {
  margin-bottom: var(--hero-vertical-space);
}
@media (max-width: 47.9375rem) {
  .hero__subheading[b-xukfxhe9d8] {
    display: none;
  }
}
.hero .button--large[b-xukfxhe9d8] {
  display: block;
  margin-top: var(--hero-vertical-space);
}
.hero__content[b-xukfxhe9d8] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .hero__content[b-xukfxhe9d8] {
    margin-top: calc(50 / var(--font-base) * 1rem);
  }
}
/* _content/TickReport.Web/Pages/Order.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
.list-item[b-28hy5lmb2p] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  padding-bottom: var(--space-xsmall);
}
.list-item--true[b-28hy5lmb2p] {
  color: var(--color-secondary);
}
.list-item--false[b-28hy5lmb2p] {
  color: var(--color-font-light);
}

.list-title[b-28hy5lmb2p] {
  padding-bottom: var(--space-xsmall);
}
/* _content/TickReport.Web/Pages/Reports/Report.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
.thank-you-modal h2[b-ht3sgc3i9h], .thank-you-modal p[b-ht3sgc3i9h] {
  margin-bottom: 1rem;
}
.thank-you-modal .close-btn[b-ht3sgc3i9h] {
  margin-bottom: 1rem;
}
.thank-you-modal .modal-footer[b-ht3sgc3i9h] {
  padding: 1rem 0 1.5rem;
}
.thank-you-modal .modal-header[b-ht3sgc3i9h] {
  background: #ffffff;
}
/* _content/TickReport.Web/Pages/Shared/FAQAccordion.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for public FAQ accordion
  A) Imports
  1) Accordion
  2) Item
  3) Toggle
  4) Content
*/
.accordion[b-1qp1kei6yt] {
  --grid-template-columns: repeat(
    auto-fit,
    minmax(
      max(
        (50% - var(--space-horizontal-max-standard)),
        calc((256 / var(--font-base)) * 1rem)
      ),
      1fr
    )
  );
  --grid-template-rows: auto;
  --grid-gap: 0 var(--space-horizontal-max-standard);
  align-items: start;
}

.item[b-1qp1kei6yt] {
  border-bottom: var(--border-faq);
  padding: var(--space-medium);
}

.toggle[b-1qp1kei6yt] {
  --text-color: var(--color-font);
  --text-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.toggle:not(.collapsed) .icon[b-1qp1kei6yt] {
  transform: rotate(180deg);
}

.icon[b-1qp1kei6yt] {
  color: var(--color-primary);
  font-size: calc(34 / var(--font-base) * 1rem);
}

.content[b-1qp1kei6yt] {
  display: none;
  margin-top: var(--space-medium);
}
.content.show[b-1qp1kei6yt] {
  display: block;
}
/* _content/TickReport.Web/Pages/Shared/Footer.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for public footer
  A) Imports
  1) Footer Tag
  2) Columns
  3) Links
  4) Lists
  5) Screen size adjustments
*/
footer[b-ih06tgdfp8] {
  --vertical-space: calc((30 / var(--font-base)) * 1rem);
  --text-gap: calc((25 / var(--font-base)) * 1rem);
  position: relative;
  top: 100;
  color: var(--color-white);
  font-size: var(--font-small-size);
  background: var(--color-font);
  padding: var(--text-gap) var(--padding-vertical, calc(40 / var(--font-base) * 1rem));
}
@media (min-width: 48rem) {
  footer[b-ih06tgdfp8] {
    --padding-vertical: calc((45 / var(--font-base)) * 1rem);
    --padding-horitzontal: calc((72 / var(--font-base)) * 1rem);
    padding-top: calc(55 / var(--font-base) * 1rem);
  }
}
@media (min-width: 64rem) {
  footer[b-ih06tgdfp8] {
    --text-gap: 2.188rem;
  }
}

.column[b-ih06tgdfp8] {
  margin-bottom: var(--margin-bottom, var(--vertical-space));
}
.column-heading[b-ih06tgdfp8] {
  font-weight: 700;
  margin-bottom: var(--text-gap);
}

.link[b-ih06tgdfp8] {
  --link-text-color: var(--color-white);
  --link-decoration: underline;
}
.link--block[b-ih06tgdfp8] {
  display: block;
}
.link--social[b-ih06tgdfp8] {
  display: flex;
  height: 100%;
  width: calc(40 / var(--font-base) * 1rem);
}

.link:hover[b-ih06tgdfp8],
.link:focus[b-ih06tgdfp8],
.link--social[b-ih06tgdfp8] {
  --link-decoration: none;
}

.list[b-ih06tgdfp8] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list--social[b-ih06tgdfp8] {
  display: flex;
  justify-content: space-between;
  gap: var(--space-large);
}
@media (min-width: 64rem) {
  .list--social[b-ih06tgdfp8] {
    flex-direction: column;
  }
}
.list--additional[b-ih06tgdfp8] {
  margin-bottom: var(--vertical-space);
}

@media (min-width: 48rem) {
  .grid--content[b-ih06tgdfp8] {
    --grid-template-columns: repeat(3, minmax(30%, 275px));
    --grid-gap: 0 var(--vertical-space);
  }
}
@media (min-width: 64rem) {
  .grid--container[b-ih06tgdfp8] {
    --grid-gap: 0 calc((75 / var(--font-base)) * 1rem);
    --grid-template-columns: calc((50 / var(--font-base)) * 1rem) auto;
  }
  .address[b-ih06tgdfp8] {
    margin-bottom: var(--text-gap);
  }
  .copyright[b-ih06tgdfp8] {
    grid-column: 2/4;
  }
}
/* _content/TickReport.Web/Pages/Shared/Header.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for public footer
  A) Imports
  1) Bar
  2) Logo
  3) Mobile Icons
  4) Mobile Toggle
  5) Navigations
  6) Menus
*/
.bar[b-3to04v1l8y] {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 200;
  background: var(--color-white);
  padding: var(--bar-padding, calc(6 / var(--font-base) * 1rem) calc(8 / var(--font-base) * 1rem) calc(10 / var(--font-base) * 1rem));
}
@media (min-width: 64rem) {
  .bar[b-3to04v1l8y] {
    --bar-padding: 0 48px 0 48px;
  }
}

.dotted-border[b-3to04v1l8y]:after {
  content: "";
  position: absolute;
  bottom: -0.125rem;
  left: 0;
  border-bottom: 0.25rem dotted #119695;
  width: 100%;
}

.logo[b-3to04v1l8y] {
  display: flex;
  width: clamp(165 / var(--font-base) * 1rem, 6.97917vw + 7.794rem, 232 / var(--font-base) * 1rem);
}

.logo:focus[b-3to04v1l8y],
.toggle:focus[b-3to04v1l8y] {
  outline: var(--border-input);
}

.icon[b-3to04v1l8y] {
  fill: var(--color-secondary-accent);
  color: var(--color-secondary-accent);
}

.toggle[b-3to04v1l8y] {
  display: flex;
  align-items: center;
  height: 100%;
  padding: var(--space-xsmall);
}

@media (min-width: 64rem) {
  .navigation__mobile[b-3to04v1l8y] {
    display: none;
  }
}
.navigation__desktop[b-3to04v1l8y] {
  display: var(--desktop-menu-display, none);
  margin-top: calc(30 / var(--font-base) * 1rem);
  max-width: 66%;
}
@media (min-width: 64rem) {
  .navigation__desktop[b-3to04v1l8y] {
    --desktop-menu-display: block;
  }
}

.menu__mobile[b-3to04v1l8y] {
  padding-top: var(--space-small);
  padding-bottom: var(--space-small);
  background: var(--color-white);
  border-bottom: var(--dotted-border);
  display: var(--mobile-menu-display, none);
  width: 100%;
}
.menu__mobile--open[b-3to04v1l8y] {
  --mobile-menu-display: block;
  position: absolute;
  right: 0;
  z-index: 100;
}
.menu__desktop[b-3to04v1l8y] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.link[b-3to04v1l8y] {
  display: block;
  font-family: var(--font-stack-ubuntu);
}
.link__mobile[b-3to04v1l8y] {
  background: var(--mobile-link-background, var(--color-white));
  padding: var(--space-medium) calc(24 / var(--font-base) * 1rem);
  transition: background-color 300ms ease-out;
}
.link__mobile.active[b-3to04v1l8y], .link__mobile:focus[b-3to04v1l8y] {
  --mobile-link-background: var(--color-background);
}
.link__desktop[b-3to04v1l8y] {
  --link-text-size: calc((15 / var(--font-base)) * 1rem);
  --link-text-weight: 400;
  --link-text-color: var(--color-primary);
  position: relative;
  text-shadow: 0 0 0 var(--desktop-link-text-shadow-color, transparent);
  transition: text-shadow 300ms ease-out;
  padding-right: calc(20 / var(--font-base) * 1rem);
  padding-bottom: calc(30 / var(--font-base) * 1rem);
  padding-left: calc(20 / var(--font-base) * 1rem);
  position: relative;
}
.link__desktop:hover[b-3to04v1l8y], .link__desktop:focus[b-3to04v1l8y] {
  --desktop-link-text-shadow-color: currentcolor;
}
.link__desktop.active[b-3to04v1l8y] {
  --desktop-link-text-shadow-color: currentcolor;
}
.link__desktop.active[b-3to04v1l8y]:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.75rem;
  border-left: 2px dotted #5dbcbc;
  height: 100%;
}
/* _content/TickReport.Web/Pages/Shared/OrderCTAContainer.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for order cta container
  A) Imports
  1) Section
  2) Heading
*/
.section[b-pglb7ngx54] {
  --section-padding-top: min(22.500vw, calc((95 / var(--font-base)) * 1rem));
  --section-padding-bottom: min(22.500vw, calc((95 / var(--font-base)) * 1rem));
  --grid-template-columns: repeat(auto-fit, minmax(max((50% - var(--space-horizontal-max-standard)), calc((256 / var(--font-base)) * 1rem)), 1fr));
  --grid-template-rows: auto;
  --grid-gap: 0 var(--space-horizontal-max-standard);
  align-items: center;
}

.heading[b-pglb7ngx54] {
  --text-size: clamp(calc((36 / var(--font-base)) * 1rem), 2.083vw + 1.833rem, calc((56 / var(--font-base)) * 1rem));
  --text-line-height: 1.1;
  margin-bottom: var(--space-large);
}
/* _content/TickReport.Web/Pages/Shared/ReportHeader.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
/* Table of Contents - Styles for public footer
  A) Imports
  1) Bar
  2) Logo
  3) Mobile Icons
  4) Mobile Toggle
  5) Navigations
  6) Menus
*/
.bar[b-9abf7d3e49] {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 200;
  background: var(--color-white);
  padding: var(--bar-padding, calc(6 / var(--font-base) * 1rem) calc(8 / var(--font-base) * 1rem) calc(10 / var(--font-base) * 1rem));
}
@media (min-width: 64rem) {
  .bar[b-9abf7d3e49] {
    --bar-padding: 0 calc((20 / var(--font-base)) * 1rem) 0 calc((20 / var(--font-base)) * 1rem);
  }
}

.dotted-border[b-9abf7d3e49]:after {
  content: "";
  position: absolute;
  bottom: -0.125rem;
  left: 0;
  border-bottom: 0.25rem dotted #119695;
  width: 100%;
}

.logo[b-9abf7d3e49] {
  display: flex;
  width: clamp(165 / var(--font-base) * 1rem, 6.97917vw + 7.794rem, 232 / var(--font-base) * 1rem);
}

.logo:focus[b-9abf7d3e49],
.toggle:focus[b-9abf7d3e49] {
  outline: var(--border-input);
}

.icon[b-9abf7d3e49] {
  fill: var(--color-secondary-accent);
  color: var(--color-secondary-accent);
}

.toggle[b-9abf7d3e49] {
  display: flex;
  align-items: center;
  height: 100%;
  padding: var(--space-xsmall);
}

@media (min-width: 64rem) {
  .navigation__mobile[b-9abf7d3e49] {
    display: none;
  }
}
.navigation__desktop[b-9abf7d3e49] {
  display: var(--desktop-menu-display, none);
  margin-top: calc(30 / var(--font-base) * 1rem);
  max-width: 75%;
}
@media (min-width: 64rem) {
  .navigation__desktop[b-9abf7d3e49] {
    --desktop-menu-display: block;
  }
}

.menu__mobile[b-9abf7d3e49] {
  padding-top: var(--space-small);
  padding-bottom: var(--space-small);
  background: var(--color-white);
  border-bottom: var(--dotted-border);
  display: var(--mobile-menu-display, none);
  width: 100%;
}
.menu__mobile--open[b-9abf7d3e49] {
  --mobile-menu-display: block;
  position: absolute;
  right: 0;
  z-index: 100;
}
.menu__desktop[b-9abf7d3e49] {
  --grid-template-columns: repeat(7, auto);
  align-items: end;
}

.link[b-9abf7d3e49] {
  display: block;
  font-family: var(--font-stack-ubuntu);
}
.link__mobile[b-9abf7d3e49] {
  background: var(--mobile-link-background, var(--color-white));
  padding: var(--space-medium) calc(24 / var(--font-base) * 1rem);
  transition: background-color 300ms ease-out;
}
.link__mobile.active[b-9abf7d3e49], .link__mobile:focus[b-9abf7d3e49] {
  --mobile-link-background: var(--color-background);
}
.link__desktop[b-9abf7d3e49] {
  --link-text-size: calc((15 / var(--font-base)) * 1rem);
  --link-text-weight: 400;
  position: relative;
  text-shadow: 0 0 0 var(--desktop-link-text-shadow-color, transparent);
  transition: text-shadow 300ms ease-out;
  padding-right: calc(20 / var(--font-base) * 1rem);
  padding-bottom: calc(30 / var(--font-base) * 1rem);
  padding-left: calc(20 / var(--font-base) * 1rem);
  position: relative;
}
.link__desktop:hover[b-9abf7d3e49], .link__desktop:focus[b-9abf7d3e49] {
  --desktop-link-text-shadow-color: currentcolor;
}
.link__desktop.active[b-9abf7d3e49] {
  --desktop-link-text-shadow-color: currentcolor;
}
.link__desktop.active[b-9abf7d3e49]:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.75rem;
  border-left: 2px dotted #5DBCBC;
  height: 100%;
}
/* _content/TickReport.Web/Pages/TickTestPricing.cshtml.rz.scp.css */
/* Table of Contents - Reusable Mixins
  1) Breakpoint
  2) Screen-Reader Only Text
  3) Typography
  4) Position
  5) Clean Spacing
  6) Flexbox
  7) Z-Index Normalization
  8) Font-Face Declaration
  9) Transitions
*/
/* 
  A) Single breakpoint
    Accepts a preset or custom point to apply a media query within the styles.
    It defaults to a mobile first approach of min-width constraint, but max can also be passed into the mixin to apply a desktop down approach when needed.
*/
/* 
  B) Between two points breakpoint
    Accepts a min and max point that can either be a predefined screen size or custom sizes.
*/
/*
  2) Screen-Reader Only Text
     Applies styles to move text offscreen so that it is not a visible part of the design, but can still be accessed via a screen reader.
     Pulled directly from Bootstrap: https://getbootstrap.com/docs/4.3/utilities/screen-readers/
*/
/*
  3) Typography
     Allows for a clean style appraoch to house all styles possibly needed for typography to be done in 1 line, instead of breaking the properties up into separate lines.
*/
/*
  4) Position
     Allows for a clean styling approach to house all styles possibly needed for positioning an element on 1 line, instead of breaking the properties up into separate lines.
*/
/*
  5) Clean Spacing
     Allows for a clean styling approach to house non-short hand margin/padding properties on 1 line, instead of multiple lines.
     Padding is the default, but margin can be passed in to switch property target.
     This is not to be used in cases where short hand is appropriate to use, but rather for when we do not need browsers to calculate all 4 styles.
*/
/*
  6) Flexbox
     Allows for a clean styling approach to house most commonly used flexbox properties in 1 line, instead of multiple lines.
     Display: flex is included by default, but cases where it is not needed on children, passing false to the mixin will leave it off.
     This does not cover all of the possible flex properties. Other properties, such as flex/flex-basis/flex-shrink/etc will still need to be added seperatly to your style block.
*/
/*
  7) Z-Index Normalization
  Think of these z-index maps indices as "tiers".
  When an element needs a higher z-index, bump up the value in increments of 1 until things work (z(1), z(2), etc.),
  keeping the minimum  value necessary to get the job done. This level of abstraction can help, in that you are writing
  your custom z-index values with relative tiers that will always be correct, BUT if a new  toolkit is introduced with
  some wacky z-indices  that you need to account for, you can just change the actual z-index values in the map to make
  things work, making sure  that they remain in ascending order relative to the keys.
*/
/*
  8) Font-Face Declaration
  Defines local font faces using references to static files stored in the fonts directory
  Expects .woff2 and .woff files to exist, per recommended guidelines for IE11 and up: https://css-tricks.com/snippets/css/using-font-face/#article-header-id-1
*/
/*
  9) Transitions
  Sets defaults for site wide transition type and speed, or allows customizing
*/
.remove-bold[b-g49uicat8l] {
  font-weight: normal;
}

.large-margin[b-g49uicat8l] {
  margin-bottom: var(--space-large);
}

h1[b-g49uicat8l] {
  margin-bottom: var(--space-large);
}

h2[b-g49uicat8l] {
  margin-bottom: var(--space-large);
}

h2.clr-red[b-g49uicat8l] {
  color: #891B1C;
}

h2.p-lr-1[b-g49uicat8l] {
  padding-left: 1rem;
}

h3[b-g49uicat8l] {
  margin-bottom: var(--space-large);
}

h4[b-g49uicat8l] {
  margin-bottom: var(--space-large);
}

ul.checks[b-g49uicat8l] {
  color: #119695;
  font-size: 1.25rem;
  font-weight: 700;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
ul.checks li[b-g49uicat8l] {
  width: 100%;
  padding-left: 36px;
  position: relative;
  margin-bottom: 12px;
}
ul.checks .icon[b-g49uicat8l] {
  font-size: 2rem;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: -1px;
}

ul.generic[b-g49uicat8l] {
  list-style-type: disc;
  padding-left: 1.5rem;
}

.large-icon .icon[b-g49uicat8l] {
  font-size: 3rem;
  color: #119695;
}

.align-baseline[b-g49uicat8l] {
  align-items: baseline;
}

.switcher .input[b-g49uicat8l] {
  border: 1px solid #891B1C;
  border-radius: 0.75rem;
  margin-bottom: 0.5rem;
}
.switcher .input-solid[b-g49uicat8l] {
  background: #891B1C;
  border: 1px solid #891B1C;
  border-radius: 0.75rem;
  text-align: center;
  font-size: 1.25rem;
}
.switcher .select[b-g49uicat8l] {
  padding: 0.5rem;
  font-size: 1.25rem;
}
.switcher .input--select[b-g49uicat8l]::after {
  right: 10px;
  position: absolute;
}
.switcher button[b-g49uicat8l] {
  color: #ffffff;
  padding: 0.5rem;
  width: 100%;
}

.pricing-tabs[b-g49uicat8l] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}
.pricing-tabs .tab[b-g49uicat8l] {
  height: 100%;
  background-color: #A0A0A0;
  opacity: 1;
  margin: 0;
  flex: 1;
  font-weight: 500;
  font-size: 1.4rem;
  color: #ffffff;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.pricing-tabs .tab button[b-g49uicat8l] {
  padding: 0.75rem;
  height: 100%;
  line-height: 2rem;
  width: 100%;
}
.pricing-tabs .tab .icon[b-g49uicat8l] {
  font-size: 3rem;
}
.pricing-tabs .tab.active[b-g49uicat8l] {
  opacity: 1;
  background-color: #891B1C;
}

.content[b-g49uicat8l] {
  flex: 1;
}

.flexbox .item[b-g49uicat8l] {
  flex: 1;
}
.flexbox .flex-item-pad[b-g49uicat8l] {
  padding: 1rem;
}

.flex-item-pad h3[b-g49uicat8l] {
  color: #119695;
}
.flex-item-pad div.only[b-g49uicat8l] {
  color: #119695;
  text-align: center;
}
.flex-item-pad div.only-pad[b-g49uicat8l] {
  margin: 1.5rem 0;
  text-align: center;
}
.flex-item-pad div.only-pad img[b-g49uicat8l] {
  max-width: 15px;
}

.only u[b-g49uicat8l] {
  text-decoration: underline;
}

ol[b-g49uicat8l] {
  list-style-type: decimal;
  padding: 1rem;
  line-height: 1.75rem;
}

.bg-white[b-g49uicat8l] {
  background: #ffffff;
}

.bg-off-white[b-g49uicat8l] {
  background: rgba(93, 188, 188, 0.1);
}

.icon-button[b-g49uicat8l] {
  background: #381212;
  padding: 0.5rem;
  border-radius: 0.5rem;
  gap: 0.25rem;
  color: #ffffff;
  font-size: 1.5rem;
}

.icon-button img[b-g49uicat8l] {
  max-height: 40px;
  margin-right: 0.5rem;
}

.align-fs[b-g49uicat8l] {
  align-items: flex-start;
}

.mw-med[b-g49uicat8l] {
  max-width: 40px;
}

.mw-sm[b-g49uicat8l] {
  max-width: 20px;
}

.not-included[b-g49uicat8l] {
  text-align: center;
}

.section--pricing-space[b-g49uicat8l] {
  --section-padding-top: 1px;
  --section-padding-left: min(5vw, var(--space-horizontal-max-standard));
  --section-padding-right: min(5vw, var(--space-horizontal-max-standard));
}

.section--head-space[b-g49uicat8l] {
  --section-padding-top: 0px;
  --section-padding-left: min(5vw, var(--space-horizontal-max-standard));
  --section-padding-right: min(5vw, var(--space-horizontal-max-standard));
}

.head-row[b-g49uicat8l] {
  background: #891B1C;
  width: 100%;
  text-align: center;
  color: #ffffff;
  min-height: 4px;
  padding: 0.5rem;
}

.bottom-divider[b-g49uicat8l] {
  border-bottom: 1px solid #891B1C;
}

.divider[b-g49uicat8l] {
  width: 2px;
  border-left: 2px dotted #891B1C;
  height: 100%;
}

.included-wrap[b-g49uicat8l] {
  gap: 0;
  justify-content: center;
}

[role=tabpanel][b-g49uicat8l] {
  display: none;
}

[role=tabpanel].active[b-g49uicat8l] {
  display: block;
}

.text--normal[b-g49uicat8l] {
  font-weight: 500;
}

.add-small-screen[b-g49uicat8l] {
  display: none;
}

@media (max-width: 37.5rem) {
  .remove-small-screen[b-g49uicat8l] {
    display: none;
  }
  .add-small-screen[b-g49uicat8l] {
    display: block;
  }
  .section--pricing-space > div[b-g49uicat8l] {
    border-bottom: 0;
  }
}
@media (min-width: 56.1875rem) {
  .desktop-only-pad-left[b-g49uicat8l] {
    padding-left: 4rem;
  }
}
@media (max-width: 62.5rem) {
  .flex-column-small[b-g49uicat8l] {
    flex-direction: column;
    align-items: center !important;
  }
  .pricing-tabs .tab[b-g49uicat8l] {
    font-size: 1.2rem !important;
  }
  .pricing-tabs .tab .flexbox[b-g49uicat8l] {
    gap: 0.5rem;
  }
  .pricing-tabs .tab .flexbox img[b-g49uicat8l] {
    max-height: 30px !important;
  }
  .pricing-tabs .tab button[b-g49uicat8l] {
    line-height: 1.3rem;
  }
}
@media (max-width: 56.25rem) {
  .flex-column-small[b-g49uicat8l] {
    flex-direction: column;
    align-items: center !important;
  }
  .pricing-tabs .tab[b-g49uicat8l] {
    font-size: 1.1rem !important;
  }
  .pricing-tabs .tab .flexbox[b-g49uicat8l] {
    gap: 0.25rem;
  }
  .pricing-tabs .tab .flexbox img[b-g49uicat8l] {
    max-height: 20px !important;
  }
  .pricing-tabs .tab button[b-g49uicat8l] {
    line-height: 1.2rem;
  }
}