@font-face {
  font-family: "Tele2Sans-Regular";
  font-style: normal;
  font-weight: 400;
  src: url(/sales/assets/fonts/Tele2Sans-Regular-d76e80f43d57d0bdfda9.woff) format("woff");
}
@font-face {
  font-family: "Tele2Sans-Light";
  font-style: normal;
  font-weight: 400;
  src: url(/sales/assets/fonts/Tele2Sans-Light-64ee94fe592a2decef62.woff) format("woff");
}
@font-face {
  font-family: "Tele2Sans-Medium";
  font-style: normal;
  font-weight: 400;
  src: url(/sales/assets/fonts/Tele2Sans-Medium-19e9319dca76b9a80bf8.woff) format("woff");
}
:root {
  --t2-color-black: #000000;
  --t2-color-text-grey: #3a3b3f;
  --t2-color-dark-grey: #6c6d73;
  --t2-color-grey: #dcdcde;
  --t2-color-light-grey: #f1f1f1;
  --t2-color-lighter-grey: #f5f5f5;
  --t2-color-white: #ffffff;
  --t2-color-green: #19af62;
  --t2-color-ui-blue: #1067d0;
  --t2-color-blue: #002844;
  --t2-color-orange: #db7917;
  --t2-color-red: #b50d2b;
  --t2-color-dark-red: #980a24;
  --t2-color-light-blue: #e7effa;
  --t2-color-light-red: #f7e6e9;
  --t2-color-light-orange: #fbf1e7;
  --t2-color-light-green: #edf9f3;
  --t2-color-alert: #b50d2b;
  --t2-color-alert-hover: #980a24;
  --t2-color-alert-offset: #f7e6e9;
  --t2-color-com: #db7917;
  --t2-color-com-offset: #fbf1e7;
  --t2-color-positive: #19af62;
  --t2-color-positive-offset: #edf9f3;
  --t2-color-primary-btn: #1067d0;
  --t2-color-primary-btn-hover: #0956b3;
  --t2-color-primary-btn-active: #002844;
  --t2-color-highlight: #1067d0;
  --t2-color-link: #1067d0;
  --t2-color-range: #e7effa;
  --t2-color-body-text: #3a3b3f;
  --t2-color-sub-text: #6c6d73;
  --t2-color-heading: #000000;
  --t2-color-tab-option: #6c6d73;
  --t2-color-negative-text: #ffffff;
  --t2-color-text-hover: #000000;
  --t2-color-placeholder-text: #6c6d73;
  --t2-color-placeholder-text-when-focused: #b0b2b9;
  --t2-color-app-bg: #ffffff;
  --t2-color-offset-bg: #f5f5f5;
  --t2-color-tooltip-bg: #3a3b3f;
  --t2-color-btn-disabled: #dcdcde;
  --t2-color-input: #ffffff;
  --t2-color-input-disabled: #f1f1f1;
  --t2-color-input-search: #f5f5f5;
  --t2-color-ghost-active: #dcdcde;
  --t2-color-ghost-hover: #f5f5f5;
  --t2-color-border: #dcdcde;
  --t2-color-border-hover: #6c6d73;
  --t2-color-border-active: #000000;
  --t2-color-gradient-offset-start: #dcdcde;
  --t2-color-gradient-offset-end: #f5f5f5;
  --t2-color-gradient-alert-start: #b50d2b;
  --t2-color-gradient-alert-end: #e19daa;
  --t2-color-gradient-positive-start: #19af62;
  --t2-color-gradient-positive-end: #a2debf;
  --t2-input-width: 250px;
  --t2-vw-sm: 350px;
  --t2-vw-md: 640px;
  --t2-vw-lg: 960px;
  --t2-vw-xl: 1280px;
  --t2-border-radius-sm: 2px;
  --t2-border-radius: 4px;
  --t2-border-radius-lg: 8px;
  --t2-border-radius-xl: 12px;
  --t2-spacer-xxs: 4px;
  --t2-spacer-xs: 8px;
  --t2-spacer-sm: 12px;
  --t2-spacer: 16px;
  --t2-spacer-lg: 20px;
  --t2-spacer-xl: 24px;
}
details.t2-accordion {
  box-sizing: border-box;
  border-top: 1px solid var(--t2-color-border, #dcdcde);
  border-bottom: 1px solid var(--t2-color-border, #dcdcde);
  background-color: var(--t2-color-app-bg, #ffffff);
}
details.t2-accordion *,
details.t2-accordion *::before,
details.t2-accordion *::after {
  box-sizing: border-box;
}
details.t2-accordion:hover:not([open]) {
  border-color: var(--t2-color-ghost-hover, #f5f5f5);
  background-color: var(--t2-color-ghost-hover, #f5f5f5);
}
details.t2-accordion[open] > summary::before {
  background-image: url(/sales/assets/images/chevron-up-cc2a9a43ea912dd24e05.svg);
}
details.t2-accordion > summary {
  position: relative;
  padding: 13px 44px 13px 15px;
  cursor: pointer;
  list-style: none;
}
details.t2-accordion > summary:focus {
  outline: none;
}
details.t2-accordion > summary::-webkit-details-marker {
  display: none;
}
details.t2-accordion > summary::before {
  content: '';
  position: absolute;
  top: 11px;
  right: 10px;
  background: url(/sales/assets/images/chevron-down-23af147fc58b5465a81b.svg) no-repeat center center;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
}
details.t2-accordion > summary .t2-accordion-header {
  font-weight: 400;
  color: var(--t2-color-heading, #000000);
  font-family: Tele2Sans-Regular, sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}
details.t2-accordion > div {
  padding: 0 44px 14px 15px;
  margin-top: -4px;
}
details.t2-accordion.t2-card {
  border-left: 1px solid var(--t2-color-border, #dcdcde);
  border-right: 1px solid var(--t2-color-border, #dcdcde);
  border-radius: 4px;
}
details.t2-accordion[role="listitem"]:not(:last-child) {
  border-bottom: none;
}
details.t2-accordion[role="listitem"].t2-card:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
details.t2-accordion[role="listitem"].t2-card:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
button.t2-btn,
a.t2-btn {
  box-sizing: border-box;
  color: var(--t2-color-negative-text, #ffffff);
  border: 1px solid;
  border-radius: 2px;
  padding: 14px 24px;
  position: relative;
}
button.t2-btn *,
a.t2-btn *,
button.t2-btn *::before,
a.t2-btn *::before,
button.t2-btn *::after,
a.t2-btn *::after {
  box-sizing: border-box;
}
button.t2-btn.t2-lg,
a.t2-btn.t2-lg {
  font-size: 18px;
  padding: 17px 29px;
}
button.t2-btn.t2-sm,
a.t2-btn.t2-sm {
  padding: 10px 16px;
}
button.t2-btn.t2-xs,
a.t2-btn.t2-xs {
  padding: 8px 9px;
}
button.t2-btn.t2-xxs,
a.t2-btn.t2-xxs {
  padding: 4px 8px;
}
button.t2-btn[disabled],
a.t2-btn[disabled] {
  background-color: var(--t2-color-btn-disabled, #dcdcde);
  border-color: var(--t2-color-btn-disabled, #dcdcde);
}
button.t2-btn:not([disabled]),
a.t2-btn:not([disabled]) {
  background-color: var(--t2-color-primary-btn, #1067d0);
  border-color: var(--t2-color-primary-btn, #1067d0);
}
button.t2-btn:not([disabled]):hover,
a.t2-btn:not([disabled]):hover,
button.t2-btn:not([disabled]):focus,
a.t2-btn:not([disabled]):focus {
  background-color: var(--t2-color-primary-btn-hover, #0956b3);
  border-color: var(--t2-color-primary-btn-hover, #0956b3);
  border-width: 2px;
  padding: 13px 23px;
}
button.t2-btn:not([disabled]):hover > span.t2-icon:first-child,
a.t2-btn:not([disabled]):hover > span.t2-icon:first-child,
button.t2-btn:not([disabled]):focus > span.t2-icon:first-child,
a.t2-btn:not([disabled]):focus > span.t2-icon:first-child {
  left: 19px;
}
button.t2-btn:not([disabled]):hover > span.t2-icon:last-child,
a.t2-btn:not([disabled]):hover > span.t2-icon:last-child,
button.t2-btn:not([disabled]):focus > span.t2-icon:last-child,
a.t2-btn:not([disabled]):focus > span.t2-icon:last-child {
  right: 19px;
}
button.t2-btn:not([disabled]):hover.t2-lg,
a.t2-btn:not([disabled]):hover.t2-lg,
button.t2-btn:not([disabled]):focus.t2-lg,
a.t2-btn:not([disabled]):focus.t2-lg {
  padding: 16px 28px;
}
button.t2-btn:not([disabled]):hover.t2-sm,
a.t2-btn:not([disabled]):hover.t2-sm,
button.t2-btn:not([disabled]):focus.t2-sm,
a.t2-btn:not([disabled]):focus.t2-sm {
  padding: 9px 15px;
}
button.t2-btn:not([disabled]):hover.t2-sm > span.t2-icon:first-child,
a.t2-btn:not([disabled]):hover.t2-sm > span.t2-icon:first-child,
button.t2-btn:not([disabled]):focus.t2-sm > span.t2-icon:first-child,
a.t2-btn:not([disabled]):focus.t2-sm > span.t2-icon:first-child {
  left: 11px;
}
button.t2-btn:not([disabled]):hover.t2-sm > span.t2-icon:last-child,
a.t2-btn:not([disabled]):hover.t2-sm > span.t2-icon:last-child,
button.t2-btn:not([disabled]):focus.t2-sm > span.t2-icon:last-child,
a.t2-btn:not([disabled]):focus.t2-sm > span.t2-icon:last-child {
  right: 11px;
}
button.t2-btn:not([disabled]):hover.t2-xs,
a.t2-btn:not([disabled]):hover.t2-xs,
button.t2-btn:not([disabled]):focus.t2-xs,
a.t2-btn:not([disabled]):focus.t2-xs {
  padding: 7px 8px;
}
button.t2-btn:not([disabled]):hover.t2-xxs,
a.t2-btn:not([disabled]):hover.t2-xxs,
button.t2-btn:not([disabled]):focus.t2-xxs,
a.t2-btn:not([disabled]):focus.t2-xxs {
  padding: 3px 7px;
}
button.t2-btn:not([disabled]):hover.t2-xs > span.t2-icon:first-child,
a.t2-btn:not([disabled]):hover.t2-xs > span.t2-icon:first-child,
button.t2-btn:not([disabled]):focus.t2-xs > span.t2-icon:first-child,
a.t2-btn:not([disabled]):focus.t2-xs > span.t2-icon:first-child,
button.t2-btn:not([disabled]):hover.t2-xxs > span.t2-icon:first-child,
a.t2-btn:not([disabled]):hover.t2-xxs > span.t2-icon:first-child,
button.t2-btn:not([disabled]):focus.t2-xxs > span.t2-icon:first-child,
a.t2-btn:not([disabled]):focus.t2-xxs > span.t2-icon:first-child {
  left: 4px;
}
button.t2-btn:not([disabled]):hover.t2-xs > span.t2-icon:last-child,
a.t2-btn:not([disabled]):hover.t2-xs > span.t2-icon:last-child,
button.t2-btn:not([disabled]):focus.t2-xs > span.t2-icon:last-child,
a.t2-btn:not([disabled]):focus.t2-xs > span.t2-icon:last-child,
button.t2-btn:not([disabled]):hover.t2-xxs > span.t2-icon:last-child,
a.t2-btn:not([disabled]):hover.t2-xxs > span.t2-icon:last-child,
button.t2-btn:not([disabled]):focus.t2-xxs > span.t2-icon:last-child,
a.t2-btn:not([disabled]):focus.t2-xxs > span.t2-icon:last-child {
  right: 4px;
}
button.t2-btn:not([disabled]):hover,
a.t2-btn:not([disabled]):hover {
  cursor: pointer;
}
button.t2-btn:not([disabled]):focus,
a.t2-btn:not([disabled]):focus {
  outline: none;
}
button.t2-btn:not([disabled]):active,
a.t2-btn:not([disabled]):active {
  background-color: var(--t2-color-primary-btn-active, #002844);
  border-color: var(--t2-color-primary-btn-active, #002844);
}
button.t2-btn:not([disabled]).t2-danger,
a.t2-btn:not([disabled]).t2-danger {
  background-color: var(--t2-color-alert, #b50d2b);
  border-color: var(--t2-color-alert, #b50d2b);
}
button.t2-btn:not([disabled]).t2-danger:hover,
a.t2-btn:not([disabled]).t2-danger:hover,
button.t2-btn:not([disabled]).t2-danger:focus,
a.t2-btn:not([disabled]).t2-danger:focus {
  background-color: var(--t2-color-alert-hover, #980a24);
  border-color: var(--t2-color-alert-hover, #980a24);
}
button.t2-btn:not([disabled]).t2-danger:active,
a.t2-btn:not([disabled]).t2-danger:active {
  background-color: var(--t2-color-primary-btn-active, #002844);
  border-color: var(--t2-color-primary-btn-active, #002844);
}
button.t2-btn:not([disabled]).t2-secondary,
a.t2-btn:not([disabled]).t2-secondary,
button.t2-btn:not([disabled]).t2-ghost,
a.t2-btn:not([disabled]).t2-ghost {
  color: var(--t2-color-body-text, #3a3b3f);
}
button.t2-btn:not([disabled]).t2-secondary:hover,
a.t2-btn:not([disabled]).t2-secondary:hover,
button.t2-btn:not([disabled]).t2-ghost:hover,
a.t2-btn:not([disabled]).t2-ghost:hover,
button.t2-btn:not([disabled]).t2-secondary:focus,
a.t2-btn:not([disabled]).t2-secondary:focus,
button.t2-btn:not([disabled]).t2-ghost:focus,
a.t2-btn:not([disabled]).t2-ghost:focus {
  color: var(--t2-color-text-hover, #000000);
}
button.t2-btn:not([disabled]).t2-secondary:active,
a.t2-btn:not([disabled]).t2-secondary:active,
button.t2-btn:not([disabled]).t2-ghost:active,
a.t2-btn:not([disabled]).t2-ghost:active {
  background-color: var(--t2-color-ghost-active, #dcdcde);
  border-color: var(--t2-color-border-active, #000000);
}
button.t2-btn:not([disabled]).t2-secondary,
a.t2-btn:not([disabled]).t2-secondary {
  background-color: var(--t2-color-app-bg, #ffffff);
  border-color: var(--t2-color-border, #dcdcde);
}
button.t2-btn:not([disabled]).t2-secondary:not(:active):hover,
a.t2-btn:not([disabled]).t2-secondary:not(:active):hover,
button.t2-btn:not([disabled]).t2-secondary:not(:active):focus,
a.t2-btn:not([disabled]).t2-secondary:not(:active):focus {
  border-color: var(--t2-color-border-hover, #6c6d73);
}
button.t2-btn:not([disabled]).t2-ghost,
a.t2-btn:not([disabled]).t2-ghost {
  background-color: transparent;
  border-color: transparent;
}
button.t2-btn:not([disabled]).t2-ghost:hover,
a.t2-btn:not([disabled]).t2-ghost:hover,
button.t2-btn:not([disabled]).t2-ghost:focus,
a.t2-btn:not([disabled]).t2-ghost:focus {
  background-color: var(--t2-color-ghost-hover, #f5f5f5);
}
button.t2-btn:not([disabled]).t2-ghost:active,
a.t2-btn:not([disabled]).t2-ghost:active {
  border-color: var(--t2-color-border, #dcdcde);
  background-color: var(--t2-color-border, #dcdcde);
}
button.t2-btn:not([disabled]) > span.t2-icon[class*='t2-logo-'],
a.t2-btn:not([disabled]) > span.t2-icon[class*='t2-logo-'] {
  filter: none !important;
}
button.t2-btn > span,
a.t2-btn > span {
  display: inline-block;
  width: 100%;
}
button.t2-btn > span.t2-icon,
a.t2-btn > span.t2-icon {
  filter: invert(95%) sepia(100%) saturate(14%) hue-rotate(213deg) brightness(104%) contrast(104%);
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
button.t2-btn > span.t2-icon:first-child,
a.t2-btn > span.t2-icon:first-child {
  left: 20px;
}
button.t2-btn > span.t2-icon:last-child,
a.t2-btn > span.t2-icon:last-child {
  right: 20px;
}
button.t2-btn > span:not(.t2-icon):first-child,
a.t2-btn > span:not(.t2-icon):first-child {
  padding-right: 20px;
}
button.t2-btn > span:not(.t2-icon):last-child,
a.t2-btn > span:not(.t2-icon):last-child {
  padding-left: 20px;
}
button.t2-btn.t2-lg > span.t2-icon,
a.t2-btn.t2-lg > span.t2-icon {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
}
button.t2-btn.t2-sm > span.t2-icon:first-child,
a.t2-btn.t2-sm > span.t2-icon:first-child {
  left: 12px;
}
button.t2-btn.t2-sm > span.t2-icon:last-child,
a.t2-btn.t2-sm > span.t2-icon:last-child {
  right: 12px;
}
button.t2-btn.t2-xs > span.t2-icon:first-child,
a.t2-btn.t2-xs > span.t2-icon:first-child,
button.t2-btn.t2-xxs > span.t2-icon:first-child,
a.t2-btn.t2-xxs > span.t2-icon:first-child {
  left: 5px;
}
button.t2-btn.t2-xs > span.t2-icon:last-child,
a.t2-btn.t2-xs > span.t2-icon:last-child,
button.t2-btn.t2-xxs > span.t2-icon:last-child,
a.t2-btn.t2-xxs > span.t2-icon:last-child {
  right: 5px;
}
button.t2-btn.t2-secondary:not([disabled]) > span.t2-icon,
a.t2-btn.t2-secondary:not([disabled]) > span.t2-icon,
button.t2-btn.t2-ghost:not([disabled]) > span.t2-icon,
a.t2-btn.t2-ghost:not([disabled]) > span.t2-icon {
  filter: invert(20%) sepia(5%) saturate(690%) hue-rotate(191deg) brightness(91%) contrast(86%);
}
button.t2-btn.t2-secondary:not([disabled]):hover > span.t2-icon,
a.t2-btn.t2-secondary:not([disabled]):hover > span.t2-icon,
button.t2-btn.t2-ghost:not([disabled]):hover > span.t2-icon,
a.t2-btn.t2-ghost:not([disabled]):hover > span.t2-icon,
button.t2-btn.t2-secondary:not([disabled]):focus > span.t2-icon,
a.t2-btn.t2-secondary:not([disabled]):focus > span.t2-icon,
button.t2-btn.t2-ghost:not([disabled]):focus > span.t2-icon,
a.t2-btn.t2-ghost:not([disabled]):focus > span.t2-icon {
  filter: none;
}
button.t2-btn.t2-secondary:not([disabled]).t2-highlight,
a.t2-btn.t2-secondary:not([disabled]).t2-highlight,
button.t2-btn.t2-ghost:not([disabled]).t2-highlight,
a.t2-btn.t2-ghost:not([disabled]).t2-highlight {
  color: var(--t2-color-highlight, #1067d0);
}
button.t2-btn.t2-secondary:not([disabled]).t2-highlight > span.t2-icon,
a.t2-btn.t2-secondary:not([disabled]).t2-highlight > span.t2-icon,
button.t2-btn.t2-ghost:not([disabled]).t2-highlight > span.t2-icon,
a.t2-btn.t2-ghost:not([disabled]).t2-highlight > span.t2-icon {
  filter: invert(23%) sepia(65%) saturate(3144%) hue-rotate(204deg) brightness(97%) contrast(87%);
}
button.t2-btn.t2-secondary:not([disabled]).t2-alert,
a.t2-btn.t2-secondary:not([disabled]).t2-alert,
button.t2-btn.t2-ghost:not([disabled]).t2-alert,
a.t2-btn.t2-ghost:not([disabled]).t2-alert {
  color: var(--t2-color-alert, #b50d2b);
}
button.t2-btn.t2-secondary:not([disabled]).t2-alert > span.t2-icon,
a.t2-btn.t2-secondary:not([disabled]).t2-alert > span.t2-icon,
button.t2-btn.t2-ghost:not([disabled]).t2-alert > span.t2-icon,
a.t2-btn.t2-ghost:not([disabled]).t2-alert > span.t2-icon {
  filter: invert(13%) sepia(82%) saturate(4237%) hue-rotate(340deg) brightness(86%) contrast(101%);
}
button.t2-btn.t2-icon-only,
a.t2-btn.t2-icon-only {
  padding: 15px;
}
button.t2-btn.t2-icon-only > span.t2-icon,
a.t2-btn.t2-icon-only > span.t2-icon {
  left: 5px;
}
button.t2-btn.t2-icon-only:not([disabled]):hover,
a.t2-btn.t2-icon-only:not([disabled]):hover,
button.t2-btn.t2-icon-only:not([disabled]):focus,
a.t2-btn.t2-icon-only:not([disabled]):focus {
  padding: 14px;
}
button.t2-btn.t2-icon-only:not([disabled]):hover > span.t2-icon,
a.t2-btn.t2-icon-only:not([disabled]):hover > span.t2-icon,
button.t2-btn.t2-icon-only:not([disabled]):focus > span.t2-icon,
a.t2-btn.t2-icon-only:not([disabled]):focus > span.t2-icon {
  left: 4px;
}
button.t2-btn.t2-icon-only.t2-lg,
a.t2-btn.t2-icon-only.t2-lg {
  padding: 19px;
}
button.t2-btn.t2-icon-only.t2-lg > span.t2-icon,
a.t2-btn.t2-icon-only.t2-lg > span.t2-icon {
  left: 7px;
}
button.t2-btn.t2-icon-only.t2-lg:not([disabled]):hover,
a.t2-btn.t2-icon-only.t2-lg:not([disabled]):hover,
button.t2-btn.t2-icon-only.t2-lg:not([disabled]):focus,
a.t2-btn.t2-icon-only.t2-lg:not([disabled]):focus {
  padding: 18px;
}
button.t2-btn.t2-icon-only.t2-lg:not([disabled]):hover > span.t2-icon,
a.t2-btn.t2-icon-only.t2-lg:not([disabled]):hover > span.t2-icon,
button.t2-btn.t2-icon-only.t2-lg:not([disabled]):focus > span.t2-icon,
a.t2-btn.t2-icon-only.t2-lg:not([disabled]):focus > span.t2-icon {
  left: 6px;
}
button.t2-btn.t2-icon-only.t2-sm,
a.t2-btn.t2-icon-only.t2-sm {
  padding: 11px;
}
button.t2-btn.t2-icon-only.t2-sm > span.t2-icon,
a.t2-btn.t2-icon-only.t2-sm > span.t2-icon {
  left: 1px;
}
button.t2-btn.t2-icon-only.t2-sm:not([disabled]):hover,
a.t2-btn.t2-icon-only.t2-sm:not([disabled]):hover,
button.t2-btn.t2-icon-only.t2-sm:not([disabled]):focus,
a.t2-btn.t2-icon-only.t2-sm:not([disabled]):focus {
  padding: 10px;
}
button.t2-btn.t2-icon-only.t2-sm:not([disabled]):hover > span.t2-icon,
a.t2-btn.t2-icon-only.t2-sm:not([disabled]):hover > span.t2-icon,
button.t2-btn.t2-icon-only.t2-sm:not([disabled]):focus > span.t2-icon,
a.t2-btn.t2-icon-only.t2-sm:not([disabled]):focus > span.t2-icon {
  left: 0;
}
button.t2-btn.t2-icon-only.t2-round,
a.t2-btn.t2-icon-only.t2-round {
  border-radius: 50%;
}
button.t2-btn.t2-block > span:not(.t2-icon),
a.t2-btn.t2-block > span:not(.t2-icon) {
  padding: 0;
}
a.t2-btn {
  text-align: center;
  text-decoration: none;
}
a.t2-btn:not(.t2-block) {
  display: inline-block;
}
div.t2-checkbox {
  box-sizing: border-box;
  display: flex;
}
div.t2-checkbox *,
div.t2-checkbox *::before,
div.t2-checkbox *::after {
  box-sizing: border-box;
}
div.t2-checkbox > label {
  display: flex;
  align-items: center;
  padding: 10px 10px 8px 0;
  border-radius: 2px;
}
div.t2-checkbox > label::before {
  background-color: var(--t2-color-app-bg, #ffffff);
  content: '';
  flex-shrink: 0;
  margin: 0 10px 2px 10px;
  width: 20px;
  height: 20px;
  border: 1px solid var(--t2-color-border, #dcdcde);
  border-radius: 2px;
}
div.t2-checkbox > input[type="checkbox"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
div.t2-checkbox > input[type="checkbox"]:not([disabled]) + label {
  cursor: pointer;
}
div.t2-checkbox > input[type="checkbox"]:not([disabled]) + label:hover {
  background-color: var(--t2-color-ghost-hover, #f5f5f5);
}
div.t2-checkbox > input[type="checkbox"]:not([disabled]) + label:hover::before {
  border: 2px solid var(--t2-color-border-hover, #6c6d73);
}
div.t2-checkbox > input[type="checkbox"][disabled] + label {
  background-color: var(--t2-color-input-disabled, #f1f1f1);
  opacity: 0.5;
}
div.t2-checkbox > input[type="checkbox"]:checked + label::before,
div.t2-checkbox > input[type="checkbox"]:checked + label:hover::before {
  border: none;
  background: url(/sales/assets/images/check--white-bdc7898044e2906caed8.svg);
  background-size: 20px 20px;
}
div.t2-checkbox > input[type="checkbox"]:checked:not([disabled]) + label::before {
  background-color: var(--t2-color-primary-btn, #1067d0);
}
div.t2-checkbox > input[type="checkbox"]:checked[disabled] + label::before {
  background-color: var(--t2-color-btn-disabled, #dcdcde);
}
div.t2-checkbox.t2-border > label {
  border: 1px solid var(--t2-color-border, #dcdcde);
  padding: 13px 15px 11px 0;
}
div.t2-checkbox.t2-border > label::before {
  margin-left: 13px;
}
div.t2-checkbox.t2-border > input[type="checkbox"]:not([disabled]) + label:hover,
div.t2-checkbox.t2-border > input[type="checkbox"]:checked + label {
  border-width: 2px;
  padding: 12px 14px 10px 0;
}
div.t2-checkbox.t2-border > input[type="checkbox"]:not([disabled]) + label:hover::before,
div.t2-checkbox.t2-border > input[type="checkbox"]:checked + label::before {
  margin-left: 12px;
}
div.t2-checkbox.t2-border > input[type="checkbox"][disabled] + label {
  border-color: var(--t2-color-input-disabled, #f1f1f1);
  background-color: var(--t2-color-input-disabled, #f1f1f1);
  opacity: 0.5;
}
div.t2-checkbox.t2-border > input[type="checkbox"]:checked:not([disabled]) + label {
  border-color: var(--t2-color-primary-btn, #1067d0);
}
div.t2-checkbox.t2-border > input[type="checkbox"]:not(:checked):not([disabled]) + label:hover {
  border-color: var(--t2-color-border-hover, #6c6d73);
}
div.t2-checkbox.t2-block > label {
  flex-grow: 1;
}
div.t2-divider {
  box-sizing: border-box;
  border-top: 1px solid var(--t2-color-border, #dcdcde);
}
div.t2-divider *,
div.t2-divider *::before,
div.t2-divider *::after {
  box-sizing: border-box;
}
div.t2-feedback {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 16px;
  font-weight: 800;
  color: var(--t2-color-body-text, #3a3b3f);
}
div.t2-feedback *,
div.t2-feedback *::before,
div.t2-feedback *::after {
  box-sizing: border-box;
}
div.t2-feedback > .t2-icon {
  width: 50px;
  height: 50px;
  background-size: 50px 50px;
}
div.t2-feedback > .t2-search {
  filter: invert(45%) sepia(5%) saturate(457%) hue-rotate(194deg) brightness(92%) contrast(86%);
}
div.t2-feedback > .t2-exclamation-mark {
  filter: invert(13%) sepia(82%) saturate(4237%) hue-rotate(340deg) brightness(86%) contrast(101%);
}
span.t2-icon {
  box-sizing: border-box;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
}
span.t2-icon *,
span.t2-icon *::before,
span.t2-icon *::after {
  box-sizing: border-box;
}
span.t2-icon.t2-account-box {
  background-image: url(/sales/assets/images/account-box-1f7b61069009e3ecf45f.svg);
}
span.t2-icon.t2-account-circle {
  background-image: url(/sales/assets/images/account-circle-e9bfda277dfc1e759786.svg);
}
span.t2-icon.t2-add-message {
  background-image: url(/sales/assets/images/add-message-c44d065060acb6b5c258.svg);
}
span.t2-icon.t2-advance {
  background-image: url(/sales/assets/images/advance-2c4f05d9521f38eb88ac.svg);
}
span.t2-icon.t2-adjustment {
  background-image: url(/sales/assets/images/adjustment-22ac2683c1e6a12e13a8.svg);
}
span.t2-icon.t2-announcement {
  background-image: url(/sales/assets/images/announcement-e8eebc2d5c2550230eaf.svg);
}
span.t2-icon.t2-arrears {
  background-image: url(/sales/assets/images/arrears-d34ba46c9ee342ef1019.svg);
}
span.t2-icon.t2-arrow-down {
  background-image: url(/sales/assets/images/arrow-down-f3e0599b993b05f8cef6.svg);
}
span.t2-icon.t2-arrow-left {
  background-image: url(/sales/assets/images/arrow-left-68ecafc343394e799146.svg);
}
span.t2-icon.t2-arrow-right {
  background-image: url(/sales/assets/images/arrow-right-3cb88f27eec92d10eb6b.svg);
}
span.t2-icon.t2-arrow-up {
  background-image: url(/sales/assets/images/arrow-up-74dda8c33674a79bdf99.svg);
}
span.t2-icon.t2-badge {
  background-image: url(/sales/assets/images/badge-1fbde134dd297aeb8449.svg);
}
span.t2-icon.t2-build {
  background-image: url(/sales/assets/images/build-ad2e976c44f3bd4c0d20.svg);
}
span.t2-icon.t2-bundle {
  background-image: url(/sales/assets/images/bundle-b141ada16e59aa15e765.svg);
}
span.t2-icon.t2-calendar {
  background-image: url(/sales/assets/images/calendar-0234d0994d0920306dd7.svg);
}
span.t2-icon.t2-case-complete {
  background-image: url(/sales/assets/images/case-complete-5fc97b15cd505887360a.svg);
}
span.t2-icon.t2-chat {
  background-image: url(/sales/assets/images/chat-e06b7e0c122b25e2ac56.svg);
}
span.t2-icon.t2-check {
  background-image: url(/sales/assets/images/check-30acac4ad1f9f860f353.svg);
}
span.t2-icon.t2-check-all {
  background-image: url(/sales/assets/images/check-all-72a72f810b6b19e4477b.svg);
}
span.t2-icon.t2-chevron-down {
  background-image: url(/sales/assets/images/chevron-down-23af147fc58b5465a81b.svg);
}
span.t2-icon.t2-chevron-left {
  background-image: url(/sales/assets/images/chevron-left-ee1e73cca894dbef2730.svg);
}
span.t2-icon.t2-chevron-right {
  background-image: url(/sales/assets/images/chevron-right-b09b78d37dc8a349491b.svg);
}
span.t2-icon.t2-chevron-up {
  background-image: url(/sales/assets/images/chevron-up-cc2a9a43ea912dd24e05.svg);
}
span.t2-icon.t2-circle {
  background-image: url(/sales/assets/images/circle-7cbfa8c4fee8bbcc059a.svg);
}
span.t2-icon.t2-circle-check {
  background-image: url(/sales/assets/images/circle-check-4b22c98e02db5dd0d199.svg);
}
span.t2-icon.t2-circle-clock {
  background-image: url(/sales/assets/images/circle-clock-d609cbb47f77675d7304.svg);
}
span.t2-icon.t2-circle-cross {
  background-image: url(/sales/assets/images/circle-cross-4c29ffa1b2ee40d84f16.svg);
}
span.t2-icon.t2-circle-minus {
  background-image: url(/sales/assets/images/circle-minus-d050eee429d77647b35a.svg);
}
span.t2-icon.t2-circle-plus {
  background-image: url(/sales/assets/images/circle-plus-830720c051edf9a6a343.svg);
}
span.t2-icon.t2-circle-square {
  background-image: url(/sales/assets/images/circle-square-a1114340abb1ceb5ac78.svg);
}
span.t2-icon.t2-cloud-arrow-down {
  background-image: url(/sales/assets/images/cloud-arrow-down-da00d25c5b082d58b3e0.svg);
}
span.t2-icon.t2-cloud-arrow-up {
  background-image: url(/sales/assets/images/cloud-arrow-up-d726b5e7c4e7c9b14374.svg);
}
span.t2-icon.t2-connect {
  background-image: url(/sales/assets/images/connect-c7092b52317481d33104.svg);
}
span.t2-icon.t2-copy {
  background-image: url(/sales/assets/images/copy-2f646a83e380ce989688.svg);
}
span.t2-icon.t2-credit-card {
  background-image: url(/sales/assets/images/credit-card-0672c657bc29796d3a08.svg);
}
span.t2-icon.t2-cross {
  background-image: url(/sales/assets/images/cross-2c0e4ee3844db5949dbc.svg);
}
span.t2-icon.t2-customer {
  background-image: url(/sales/assets/images/customer-c308c63c899d49bf7a12.svg);
}
span.t2-icon.t2-data-usage {
  background-image: url(/sales/assets/images/data-usage-5fff7e66460913309614.svg);
}
span.t2-icon.t2-devices-other {
  background-image: url(/sales/assets/images/devices-other-0fac2d501223aa4737c0.svg);
}
span.t2-icon.t2-disconnect {
  background-image: url(/sales/assets/images/disconnect-62fd6aeea384d0eff79a.svg);
}
span.t2-icon.t2-dislike {
  background-image: url(/sales/assets/images/dislike-fe4cd6887e500758ac88.svg);
}
span.t2-icon.t2-dispute {
  background-image: url(/sales/assets/images/dispute-9629fc994b5b9a4760fb.svg);
}
span.t2-icon.t2-dot-dot-dot {
  background-image: url(/sales/assets/images/dot-dot-dot-452ea5d9425ae49c1494.svg);
}
span.t2-icon.t2-earth {
  background-image: url(/sales/assets/images/earth-0737cfd5a46bab5e0c20.svg);
}
span.t2-icon.t2-envelope {
  background-image: url(/sales/assets/images/envelope-e589bb638b0d80f8c89d.svg);
}
span.t2-icon.t2-envelope-arrow {
  background-image: url(/sales/assets/images/envelope-arrow-81030a935447b989cf75.svg);
}
span.t2-icon.t2-envelope-pin {
  background-image: url(/sales/assets/images/envelope-pin-21608a67ae6eb8ab5b8c.svg);
}
span.t2-icon.t2-exclamation-mark {
  background-image: url(/sales/assets/images/exclamation-mark-5360a18ca22081318572.svg);
}
span.t2-icon.t2-exit-to-app {
  background-image: url(/sales/assets/images/exit-to-app-3906b40f894c5aa17194.svg);
}
span.t2-icon.t2-eye {
  background-image: url(/sales/assets/images/eye-188f05266c7cc6f10b9d.svg);
}
span.t2-icon.t2-eye-crossed {
  background-image: url(/sales/assets/images/eye-crossed-befb0bcb70a21197129e.svg);
}
span.t2-icon.t2-fact-check {
  background-image: url(/sales/assets/images/fact-check-260edd5c709d8f9da004.svg);
}
span.t2-icon.t2-gavel {
  background-image: url(/sales/assets/images/gavel-cb690875aaa849394cb3.svg);
}
span.t2-icon.t2-hand {
  background-image: url(/sales/assets/images/hand-a0fc11338993aed29e80.svg);
}
span.t2-icon.t2-hat-student {
  background-image: url(/sales/assets/images/hat-student-0ef42d5a277fef5a04b2.svg);
}
span.t2-icon.t2-home {
  background-image: url(/sales/assets/images/home-fac557b8f9cc513f8bdc.svg);
}
span.t2-icon.t2-info {
  background-image: url(/sales/assets/images/info-e4c854a18949d21808eb.svg);
}
span.t2-icon.t2-inform-customer {
  background-image: url(/sales/assets/images/inform-customer-0e3924b7a25f1ae464f2.svg);
}
span.t2-icon.t2-input-antenna {
  background-image: url(/sales/assets/images/input-antenna-b01e7f3a7bc08e66ad02.svg);
}
span.t2-icon.t2-launch {
  background-image: url(/sales/assets/images/launch-6e4dcb770b61efd0c440.svg);
}
span.t2-icon.t2-link-off {
  background-image: url(/sales/assets/images/link-off-19033552b876ae477928.svg);
}
span.t2-icon.t2-location {
  background-image: url(/sales/assets/images/location-cd0a62dc7e2c99c29794.svg);
}
span.t2-icon.t2-location-city {
  background-image: url(/sales/assets/images/location-city-6633c11db2c0507d6212.svg);
}
span.t2-icon.t2-location-city-alt {
  background-image: url(/sales/assets/images/location-city-alt-7dafcb5466b7e690306b.svg);
}
span.t2-icon.t2-location-off {
  background-image: url(/sales/assets/images/location-off-ecae8b841118a9d956ef.svg);
}
span.t2-icon.t2-lock-closed {
  background-image: url(/sales/assets/images/lock-closed-733ab3245b84fd4f035e.svg);
}
span.t2-icon.t2-lock-closed-alt {
  background-image: url(/sales/assets/images/lock-closed-alt-f0cd1195e24f564fe004.svg);
}
span.t2-icon.t2-lock-open {
  background-image: url(/sales/assets/images/lock-open-827014a133861e1ae509.svg);
}
span.t2-icon.t2-lock-open-alt {
  background-image: url(/sales/assets/images/lock-open-alt-4113cf796de0e3eb2bc0.svg);
}
span.t2-icon.t2-logo-boxer {
  background-image: url(/sales/assets/images/logo-boxer-ad8ab68f2cee980ab738.svg);
}
span.t2-icon.t2-logo-comhem {
  background-image: url(/sales/assets/images/logo-comhem-4511c9ef6dac2ea40379.svg);
}
span.t2-icon.t2-logo-comhemplay {
  background-image: url(/sales/assets/images/logo-comhemplay-21e0581a74a66c2408f0.svg);
}
span.t2-icon.t2-logo-comviq {
  background-image: url(/sales/assets/images/logo-comviq-06495c809a1bc2ac5b24.svg);
}
span.t2-icon.t2-logo-itux {
  background-image: url(/sales/assets/images/logo-itux-dbfcfbaf2ba1cf5cbed9.svg);
}
span.t2-icon.t2-logo-tele2 {
  background-image: url(/sales/assets/images/logo-tele2-dd2896a50825c581ba8b.svg);
}
span.t2-icon.t2-logo-tele2play {
  background-image: url(/sales/assets/images/logo-tele2play-21e0581a74a66c2408f0.svg);
}
span.t2-icon.t2-menu {
  background-image: url(/sales/assets/images/menu-4b70e31934102aed8374.svg);
}
span.t2-icon.t2-message {
  background-image: url(/sales/assets/images/message-17f388170ca81f761ca3.svg);
}
span.t2-icon.t2-message-dots {
  background-image: url(/sales/assets/images/message-dots-c3427b16423dc652a04d.svg);
}
span.t2-icon.t2-minus {
  background-image: url(/sales/assets/images/minus-0b06d566758f5566f6da.svg);
}
span.t2-icon.t2-mobile-phone {
  background-image: url(/sales/assets/images/mobile-phone-72bb5d6b50f5f6c53663.svg);
}
span.t2-icon.t2-notification-important {
  background-image: url(/sales/assets/images/notification-important-a93bd5b0ddf6c1060594.svg);
}
span.t2-icon.t2-offer {
  background-image: url(/sales/assets/images/offer-e5da6857449bbf1df3ff.svg);
}
span.t2-icon.t2-overview {
  background-image: url(/sales/assets/images/overview-69b3e86e12804448394f.svg);
}
span.t2-icon.t2-pencil {
  background-image: url(/sales/assets/images/pencil-d291c40976da25f20a1d.svg);
}
span.t2-icon.t2-people {
  background-image: url(/sales/assets/images/people-20785a92f4657ac214a3.svg);
}
span.t2-icon.t2-percent {
  background-image: url(/sales/assets/images/percent-288a187dd637c8e00414.svg);
}
span.t2-icon.t2-person {
  background-image: url(/sales/assets/images/person-578e4e81cd1893980e42.svg);
}
span.t2-icon.t2-phone {
  background-image: url(/sales/assets/images/phone-bbf47aeacc3b98841bae.svg);
}
span.t2-icon.t2-plus {
  background-image: url(/sales/assets/images/plus-15a633719d8441687ea5.svg);
}
span.t2-icon.t2-portfolio {
  background-image: url(/sales/assets/images/portfolio-6b78a09635a2c8249f3d.svg);
}
span.t2-icon.t2-question-mark {
  background-image: url(/sales/assets/images/question-mark-4c4162f641a63ce35780.svg);
}
span.t2-icon.t2-receipt {
  background-image: url(/sales/assets/images/receipt-c9a3838d1a6ce47e71f6.svg);
}
span.t2-icon.t2-reload {
  background-image: url(/sales/assets/images/reload-1e8fa2c390cf132db113.svg);
}
span.t2-icon.t2-repeat {
  background-image: url(/sales/assets/images/repeat-40ff693d11768b6b4ba5.svg);
}
span.t2-icon.t2-router {
  background-image: url(/sales/assets/images/router-11073b252c5ba31fb47a.svg);
}
span.t2-icon.t2-save {
  background-image: url(/sales/assets/images/save-fed98107b1900f6cb6a3.svg);
}
span.t2-icon.t2-search {
  background-image: url(/sales/assets/images/search-bb10be436042d4332c99.svg);
}
span.t2-icon.t2-settings-applications {
  background-image: url(/sales/assets/images/settings-applications-1a1ef353af5a4eb29772.svg);
}
span.t2-icon.t2-shield {
  background-image: url(/sales/assets/images/shield-7a81448be2c2c7b5f601.svg);
}
span.t2-icon.t2-shift-left {
  background-image: url(/sales/assets/images/shift-left-7a2ae3534983b2ff7f1a.svg);
}
span.t2-icon.t2-shift-right {
  background-image: url(/sales/assets/images/shift-right-89913b7fd73025e46187.svg);
}
span.t2-icon.t2-shopping-cart {
  background-image: url(/sales/assets/images/shopping-cart-869853d941af0df90388.svg);
}
span.t2-icon.t2-signal-wifi-off {
  background-image: url(/sales/assets/images/signal-wifi-off-e084877753c30c9689e2.svg);
}
span.t2-icon.t2-sim-card {
  background-image: url(/sales/assets/images/sim-card-8ea67a3fc82a1c336cde.svg);
}
span.t2-icon.t2-socket-2 {
  background-image: url(/sales/assets/images/socket-2-2bbeae43fb64e6f56200.svg);
}
span.t2-icon.t2-socket-3 {
  background-image: url(/sales/assets/images/socket-3-1e48c2dab79bc72a3aed.svg);
}
span.t2-icon.t2-socket-2-alt {
  background-image: url(/sales/assets/images/socket-2-alt-1d86690e4951a95081c4.svg);
}
span.t2-icon.t2-socket-3-alt {
  background-image: url(/sales/assets/images/socket-3-alt-b1a0ea2e1024dcdd8378.svg);
}
span.t2-icon.t2-socket-fiber {
  background-image: url(/sales/assets/images/socket-fiber-e6e58acd51987e3e6099.svg);
}
span.t2-icon.t2-store {
  background-image: url(/sales/assets/images/store-6de4e3034a201d4d3992.svg);
}
span.t2-icon.t2-subscriptions {
  background-image: url(/sales/assets/images/subscriptions-74b07c5c8f0488d40eeb.svg);
}
span.t2-icon.t2-support-agent {
  background-image: url(/sales/assets/images/support-agent-6e950d65009f458177be.svg);
}
span.t2-icon.t2-swap-horizontal {
  background-image: url(/sales/assets/images/swap-horizontal-7d005d5fcf050ec16ba8.svg);
}
span.t2-icon.t2-sync {
  background-image: url(/sales/assets/images/sync-3e1cf2f1ed40efe038c8.svg);
}
span.t2-icon.t2-tag {
  background-image: url(/sales/assets/images/tag-babe16374a1e4d87860b.svg);
}
span.t2-icon.t2-tag-star {
  background-image: url(/sales/assets/images/tag-star-d5d5c216640e949ac724.svg);
}
span.t2-icon.t2-tag-star-black {
  background-image: url(/sales/assets/images/tag-star-black-70f32a04b58dd6c07478.svg);
}
span.t2-icon.t2-trash {
  background-image: url(/sales/assets/images/trash-bin-b845db55cc9db384a6fc.svg);
}
span.t2-icon.t2-tv {
  background-image: url(/sales/assets/images/tv-3224900c8442a6a55d8b.svg);
}
span.t2-icon.t2-tv-wifi {
  background-image: url(/sales/assets/images/tv-wifi-fed401cddcae764facd5.svg);
}
span.t2-icon.t2-warn {
  background-image: url(/sales/assets/images/warning-e3c4b1899ad94706c4f9.svg);
}
span.t2-icon.t2-wifi {
  background-image: url(/sales/assets/images/wifi-5c9ec5b294a373a4a589.svg);
}
button.t2-link,
a.t2-link {
  box-sizing: border-box;
  color: var(--t2-color-link, #1067d0);
  text-decoration: none;
}
button.t2-link *,
a.t2-link *,
button.t2-link *::before,
a.t2-link *::before,
button.t2-link *::after,
a.t2-link *::after {
  box-sizing: border-box;
}
button.t2-link:hover,
a.t2-link:hover,
button.t2-link:focus,
a.t2-link:focus {
  text-decoration: underline;
}
button.t2-link:focus,
a.t2-link:focus {
  outline: none;
}
button.t2-link {
  border: none;
  background-color: transparent;
  cursor: pointer;
}
ul.t2-simple,
ul.t2-card,
ul.t2-secondary {
  box-sizing: border-box;
  padding-left: 0;
  list-style-type: none;
}
ul.t2-simple *,
ul.t2-card *,
ul.t2-secondary *,
ul.t2-simple *::before,
ul.t2-card *::before,
ul.t2-secondary *::before,
ul.t2-simple *::after,
ul.t2-card *::after,
ul.t2-secondary *::after {
  box-sizing: border-box;
}
ul.t2-simple > li,
ul.t2-card > li {
  padding: 16px;
  border: 1px solid var(--t2-color-border, #dcdcde);
}
ul.t2-simple > li:not(:last-child),
ul.t2-card > li:not(:last-child) {
  border-bottom: none;
}
ul.t2-simple > li.t2-disabled,
ul.t2-card > li.t2-disabled {
  background-color: var(--t2-color-input-disabled, #f1f1f1);
  opacity: 0.5;
}
ul.t2-simple.t2-clickable > li:not(.t2-disabled):hover,
ul.t2-card.t2-clickable > li:not(.t2-disabled):hover {
  cursor: pointer;
  background-color: var(--t2-color-ghost-hover, #f5f5f5);
}
ul.t2-simple.t2-clickable.t2-arrow > li,
ul.t2-card.t2-clickable.t2-arrow > li {
  background-image: url(/sales/assets/images/arrow-right-3cb88f27eec92d10eb6b.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-origin: content-box;
}
ul.t2-simple.t2-clickable > li div.t2-checkbox,
ul.t2-card.t2-clickable > li div.t2-checkbox,
ul.t2-simple.t2-clickable > li div.t2-radio,
ul.t2-card.t2-clickable > li div.t2-radio {
  margin: -11px;
}
ul.t2-simple.t2-clickable > li div.t2-checkbox > input[type="checkbox"]:not(:checked):not([disabled]) + label:hover::before,
ul.t2-card.t2-clickable > li div.t2-checkbox > input[type="checkbox"]:not(:checked):not([disabled]) + label:hover::before,
ul.t2-simple.t2-clickable > li div.t2-radio > input[type="radio"]:not(:checked):not([disabled]) + label:hover::before,
ul.t2-card.t2-clickable > li div.t2-radio > input[type="radio"]:not(:checked):not([disabled]) + label:hover::before {
  border: 1px solid var(--t2-color-border, #dcdcde);
}
ul.t2-simple > li {
  border-left: none;
  border-right: none;
}
ul.t2-card > li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
ul.t2-card > li:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
ul.t2-secondary {
  background-color: var(--t2-color-offset-bg, #f5f5f5);
  font-size: 14px;
  border-radius: 2px;
}
ul.t2-secondary > li {
  padding: 7px 0;
  margin: 0 12px;
}
ul.t2-secondary > li:not(:first-child) {
  border-top: 1px solid var(--t2-color-border, #dcdcde);
}
ul.t2-secondary > li:first-child {
  padding-top: 8px;
}
ul.t2-secondary > li:last-child {
  padding-bottom: 8px;
}
span.t2-logo {
  box-sizing: border-box;
  display: inline-block;
  background-repeat: no-repeat;
}
span.t2-logo *,
span.t2-logo *::before,
span.t2-logo *::after {
  box-sizing: border-box;
}
span.t2-logo.t2-comhem {
  background-image: url(/sales/assets/images/comhem-eed80d48482916e6af80.svg);
  width: 113.94251094px;
  height: 28px;
  background-size: 113.94251094px 28px;
}
span.t2-logo.t2-itux {
  background-image: url(/sales/assets/images/itux-52ea6f87df4ddb7201f0.svg);
  width: 78.77966102px;
  height: 28px;
  background-size: 78.77966102px 28px;
}
span.t2-logo.t2-tele2 {
  background-image: url(/sales/assets/images/tele2-23cb5d4b105e6a49dc72.svg);
  width: 58.15384615px;
  height: 32px;
  background-size: 58.15384615px 32px;
}
span.t2-logo.t2-tele2-white {
  background-image: url(/sales/assets/images/tele2-white-041fefba82947dc4a1ef.svg);
  width: 58.15384615px;
  height: 32px;
  background-size: 58.15384615px 32px;
}
span.t2-logo.t2-tele2-b2b {
  background-image: url(/sales/assets/images/tele2-b2b-540d24dbd5d748fb1475.svg);
  width: 52.53731343px;
  height: 40px;
  background-size: 52.53731343px 40px;
}
span.t2-logo.t2-tele2-b2b-white {
  background-image: url(/sales/assets/images/tele2-b2b-white-c8b02e7ddd7a3bb5330d.svg);
  width: 52.53731343px;
  height: 40px;
  background-size: 52.53731343px 40px;
}
span.t2-logo.t2-comviq {
  background-image: url(/sales/assets/images/comviq-b5725927f6de8ba6b556.svg);
  width: 83.33333333px;
  height: 20px;
  background-size: 83.33333333px 20px;
}
span.t2-logo.t2-boxer {
  background-image: url(/sales/assets/images/boxer-9e51b2ddebf634d86584.svg);
  width: 95.45532715px;
  height: 16px;
  background-size: 95.45532715px 16px;
}
span.t2-logo.t2-comhemplay {
  background-image: url(/sales/assets/images/comhemplay-db257b0359b45bf914b4.svg);
  width: 167.30434783px;
  height: 26px;
  background-size: 167.30434783px 26px;
}
span.t2-logo.t2-tele2play {
  background-image: url(/sales/assets/images/tele2play-1c882e51e093b137b5bf.svg);
  width: 127.5px;
  height: 25px;
  background-size: 127.5px 25px;
}
span.t2-logo.t2-tele2play-white {
  background-image: url(/sales/assets/images/tele2play-white-41401b83f7c60254b136.svg);
  width: 127.5px;
  height: 25px;
  background-size: 127.5px 25px;
}
div.t2-msg {
  box-sizing: border-box;
  border-radius: 2px;
  padding: 10px 12px 8px 11px;
  display: flex;
  align-items: center;
  background-color: var(--t2-color-offset-bg, #f5f5f5);
}
div.t2-msg *,
div.t2-msg *::before,
div.t2-msg *::after {
  box-sizing: border-box;
}
div.t2-msg:not(.t2-block) {
  width: fit-content;
}
div.t2-msg > span.t2-icon {
  filter: invert(23%) sepia(65%) saturate(3144%) hue-rotate(204deg) brightness(97%) contrast(87%);
  flex-shrink: 0;
  margin: -2px 8px 0 0;
}
div.t2-msg.t2-alert {
  color: var(--t2-color-alert, #b50d2b);
  background-color: var(--t2-color-alert-offset, #f7e6e9);
}
div.t2-msg.t2-alert > span.t2-icon {
  filter: invert(13%) sepia(82%) saturate(4237%) hue-rotate(340deg) brightness(86%) contrast(101%);
}
div.t2-msg.t2-com {
  background-color: var(--t2-color-com-offset, #fbf1e7);
}
div.t2-msg.t2-com > span.t2-icon {
  filter: invert(43%) sepia(72%) saturate(717%) hue-rotate(353deg) brightness(105%) contrast(88%);
}
div.t2-msg.t2-positive {
  background-color: var(--t2-color-positive-offset, #edf9f3);
}
div.t2-msg.t2-positive > span.t2-icon {
  filter: invert(51%) sepia(75%) saturate(515%) hue-rotate(97deg) brightness(92%) contrast(83%);
}
div.t2-msg.t2-ghost {
  background-color: transparent;
}
div.t2-msg > .t2-btn.t2-ghost {
  margin: -8px -10px -8px 0;
}
div.t2-msg > .t2-btn.t2-ghost:not([disabled]):hover,
div.t2-msg > .t2-btn.t2-ghost:not([disabled]):focus {
  background-color: transparent;
  border-color: transparent;
}
div.t2-price {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
div.t2-price *,
div.t2-price *::before,
div.t2-price *::after {
  box-sizing: border-box;
}
div.t2-price > span {
  color: var(--t2-color-heading, #000000);
}
div.t2-price > span:not(:first-child) {
  font-size: 14px;
  color: var(--t2-color-sub-text, #6c6d73);
  margin-top: 4px;
}
div.t2-radio {
  box-sizing: border-box;
  display: flex;
}
div.t2-radio *,
div.t2-radio *::before,
div.t2-radio *::after {
  box-sizing: border-box;
}
div.t2-radio > label {
  display: flex;
  align-items: center;
  padding: 10px 10px 8px 25px;
  border-radius: 2px;
}
div.t2-radio > label::before,
div.t2-radio > label::after {
  content: '';
  flex-shrink: 0;
  border-radius: 100%;
  margin-bottom: 2px;
}
div.t2-radio > label::before {
  background-color: var(--t2-color-app-bg, #ffffff);
  margin-right: 10px;
  margin-left: -15px;
  width: 20px;
  height: 20px;
  border: 1px solid var(--t2-color-border, #dcdcde);
}
div.t2-radio > label::after {
  z-index: 1;
  order: -1;
}
div.t2-radio > input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
div.t2-radio > input[type="radio"]:not([disabled]) + label {
  cursor: pointer;
}
div.t2-radio > input[type="radio"]:not([disabled]) + label:hover {
  background-color: var(--t2-color-ghost-hover, #f5f5f5);
}
div.t2-radio > input[type="radio"]:not([disabled]) + label:hover::before {
  border: 2px solid var(--t2-color-border-hover, #6c6d73);
}
div.t2-radio > input[type="radio"][disabled] + label {
  background-color: var(--t2-color-input-disabled, #f1f1f1);
  opacity: 0.5;
}
div.t2-radio > input[type="radio"][disabled] + label::before {
  border-color: var(--t2-color-btn-disabled, #dcdcde);
}
div.t2-radio > input[type="radio"][disabled] + label::after {
  background-color: var(--t2-color-btn-disabled, #dcdcde);
}
div.t2-radio > input[type="radio"]:checked + label {
  padding-left: 15px;
}
div.t2-radio > input[type="radio"]:checked + label::before {
  border-width: 2px;
  border-style: solid;
  z-index: 0;
}
div.t2-radio > input[type="radio"]:checked + label::after {
  height: 10px;
  width: 10px;
}
div.t2-radio > input[type="radio"]:checked:not([disabled]) + label::before {
  border-color: var(--t2-color-highlight, #1067d0);
}
div.t2-radio > input[type="radio"]:checked:not([disabled]) + label::after {
  background-color: var(--t2-color-highlight, #1067d0);
}
div.t2-radio > input[type="radio"]:checked[disabled] + label::before {
  border-color: var(--t2-color-btn-disabled, #dcdcde);
}
div.t2-radio > input[type="radio"]:checked[disabled] + label::after {
  background-color: var(--t2-color-btn-disabled, #dcdcde);
}
div.t2-radio.t2-border > label {
  border: 1px solid var(--t2-color-border, #dcdcde);
  padding: 13px 15px 11px 30px;
}
div.t2-radio.t2-border > input[type="radio"]:not([disabled]) + label:hover,
div.t2-radio.t2-border > input[type="radio"]:checked + label {
  border-width: 2px;
  padding: 12px 14px 10px 19px;
}
div.t2-radio.t2-border > input[type="radio"][disabled] + label {
  border-color: var(--t2-color-input-disabled, #f1f1f1);
  background-color: var(--t2-color-input-disabled, #f1f1f1);
}
div.t2-radio.t2-border > input[type="radio"]:checked:not([disabled]) + label {
  border-color: var(--t2-color-highlight, #1067d0);
}
div.t2-radio.t2-border > input[type="radio"]:not(:checked):not([disabled]) + label:hover {
  border-color: var(--t2-color-border-hover, #6c6d73);
  padding-left: 29px;
}
div.t2-radio.t2-block > label {
  flex-grow: 1;
}
.t2-spinner {
  box-sizing: border-box;
  height: 22px;
  width: 22px;
  border: solid var(--t2-color-border-hover, #6c6d73) 2px;
  border-radius: 50%;
  clip: rect(0 24px 10px 0);
  animation: t2-spinner-animation 1.3s infinite linear;
}
.t2-spinner *,
.t2-spinner *::before,
.t2-spinner *::after {
  box-sizing: border-box;
}
@keyframes t2-spinner-animation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(160deg);
    clip: rect(0 5px 9px 0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.t2-sticker {
  box-sizing: border-box;
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  width: fit-content;
  max-height: 20px;
  font-size: 14px;
  background-color: var(--t2-color-offset-bg, #f5f5f5);
}
.t2-sticker *,
.t2-sticker *::before,
.t2-sticker *::after {
  box-sizing: border-box;
}
.t2-sticker > .t2-icon {
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  margin-right: 8px;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
ul.t2-tabs {
  box-sizing: border-box;
  padding-left: 0;
  list-style-type: none;
  display: inline-flex;
}
ul.t2-tabs *,
ul.t2-tabs *::before,
ul.t2-tabs *::after {
  box-sizing: border-box;
}
ul.t2-tabs > li {
  cursor: pointer;
  font-size: 16px;
  color: var(--t2-color-tab-option, #6c6d73);
  padding-bottom: 5px;
  margin-right: 17px;
}
ul.t2-tabs > li:last-child {
  margin-right: 0;
}
ul.t2-tabs > li:hover {
  color: var(--t2-color-text-hover, #000000);
}
ul.t2-tabs > li.t2-selected {
  cursor: default;
  color: var(--t2-color-highlight, #1067d0);
  border-bottom: 2px solid var(--t2-color-highlight, #1067d0);
}
ul.t2-tabs > li.t2-disabled {
  cursor: default;
  opacity: 0.5;
}
.t2-text-info {
  box-sizing: border-box;
}
.t2-text-info *,
.t2-text-info *::before,
.t2-text-info *::after {
  box-sizing: border-box;
}
.t2-text-info > div {
  display: flex;
  align-items: center;
}
.t2-text-info > div:first-child {
  color: var(--t2-color-sub-text, #6c6d73);
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 4px;
}
.t2-text-info > div:last-child {
  color: var(--t2-color-heading, #000000);
}
.t2-text-info.t2-sm > div:first-child {
  font-size: 12px;
}
.t2-text-info.t2-md > div:last-child {
  font-size: 18px;
}
.t2-text-info.t2-btn.t2-ghost {
  border-radius: 4px;
}
.t2-text-info.t2-btn.t2-ghost > div:last-child {
  font-size: 18px;
}
.t2-text-info span.t2-icon {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  margin-left: 5px;
}
.t2-text-info > div:first-child > span.t2-icon {
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  filter: invert(45%) sepia(5%) saturate(457%) hue-rotate(194deg) brightness(92%) contrast(86%);
}
div.t2-input-text,
div.t2-input-password,
div.t2-input-search {
  box-sizing: border-box;
  position: relative;
}
div.t2-input-text *,
div.t2-input-password *,
div.t2-input-search *,
div.t2-input-text *::before,
div.t2-input-password *::before,
div.t2-input-search *::before,
div.t2-input-text *::after,
div.t2-input-password *::after,
div.t2-input-search *::after {
  box-sizing: border-box;
}
div.t2-input-text input[type=number],
div.t2-input-password input[type=number],
div.t2-input-search input[type=number] {
  -moz-appearance: textfield;
}
div.t2-input-text input[type=number]::-webkit-outer-spin-button,
div.t2-input-password input[type=number]::-webkit-outer-spin-button,
div.t2-input-search input[type=number]::-webkit-outer-spin-button,
div.t2-input-text input[type=number]::-webkit-inner-spin-button,
div.t2-input-password input[type=number]::-webkit-inner-spin-button,
div.t2-input-search input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
div.t2-input-text:not(.t2-block),
div.t2-input-password:not(.t2-block),
div.t2-input-search:not(.t2-block) {
  display: inline-block;
  width: 250px;
}
div.t2-input-text > input,
div.t2-input-password > input,
div.t2-input-search > input,
div.t2-input-text > textarea,
div.t2-input-password > textarea,
div.t2-input-search > textarea {
  border-radius: 2px;
  outline: none;
  width: 100%;
  font-size: 16px;
  border: 1px solid var(--t2-color-border, #dcdcde);
  padding: 14px;
  background-color: var(--t2-color-input, #ffffff);
}
div.t2-input-text > input:-webkit-autofill,
div.t2-input-password > input:-webkit-autofill,
div.t2-input-search > input:-webkit-autofill,
div.t2-input-text > textarea:-webkit-autofill,
div.t2-input-password > textarea:-webkit-autofill,
div.t2-input-search > textarea:-webkit-autofill,
div.t2-input-text > input:-webkit-autofill:hover,
div.t2-input-password > input:-webkit-autofill:hover,
div.t2-input-search > input:-webkit-autofill:hover,
div.t2-input-text > textarea:-webkit-autofill:hover,
div.t2-input-password > textarea:-webkit-autofill:hover,
div.t2-input-search > textarea:-webkit-autofill:hover,
div.t2-input-text > input:-webkit-autofill:focus,
div.t2-input-password > input:-webkit-autofill:focus,
div.t2-input-search > input:-webkit-autofill:focus,
div.t2-input-text > textarea:-webkit-autofill:focus,
div.t2-input-password > textarea:-webkit-autofill:focus,
div.t2-input-search > textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--t2-color-body-text, #3a3b3f);
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}
div.t2-input-text > input::placeholder,
div.t2-input-password > input::placeholder,
div.t2-input-search > input::placeholder,
div.t2-input-text > textarea::placeholder,
div.t2-input-password > textarea::placeholder,
div.t2-input-search > textarea::placeholder {
  visibility: hidden;
  color: var(--t2-color-placeholder-text, #6c6d73);
}
div.t2-input-text > input + label,
div.t2-input-password > input + label,
div.t2-input-search > input + label,
div.t2-input-text > textarea + label,
div.t2-input-password > textarea + label,
div.t2-input-search > textarea + label {
  pointer-events: none;
  transition: 0.2s ease all;
}
div.t2-input-text > input:placeholder-shown + label,
div.t2-input-password > input:placeholder-shown + label,
div.t2-input-search > input:placeholder-shown + label,
div.t2-input-text > textarea:placeholder-shown + label,
div.t2-input-password > textarea:placeholder-shown + label,
div.t2-input-search > textarea:placeholder-shown + label {
  position: absolute;
  left: 10px;
  top: 13px;
  font-size: 16px;
}
div.t2-input-text > input + label,
div.t2-input-password > input + label,
div.t2-input-search > input + label,
div.t2-input-text > textarea + label,
div.t2-input-password > textarea + label,
div.t2-input-search > textarea + label,
div.t2-input-text > input:-webkit-autofill + label,
div.t2-input-password > input:-webkit-autofill + label,
div.t2-input-search > input:-webkit-autofill + label,
div.t2-input-text > textarea:-webkit-autofill + label,
div.t2-input-password > textarea:-webkit-autofill + label,
div.t2-input-search > textarea:-webkit-autofill + label,
div.t2-input-text > input:not([disabled]):active + label,
div.t2-input-password > input:not([disabled]):active + label,
div.t2-input-search > input:not([disabled]):active + label,
div.t2-input-text > textarea:not([disabled]):active + label,
div.t2-input-password > textarea:not([disabled]):active + label,
div.t2-input-search > textarea:not([disabled]):active + label,
div.t2-input-text > input:not([disabled]):focus + label,
div.t2-input-password > input:not([disabled]):focus + label,
div.t2-input-search > input:not([disabled]):focus + label,
div.t2-input-text > textarea:not([disabled]):focus + label,
div.t2-input-password > textarea:not([disabled]):focus + label,
div.t2-input-search > textarea:not([disabled]):focus + label {
  position: absolute;
  left: 10px;
  top: -7px;
  font-size: 12px;
  background-color: var(--t2-color-input, #ffffff);
  color: var(--t2-color-sub-text, #6c6d73);
  padding: 2px 6px;
  border-radius: 2px;
}
div.t2-input-text > input:active:not([disabled]):not([readonly]) + label,
div.t2-input-password > input:active:not([disabled]):not([readonly]) + label,
div.t2-input-search > input:active:not([disabled]):not([readonly]) + label,
div.t2-input-text > textarea:active:not([disabled]):not([readonly]) + label,
div.t2-input-password > textarea:active:not([disabled]):not([readonly]) + label,
div.t2-input-search > textarea:active:not([disabled]):not([readonly]) + label,
div.t2-input-text > input:focus:not([disabled]):not([readonly]) + label,
div.t2-input-password > input:focus:not([disabled]):not([readonly]) + label,
div.t2-input-search > input:focus:not([disabled]):not([readonly]) + label,
div.t2-input-text > textarea:focus:not([disabled]):not([readonly]) + label,
div.t2-input-password > textarea:focus:not([disabled]):not([readonly]) + label,
div.t2-input-search > textarea:focus:not([disabled]):not([readonly]) + label {
  color: var(--t2-color-highlight, #1067d0);
}
div.t2-input-text > input:hover:not([active]):not([readonly]),
div.t2-input-password > input:hover:not([active]):not([readonly]),
div.t2-input-search > input:hover:not([active]):not([readonly]),
div.t2-input-text > textarea:hover:not([active]):not([readonly]),
div.t2-input-password > textarea:hover:not([active]):not([readonly]),
div.t2-input-search > textarea:hover:not([active]):not([readonly]),
div.t2-input-text > input:hover:not([focus]):not([readonly]),
div.t2-input-password > input:hover:not([focus]):not([readonly]),
div.t2-input-search > input:hover:not([focus]):not([readonly]),
div.t2-input-text > textarea:hover:not([focus]):not([readonly]),
div.t2-input-password > textarea:hover:not([focus]):not([readonly]),
div.t2-input-search > textarea:hover:not([focus]):not([readonly]) {
  outline: none;
  border: 2px solid var(--t2-color-border-hover, #6c6d73);
  padding: 13px;
}
div.t2-input-text > input:active:not([readonly]),
div.t2-input-password > input:active:not([readonly]),
div.t2-input-search > input:active:not([readonly]),
div.t2-input-text > textarea:active:not([readonly]),
div.t2-input-password > textarea:active:not([readonly]),
div.t2-input-search > textarea:active:not([readonly]),
div.t2-input-text > input:focus:not([readonly]),
div.t2-input-password > input:focus:not([readonly]),
div.t2-input-search > input:focus:not([readonly]),
div.t2-input-text > textarea:focus:not([readonly]),
div.t2-input-password > textarea:focus:not([readonly]),
div.t2-input-search > textarea:focus:not([readonly]),
div.t2-input-text > input:hover:active:not([readonly]),
div.t2-input-password > input:hover:active:not([readonly]),
div.t2-input-search > input:hover:active:not([readonly]),
div.t2-input-text > textarea:hover:active:not([readonly]),
div.t2-input-password > textarea:hover:active:not([readonly]),
div.t2-input-search > textarea:hover:active:not([readonly]),
div.t2-input-text > input:hover:focus:not([readonly]),
div.t2-input-password > input:hover:focus:not([readonly]),
div.t2-input-search > input:hover:focus:not([readonly]),
div.t2-input-text > textarea:hover:focus:not([readonly]),
div.t2-input-password > textarea:hover:focus:not([readonly]),
div.t2-input-search > textarea:hover:focus:not([readonly]) {
  outline: none;
  border: 2px solid var(--t2-color-highlight, #1067d0);
  padding: 13px;
}
div.t2-input-text > input[readonly],
div.t2-input-password > input[readonly],
div.t2-input-search > input[readonly],
div.t2-input-text > textarea[readonly],
div.t2-input-password > textarea[readonly],
div.t2-input-search > textarea[readonly] {
  cursor: default;
}
div.t2-input-text > .t2-icon,
div.t2-input-password > .t2-icon,
div.t2-input-search > .t2-icon {
  filter: invert(82%) sepia(5%) saturate(294%) hue-rotate(189deg) brightness(87%) contrast(92%);
}
div.t2-input-text > .t2-icon:hover,
div.t2-input-password > .t2-icon:hover,
div.t2-input-search > .t2-icon:hover {
  cursor: pointer;
  filter: invert(20%) sepia(5%) saturate(690%) hue-rotate(191deg) brightness(91%) contrast(86%);
}
div.t2-input-text > textarea,
div.t2-input-password > textarea,
div.t2-input-search > textarea {
  resize: vertical;
}
div.t2-input-text.t2-optional::after,
div.t2-input-password.t2-optional::after,
div.t2-input-search.t2-optional::after {
  display: block;
  content: "Valfritt";
  margin-top: 5px;
  font-size: 12px;
  color: var(--t2-color-sub-text, #6c6d73);
}
div.t2-input-text.t2-validation,
div.t2-input-password.t2-validation,
div.t2-input-search.t2-validation {
  position: relative;
}
div.t2-input-text.t2-validation > input:active:not([readonly]):only-of-type,
div.t2-input-password.t2-validation > input:active:not([readonly]):only-of-type,
div.t2-input-search.t2-validation > input:active:not([readonly]):only-of-type,
div.t2-input-text.t2-validation > input:focus:not([readonly]):only-of-type,
div.t2-input-password.t2-validation > input:focus:not([readonly]):only-of-type,
div.t2-input-search.t2-validation > input:focus:not([readonly]):only-of-type,
div.t2-input-text.t2-validation > input:hover:active:not([readonly]):only-of-type,
div.t2-input-password.t2-validation > input:hover:active:not([readonly]):only-of-type,
div.t2-input-search.t2-validation > input:hover:active:not([readonly]):only-of-type,
div.t2-input-text.t2-validation > input:hover:focus:not([readonly]):only-of-type,
div.t2-input-password.t2-validation > input:hover:focus:not([readonly]):only-of-type,
div.t2-input-search.t2-validation > input:hover:focus:not([readonly]):only-of-type {
  padding-right: 84px;
}
div.t2-input-text.t2-validation > .t2-btn.t2-ghost,
div.t2-input-password.t2-validation > .t2-btn.t2-ghost,
div.t2-input-search.t2-validation > .t2-btn.t2-ghost {
  position: absolute;
  z-index: 1;
  right: 8px;
  top: 10px;
}
div.t2-input-text.t2-validation > .t2-btn.t2-ghost:not(:hover):not(:focus):not(:active),
div.t2-input-password.t2-validation > .t2-btn.t2-ghost:not(:hover):not(:focus):not(:active),
div.t2-input-search.t2-validation > .t2-btn.t2-ghost:not(:hover):not(:focus):not(:active) {
  background-color: var(--t2-color-input, #ffffff);
}
div.t2-input-text.t2-validation > .t2-btn.t2-ghost:not(:active),
div.t2-input-password.t2-validation > .t2-btn.t2-ghost:not(:active),
div.t2-input-search.t2-validation > .t2-btn.t2-ghost:not(:active) {
  visibility: hidden;
}
div.t2-input-text.t2-validation:not(.t2-in-progress) > input:active:not([readonly]):not([disabled]) ~ .t2-btn.t2-ghost,
div.t2-input-password.t2-validation:not(.t2-in-progress) > input:active:not([readonly]):not([disabled]) ~ .t2-btn.t2-ghost,
div.t2-input-search.t2-validation:not(.t2-in-progress) > input:active:not([readonly]):not([disabled]) ~ .t2-btn.t2-ghost,
div.t2-input-text.t2-validation:not(.t2-in-progress) > input:focus:not([readonly]):not([disabled]) ~ .t2-btn.t2-ghost,
div.t2-input-password.t2-validation:not(.t2-in-progress) > input:focus:not([readonly]):not([disabled]) ~ .t2-btn.t2-ghost,
div.t2-input-search.t2-validation:not(.t2-in-progress) > input:focus:not([readonly]):not([disabled]) ~ .t2-btn.t2-ghost,
div.t2-input-text.t2-validation:not(.t2-in-progress) > input:hover:active:not([readonly]):not([disabled]) ~ .t2-btn.t2-ghost,
div.t2-input-password.t2-validation:not(.t2-in-progress) > input:hover:active:not([readonly]):not([disabled]) ~ .t2-btn.t2-ghost,
div.t2-input-search.t2-validation:not(.t2-in-progress) > input:hover:active:not([readonly]):not([disabled]) ~ .t2-btn.t2-ghost,
div.t2-input-text.t2-validation:not(.t2-in-progress) > input:hover:focus:not([readonly]):not([disabled]) ~ .t2-btn.t2-ghost,
div.t2-input-password.t2-validation:not(.t2-in-progress) > input:hover:focus:not([readonly]):not([disabled]) ~ .t2-btn.t2-ghost,
div.t2-input-search.t2-validation:not(.t2-in-progress) > input:hover:focus:not([readonly]):not([disabled]) ~ .t2-btn.t2-ghost {
  visibility: visible;
}
div.t2-input-text.t2-validation.t2-valid::after,
div.t2-input-password.t2-validation.t2-valid::after,
div.t2-input-search.t2-validation.t2-valid::after {
  background-image: url(/sales/assets/images/check-30acac4ad1f9f860f353.svg);
  filter: invert(51%) sepia(75%) saturate(515%) hue-rotate(97deg) brightness(92%) contrast(83%);
}
div.t2-input-text > input[disabled],
div.t2-input-password > input[disabled],
div.t2-input-search > input[disabled],
div.t2-input-text > textarea[disabled],
div.t2-input-password > textarea[disabled],
div.t2-input-search > textarea[disabled] {
  background-color: var(--t2-color-input-disabled, #f1f1f1);
  border-color: var(--t2-color-input-disabled, #f1f1f1);
  opacity: 0.5;
}
div.t2-input-text > input[disabled]:-webkit-autofill,
div.t2-input-password > input[disabled]:-webkit-autofill,
div.t2-input-search > input[disabled]:-webkit-autofill,
div.t2-input-text > textarea[disabled]:-webkit-autofill,
div.t2-input-password > textarea[disabled]:-webkit-autofill,
div.t2-input-search > textarea[disabled]:-webkit-autofill,
div.t2-input-text > input[disabled]:-webkit-autofill:hover,
div.t2-input-password > input[disabled]:-webkit-autofill:hover,
div.t2-input-search > input[disabled]:-webkit-autofill:hover,
div.t2-input-text > textarea[disabled]:-webkit-autofill:hover,
div.t2-input-password > textarea[disabled]:-webkit-autofill:hover,
div.t2-input-search > textarea[disabled]:-webkit-autofill:hover,
div.t2-input-text > input[disabled]:-webkit-autofill:focus,
div.t2-input-password > input[disabled]:-webkit-autofill:focus,
div.t2-input-search > input[disabled]:-webkit-autofill:focus,
div.t2-input-text > textarea[disabled]:-webkit-autofill:focus,
div.t2-input-password > textarea[disabled]:-webkit-autofill:focus,
div.t2-input-search > textarea[disabled]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #f1f1f1 inset;
}
div.t2-input-text > input[disabled]::placeholder,
div.t2-input-password > input[disabled]::placeholder,
div.t2-input-search > input[disabled]::placeholder,
div.t2-input-text > textarea[disabled]::placeholder,
div.t2-input-password > textarea[disabled]::placeholder,
div.t2-input-search > textarea[disabled]::placeholder {
  visibility: hidden;
}
div.t2-input-text > input[disabled] + label,
div.t2-input-password > input[disabled] + label,
div.t2-input-search > input[disabled] + label,
div.t2-input-text > textarea[disabled] + label,
div.t2-input-password > textarea[disabled] + label,
div.t2-input-search > textarea[disabled] + label {
  background-color: var(--t2-color-input-disabled, #f1f1f1);
  opacity: 0.5;
}
div.t2-input-text > input[disabled]:hover:not([active]),
div.t2-input-password > input[disabled]:hover:not([active]),
div.t2-input-search > input[disabled]:hover:not([active]),
div.t2-input-text > textarea[disabled]:hover:not([active]),
div.t2-input-password > textarea[disabled]:hover:not([active]),
div.t2-input-search > textarea[disabled]:hover:not([active]),
div.t2-input-text > input[disabled]:hover:not([focus]),
div.t2-input-password > input[disabled]:hover:not([focus]),
div.t2-input-search > input[disabled]:hover:not([focus]),
div.t2-input-text > textarea[disabled]:hover:not([focus]),
div.t2-input-password > textarea[disabled]:hover:not([focus]),
div.t2-input-search > textarea[disabled]:hover:not([focus]),
div.t2-input-text > input[disabled]:active,
div.t2-input-password > input[disabled]:active,
div.t2-input-search > input[disabled]:active,
div.t2-input-text > textarea[disabled]:active,
div.t2-input-password > textarea[disabled]:active,
div.t2-input-search > textarea[disabled]:active,
div.t2-input-text > input[disabled]:focus,
div.t2-input-password > input[disabled]:focus,
div.t2-input-search > input[disabled]:focus,
div.t2-input-text > textarea[disabled]:focus,
div.t2-input-password > textarea[disabled]:focus,
div.t2-input-search > textarea[disabled]:focus,
div.t2-input-text > input[disabled]:hover:active,
div.t2-input-password > input[disabled]:hover:active,
div.t2-input-search > input[disabled]:hover:active,
div.t2-input-text > textarea[disabled]:hover:active,
div.t2-input-password > textarea[disabled]:hover:active,
div.t2-input-search > textarea[disabled]:hover:active,
div.t2-input-text > input[disabled]:hover:focus,
div.t2-input-password > input[disabled]:hover:focus,
div.t2-input-search > input[disabled]:hover:focus,
div.t2-input-text > textarea[disabled]:hover:focus,
div.t2-input-password > textarea[disabled]:hover:focus,
div.t2-input-search > textarea[disabled]:hover:focus {
  border-color: var(--t2-color-input-disabled, #f1f1f1);
}
div.t2-input-text.t2-in-progress::after,
div.t2-input-password.t2-in-progress::after,
div.t2-input-search.t2-in-progress::after {
  box-sizing: border-box;
  height: 22px;
  width: 22px;
  border: solid var(--t2-color-border-hover, #6c6d73) 2px;
  border-radius: 50%;
  clip: rect(0 24px 10px 0);
  animation: t2-spinner-animation 1.3s infinite linear;
  content: '';
  position: absolute;
  right: 14px;
  top: 13px;
}
div.t2-input-text.t2-in-progress::after *,
div.t2-input-password.t2-in-progress::after *,
div.t2-input-search.t2-in-progress::after *,
div.t2-input-text.t2-in-progress::after *::before,
div.t2-input-password.t2-in-progress::after *::before,
div.t2-input-search.t2-in-progress::after *::before,
div.t2-input-text.t2-in-progress::after *::after,
div.t2-input-password.t2-in-progress::after *::after,
div.t2-input-search.t2-in-progress::after *::after {
  box-sizing: border-box;
}
div.t2-input-text.t2-in-progress > span.t2-icon,
div.t2-input-password.t2-in-progress > span.t2-icon,
div.t2-input-search.t2-in-progress > span.t2-icon {
  display: none;
}
div.t2-input-text > .t2-icon,
div.t2-input-password > .t2-icon,
div.t2-input-search::after,
div.t2-input-text.t2-error::after,
div.t2-input-text.t2-valid::after,
div.t2-input-search.t2-error::after {
  position: absolute;
  right: 14px;
  top: 14px;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}
div.t2-input-search::after,
div.t2-input-text.t2-error::after,
div.t2-input-text.t2-valid::after,
div.t2-input-search.t2-error::after {
  content: '';
  display: inline-block;
}
div.t2-input-search > input {
  background-color: var(--t2-color-input-search, #f5f5f5);
  border-color: var(--t2-color-input-search, #f5f5f5);
}
div.t2-input-search > input::placeholder {
  visibility: visible;
}
div.t2-input-search > input:active:not([readonly]),
div.t2-input-search > input:focus:not([readonly]),
div.t2-input-search > input:hover:not([active]):not([readonly]),
div.t2-input-search > input:hover:not([focus]):not([readonly]),
div.t2-input-search > input:hover:active:not([readonly]),
div.t2-input-search > input:hover:focus:not([readonly]) {
  border-color: var(--t2-color-input-search, #f5f5f5);
}
div.t2-input-search > input:active:not([readonly])::placeholder,
div.t2-input-search > input:focus:not([readonly])::placeholder,
div.t2-input-search > input:hover:active:not([readonly])::placeholder,
div.t2-input-search > input:hover:focus:not([readonly])::placeholder {
  color: var(--t2-color-placeholder-text-when-focused, #b0b2b9);
}
div.t2-input-search:not(.t2-in-progress)::after {
  background-image: url(/sales/assets/images/search-bb10be436042d4332c99.svg);
  filter: invert(45%) sepia(5%) saturate(457%) hue-rotate(194deg) brightness(92%) contrast(86%);
}
div.t2-input-search.t2-customer:not(.t2-block) {
  width: 286px;
}
div.t2-input-search.t2-customer > input {
  font-size: 18px;
  text-align: center;
  padding-right: 14px !important;
}
div.t2-input-search.t2-customer:not(.t2-in-progress)::after {
  background-image: none;
}
div.t2-input-text.t2-error::after,
div.t2-input-search.t2-error::after {
  background-image: url(/sales/assets/images/info-e4c854a18949d21808eb.svg);
  filter: invert(13%) sepia(82%) saturate(4237%) hue-rotate(340deg) brightness(86%) contrast(101%);
}
div.t2-input-text.t2-error > input,
div.t2-input-search.t2-error > input,
div.t2-input-text.t2-error > textarea,
div.t2-input-search.t2-error > textarea {
  color: var(--t2-color-alert, #b50d2b);
  border: 1px solid var(--t2-color-alert, #b50d2b);
}
div.t2-input-text.t2-error > input:hover:not([active]),
div.t2-input-search.t2-error > input:hover:not([active]),
div.t2-input-text.t2-error > textarea:hover:not([active]),
div.t2-input-search.t2-error > textarea:hover:not([active]),
div.t2-input-text.t2-error > input:hover:not([focus]),
div.t2-input-search.t2-error > input:hover:not([focus]),
div.t2-input-text.t2-error > textarea:hover:not([focus]),
div.t2-input-search.t2-error > textarea:hover:not([focus]) {
  border: 2px solid var(--t2-color-alert, #b50d2b);
}
div.t2-input-text.t2-error > input:active,
div.t2-input-search.t2-error > input:active,
div.t2-input-text.t2-error > textarea:active,
div.t2-input-search.t2-error > textarea:active,
div.t2-input-text.t2-error > input:focus,
div.t2-input-search.t2-error > input:focus,
div.t2-input-text.t2-error > textarea:focus,
div.t2-input-search.t2-error > textarea:focus {
  border: 2px solid var(--t2-color-alert, #b50d2b);
}
div.t2-input-text.t2-error > input:active:not([disabled]):not([readonly]) + label,
div.t2-input-search.t2-error > input:active:not([disabled]):not([readonly]) + label,
div.t2-input-text.t2-error > textarea:active:not([disabled]):not([readonly]) + label,
div.t2-input-search.t2-error > textarea:active:not([disabled]):not([readonly]) + label,
div.t2-input-text.t2-error > input:focus:not([disabled]):not([readonly]) + label,
div.t2-input-search.t2-error > input:focus:not([disabled]):not([readonly]) + label,
div.t2-input-text.t2-error > textarea:focus:not([disabled]):not([readonly]) + label,
div.t2-input-search.t2-error > textarea:focus:not([disabled]):not([readonly]) + label {
  color: var(--t2-color-alert, #b50d2b);
}
div.t2-input-text.t2-error > input:hover:active,
div.t2-input-search.t2-error > input:hover:active,
div.t2-input-text.t2-error > textarea:hover:active,
div.t2-input-search.t2-error > textarea:hover:active,
div.t2-input-text.t2-error > input:hover:focus,
div.t2-input-search.t2-error > input:hover:focus,
div.t2-input-text.t2-error > textarea:hover:focus,
div.t2-input-search.t2-error > textarea:hover:focus {
  border: 2px solid var(--t2-color-alert, #b50d2b);
}
div.t2-input-text.t2-error > label,
div.t2-input-search.t2-error > label {
  color: var(--t2-color-alert, #b50d2b);
}
div.t2-input-search.t2-error > input {
  background-color: var(--t2-color-input, #ffffff);
}
span.t2-input-error-label,
span.t2-input-info-label {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}
span.t2-input-error-label {
  color: var(--t2-color-alert, #b50d2b);
}
span.t2-input-info-label {
  color: var(--t2-color-sub-text, #6c6d73);
}
div.t2-input-password > input,
div.t2-input-search > input,
div.t2-input-text.t2-error > input,
div.t2-input-text.t2-validation > input,
div.t2-input-search.t2-error > input,
div.t2-input-password > textarea,
div.t2-input-search > textarea,
div.t2-input-text.t2-error > textarea,
div.t2-input-text.t2-validation > textarea,
div.t2-input-search.t2-error > textarea {
  padding-right: 50px;
}
div.t2-input-password > input:active:not([readonly]),
div.t2-input-search > input:active:not([readonly]),
div.t2-input-text.t2-error > input:active:not([readonly]),
div.t2-input-text.t2-validation > input:active:not([readonly]),
div.t2-input-search.t2-error > input:active:not([readonly]),
div.t2-input-password > textarea:active:not([readonly]),
div.t2-input-search > textarea:active:not([readonly]),
div.t2-input-text.t2-error > textarea:active:not([readonly]),
div.t2-input-text.t2-validation > textarea:active:not([readonly]),
div.t2-input-search.t2-error > textarea:active:not([readonly]),
div.t2-input-password > input:focus:not([readonly]),
div.t2-input-search > input:focus:not([readonly]),
div.t2-input-text.t2-error > input:focus:not([readonly]),
div.t2-input-text.t2-validation > input:focus:not([readonly]),
div.t2-input-search.t2-error > input:focus:not([readonly]),
div.t2-input-password > textarea:focus:not([readonly]),
div.t2-input-search > textarea:focus:not([readonly]),
div.t2-input-text.t2-error > textarea:focus:not([readonly]),
div.t2-input-text.t2-validation > textarea:focus:not([readonly]),
div.t2-input-search.t2-error > textarea:focus:not([readonly]),
div.t2-input-password > input:hover:not([active]):not([readonly]),
div.t2-input-search > input:hover:not([active]):not([readonly]),
div.t2-input-text.t2-error > input:hover:not([active]):not([readonly]),
div.t2-input-text.t2-validation > input:hover:not([active]):not([readonly]),
div.t2-input-search.t2-error > input:hover:not([active]):not([readonly]),
div.t2-input-password > textarea:hover:not([active]):not([readonly]),
div.t2-input-search > textarea:hover:not([active]):not([readonly]),
div.t2-input-text.t2-error > textarea:hover:not([active]):not([readonly]),
div.t2-input-text.t2-validation > textarea:hover:not([active]):not([readonly]),
div.t2-input-search.t2-error > textarea:hover:not([active]):not([readonly]),
div.t2-input-password > input:hover:not([focus]):not([readonly]),
div.t2-input-search > input:hover:not([focus]):not([readonly]),
div.t2-input-text.t2-error > input:hover:not([focus]):not([readonly]),
div.t2-input-text.t2-validation > input:hover:not([focus]):not([readonly]),
div.t2-input-search.t2-error > input:hover:not([focus]):not([readonly]),
div.t2-input-password > textarea:hover:not([focus]):not([readonly]),
div.t2-input-search > textarea:hover:not([focus]):not([readonly]),
div.t2-input-text.t2-error > textarea:hover:not([focus]):not([readonly]),
div.t2-input-text.t2-validation > textarea:hover:not([focus]):not([readonly]),
div.t2-input-search.t2-error > textarea:hover:not([focus]):not([readonly]),
div.t2-input-password > input:hover:active:not([readonly]),
div.t2-input-search > input:hover:active:not([readonly]),
div.t2-input-text.t2-error > input:hover:active:not([readonly]),
div.t2-input-text.t2-validation > input:hover:active:not([readonly]),
div.t2-input-search.t2-error > input:hover:active:not([readonly]),
div.t2-input-password > textarea:hover:active:not([readonly]),
div.t2-input-search > textarea:hover:active:not([readonly]),
div.t2-input-text.t2-error > textarea:hover:active:not([readonly]),
div.t2-input-text.t2-validation > textarea:hover:active:not([readonly]),
div.t2-input-search.t2-error > textarea:hover:active:not([readonly]),
div.t2-input-password > input:hover:focus:not([readonly]),
div.t2-input-search > input:hover:focus:not([readonly]),
div.t2-input-text.t2-error > input:hover:focus:not([readonly]),
div.t2-input-text.t2-validation > input:hover:focus:not([readonly]),
div.t2-input-search.t2-error > input:hover:focus:not([readonly]),
div.t2-input-password > textarea:hover:focus:not([readonly]),
div.t2-input-search > textarea:hover:focus:not([readonly]),
div.t2-input-text.t2-error > textarea:hover:focus:not([readonly]),
div.t2-input-text.t2-validation > textarea:hover:focus:not([readonly]),
div.t2-input-search.t2-error > textarea:hover:focus:not([readonly]) {
  padding-right: 50px;
}
.t2-tooltip-arrow-base {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
.t2-tooltip-arrow-right {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-bottom: 12px/2 solid transparent;
  border-top: 12px/2 solid transparent;
  border-left: 5px solid var(--t2-color-tooltip-bg, #3a3b3f);
  right: -5px;
  top: 50%;
  margin-top: -12px/2;
}
.t2-tooltip-arrow-left {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-bottom: 12px/2 solid transparent;
  border-top: 12px/2 solid transparent;
  border-right: 5px solid var(--t2-color-tooltip-bg, #3a3b3f);
  left: -5px;
  top: 50%;
  margin-top: -12px/2;
}
.t2-tooltip-arrow-top {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-bottom: 5px solid var(--t2-color-tooltip-bg, #3a3b3f);
  border-left: 12px/2 solid transparent;
  border-right: 12px/2 solid transparent;
  top: -5px;
  left: 50%;
  margin-left: -12px/2;
}
.t2-tooltip-arrow-bottom {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 5px solid var(--t2-color-tooltip-bg, #3a3b3f);
  border-left: 12px/2 solid transparent;
  border-right: 12px/2 solid transparent;
  bottom: -5px;
  left: 50%;
  margin-left: -12px/2;
}
.t2-tooltip {
  box-sizing: border-box;
  z-index: 99999;
  background-color: var(--t2-color-tooltip-bg, #3a3b3f);
  color: var(--t2-color-negative-text, #ffffff);
  line-height: 20px;
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 2px;
  display: inline;
  position: absolute;
}
.t2-tooltip *,
.t2-tooltip *::before,
.t2-tooltip *::after {
  box-sizing: border-box;
}
.t2-tooltip.t2-place-left::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-bottom: 12px/2 solid transparent;
  border-top: 12px/2 solid transparent;
  border-left: 5px solid var(--t2-color-tooltip-bg, #3a3b3f);
  right: -5px;
  top: 50%;
  margin-top: -12px/2;
}
.t2-tooltip.t2-place-right::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-bottom: 12px/2 solid transparent;
  border-top: 12px/2 solid transparent;
  border-right: 5px solid var(--t2-color-tooltip-bg, #3a3b3f);
  left: -5px;
  top: 50%;
  margin-top: -12px/2;
}
.t2-tooltip.t2-place-top::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 5px solid var(--t2-color-tooltip-bg, #3a3b3f);
  border-left: 12px/2 solid transparent;
  border-right: 12px/2 solid transparent;
  bottom: -5px;
  left: 50%;
  margin-left: -12px/2;
}
.t2-tooltip.t2-place-bottom::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-bottom: 5px solid var(--t2-color-tooltip-bg, #3a3b3f);
  border-left: 12px/2 solid transparent;
  border-right: 12px/2 solid transparent;
  top: -5px;
  left: 50%;
  margin-left: -12px/2;
}
.t2-big-title,
.t2-h1,
.t2-h2,
.t2-h3,
.t2-h4 {
  box-sizing: border-box;
  font-weight: 400;
  color: var(--t2-color-heading, #000000);
  margin: 0;
}
.t2-big-title *,
.t2-h1 *,
.t2-h2 *,
.t2-h3 *,
.t2-h4 *,
.t2-big-title *::before,
.t2-h1 *::before,
.t2-h2 *::before,
.t2-h3 *::before,
.t2-h4 *::before,
.t2-big-title *::after,
.t2-h1 *::after,
.t2-h2 *::after,
.t2-h3 *::after,
.t2-h4 *::after {
  box-sizing: border-box;
}
.t2-big-title {
  font-family: "Tele2Sans-Light", sans-serif;
  font-size: 32px;
  line-height: 40px;
}
@media screen and (min-width: 640px) {
  .t2-big-title {
    font-size: 40px;
    line-height: 48px;
  }
}
@media screen and (min-width: 960px) {
  .t2-big-title {
    line-height: 56px;
  }
}
.t2-h1 {
  font-family: "Tele2Sans-Regular", sans-serif;
  font-size: 22px;
  line-height: 38px;
}
@media screen and (min-width: 640px) {
  .t2-h1 {
    font-size: 28px;
    line-height: 36px;
  }
}
.t2-h2 {
  font-family: "Tele2Sans-Regular", sans-serif;
  font-size: 22px;
  line-height: 28px;
}
.t2-h3 {
  font-family: "Tele2Sans-Regular", sans-serif;
  font-size: 18px;
  line-height: 24px;
}
@media screen and (min-width: 640px) {
  .t2-h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (min-width: 960px) {
  .t2-h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
.t2-h4 {
  font-family: "Tele2Sans-Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
ul.t2-simple > li,
ul.t2-card > li,
ul.t2-secondary > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
ul.t2-simple > li div.t2-with-subtext,
ul.t2-card > li div.t2-with-subtext,
ul.t2-secondary > li div.t2-with-subtext {
  margin-bottom: -3px;
  display: flex;
  flex-direction: column;
}
ul.t2-simple > li div.t2-with-subtext > div.t2-checkbox > label::before,
ul.t2-card > li div.t2-with-subtext > div.t2-checkbox > label::before,
ul.t2-secondary > li div.t2-with-subtext > div.t2-checkbox > label::before,
ul.t2-simple > li div.t2-with-subtext > div.t2-radio > label::before,
ul.t2-card > li div.t2-with-subtext > div.t2-radio > label::before,
ul.t2-secondary > li div.t2-with-subtext > div.t2-radio > label::before,
ul.t2-simple > li div.t2-with-subtext > div.t2-checkbox > label::after,
ul.t2-card > li div.t2-with-subtext > div.t2-checkbox > label::after,
ul.t2-secondary > li div.t2-with-subtext > div.t2-checkbox > label::after,
ul.t2-simple > li div.t2-with-subtext > div.t2-radio > label::after,
ul.t2-card > li div.t2-with-subtext > div.t2-radio > label::after,
ul.t2-secondary > li div.t2-with-subtext > div.t2-radio > label::after {
  margin-bottom: -16px;
}
ul.t2-simple > li div.t2-with-subtext > div.t2-checkbox + span,
ul.t2-card > li div.t2-with-subtext > div.t2-checkbox + span,
ul.t2-secondary > li div.t2-with-subtext > div.t2-checkbox + span,
ul.t2-simple > li div.t2-with-subtext > div.t2-radio + span,
ul.t2-card > li div.t2-with-subtext > div.t2-radio + span,
ul.t2-secondary > li div.t2-with-subtext > div.t2-radio + span {
  margin-left: 29px;
}
ul.t2-simple > li div.t2-with-subtext > span:not(:first-child),
ul.t2-card > li div.t2-with-subtext > span:not(:first-child),
ul.t2-secondary > li div.t2-with-subtext > span:not(:first-child) {
  font-size: 14px;
  color: var(--t2-color-sub-text, #6c6d73);
  margin-top: 5px;
}
ul.t2-simple .t2-btn.t2-xxs,
ul.t2-card .t2-btn.t2-xxs,
ul.t2-secondary .t2-btn.t2-xxs {
  margin: -6px 2px;
}
ul.t2-card.t2-order-summary > li {
  flex-direction: column;
  align-items: stretch;
  position: relative;
}
ul.t2-card.t2-order-summary > li > section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
ul.t2-card.t2-order-summary > li > section > div.t2-product-desc {
  display: flex;
  align-items: flex-start;
}
ul.t2-card.t2-order-summary > li > section > div.t2-product-desc > div.t2-pic {
  width: 54px;
  height: 54px;
  margin: 0 15px 4px 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
}
@media screen and (min-width: 350px) {
  ul.t2-card.t2-order-summary > li > section > div.t2-product-desc > div.t2-pic {
    display: unset;
  }
}
ul.t2-card.t2-order-summary > li > section > div.t2-product-desc > div.t2-txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--t2-color-heading, #000000);
}
ul.t2-card.t2-order-summary > li > section > div.t2-product-desc > div.t2-txt > span:not(:first-child) {
  font-size: 14px;
  color: var(--t2-color-sub-text, #6c6d73);
  margin-top: 4px;
}
ul.t2-card.t2-order-summary > li > ul.t2-secondary {
  margin-top: 12px;
}
ul.t2-card.t2-order-summary > li > ul.t2-secondary > li.t2-alert {
  color: var(--t2-color-alert, #b50d2b);
}
ul.t2-card.t2-order-summary > li > div.t2-button-bar {
  display: none;
  background-color: var(--t2-color-app-bg, #ffffff);
  border: 1px solid var(--t2-color-border, #dcdcde);
  border-radius: 4px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  padding: 4px;
}
ul.t2-card.t2-order-summary > li:hover > div.t2-button-bar {
  display: unset;
  position: absolute;
  bottom: -23px;
  right: 16px;
  z-index: 1;
}
ul.t2-card.t2-order-summary > li:hover > div.t2-button-bar > .t2-btn:hover > span.t2-icon {
  filter: invert(23%) sepia(65%) saturate(3144%) hue-rotate(204deg) brightness(97%) contrast(87%);
}
ul.t2-card.t2-order-summary > li:hover > div.t2-button-bar > .t2-btn:hover > span.t2-icon.t2-trash {
  filter: invert(13%) sepia(82%) saturate(4237%) hue-rotate(340deg) brightness(86%) contrast(101%);
}
div.t2-price-summary {
  box-sizing: border-box;
}
div.t2-price-summary *,
div.t2-price-summary *::before,
div.t2-price-summary *::after {
  box-sizing: border-box;
}
div.t2-price-summary > ul.t2-secondary {
  font-size: 16px;
  color: var(--t2-color-heading, #000000);
  margin-bottom: 10px;
}
div.t2-price-summary > ul.t2-secondary > li {
  padding: 14px 0;
  margin: 0 17px;
  flex-direction: column;
  align-items: stretch;
}
div.t2-price-summary > ul.t2-secondary > li:not(.actions) > div {
  display: flex;
  justify-content: space-between;
}
div.t2-price-summary > ul.t2-secondary > li:not(.actions) > ul.t2-secondary {
  background-color: var(--t2-color-app-bg, #ffffff);
  margin-top: 8px;
}
div.t2-price-summary > ul.t2-secondary > li.actions {
  border-top: none;
  align-items: flex-start;
}
div.t2-price-summary > ul.t2-secondary > li.actions > .t2-checkbox {
  margin-left: -10px;
  margin-bottom: 10px;
}
div.t2-price-summary > ul.t2-secondary > li.actions > .t2-btn {
  margin-left: -8px;
}
@media screen and (min-width: 640px) {
  div.t2-price-summary > ul.t2-secondary > li.actions {
    flex-direction: row;
  }
  div.t2-price-summary > ul.t2-secondary > li.actions > .t2-checkbox {
    margin-top: -11px;
    margin-bottom: -11px;
    order: 1;
    margin-right: -10px;
  }
}
div.t2-price-summary > span {
  font-size: 14px;
  color: var(--t2-color-sub-text, #6c6d73);
}
.t2-margin-xxs {
  margin: 4px;
}
.t2-margin-xs {
  margin: 8px;
}
.t2-margin-sm {
  margin: 12px;
}
.t2-margin {
  margin: 16px;
}
.t2-margin-lg {
  margin: 20px;
}
.t2-margin-xl {
  margin: 24px;
}
.t2-margin-xxl {
  margin: 32px;
}
.t2-margin-top-xxs {
  margin-top: 4px;
}
.t2-margin-top-xs {
  margin-top: 8px;
}
.t2-margin-top-sm {
  margin-top: 12px;
}
.t2-margin-top {
  margin-top: 16px;
}
.t2-margin-top-lg {
  margin-top: 20px;
}
.t2-margin-top-xl {
  margin-top: 24px;
}
.t2-margin-top-xxl {
  margin-top: 32px;
}
.t2-margin-right-xxs {
  margin-right: 4px;
}
.t2-margin-right-xs {
  margin-right: 8px;
}
.t2-margin-right-sm {
  margin-right: 12px;
}
.t2-margin-right {
  margin-right: 16px;
}
.t2-margin-right-lg {
  margin-right: 20px;
}
.t2-margin-right-xl {
  margin-right: 24px;
}
.t2-margin-right-xxl {
  margin-right: 32px;
}
.t2-margin-bottom-xxs {
  margin-bottom: 4px;
}
.t2-margin-bottom-xs {
  margin-bottom: 8px;
}
.t2-margin-bottom-sm {
  margin-bottom: 12px;
}
.t2-margin-bottom {
  margin-bottom: 16px;
}
.t2-margin-bottom-lg {
  margin-bottom: 20px;
}
.t2-margin-bottom-xl {
  margin-bottom: 24px;
}
.t2-margin-bottom-xxl {
  margin-bottom: 32px;
}
.t2-margin-left-xxs {
  margin-left: 4px;
}
.t2-margin-left-xs {
  margin-left: 8px;
}
.t2-margin-left-sm {
  margin-left: 12px;
}
.t2-margin-left {
  margin-left: 16px;
}
.t2-margin-left-lg {
  margin-left: 20px;
}
.t2-margin-left-xl {
  margin-left: 24px;
}
.t2-margin-left-xxl {
  margin-left: 32px;
}
.t2-padding-xxs {
  padding: 4px;
}
.t2-padding-xs {
  padding: 8px;
}
.t2-padding-sm {
  padding: 12px;
}
.t2-padding {
  padding: 16px;
}
.t2-padding-lg {
  padding: 20px;
}
.t2-padding-xl {
  padding: 24px;
}
.t2-padding-xxl {
  padding: 32px;
}
.t2-padding-top-xxs {
  padding-top: 4px;
}
.t2-padding-top-xs {
  padding-top: 8px;
}
.t2-padding-top-sm {
  padding-top: 12px;
}
.t2-padding-top {
  padding-top: 16px;
}
.t2-padding-top-lg {
  padding-top: 20px;
}
.t2-padding-top-xl {
  padding-top: 24px;
}
.t2-padding-top-xxl {
  padding-top: 32px;
}
.t2-padding-right-xxs {
  padding-right: 4px;
}
.t2-padding-right-xs {
  padding-right: 8px;
}
.t2-padding-right-sm {
  padding-right: 12px;
}
.t2-padding-right {
  padding-right: 16px;
}
.t2-padding-right-lg {
  padding-right: 20px;
}
.t2-padding-right-xl {
  padding-right: 24px;
}
.t2-padding-right-xxl {
  padding-right: 32px;
}
.t2-padding-bottom-xxs {
  padding-bottom: 4px;
}
.t2-padding-bottom-xs {
  padding-bottom: 8px;
}
.t2-padding-bottom-sm {
  padding-bottom: 12px;
}
.t2-padding-bottom {
  padding-bottom: 16px;
}
.t2-padding-bottom-lg {
  padding-bottom: 20px;
}
.t2-padding-bottom-xl {
  padding-bottom: 24px;
}
.t2-padding-bottom-xxl {
  padding-bottom: 32px;
}
.t2-padding-left-xxs {
  padding-left: 4px;
}
.t2-padding-left-xs {
  padding-left: 8px;
}
.t2-padding-left-sm {
  padding-left: 12px;
}
.t2-padding-left {
  padding-left: 16px;
}
.t2-padding-left-lg {
  padding-left: 20px;
}
.t2-padding-left-xl {
  padding-left: 24px;
}
.t2-padding-left-xxl {
  padding-left: 32px;
}
.t2-flex-row {
  display: flex;
  flex-direction: row;
}
.t2-flex-column {
  display: flex;
  flex-direction: column;
}
.t2-block {
  display: block;
  width: 100%;
}
/* TODO: Old stuff to cleanup */
/*BOXER  colors*/
.styleless-btn {
  border: none;
  box-shadow: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
}
.styleless-btn:focus {
  border: none;
  box-shadow: none;
  background-color: transparent;
  outline: none;
}
#nprogress .spinner-icon {
  display: none;
}
#nprogress .bar {
  background-color: #1067d0;
  height: 4px;
}
.t2-msg {
  margin: 10px 0;
}
.t2-input-text > textarea {
  min-height: 100px;
}
.t2-text-info > div:first-child > span.t2-icon:hover {
  filter: invert(23%) sepia(65%) saturate(3144%) hue-rotate(204deg) brightness(97%) contrast(87%);
}
.tippy-box {
  background-color: #3a3b3f;
  border-radius: 2px;
}
.tippy-box .tippy-arrow {
  color: #3a3b3f;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.double-element {
  display: grid;
  column-gap: 16px;
  row-gap: 16px;
}
@media all and (min-width: 640px) {
  .double-element {
    grid-template-columns: 1fr 1fr;
  }
}
.triple-element {
  display: grid;
  column-gap: 16px;
  row-gap: 16px;
}
@media all and (min-width: 960px) {
  .triple-element {
    grid-template-columns: repeat(3, 1fr);
  }
}
/*------------------------------------*\
    #ANIMATIONS
\*------------------------------------*/
.zoom {
  animation-name: zoom;
  animation-duration: 0.75s;
  animation-direction: alternate;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bar-1-active {
  from {
    opacity: 0;
    transform: rotate(45deg) translate3d(-17px, 17px, 0);
  }
  to {
    opacity: 1;
    transform: rotate(45deg) translate3d(0px, 17px, 0);
  }
}
@keyframes bar-3-active {
  from {
    opacity: 0;
    transform: rotate(-45deg) translate3d(17px, -17px, 0);
  }
  to {
    opacity: 1;
    transform: rotate(-45deg) translate3d(0px, -17px, 0);
  }
}
@keyframes bar-1-hide {
  from {
    opacity: 1;
    transform: rotate(45deg) translate3d(0px, 17px, 0);
  }
  to {
    opacity: 0;
    transform: rotate(45deg) translate3d(-17px, 17px, 0);
  }
}
@keyframes bar-3-hide {
  from {
    opacity: 1;
    transform: rotate(-45deg) translate3d(0px, -17px, 0);
  }
  to {
    opacity: 0;
    transform: rotate(-45deg) translate3d(17px, -17px, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
    transform: translate3d(0px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(50px, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0px, 0, 0);
  }
}
/*------------------------------------*\
    #NORMALIZE
    To normalize browser default styles and overwrite any weird third-party defaults
\*------------------------------------*/
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
html {
  height: 100%;
  position: relative;
  overflow-y: scroll;
}
body {
  height: 100%;
  margin: 0 auto;
  padding: 0;
  color: #000000;
  font-family: "Tele2Sans-Regular", Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 18px;
  margin: 0;
  font-weight: normal;
}
p {
  margin: 0;
  word-wrap: break-word;
  /* [1] */
  hyphens: auto;
  /* [1] */
}
ul,
ol,
dl {
  margin: 0;
  padding: 0;
}
dt,
dd {
  margin: 0;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td {
  padding: 0;
  text-align: left;
}
blockquote {
  margin: 0;
}
figure {
  margin: 0;
}
img,
svg,
iframe {
  max-width: 100%;
  vertical-align: bottom;
}
audio {
  display: block;
}
video {
  display: block;
}
fieldset {
  margin: 0;
  border: 0;
  padding: 0;
}
legend {
  padding: 0;
}
input,
button,
textarea {
  margin: 0;
  outline: none;
  padding: 0;
}
textarea {
  vertical-align: text-top;
  resize: vertical;
  font-family: inherit;
}
input[type="image"] {
  border: 0;
}
input[type="file"] {
  cursor: pointer;
}
pre {
  margin: 0;
}
code,
samp,
kbd {
  line-height: 1;
}
small {
  vertical-align: bottom;
}
\:header,
\:section,
\:article,
\:footer,
\:aside,
\:dialog,
\:figcaption,
\:figure,
\:main,
\:nav {
  display: block;
}
a:hover,
a:focus {
  text-decoration: none;
}
.modal {
  background: rgba(0, 0, 0, 0.5);
}
/* Use as mixin only, never as class */
.site-inner-container {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 110px;
}
@media all and (min-width: 960px) {
  .site-inner-container {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
  }
}
.site-inner-container.small {
  padding-left: 16px;
  padding-right: 16px;
}
@media all and (min-width: 590px) {
  .site-inner-container.small {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 590px;
  }
}
.site__inner-container {
  max-width: 1300px;
  margin: 0 auto 110px auto;
  padding: 20px;
}
@media all and (max-width: 780px) {
  .site__inner-container {
    padding: 10px 5px;
  }
}
.site__inner-container .t2-btn {
  line-height: 1;
}
.site__error {
  position: absolute;
  top: 50px;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #ffffff;
  margin: 0;
  padding: 10px;
  z-index: 1000;
}
.icon {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  vertical-align: middle;
  padding: 0;
}
.icon-s {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  vertical-align: middle;
  padding: 0;
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
}
:root .icon--plus {
  background-size: 70%;
  background-image: url(/sales/assets/images/icon_plus_blue-81d9c0a5867ff7e2bc7b.svg);
}
:root .icon--minus {
  background-size: 70%;
  background-image: url(/sales/assets/images/icon_minus_blue-129989c78d0ad602216e.svg);
}
:root .comhem .icon--plus {
  background-image: url(/sales/assets/images/icon_plus_black-d1ece3ae8fe026116dfb.svg);
}
:root .comhem .icon--minus {
  background-image: url(/sales/assets/images/icon_minus_black-e79b626e4b29fcf1304b.svg);
}
:root .boxer .icon--plus {
  background-image: url(/sales/assets/images/icon_plus_blue-81d9c0a5867ff7e2bc7b.svg);
}
:root .boxer .icon--minus {
  background-image: url(/sales/assets/images/icon_minus_blue-129989c78d0ad602216e.svg);
}
.icon--arrow {
  transform: rotate(-180deg);
  background-image: url(/sales/assets/images/Ikon_Tabell_Pil-58230a98dadd8ebac372.svg);
}
.icon--arrow-reverse {
  background-image: url(/sales/assets/images/Ikon_Tabell_Pil-58230a98dadd8ebac372.svg);
}
.icon--upload {
  background-image: url(/sales/assets/images/upload_new-f608ace4e05cf51aeb38.svg);
}
.icon--pen {
  background-image: url(/sales/assets/images/Pen-7f10723a9a9c81eaf6b3.svg);
}
.icon--puzzle {
  background-image: url(/sales/assets/images/Pussel-0b81baa8b8763af0b32e.svg);
}
.icon--broadband,
.icon--bredband {
  background-image: url(/sales/assets/images/broadband-cd2c1d50c3987b493157.svg);
}
.icon--tv {
  background-image: url(/sales/assets/images/tv-fc7715f9bc5b11d27de1.svg);
}
.icon--telephony,
.icon--telefoni {
  background-image: url(/sales/assets/images/telephony-d29d679b099aae354370.svg);
}
.icon--combo {
  background-image: url(/sales/assets/images/bundle-048ec6deca9512eece0e.svg);
}
.icon--cart {
  background-image: url(/sales/assets/images/Vendokorg-126d2f4828e7bdf0d1db.svg);
}
.icon--pdf {
  background-image: url(/sales/assets/images/PDF-53e18e6901be14cf0a03.svg);
}
.icon--link {
  background-image: url(/sales/assets/images/link-077f929ddf91fb896c94.svg);
}
.icon--signature {
  background-image: url(/sales/assets/images/ikon_penna_papper-05c572e48baebd51c30f.svg);
}
.icon--print {
  background-image: url(/sales/assets/images/ikon_printer-dd9303823afa8dcb8cba.svg);
}
.icon--remote_bankid_signing {
  background-image: url(/sales/assets/images/ikon_remote_bankid_signing-cf223a5485ef305f9eef.svg);
}
.icon--trash {
  background-image: url(/sales/assets/images/ikon_soptunna-10bec3ed4bee85a7cea9.svg);
}
.icon--trash-white {
  background-image: url(/sales/assets/images/ikon_soptunna_vit-b9d4ef57650c5d380fae.svg);
}
.icon--info {
  background-image: url(/sales/assets/images/ikon_info-c005793d3498222c971a.svg);
}
.icon--info--blue {
  background-image: url(/sales/assets/images/Icon_info_blue-2eb9b87900cb5e8a5545.svg);
}
.icon--group-agreement {
  background-image: url(/sales/assets/images/gruppavtal-0fa918a7da78b8de597d.svg);
}
.icon--productarea--BB-comhem {
  background-image: url(/sales/assets/images/productarea_BB_comhem-0512fdad15c43bb9d8bb.svg);
}
.icon--productarea--TV-comhem {
  background-image: url(/sales/assets/images/productarea_TV_comhem-49be830624c9ba76ef6e.svg);
}
.icon--productarea--BB-boxer {
  background-image: url(/sales/assets/images/productarea_BB_boxer-126cac0d513b742fe923.svg);
}
.icon--productarea--TV-boxer {
  background-image: url(/sales/assets/images/productarea_TV_boxer-bdba49787e4cd9f24d0a.svg);
}
.icon--productarea--phone {
  background-image: url(/sales/assets/images/productarea_phone-5218fe68cade1ae3b12e.svg);
}
.icon--productarea--mobile {
  background-image: url(/sales/assets/images/productarea_mobile-bc2cf98ca6e5b6a034bd.svg);
}
.icon--productarea--bundle {
  background-image: url(/sales/assets/images/productarea_bundle-90545b9497938c0b41b6.svg);
}
.icon--small {
  background-size: 60%;
}
.icon--bank-id {
  background-image: url(/sales/assets/images/bankid-7dcb952734341725e0c0.svg);
  margin: 20px;
  padding: 10px;
}
.icon--bank-id.icon--bank-id--large {
  width: 70px;
  height: 70px;
}
.icon--bank-id.icon--bank-id--small {
  width: 25px;
  height: 25px;
  margin: 0 5px;
}
.icon--help-phone {
  background-image: url(/sales/assets/images/call-344519fec89ba97f283c.svg);
}
.icon--trash-can {
  background-image: url(/sales/assets/images/trash-can-deb78cfe1e8d671df920.svg);
}
.icon--dots {
  background-image: url(/sales/assets/images/dots-3761daf98c896a92a1b1.svg);
}
.icon--cross {
  background-image: url(/sales/assets/images/cross-2c0e4ee3844db5949dbc.svg);
}
.icon--cart {
  background-image: url(/sales/assets/images/cart-869853d941af0df90388.svg);
}
.icon--cart-active {
  background-image: url(/sales/assets/images/cart-blue-f9b019f38fa97926b578.svg);
}
.icon--orders {
  background-image: url(/sales/assets/images/orders-ebc65d4aac90d814dc80.svg);
}
.icon--orders-active {
  background-image: url(/sales/assets/images/orders-blue-c9f4c363b0fd36ed4634.svg);
}
.icon--burger {
  background-image: url(/sales/assets/images/burger-5c7329f275842d2cecbb.svg);
}
.icon--store {
  background-image: url(/sales/assets/images/store-6de4e3034a201d4d3992.svg);
}
.icon--store-active {
  background-image: url(/sales/assets/images/store-blue-27a066af98b5ba7e149c.svg);
}
.icon--feedback {
  background-image: url(/sales/assets/images/feedback-b95404b5f329c152c69f.svg);
}
.icon--feedback-active {
  background-image: url(/sales/assets/images/feedback-blue-fd25ab5894680c2f7c00.svg);
}
.icon--account {
  background-image: url(/sales/assets/images/account-334417ef5bbb3e77c72d.svg);
}
.icon--admin {
  background-image: url(/sales/assets/images/admin-1a1ef353af5a4eb29772.svg);
}
.icon--admin-active {
  background-image: url(/sales/assets/images/admin-blue-c428becf31364f56be4c.svg);
}
.icon--camera {
  background-image: url(/sales/assets/images/camera-38c5e04765b8b2e0ee1e.svg);
}
.icon--plus {
  background-image: url(/sales/assets/images/plus-bb83a33800a74aed3f47.svg);
}
.icon--arrow-left {
  background-image: url(/sales/assets/images/arrow-left-c981584c949bd854d47d.svg);
}
.icon--arrow-left.blue {
  background-image: url(/sales/assets/images/arrow-left-blue-fd0faaf3aaebb07d6b50.svg);
}
.icon--arrow-right {
  background-image: url(/sales/assets/images/arrow-right-84d5125e8b161426d237.svg);
}
.icon--arrow-right.white {
  background-image: url(/sales/assets/images/arrow-right-white-c24515a30671e25075e7.svg);
}
.icon--arrow-right.blue {
  background-image: url(/sales/assets/images/arrow-right-blue-5e6325e00c0c5b5e8cc8.svg);
}
.icon--repeat {
  background-image: url(/sales/assets/images/repeat-40ff693d11768b6b4ba5.svg);
}
.icon--repeat-blue {
  background-image: url(/sales/assets/images/repeat-blue-c77df5f2149d31bb67ce.svg);
}
.icon--info-blue {
  background-image: url(/sales/assets/images/info-blue-986cf0374a05401f97ae.svg);
}
.input-radio input[type="radio"] {
  display: none;
}
.input-radio label {
  position: relative;
  padding: 10px;
  padding-left: 40px;
  font-weight: normal;
  cursor: pointer;
}
.input-radio input[type="radio"]:checked + label:after {
  background: #000000;
  height: 16px;
  width: 16px;
  left: 8px;
}
.input-radio label:before,
.input-radio label:after {
  content: '';
  width: 26px;
  height: 26px;
  border-radius: 100%;
  background: #ffffff;
  border: 1px solid #bbb;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: 3px;
  bottom: 0;
}
.input-radio-container {
  display: inline-flex;
  justify-content: flex-end;
  flex-direction: column;
  width: 100%;
}
.input-radio-container-row {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
}
.text-input {
  font-size: 18px;
  padding: 10px;
  border-radius: 6px;
  width: 280px;
  max-width: 100%;
  height: 50px;
}
.text-input.picker__input.picker__input--active {
  border-color: inherit;
}
.text-input.text-input--large {
  width: 100%;
}
.text-input.text-input--small {
  width: 150px;
}
.text-input.text-input--valid {
  background-image: url(/sales/assets/images/ikon_bock-2eac692bac334586c9c8.svg);
  padding-right: 40px;
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.text-input.text-input--error {
  border: 2px solid #b50d2b;
  background-image: url(/sales/assets/images/ikon_fel-2fca902ae6b603153d6d.svg);
  padding-right: 40px;
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.text-input.text-input--error--no-icon {
  border: 2px solid #b50d2b;
}
.text-input.text-input--calendar {
  background-image: url(/sales/assets/images/ikon_kalender-09af059fec274964482a.svg);
  padding-right: 40px;
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.text-input.text-input--search {
  background-image: url(/sales/assets/images/icon_search-65a44b430644bf17070d.svg);
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: left 8px center;
  background-size: 22px;
}
.text-input:disabled {
  opacity: 0.5;
}
.text-input__label {
  display: block;
  margin-bottom: 5px;
  font-weight: normal;
}
.checkbox-input input[type="checkbox"] {
  display: none;
}
.checkbox-input input[type="checkbox"]:checked ~ .checkbox-input__fake label {
  background: url(/sales/assets/images/ikon_bock-2eac692bac334586c9c8.svg) no-repeat center center;
  background-size: 80%;
}
.checkbox-input__fake {
  height: 49px;
  width: 49px;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin: 0;
}
.checkbox-input__fake.small {
  height: 29px;
  width: 29px;
  margin-right: 5px;
}
.checkbox-input__fake.x-small {
  height: 18px;
  width: 18px;
  background-color: white;
}
.checkbox-input__fake__box {
  cursor: pointer;
  display: block;
  height: 49px;
  width: 49px;
  margin: 0;
}
.checkbox-input__fake__box.small {
  height: 29px;
  width: 29px;
}
.checkbox-input__fake__box.x-small {
  height: 18px;
  width: 18px;
  background-color: transparent;
}
.checkbox-input__label {
  font-weight: normal;
  margin: 0;
  cursor: pointer;
}
@media all and (max-width: 780px) {
  .checkbox-input__label.x-small {
    max-width: calc(100% - 38px);
    vertical-align: top;
  }
}
.checkbox-input__fake--disabled {
  background-color: #e6e8eb;
}
.checkbox-input__fake--disabled .checkbox-input__fake__box {
  cursor: auto;
}
.select-input__multi .select-input__multi__control {
  font-size: 18px;
  border-radius: 6px;
  background-color: #ffffff;
  width: 100%;
  max-width: 100%;
  min-height: 50px;
}
.select-input__multi .select-input__multi__indicator {
  color: #6c6d73;
}
.select-input__multi .select-input__multi__indicator-separator {
  background-color: #6c6d73;
}
@media screen and (max-width: 780px) {
  select,
  textarea,
  input,
  .text-input {
    font-size: 16px;
  }
}
.input-label {
  background-color: #ffffff;
  position: absolute;
  top: -7px;
  left: 14px;
  font-size: 12px;
  z-index: 1;
  padding: 0 2px;
  line-height: normal;
  font-weight: normal;
}
.input-label.input-label--error {
  color: #b50d2b;
}
.input-field {
  border-radius: 2px;
  border: solid 1px #dcdcde;
  height: 56px;
  padding: 0 45px 0 14px;
}
.input-field:disabled {
  background-color: #f1f1f1;
}
.input-field:focus {
  border-color: #001428;
}
.input-field.input-field--full-width {
  width: 100%;
}
.input-field.input-field--error {
  border-color: #b50d2b;
}
.input-field__password-eye,
.input-field__valid {
  background-repeat: no-repeat;
  border: none;
  position: absolute;
  right: 10px;
  top: 15px;
  padding-left: 35px;
}
.input-field__password-eye {
  background-image: url(/sales/assets/images/show-90925edc7cd5091a78ed.svg);
  cursor: pointer;
}
.input-field__password-eye.input-field__password-eye--with-cross {
  background-image: url(/sales/assets/images/hide-1d53a77158cc6f4d9813.svg);
}
.input-field__valid {
  background-image: url(/sales/assets/images/check-green-5f4aac427d5754943166.svg);
}
.autocomplete-input-with-label {
  display: inline-block;
  position: relative;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
h1 {
  box-sizing: border-box;
  font-weight: 400;
  color: var(--t2-color-heading, #000000);
  margin: 0;
  font-family: "Tele2Sans-Regular", sans-serif;
  font-size: 22px;
  line-height: 38px;
}
h1 *,
h1 *::before,
h1 *::after {
  box-sizing: border-box;
}
@media screen and (min-width: 640px) {
  h1 {
    font-size: 28px;
    line-height: 36px;
  }
}
h2 {
  box-sizing: border-box;
  font-weight: 400;
  color: var(--t2-color-heading, #000000);
  margin: 0;
  font-family: "Tele2Sans-Regular", sans-serif;
  font-size: 22px;
  line-height: 28px;
}
h2 *,
h2 *::before,
h2 *::after {
  box-sizing: border-box;
}
h3 {
  box-sizing: border-box;
  font-weight: 400;
  color: var(--t2-color-heading, #000000);
  margin: 0;
  font-family: "Tele2Sans-Regular", sans-serif;
  font-size: 18px;
  line-height: 24px;
}
h3 *,
h3 *::before,
h3 *::after {
  box-sizing: border-box;
}
@media screen and (min-width: 640px) {
  h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (min-width: 960px) {
  h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
h4 {
  box-sizing: border-box;
  font-weight: 400;
  color: var(--t2-color-heading, #000000);
  margin: 0;
  font-family: "Tele2Sans-Medium", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
h4 *,
h4 *::before,
h4 *::after {
  box-sizing: border-box;
}
/*------------------------------------*\
    #PARAGRAPHS
\*------------------------------------*/
p {
  margin: 0;
  word-break: unset;
  hyphens: unset;
}
.ps {
  font-size: 14px;
}
.pm {
  font-size: 18px;
}
.pxs {
  font-size: 12px;
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
.sub-text {
  color: #6c6d73;
}
.body-text {
  color: #3a3b3f;
}
.highlight:hover {
  background-color: #f5f5f5;
}
.box {
  display: flex;
  flex-direction: column;
  border: 4px solid #f5f5f5;
  padding: 20px;
  flex-basis: 48%;
}
.box .box__row {
  margin-bottom: 10px;
}
.box .box__header {
  margin-bottom: 20px;
}
.box .box__icon {
  margin-right: 5px;
}
.box .box__logo {
  flex-grow: 2;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
@media all and (max-width: 780px) {
  .box {
    flex-basis: 100%;
    margin-bottom: 20px;
    padding: 5px;
  }
  .box:last-child {
    margin-bottom: 0;
  }
  .box .box__logo {
    align-self: flex-start;
    margin: 0 0 10px 10px;
  }
}
.t2-btn.fixed-bottom,
div.fixed-bottom-buttons {
  position: fixed;
  bottom: 30px;
  z-index: 2;
}
.t2-btn.fixed-bottom {
  width: calc(100% - 2 * 16px);
}
@media (min-width: 590px) {
  .t2-btn.fixed-bottom {
    width: inherit;
  }
}
div.fixed-bottom-buttons {
  width: 100%;
  display: flex;
  justify-content: center;
}
div.fixed-bottom-buttons > .t2-btn:not(:last-child) {
  margin-right: 16px;
}
.text-btn {
  /* Reset button css */
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Actual button styles */
  color: var(--t2-color-highlight);
  cursor: pointer;
  font-size: 14px;
}
.text-btn:hover {
  text-decoration: underline;
}
.card {
  border-radius: 4px;
  border: solid 1px #dcdcde;
  padding: 16px;
}
.dropdown-sub__menu-toggle {
  position: relative;
  z-index: 500;
}
.dropdown-sub__menu {
  position: absolute;
  z-index: 2;
  background: #ffffff;
  color: #000000;
  list-style: none;
  padding: 0;
  margin: 0;
  top: 50px;
  left: auto;
  right: 0;
  border-radius: 0 0 5px 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  width: 100%;
}
.dropdown-sub__menu-content {
  padding: 10px 10px 0;
}
.dropdown-sub__menu-content:last-child {
  padding-bottom: 10px;
}
.dropdown-sub__menu-item {
  display: block;
  padding: 10px;
}
.group-agreement {
  margin-bottom: 2rem;
}
.group-agreement .group-agreement__heading {
  margin-bottom: 10px;
}
ul.styleless {
  padding-left: 0;
  list-style-type: none;
}
ul.style-type-dash {
  list-style-type: '- ';
  list-style-position: inside;
}
ul.text-info-bar {
  padding-left: 0;
  list-style-type: none;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, auto);
  margin-bottom: 20px;
}
@media all and (min-width: 780px) {
  ul.text-info-bar {
    grid-template-columns: repeat(4, auto);
  }
}
ul.text-info-bar > li:first-child > button.t2-text-info {
  margin-left: -7px;
}
.search__heading {
  font-weight: bolder;
  margin-bottom: 10px;
}
.search__paragraph {
  margin-bottom: 5px;
  font-weight: normal;
}
.search__form__input {
  display: inline-block;
  width: 400px;
}
.search__form__button {
  margin-left: 20px;
}
@media all and (max-width: 780px) {
  .search__form__input {
    width: 280px;
  }
}
@media all and (max-width: 420px) {
  .search__form__button {
    margin-left: 5px;
  }
  .search__form__input {
    width: 220px;
  }
}
.search__autocomplete {
  background-color: #ffffff;
  border: 1px solid #dcdcde;
  border-radius: 4px;
  max-height: 70% !important;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
}
.search__autocomplete .search__autocomplete__menu-item {
  padding: 5px 30px 5px 40px;
}
.search__autocomplete .search__autocomplete__menu-item.search__autocomplete__menu-item--focus {
  background-color: #000000;
  color: #ffffff;
}
.search__autocomplete ul {
  list-style-type: none;
}
.small-spinner {
  border: 2px solid #6c6d73;
  border-right-color: #ffffff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: spin 1s linear infinite;
}
.spinner-button__container {
  position: relative;
  width: 20px;
  display: inline-block;
}
.spinner-button__container > span {
  position: absolute;
  top: -19px;
  left: -11px;
  border-color: #ffffff;
  border-bottom-color: transparent;
}
.spinner-button__container--dark > span {
  border-color: #6c6d73;
  border-bottom-color: transparent;
}
.result-table {
  width: 100%;
}
.result-table .result-table__head {
  border-bottom: 2px solid #1067d0;
  border-top: 2px solid #1067d0;
  color: #1067d0;
  text-transform: uppercase;
}
.result-table .result-table__head.table-head--brandified {
  border-bottom: 2px solid #1067d0;
  border-top: 2px solid #1067d0;
  color: #1067d0;
}
.result-table .result-table__row {
  border-bottom: 1px solid #dcdcde;
}
.result-table .result-table__row--thick-border {
  border-bottom-width: 3px;
  border-top: 3px solid #dcdcde;
}
.result-table .result-table__data {
  padding: 10px 20px;
}
.result-table .result-table__data--narrow {
  width: 1px;
}
.result-table .result-table__data--border-left {
  border-left: 1px solid #dcdcde;
}
.result-table .result-table__data--border-right {
  border-right: 1px solid #dcdcde;
}
.result-table .result-table__data--striped {
  background-color: #edf3ff;
}
.result-table .result-table__data--sortable {
  cursor: pointer;
  background-image: url(/sales/assets/images/icon_arrowupdown_blue-212128fb0c1f81a80d0e.svg);
  padding-left: 20px;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: left 5px center;
}
.result-table .result-table__data--sortable--sorted--asc {
  background-image: url(/sales/assets/images/icon_arrowdown_blue-387619c0b019c03fbdb5.svg);
}
.result-table .result-table__data--sortable--sorted--desc {
  background-image: url(/sales/assets/images/icon_arrowup_blue-2ce12eda2ad11b69caf8.svg);
}
.result-table .result-table__data--sm {
  padding: 5px;
}
.result-table .result-table__data--sm.result-table__data--sortable {
  padding-left: 20px;
}
.result-table .result-table__data--no-wrap {
  white-space: nowrap;
}
.result-table .result-table__row--clickable {
  cursor: pointer;
}
.result-table .result-table__row--clickable:hover {
  background: #f5f5f5;
}
.result-table .result-table__row--non-clickable {
  opacity: 0.5;
}
.result-table.result-table--no-head .result-table__row:first-child {
  border-top: 1px solid #dcdcde;
}
.result-table .result-table__data-arrow {
  position: absolute;
  right: 0;
}
@media all and (min-width: 780px) and (max-width: 1120px) {
  .result-table .result-table__data {
    padding: 10px;
  }
}
@media all and (max-width: 780px) {
  .result-table .result-table__data {
    padding: 5px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 50px;
  }
}
.result-table-heading {
  margin-bottom: 10px;
}
.comhem .feasibility {
  background-image: url('https://images.ctfassets.net/hiv3qs38lp1g/1DUVqarpf2s2saOKe82SyE/0134b9671184bebe00f8a3addb5f3063/tvhub_bakgrund.png?w=1080');
}
.boxer .feasibility {
  background-image: url('https://images.ctfassets.net/hiv3qs38lp1g/2LqpVNyGAEaOOg0I4QgMAs/62df9f616509b0005f1734640299a3bb/robert_bakgrund.png?w=1080');
  background-position: 25% 25%;
}
.offers-filter {
  color: var(--offer-box-color);
  background-color: var(--offer-box-background);
  margin-bottom: 5px;
  border-radius: 5px;
  padding: 0 10px 10px 10px;
}
.offers-filter .glyphicon {
  color: #6c6d73;
}
.startdate-filter label {
  margin-bottom: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1300px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1300px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1300px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1300px), only screen and (min-resolution: 192dpi) and (min-width: 1300px), only screen and (min-resolution: 2dppx) and (min-width: 1300px) {
  .comhem .feasibility {
    background-image: url('https://images.ctfassets.net/hiv3qs38lp1g/1DUVqarpf2s2saOKe82SyE/0134b9671184bebe00f8a3addb5f3063/tvhub_bakgrund.png');
  }
  .boxer .feasibility {
    background-image: url('https://images.ctfassets.net/hiv3qs38lp1g/2LqpVNyGAEaOOg0I4QgMAs/62df9f616509b0005f1734640299a3bb/robert_bakgrund.png');
  }
}
@media all and (max-width: 780px) {
  .feasibility {
    height: 250px;
    max-height: 60vh;
  }
}
.customer > section:not(:last-child),
.feasibility-page > section:not(:last-child) {
  margin-bottom: 48px;
}
.customer > section.customer-or-address-header > div:first-child,
.feasibility-page > section.customer-or-address-header > div:first-child {
  align-items: flex-start;
}
.customer > section.offer-selection h2,
.feasibility-page > section.offer-selection h2,
.customer > section.your-order h2,
.feasibility-page > section.your-order h2,
.customer > section.customer-info h2,
.feasibility-page > section.customer-info h2 {
  margin-bottom: 16px;
}
.customer .products-groups-selection > .t2-msg.t2-info,
.feasibility-page .products-groups-selection > .t2-msg.t2-info {
  margin-top: 24px;
}
.customer .products-groups-selection > .t2-msg.t2-info > a,
.feasibility-page .products-groups-selection > .t2-msg.t2-info > a {
  margin-left: 8px;
}
.customer .org-nb-or-customer-id {
  margin: 16px 0 0 8px;
}
:root .comhem {
  --tab-background-color: #18344b;
  --tab-text-color: #ffffff;
  --top-border-color: #e6e8eb;
  --tab-active-tab-color: #ffffff;
  --tab-active-text-color: #18344b;
  --second-tab-text-color: #18344b;
  --second-tab-background-color: #e6e8eb;
  --second-tab-active-background-color: #18344b;
  --second-tab-hover-background-color: #b9dbf9;
  --second-tab-active-text-color: #ffffff;
}
:root .boxer {
  --tab-background-color: #f2f2f2;
  --tab-text-color: #252626;
  --top-border-color: #c6c6c6;
  --tab-active-tab-color: #808080;
  --tab-active-text-color: #f2f2f2;
  --second-tab-background-color: #c6c6c6;
  --second-tab-text-color: #252626;
  --second-tab-active-background-color: #808080;
  --second-tab-hover-background-color: #808080;
  --second-tab-active-text-color: #f2f2f2;
}
.site__outer-container .offer-groups,
.site__outer-container .device-groups {
  margin-bottom: 2rem;
}
.offer-groups .select-input__single,
.device-groups .select-input__single {
  width: 160px;
}
.offer-groups .filter-navbar,
.device-groups .filter-navbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top: 2px solid var(--top-border-color);
  background-color: var(--tab-background-color);
}
.offer-groups .filter-navbar__tab,
.device-groups .filter-navbar__tab {
  padding: 8px 15px;
  background-color: var(--tab-background-color);
  color: var(--tab-text-color);
}
.offer-groups .filter-navbar__tab--active,
.device-groups .filter-navbar__tab--active {
  background-color: var(--tab-active-tab-color);
  color: var(--tab-active-text-color);
}
.offer-groups .filter-navbar__tab:not(.filter-navbar__tab--active):hover,
.device-groups .filter-navbar__tab:not(.filter-navbar__tab--active):hover,
.offer-groups .filter-navbar__tab:not(.filter-navbar__tab--active):focus,
.device-groups .filter-navbar__tab:not(.filter-navbar__tab--active):focus {
  opacity: 0.7;
}
.offer-groups .second-row-tab,
.device-groups .second-row-tab {
  display: flex;
  background-color: var(--second-tab-background-color);
}
.offer-groups .second-filter-choice,
.device-groups .second-filter-choice {
  padding: 10px 15px;
  color: var(--second-tab-text-color);
}
.offer-groups .second-filter-choice--active,
.device-groups .second-filter-choice--active {
  background-color: var(--second-tab-active-background-color);
  color: var(--second-tab-active-text-color);
}
.offer-groups .second-filter-choice:not(.second-filter-choice--active):hover,
.device-groups .second-filter-choice:not(.second-filter-choice--active):hover,
.offer-groups .second-filter-choice:not(.second-filter-choice--active):focus,
.device-groups .second-filter-choice:not(.second-filter-choice--active):focus {
  background-color: var(--second-tab-hover-background-color);
}
.offer-groups .offer-groups__offer-row,
.device-groups .offer-groups__offer-row {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
  padding-top: 0;
}
.offer-groups .offer-groups__offer-box,
.device-groups .offer-groups__offer-box {
  flex-basis: 25%;
  padding: 10px;
  padding-top: 0;
  cursor: pointer;
}
.offer-groups .mobile-category-picker,
.device-groups .mobile-category-picker {
  display: none;
}
@media all and (max-width: 780px) {
  .offer-groups .offer-groups__offer-box,
  .device-groups .offer-groups__offer-box {
    padding: 5px;
  }
  .offer-groups .second-row-tab,
  .device-groups .second-row-tab {
    flex-direction: column;
    flex-basis: 100%;
    display: block;
  }
  .offer-groups .filter-navbar__tab,
  .device-groups .filter-navbar__tab {
    padding: 20px;
  }
  .offer-groups .second-filter-choice,
  .device-groups .second-filter-choice {
    width: 100%;
    padding: 20px;
  }
  .offer-groups .mobile-category-picker,
  .device-groups .mobile-category-picker {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
  }
  .offer-groups .mobile-sub-menu,
  .device-groups .mobile-sub-menu {
    display: none;
    visibility: hidden;
  }
  .offer-groups .mobile-sub-menu--open,
  .device-groups .mobile-sub-menu--open {
    display: block;
    visibility: visible;
  }
}
@media all and (max-width: 420px) {
  .offer-groups .offer-groups__offer-row,
  .device-groups .offer-groups__offer-row {
    justify-content: space-evenly;
  }
  .offer-groups .offer-groups__offer-box,
  .device-groups .offer-groups__offer-box {
    flex-basis: auto;
  }
}
@media all and (min-width: 420px) and (max-width: 780px) {
  .offer-groups .offer-groups__offer-row,
  .device-groups .offer-groups__offer-row {
    justify-content: space-evenly;
  }
  .offer-groups .offer-groups__offer-box,
  .device-groups .offer-groups__offer-box {
    flex-basis: auto;
  }
}
@media all and (min-width: 780px) and (max-width: 1120px) {
  .offer-groups .offer-groups__offer-box,
  .device-groups .offer-groups__offer-box {
    flex-basis: auto;
  }
}
@media all and (max-width: 780px) {
  .offer-groups .filter-navbar {
    flex-direction: column;
    flex-basis: 100%;
    display: block;
  }
  .offer-groups .filter-navbar__tab {
    padding: 20px;
    background-color: var(--tab-background-color);
    color: var(--tab-text-color);
  }
  .offer-groups .filter-navbar__tab--active {
    background-color: var(--tab-active-tab-color);
    color: var(--tab-active-text-color);
  }
  .offer-groups .first-filter-choice {
    width: 100%;
    padding: 20px;
  }
}
.products-groups-selection > div.heading-and-filter {
  display: flex;
  align-items: flex-start;
}
.products-groups-selection .select-input__single {
  width: 163px;
  margin-top: -3px;
}
.products-groups-selection .products-groups-selection--binding-period {
  font-size: 20px;
}
.offer-selection-filter-trigger {
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  margin: 8px 0;
  padding: 8px;
  cursor: pointer;
}
.offer-selection-filter-trigger > .t2-icon {
  filter: invert(45%) sepia(5%) saturate(457%) hue-rotate(194deg) brightness(92%) contrast(86%);
}
.offer-selection > div {
  margin-top: 32px;
}
.offer-selection > div > div.t2-datepicker > .react-datepicker-wrapper {
  width: 172px;
}
@media (hover: hover), (pointer: fine) {
  .feasibility-box {
    margin-top: -46px;
  }
}
.feasibility-box .feasibility-box__heading {
  margin-bottom: 10px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.feasibility-box .feasibility-box__icon {
  height: 20px;
  margin-left: 5px;
}
.feasibility-box .feasibility-box__services {
  background-color: #f5f5f5;
  padding: 15px;
}
.feasibility-box .feasibility-box__row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.feasibility-box .feasibility-box__product-group-type {
  margin-bottom: 20px;
}
.feasibility-box .feasibility-box__product-group-type:last-child {
  margin-bottom: 0;
}
.feasibility-box .feasibility-box__upstream-group {
  font-weight: 700;
  font-style: normal;
  margin-right: 10px;
}
.feasibility-box .feasibility-box__product-group {
  font-weight: 700;
  font-style: normal;
  background-color: #5c6770;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.feasibility-box .feasibility-box__product-group:last-child {
  margin-right: 0;
}
.feasibility-box .feasibility-box__upstream-group,
.feasibility-box .feasibility-box__product-group {
  padding: 5px 10px;
  margin-bottom: 10px;
  min-width: 100px;
}
.customer-modal-scrollbar {
  overflow: scroll;
  max-height: 390px;
}
.non-selectable-addon {
  opacity: 0.4;
}
.customer-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
}
@media (min-width: 780px) {
  .customer-placeholder {
    padding-top: 180px;
  }
}
.pending-order {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.pending-order .main {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.pending-order .page-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 153px;
  padding: 0 12px 32px 12px;
}
.pending-order .page-footer .t2-divider {
  width: 100%;
  margin-bottom: 32px;
}
.pending-order .page-footer p {
  font-size: 14px;
}
.pending-order span.t2-logo.t2-tele2 {
  width: 65.42307692px;
  height: 36px;
  background-size: 65.42307692px 36px;
  margin-bottom: 24px;
}
.pending-order .pending-order__content {
  float: none;
  text-align: center;
  margin: auto;
  max-width: 720px;
}
:root .comhem {
  --offer-box-background: #e6e8eb;
  --offer-box-color: #18344b;
  --offer-box-selected-color: #1789e6;
  --offer-box-hover-color: #b9dbf9;
}
:root .boxer {
  --offer-box-background: #252626;
  --offer-box-color: #ffffff;
  --offer-box-selected-color: #00a882;
  --offer-box-hover-color: #808080;
}
.offer-box {
  color: var(--offer-box-color);
  background-color: var(--offer-box-background);
  border-radius: 20px;
  height: 100%;
  padding: 15px;
  border: 5px solid transparent;
}
.offer-box.offer-box--selected {
  border-color: var(--offer-box-selected-color);
}
.offer-box.offer-box--selected .offer-box__heading {
  color: var(--offer-box-selected-color);
}
.offer-box:not(.offer-box--selected):not(.offer-box--no-hover):hover,
.offer-box:not(.offer-box--selected):not(.offer-box--no-hover):focus {
  background-color: var(--offer-box-hover-color);
}
.offer-box.offer-box--small {
  padding: 5px;
  border-radius: 0;
}
@media all and (max-width: 780px) {
  .offer-box.offer-box--small {
    padding: 10px;
  }
}
.offer-box .offer-box__heading {
  margin-bottom: 5px;
  display: inline-block;
  padding-right: 20px;
  word-break: break-word;
}
.offer-box .offer-box__icon {
  position: absolute;
  top: -10px;
  right: -15px;
  margin: 0;
}
.customer-details__form {
  max-width: 650px;
}
.customer-details__form .customer-details__form__checkbox {
  flex: 0 0 70px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.customer-details__form .panel-collapse__buttons {
  margin-top: 10px;
  margin-left: 20px;
}
.signature .signature__box {
  background: white;
  border: 1px solid #000000;
  margin: 5px 0;
}
@media all and (max-width: 420px) {
  .signature .signature__box {
    border-left: 0;
    border-right: 0;
  }
}
.signature .signature__terms-list {
  list-style: none;
}
.login-page {
  display: flex;
}
.login-page .spinner > .container {
  min-height: 0;
  margin-top: 40px;
  margin-bottom: 25px;
}
.login-page > .video-background {
  display: none;
  height: 100vh;
  flex-grow: 1;
  position: relative;
}
.login-page > .video-background > video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.login-page > .video-background > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-page > .video-background > div > span {
  font-size: 56px;
  font-family: "Tele2Sans-Light", sans-serif;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
}
.login-page__background {
  display: none;
  height: 100vh;
  flex-grow: 1;
  background-size: cover;
  background-image: url('https://images.ctfassets.net/hiv3qs38lp1g/W6amy5imf51uQspL4yBMA/dc67ddb82068cf089185a8adb06785b0/KV_login.jpg?w=1080');
  background-repeat: no-repeat;
  background-position: center;
}
.login-page__background > span {
  font-size: 56px;
  font-family: "Tele2Sans-Light", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
.login-page__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 25px auto;
  color: #000000;
}
.login-page__content > * {
  width: 320px;
}
.login-page__content > h2,
.login-page__content > p {
  text-align: center;
}
.login-page__content__header {
  height: 55px;
}
.login-page__content__header > span.t2-logo {
  width: 87.23076923px;
  height: 48px;
  background-size: 87.23076923px 48px;
}
.login-page__content__header > button {
  margin-left: -10px;
}
.login-page__content__ssn-in-progress {
  min-height: 40px;
}
.login-page__content__ssn-form {
  min-height: 86px;
}
.login-page__content__ssn-form,
.login-page__content__ssn-in-progress {
  margin-bottom: 10px;
}
.login-page__content__adlogin-form {
  min-height: 162px;
  margin-bottom: 10px;
}
.login-page__qr {
  text-align: center;
}
.login-page__qr > .spinner {
  width: 280px;
}
.login-page__content__container {
  width: 320px;
}
.login-page__heading {
  margin-bottom: 27px;
}
@media all and (min-width: 420px) {
  .login-page__content__header {
    height: 70px;
  }
}
@media all and (min-width: 1120px) {
  .login-page__content {
    align-items: flex-start;
    margin: 50px;
  }
  .login-page__content > h2,
  .login-page__content > p {
    text-align: left;
  }
  .login-page__content__header {
    height: 100px;
  }
  .login-page__content__ssn-in-progress {
    min-height: 86px;
  }
  .login-page__background,
  .login-page > .video-background {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1300px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1300px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1300px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1300px), only screen and (min-resolution: 192dpi) and (min-width: 1300px), only screen and (min-resolution: 2dppx) and (min-width: 1300px) {
  .login-page__background {
    background-image: url('https://images.ctfassets.net/hiv3qs38lp1g/2WQE32TlPJrbkrBb99Ar7E/b41052abca0752699791aa5e1892ff4c/loginpage.jpg');
  }
}
.main {
  height: 100%;
}
.main .notification {
  margin-top: 0;
}
.forms {
  padding: 20px;
}
@media all and (max-width: 780px) {
  .forms {
    padding: 10px 5px;
  }
}
.forms .forms__header {
  margin-bottom: 20px;
}
.forms .forms__contact {
  margin-top: 20px;
}
.forms .forms__contact__container {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
.forms .forms__contact__box {
  flex: 48%;
  margin: 10px;
  background-color: #f5f5f5;
  padding: 15px;
  display: flex;
}
.forms .forms__contact__photo {
  height: 150px;
  width: 150px;
  background-image: url(/sales/assets/images/Ikon_Telefon-a95df24ce360383e2cd4.svg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 15px;
}
.forms .forms__contact__photo--andreas {
  background-image: url(/sales/assets/images/andreas_head-8552c68dff2b0c8df418.png);
}
.forms .forms__contact__photo--kristina {
  background-image: url(/sales/assets/images/kristina_head-296bc131d5c2a9ac0c08.png);
}
.forms .forms__contact__photo--lukas {
  background-image: url(/sales/assets/images/lukas_head-02ec571d1455e87f588e.png);
}
.forms .forms__contact__photo--eddan {
  background-image: url(/sales/assets/images/eddan_head-27b69bebc4e132e00c4d.png);
}
.forms .forms__contact__photo--markus {
  background-image: url(/sales/assets/images/markus_head-0880ae9cebf939215b17.png);
}
.forms .forms__contact__photo--zino {
  background-image: url(/sales/assets/images/zino_head-7bf6f2bb60a044eeb758.jpg);
}
.forms .forms__contact__photo--pia {
  background-image: url(/sales/assets/images/pia_head-2a54f39844a165b527d6.png);
}
.statistics > .flex-container {
  align-items: flex-end;
}
.statistics > .flex-container > * {
  margin-top: 16px;
  margin-top: 10px;
  margin-right: 20px;
}
.statistics > .flex-container > *:last-child {
  margin-right: 0;
}
.statistics .statistics__table {
  margin-top: 30px;
  margin-bottom: 60px;
}
.statistics .statistics__table .result-table__data {
  padding: 10px;
}
.statistics .statistics__table .result-table__data--sortable {
  padding-left: 20px;
}
.statistics .statistics__jumbotron {
  background: #f5f5f5;
  padding: 60px 40px;
  border-radius: 6px;
}
.site-overlay {
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.24;
}
.customer-search-back {
  display: inline-block;
  padding: 20px 13px 20px 16px;
  cursor: pointer;
}
.search-container__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 90px;
}
.search-container__content .search-container__content__link {
  padding: 10px 10px 10px 0;
}
.search-container__content .search-header {
  display: none;
}
.search-container__content .search-form {
  width: 100%;
  padding-bottom: 19px;
}
.search-container__content .search-form .search-form__input {
  width: 100%;
}
.customer-result h2 {
  margin-bottom: 18px;
}
.customer-result .customer-result__table {
  margin-top: 28px;
}
.customer-result .customer-result__table th {
  font-weight: normal;
  line-height: 20px;
  padding-bottom: 10px;
}
.customer-result .customer-result__table td {
  padding: 9px 5px 5px 0;
  vertical-align: top;
  line-height: 20px;
}
.customer-result .customer-result__table td:last-child {
  vertical-align: middle;
}
.customer-result .customer-result__table tbody > tr {
  border-top: 1px solid #dcdcde;
  cursor: pointer;
}
.customer-result .customer-result__table tbody > tr:hover {
  background-color: #f5f5f5;
}
.search-container__content {
  padding-top: 197px;
}
.search-container__content .search-form {
  width: 288px;
}
.advanced-search__container > header.page {
  margin-bottom: 40px;
}
.advanced-search__container .advanced-search__go-back {
  position: absolute;
  left: 0;
}
.advanced-search__container > .advanced-search__form > .autocomplete-input-with-label {
  width: 100%;
  max-width: 590px;
  margin-left: 12px;
  margin-right: 12px;
  position: relative;
}
.advanced-search__container > .advanced-search__form > .autocomplete-input-with-label > div {
  width: 100%;
}
.advanced-search__container .advanced-search__info-text {
  text-align: center;
  color: #6c6d73;
  padding: 26px 45px 0 45px;
}
.advanced-search__container .advanced-search__autocomplete__menu-item {
  min-height: 55px;
  padding-top: 0;
  border-bottom: 1px solid #dcdcde;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.advanced-search__container .advanced-search__autocomplete__menu-item.advanced-search__autocomplete__menu-item--focus,
.advanced-search__container .advanced-search__autocomplete__menu-item:hover {
  background-color: #f5f5f5;
}
.advanced-search__container .advanced-search__autocomplete__menu-item .advanced-search__autocomplete__menu-item__text {
  line-height: 20px;
}
.advanced-search__container .advanced-search__autocomplete__menu-item .advanced-search__autocomplete__menu-item__text > span {
  display: block;
}
.advanced-search__container .advanced-search__autocomplete__menu-item .advanced-search__autocomplete__menu-item__text > span:not(:first-child) {
  font-size: 14px;
  color: #6c6d73;
}
.advanced-search__container .advanced-search__autocomplete__menu-item-container:last-child .advanced-search__autocomplete__menu-item {
  border-bottom: unset;
}
.advanced-search__container .advanced-search__results {
  padding: 7px 16px 0 16px;
}
.advanced-search__container.advanced-search__container--search-hits .advanced-search__form {
  display: none;
}
.advanced-search__container > .advanced-search__form {
  display: flex;
  justify-content: center;
}
.advanced-search__container > .advanced-search__form .advanced-search__autocomplete__menu-item {
  padding: 0 16px;
}
.advanced-search__container > .advanced-search__form .advanced-search__form__autocomplete {
  width: 100%;
}
.advanced-search__container > .advanced-search__form .advanced-search__autocomplete {
  margin-top: 8px;
  padding: 0;
  text-align: left;
}
.advanced-search__container.advanced-search__container--search-hits .advanced-search__form {
  display: none;
}
.advanced-search__container .advanced-search__autocomplete__menu-item {
  padding: 0 16px;
}
.customer-result .customer-result__table td:first-child {
  padding-left: 16px;
}
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
.flex {
  display: flex;
}
.flex-item {
  padding: 2px;
}
.flex-item--standard {
  flex: 1;
}
@media all and (max-width: 420px) {
  .flex-item--standard {
    flex-basis: 100%;
  }
}
.flex-item--standard--with-space {
  margin-left: 5px;
  margin-right: 5px;
}
.flex-item--full-width {
  flex: 0 0 100%;
}
.flex-item--full-width--with-space {
  margin-left: 5px;
  margin-right: 5px;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
}
.flex-container.nowrap {
  flex-wrap: nowrap;
}
.flex-container.flex-row-center {
  justify-content: center;
}
.flex-container.flex-row-evenly {
  justify-content: space-evenly;
}
.flex-container.flex-row-space-between {
  justify-content: space-between;
}
.flex-container.flex-end {
  justify-content: flex-end;
}
.flex-container .flex-column {
  flex: 1 0 auto;
}
.flex-container.flex-column-centered {
  align-items: center;
}
.flex-container--items-spaced {
  margin-left: -5px;
  margin-right: -5px;
}
.flex-container-vertical {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex-grow: 1;
}
.flex-container-vertical.nowrap {
  flex-wrap: nowrap;
}
.flex-container-vertical.flex-row-center {
  justify-content: center;
}
.flex-container-vertical.flex-row-evenly {
  justify-content: space-evenly;
}
.flex-container-vertical.flex-row-space-between {
  justify-content: space-between;
}
.flex-container-vertical.flex-end {
  justify-content: flex-end;
}
.flex-container-vertical .flex-column {
  flex: 1 0 auto;
}
.flex-container-vertical.flex-column-centered {
  align-items: center;
}
.flex-container-vertical--items-spaced {
  margin-left: -5px;
  margin-right: -5px;
}
.flex-container-vertical.flex-column-centered {
  align-items: center;
}
.flex-container-vertical.flex-column-start {
  align-items: flex-start;
}
.align-self-end {
  align-self: flex-end;
}
.align-self-center {
  align-self: center;
}
.horizontal-collapse {
  visibility: collapse;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.flex-half {
  flex: 50%;
}
.block {
  display: block;
  width: 100%;
}
.inline-block {
  display: inline-block;
}
.inline-block--top {
  vertical-align: top;
}
.inline-block--middle {
  vertical-align: middle;
}
.inline-block--text-top {
  vertical-align: text-top;
}
.inline-block--bottom {
  vertical-align: bottom;
}
.scroll-x {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.scroll-y {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-auto {
  overflow: auto;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.hoz-centre {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.vert-hoz-centre {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.full-height {
  height: 100%;
}
.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: -20px;
}
.width-100 {
  width: 100%;
}
.auto-height {
  height: auto;
}
.centered {
  margin: 0 auto;
}
.bordered-box {
  border: 1px solid black;
  background: white;
}
@media all and (max-width: 780px) {
  .mobile-hidden {
    display: none;
  }
}
@media all and (max-width: 1120px) {
  .mobile-and-tablet-hidden {
    display: none;
  }
}
@media all and (max-width: 780px) {
  .mobile-width-100 {
    width: 100%;
  }
}
@media all and (max-width: 420px) {
  .mobile-small-hidden {
    display: none;
  }
}
.text--no-wrap {
  white-space: nowrap;
}
.cursor--auto {
  cursor: auto;
}
@media screen {
  .show-on-print {
    display: none;
  }
}
@media print {
  .invisible-on-print {
    display: none;
  }
  .show-on-print {
    display: block;
  }
}
.invisible {
  visibility: hidden;
}
.hide {
  display: none !important;
}
/*------------------------------------*\
    #RHYTHM
\*------------------------------------*/
.rhythmic {
  padding-top: 10px;
  padding-bottom: 10px;
}
.gutted {
  padding-left: 16px;
  padding-right: 16px;
}
@media all and (min-width: 420px) {
  .gutted {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.no-gutter {
  padding-right: 0;
  padding-left: 0;
}
.margin-bottom-s {
  margin-bottom: 8px;
}
.margin-bottom {
  margin-bottom: 16px;
}
.margin-bottom-m {
  margin-bottom: 24px;
}
.margin-bottom-l {
  margin-bottom: 32px;
}
.margin-top-l {
  margin-top: 32px;
}
.margin-bottom-xl {
  margin-bottom: 40px;
}
.margin-left {
  margin-left: 16px;
}
.margin-right {
  margin-right: 16px;
}
.margin-left-s {
  margin-left: 8px;
}
.margin-right-s {
  margin-right: 8px;
}
.margin-left-xs {
  margin-left: 4px;
}
.margin-right-xs {
  margin-right: 4px;
}
.margin-top-xs {
  margin-top: 4px;
}
.margin-top-s {
  margin-top: 8px;
}
.margin-top {
  margin-top: 16px;
}
.margin-top-m {
  margin-top: 24px;
}
/*------------------------------------*\
    #BOTH
\*------------------------------------*/
.margin-zero {
  margin: 0 !important;
}
.padding-zero {
  padding: 0 !important;
}
.padding {
  padding: 10px;
}
.padding-zero--bottom {
  padding-bottom: 0;
}
.padding-top {
  padding-top: 10px;
}
.padding-bottom {
  padding-bottom: 10px;
}
.padding-left {
  padding-left: 10px;
}
.padding-right {
  padding-right: 10px;
}
.padding-right-md {
  padding-right: 20px;
}
.padding-top--md {
  padding-top: 20px;
}
.padding-top--l {
  padding-top: 30px;
}
.margin {
  margin: 10px;
}
.margin-s {
  margin: 5px;
}
.margin-right {
  margin-right: 10px;
}
.margin-right-s {
  margin-right: 5px;
}
.margin-top-s {
  margin-top: 5px;
}
.margin-top {
  margin-top: 10px;
}
.margin-top--md {
  margin-top: 20px;
}
.margin-top--l {
  margin-top: 30px;
}
.margin-top-xl {
  margin-top: 40px;
}
.margin-bottom {
  margin-bottom: 10px;
}
.margin-bottom--s {
  margin-bottom: 5px;
}
.margin-bottom--md {
  margin-bottom: 20px;
}
.margin-bottom--l {
  margin-bottom: 30px;
}
.margin-bottom--xl {
  margin-bottom: 40px;
}
.margin-left {
  margin-left: 10px;
}
.margin-left-s {
  margin-left: 5px;
}
.margin-left--md {
  margin-left: 20px;
}
.margin-right--md {
  margin-right: 20px;
}
.border-none {
  border: 0;
}
/*------------------------------------*\
    #TEXT
\*------------------------------------*/
.text-error {
  color: #b50d2b;
  margin-top: 10px;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-nowrap {
  white-space: nowrap;
}
.text-prewrap {
  white-space: pre-wrap;
}
.truncate-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-bold {
  font-weight: 700;
  font-style: normal;
}
label {
  font-weight: normal;
  margin-bottom: 0;
}
.personal-data-hidden .customer-details input,
.personal-data-hidden .personal-data {
  color: transparent !important;
}

.customer-account-selection .company-badge {
  position: relative;
  top: -2px;
}
.customer-account-selection .address-row-tele2_b2b_micro {
  margin-bottom: 6px;
}
.customer-account-selection > p {
  color: #6c6d73;
}
.customer-account-selection > ul.with-brand > li {
  justify-content: flex-start;
  padding-left: 0;
}
.customer-account-selection > ul.with-brand > li > .t2-logo {
  flex-shrink: 0;
  background-position-x: center;
}
.customer-account-selection > ul.with-brand > li > .t2-logo.t2-tele2 {
  width: 40.7076923px;
  height: 22.4px;
  background-size: 40.7076923px 22.4px;
}
.customer-account-selection > ul.with-brand > li > .t2-logo.t2-tele2-b2b {
  width: 36.0761194px;
  height: 28px;
  background-size: 36.0761194px 28px;
}
.customer-account-selection > ul.with-brand > li > .t2-logo.t2-boxer {
  width: 66.818729px;
  height: 11.2px;
  background-size: 66.818729px 11.2px;
}
.customer-account-selection > ul.with-brand > li > .t2-logo.t2-boxer,
.customer-account-selection > ul.with-brand > li > .t2-logo.t2-tele2,
.customer-account-selection > ul.with-brand > li > .t2-logo.t2-tele2-b2b {
  width: 100px;
}
.customer-account-selection > ul.with-brand > li > div {
  padding-right: 24px;
}
.customer-account-selection > ul.with-brand > li > div > span:not(:first-child) {
  color: #6c6d73;
}
@media (hover: hover), (pointer: fine) {
  .t2-modal .customer-account-selection {
    margin-top: -46px;
  }
}

.badge-container {
  display: inline-block;
  border-radius: 4px;
  background-color: #6c6d73;
  color: #ffffff;
}
.badge-text {
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  bottom: -1px;
}

#menu-notifications {
  position: relative;
}
#menu-notifications > button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
}
#menu-notifications > button .menu-notifications-pill {
  background-color: #b50d2b;
  color: white;
  position: absolute;
  top: 2px;
  right: 2px;
  border-radius: 50%;
  min-width: 15px;
  min-height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  box-shadow: 0 0 0 1px white;
}
#menu-notifications > button:hover .menu-notifications-pill {
  top: 1px;
  right: 1px;
}
#menu-notifications > button:focus .menu-notifications-pill {
  top: 1px;
  right: 1px;
}
#menu-notifications > ul {
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 1000;
  width: 300px;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
#menu-notifications .menu-notification-item {
  border-color: transparent;
}
#menu-notifications .menu-notification-item:hover {
  background-color: #f9f2f3;
}
#menu-notifications .menu-notification-item > a {
  text-decoration: none;
  color: black;
}
#menu-notifications .menu-notification-item > a .menu-notification-item-text {
  color: #6c6d73;
  margin-top: 12px;
  font-size: 16px;
  display: flex;
}
#menu-notifications .menu-notification-item > a .menu-notification-item-pill {
  display: inline-block;
  z-index: 1;
  background-color: #b50d2b;
  color: white;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  min-width: 12px;
}

#root > .critical-js-error {
  padding: 25px 0;
}
#root > .critical-js-error > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#root > .critical-js-error > div > .t2-exclamation-mark {
  filter: invert(13%) sepia(82%) saturate(4237%) hue-rotate(340deg) brightness(86%) contrast(101%);
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  margin-bottom: 17px;
}
#root > .critical-js-error > div > h1 {
  font-size: 22px;
  margin-bottom: 20px;
}
#root > .critical-js-error > div > p {
  color: #6c6d73;
  margin-bottom: 20px;
}
#root > .critical-js-error textarea {
  margin-bottom: 25px;
}

.bank-id-button:hover .bank-id-icon-svg {
  left: 13px;
}
button .bank-id-icon-svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 14px;
}
.bank-id-pending {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bank-id .spinner .container {
  margin: 0;
  width: 128px;
  height: 128px;
  min-height: 128px;
}
.bank-id .spinner .container span {
  width: 90px;
  height: 90px;
}
.bank-id .bank-id-svg {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
.bank-id .t2-msg {
  margin-top: 0;
}
.bank-id-sign-agreement,
.bank-id-authenticate-pending-order,
.bank-id-sign-pending-order,
.bank-id-transfer-of-ownership,
.bank-id-distance-sign {
  margin: 0 auto;
  max-width: 320px;
  width: 100%;
}

.exchange-addon-item {
  height: 55px;
}
.exchange-addon-item .exchange-addon-item-price {
  float: right;
}
.exchange-addon-item div {
  display: flex;
  justify-content: space-between;
}
.exchange-addon-item span {
  line-height: 28px;
}

.exchange-addons-config .exchange-addons-config-heading > p {
  font-size: 16px;
  color: #6c6d73;
}

.exchange-connection-numbers input {
  max-width: 220px;
}
.exchange-connection-numbers input[type='checkbox'] {
  height: 20px;
  width: 20px;
}
.exchange-connection-numbers input[type='checkbox'] + label {
  margin-left: 10px;
}

.exchange-connections-config .exchange-connections-config-heading > p {
  font-size: 16px;
  color: #6c6d73;
}

.exchange-contact-person .t2-input-text {
  min-height: 70px;
}
.exchange-contact-person .exchange-contact-person-heading > p {
  font-size: 16px;
  color: #6c6d73;
}
.exchange-contact-person .exchange-contact-person-inputs {
  display: flex;
  flex-grow: 1;
}
.exchange-contact-person .exchange-contact-person-inputs > div {
  flex-basis: 27.5%;
  margin: auto 10px auto 0;
}
.exchange-contact-person .exchange-contact-person-inputs > div:last-child {
  margin-right: 0;
}

.exchange-main-number-config .exchange-main-number-config-heading > p {
  font-size: 16px;
  color: #6c6d73;
}
.exchange-main-number-config input {
  max-width: 220px;
}

.exchange-connections-user-config-item {
  display: flex;
  flex-direction: row;
  padding: 0;
}
.exchange-connections-user-config-item input {
  max-width: 250px;
}
.exchange-connections-user-config-item input[type='checkbox'] {
  margin-top: 14px;
  height: 20px;
  width: 20px;
}
.exchange-connections-user-config-item input[type='checkbox'] + label {
  margin-left: 10px;
}

.hardware-container > .t2-input-search > input {
  cursor: pointer;
}

.hardware-selection {
  min-height: 410px;
}
@media all and (min-height: 650px) {
  .hardware-selection > ul.t2-simple {
    max-height: 300px;
    overflow-y: auto;
  }
}

.dropdown-select-menu {
  min-width: 208px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #dcdcde;
  margin-bottom: 8px;
}
@media all and (min-width: 780px) {
  .dropdown-select-menu {
    position: absolute;
    margin-bottom: 0;
    z-index: 3;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  }
}
.dropdown-select-menu__header {
  padding: 6px 8px;
}
.dropdown-select-menu__header .t2-btn.t2-sm {
  text-align: left;
  padding-left: 7px;
}
.dropdown-select-menu__header .t2-btn.t2-sm:not([disabled]):hover,
.dropdown-select-menu__header .t2-btn.t2-sm:not([disabled]):focus {
  padding-left: 6px;
}
.dropdown-select-menu__content {
  border-top: 1px solid #dcdcde;
  padding: 14px 8px 14px 8px;
}
.dropdown-select-menu-container {
  display: block;
  width: 100%;
  position: relative;
}
.dropdown-select-menu-container > button {
  width: 100%;
}
@media all and (min-width: 780px) {
  .dropdown-select-menu-container {
    display: inline-block;
    width: auto;
  }
  .dropdown-select-menu-container > button {
    width: auto;
  }
}
.dropdown-select-menu-container:focus {
  outline: none;
}

/* TODO: Old stuff to cleanup */
/*BOXER  colors*/
.styleless-btn {
  border: none;
  box-shadow: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
}
.styleless-btn:focus {
  border: none;
  box-shadow: none;
  background-color: transparent;
  outline: none;
}
.select-input__single .select-input__single__control {
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.select-input__single .select-input__single__control--is-focused {
  box-shadow: none;
}
.select-input__single .select-input__single__indicator,
.select-input__single .select-input__single__indicator:hover {
  color: #3a3b3f;
}
.select-input__single .select-input__single__indicator-separator {
  color: #ffffff;
  background-color: #ffffff;
}
.select-input__single .select-input__single__menu {
  padding: 10px 8px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  z-index: 2;
}
.select-input__single .select-input__single__option--is-focused,
.select-input__single .select-input__single__option--is-focused:focus {
  background-color: #f5f5f5;
}
.select-input__single .select-input__single__option--is-selected {
  color: #1067d0;
  background-color: #ffffff;
}
.select-input__single.border > .select-input__single__control {
  border-radius: 2px;
  border: solid 1px #dcdcde;
  height: 48px;
}

/* TODO: Old stuff to cleanup */
/*BOXER  colors*/
.hardware-payment > h3 {
  margin: 20px 0 8px 0;
}
.hardware-configuration > div > ul.t2-tabs > li {
  font-size: 18px;
}

/* TODO: Old stuff to cleanup */
/*BOXER  colors*/
.hardware-configuration > p {
  color: #6c6d73;
}
.hardware-configuration > h3,
.hardware-configuration form > h3 {
  margin: 20px 0 8px 0;
}
.hardware-configuration > form > fieldset > label {
  font-size: 18px;
  line-height: 24px;
  margin: 20px 0 8px 0;
}
.hardware-configuration .price-choice {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.hardware-configuration div.t2-radio.t2-border {
  margin: 0;
}

li.list-menu .t2-button-bar .tooltip {
  margin-top: 13px;
}
.t2-modal.list-menu span.subtitle {
  color: #6c6d73;
  margin: -8px 0 12px 0;
  display: block;
}
.t2-modal.list-menu .t2-btn {
  margin-left: -16px;
}

.hardware-attribute-selection .hardware-attribute-selection-title {
  margin-top: 20px;
  margin-bottom: 8px;
}
.hardware-attribute-selection .hardware-attribute-selection-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.hardware-attribute-selection .hardware-attribute-selection-card {
  flex: 1 1 auto;
  padding: 24px 12px;
  font-size: 18px;
  color: #3a3b3f;
  border: 1px solid #dcdcde;
  border-radius: 4px;
  cursor: pointer;
  margin: 1px;
}
.hardware-attribute-selection .hardware-attribute-selection-card.disabled {
  background-color: #f1f1f1;
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.hardware-attribute-selection .hardware-attribute-selection-card:hover,
.hardware-attribute-selection .hardware-attribute-selection-card.selected {
  border-width: 2px;
  margin: 0px;
}
.hardware-attribute-selection .hardware-attribute-selection-card:not(.disabled):hover {
  border-color: #6c6d73;
}
.hardware-attribute-selection .hardware-attribute-selection-card.selected,
.hardware-attribute-selection .hardware-attribute-selection-card.selected:hover {
  border-color: #1067d0;
}
.hardware-attribute-selection .hardware-attribute-selection-card h3 {
  text-align: center;
}
.hardware-attribute-selection .hardware-attribute-selection-card.has-suffix h3 {
  font-size: 24px;
}
.hardware-attribute-selection .hardware-attribute-selection-card.has-suffix h3 .suffix {
  font-size: 14px;
  vertical-align: super;
}


.stock-status {
  margin-top: 8px;
}
.stock-status > .dot {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}
.stock-status > .dot.in-stock {
  background-color: #19af62;
}
.stock-status > .dot.needs-to-be-ordered {
  background-color: #db7917;
}
.stock-status > .dot.out-of-stock {
  background-color: #b50d2b;
}

.fiber-socket-question {
  background-color: #fbf1e7;
  border-radius: 2px;
  padding: 13px 32px 12px 18px;
  width: fit-content;
}
.fiber-socket-question > span.t2-icon {
  filter: invert(43%) sepia(72%) saturate(717%) hue-rotate(353deg) brightness(105%) contrast(88%);
  flex-shrink: 0;
  align-self: center;
}
.fiber-socket-question > div > p {
  padding-left: 18px;
  color: #3a3b3f;
}
.fiber-socket-question > div > p:first-child {
  color: #000000;
}
.fiber-socket-question > div .t2-flex-row {
  padding-left: 9px;
}
.fiber-socket-question div.t2-radio > input[type='radio']:not([disabled]) + label:hover {
  background-color: transparent;
}

.mobile-phone-number-config-heading {
  color: var(--t2-color-heading);
}
.mobile-phone-number-config {
  border-radius: 4px;
  border: solid 1px #dcdcde;
  padding: 16px;
}
.mobile-phone-number-config .port-in-input,
.mobile-phone-number-config .mobile-number-reservation {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.mobile-phone-number-config .port-in-input > div,
.mobile-phone-number-config .mobile-number-reservation > div {
  max-width: 220px;
}
.mobile-phone-number-config .port-in-input > div:not(:first-child),
.mobile-phone-number-config .mobile-number-reservation > div:not(:first-child) {
  margin-top: 16px;
}
@media all and (min-width: 800px) {
  .mobile-phone-number-config .port-in-input,
  .mobile-phone-number-config .mobile-number-reservation {
    flex-direction: row;
  }
  .mobile-phone-number-config .port-in-input > div:not(:first-child),
  .mobile-phone-number-config .mobile-number-reservation > div:not(:first-child) {
    margin-top: 0;
    margin-left: 16px;
  }
}
.mobile-phone-number-config .port-in-input > div {
  width: 100%;
}
.mobile-phone-number-config .port-in-input > div.number-owner-wrapper > input {
  cursor: pointer;
}

.t2-modal.transfer-of-ownership {
  color: #3a3b3f;
}
.t2-modal.transfer-of-ownership p,
.t2-modal.transfer-of-ownership ol {
  line-height: 1.5em;
}
.t2-modal.transfer-of-ownership h6 {
  font-family: "Tele2Sans-Medium", sans-serif;
  color: #000000;
}
.t2-modal.transfer-of-ownership [role="document"] > p {
  margin-top: -8px;
}
.t2-modal.transfer-of-ownership [role="document"] > h6 {
  font-size: 16px;
  margin: 20px 0 8px 0;
}
.t2-modal.transfer-of-ownership [role="document"] div.t2-datepicker {
  margin-top: 12px;
}
.t2-modal.transfer-of-ownership .more-info {
  background-color: #f5f5f5;
  border-radius: 4px;
  font-size: 14px;
  padding: 0 0 12px 12px;
  margin: 8px 0 16px 0;
}
.t2-modal.transfer-of-ownership .more-info > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.t2-modal.transfer-of-ownership .more-info > header > h6 {
  font-size: 14px;
}
.t2-modal.transfer-of-ownership .more-info > header .t2-icon.t2-cross {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  margin-left: 2px;
}
.t2-modal.transfer-of-ownership .more-info > p:not(:last-child),
.t2-modal.transfer-of-ownership .more-info > ol:not(:last-child) {
  margin-bottom: 12px;
}
.t2-modal.transfer-of-ownership .more-info > p.pxs {
  color: #6c6d73;
}
.t2-modal.transfer-of-ownership .more-info > p > span {
  text-decoration: underline;
}
.t2-modal.transfer-of-ownership .more-info > ol {
  padding-left: 16px;
}
@media (hover: hover), (pointer: fine) {
  .t2-modal.transfer-of-ownership.port-in div[role='document'] {
    width: 615px;
  }
}

.cart-offer-start-date-picker {
  max-width: 220px;
}

.t2-slider.offer-group-cards li,
.t2-slider.product-cards li,
ul.hardware-attribute-cards li {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #3a3b3f;
  border: 1px solid #dcdcde;
  border-radius: 12px;
  user-select: none;
  position: relative;
}
.t2-slider.offer-group-cards li:not(:last-child),
.t2-slider.product-cards li:not(:last-child),
ul.hardware-attribute-cards li:not(:last-child) {
  margin-right: 20px;
}
.t2-slider.offer-group-cards li:not(.disabled):hover,
.t2-slider.product-cards li:not(.disabled):hover,
ul.hardware-attribute-cards li:not(.disabled):hover,
.t2-slider.offer-group-cards li.selected,
.t2-slider.product-cards li.selected,
ul.hardware-attribute-cards li.selected {
  color: #000000;
}
.t2-slider.offer-group-cards li:not(.disabled):hover,
.t2-slider.product-cards li:not(.disabled):hover,
ul.hardware-attribute-cards li:not(.disabled):hover {
  cursor: pointer;
  border: 2px solid #6c6d73;
}
.t2-slider.offer-group-cards li.selected,
.t2-slider.product-cards li.selected,
ul.hardware-attribute-cards li.selected,
.t2-slider.offer-group-cards li.selected:hover,
.t2-slider.product-cards li.selected:hover,
ul.hardware-attribute-cards li.selected:hover {
  border: 3px solid #1067d0;
}
.t2-slider.offer-group-cards li.disabled,
.t2-slider.product-cards li.disabled,
ul.hardware-attribute-cards li.disabled {
  background-color: #f1f1f1;
  opacity: 0.5;
}
.t2-slider.offer-group-cards,
.t2-slider.product-cards {
  margin-top: -5px;
}
.t2-slider.offer-group-cards > ul,
.t2-slider.product-cards > ul {
  padding-top: 5px;
}
.t2-slider.offer-group-cards > ul > li,
.t2-slider.product-cards > ul > li {
  width: 172px;
}
.offer-group-cards li {
  padding: 24px 0;
}
.offer-group-cards li > div {
  background-color: #f1f1f1;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.offer-group-cards li > div > span.t2-icon {
  filter: invert(45%) sepia(5%) saturate(457%) hue-rotate(194deg) brightness(92%) contrast(86%);
}
.offer-group-cards li:not(.disabled):hover {
  padding: 23px 0;
}
.offer-group-cards li:not(.disabled):hover span.t2-icon {
  filter: invert(20%) sepia(5%) saturate(690%) hue-rotate(191deg) brightness(91%) contrast(86%);
}
.offer-group-cards li.selected,
.offer-group-cards li.selected:hover {
  padding: 22px 0;
}
.offer-group-cards li.selected > div,
.offer-group-cards li.selected:hover > div {
  background-color: #1067d0;
}
.offer-group-cards li.selected span.t2-icon,
.offer-group-cards li.selected:hover span.t2-icon {
  filter: invert(95%) sepia(100%) saturate(14%) hue-rotate(213deg) brightness(104%) contrast(104%);
}
.offer-group-cards li > h3 {
  font-size: 16px;
  line-height: 16px;
  margin-top: 16px;
}
.offer-group-cards li > span.t2-logo {
  position: absolute;
  background-color: #ffffff;
  background-position: center;
  top: -10px;
}
.offer-group-cards li > span.t2-logo.t2-boxer {
  width: 66.35714286px;
  height: 19px;
  background-size: 58.35714286px 19px;
}
.offer-group-cards li:not(.disabled):hover > span.t2-logo.t2-boxer {
  top: -11px;
}
.offer-group-cards li.selected > span.t2-logo.t2-boxer,
.offer-group-cards li.selected:hover > span.t2-logo.t2-boxer {
  top: -12px;
}
.product-cards li {
  padding: 16px 0;
}
.product-cards li:not(.disabled):hover {
  padding: 15px 0;
}
.product-cards li.selected,
.product-cards li.selected:hover {
  padding: 14px 0;
}
.product-cards li > h3 > span {
  font-size: 14px;
  vertical-align: super;
}
.product-cards li > h3 {
  padding: 0 12px 17px 12px;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
}
.product-cards li > div.t2-price {
  justify-content: center;
}
.product-cards li > div.t2-price > span:first-child {
  font-size: 14px;
}
.product-cards li > span.contract-period {
  font-size: 14px;
  color: #6c6d73;
  padding-top: 4px;
}
.product-cards li > div.multi-offer-selection {
  display: flex;
  justify-content: space-between;
}
.product-cards li > div.multi-offer-selection > button.t2-btn.t2-icon-only {
  padding: 13px;
}
.product-cards li > div.multi-offer-selection > button.t2-btn.t2-icon-only > .t2-icon {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  left: 1px;
}
.product-cards li > div.multi-offer-selection > button.t2-btn.t2-icon-only:not([disabled]):hover,
.product-cards li > div.multi-offer-selection > button.t2-btn.t2-icon-only:not([disabled]):focus {
  padding: 12px;
}
.product-cards li > div.multi-offer-selection > button.t2-btn.t2-icon-only:not([disabled]):hover > .t2-icon,
.product-cards li > div.multi-offer-selection > button.t2-btn.t2-icon-only:not([disabled]):focus > .t2-icon {
  left: 0;
}
.product-cards li > div.multi-offer-selection > span {
  margin: 0 12px;
}
.product-cards li > div.t2-price {
  align-items: center;
}
.product-cards li > div.multi-offer-selection {
  flex-grow: 1;
  align-items: center;
}
.product-cards li > span.pxs {
  position: absolute;
  color: #6c6d73;
  background-color: #ffffff;
  top: -10px;
}
.product-cards li:not(.disabled):hover > span.pxs {
  top: -11px;
}
.product-cards li.selected > span.pxs,
.product-cards li.selected:hover > span.pxs {
  color: #1067d0;
  top: -12px;
}
.product-cards li.disabled > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
}
.product-cards li.BUNDLED_OFFER,
.product-cards li.TV,
.product-cards li.BROADBAND,
.product-cards li.MOBILE_TELEPHONY {
  min-height: 133px;
}
ul.hardware-attribute-cards {
  padding-left: 0;
  list-style-type: none;
  display: flex;
  align-items: flex-start;
}
ul.hardware-attribute-cards > li {
  padding: 24px 0;
  width: 133px;
  border-radius: 4px;
}
ul.hardware-attribute-cards > li:not(.disabled):hover {
  padding: 23px 0;
}
ul.hardware-attribute-cards > li.selected,
ul.hardware-attribute-cards > li.selected:hover {
  padding: 22px 0;
}
ul.hardware-attribute-cards > li > h3 > span {
  font-size: 14px;
  vertical-align: super;
}
ul.hardware-attribute-cards > li.selected,
ul.hardware-attribute-cards > li.selected:hover {
  border-width: 2px;
  padding: 23px 0;
}
ul.hardware-attribute-cards > li > h3 {
  text-align: center;
  font-size: 18px;
}
ul.hardware-attribute-cards > li > h3.numeric {
  font-size: 24px;
}

.t2-modal.customer-modal header > h5 {
  flex-grow: 1;
  text-align: center;
}
.t2-modal.customer-modal div[role='document'] {
  text-align: center;
}
@media (hover: hover), (pointer: fine) {
  .t2-modal.customer-modal header > h5 {
    padding-left: 26px;
  }
  .t2-modal.customer-modal div[role='document'] {
    max-width: 480px;
  }
}
@media (hover: none) and (pointer: coarse) {
  .t2-modal.customer-modal .t2-input-search {
    padding-bottom: 48px;
  }
}

.exchange-information p {
  font-size: 16px;
  color: #6c6d73;
}

.customer-information > .t2-text-info {
  flex-grow: 1;
  margin-top: 12px;
}

.group-agreement h2.result-table-heading {
  display: none;
}
.group-agreement-modal-container {
  width: 100%;
}
@media all and (min-width: 420px) {
  .group-agreement-modal-container {
    margin-left: 8px;
    width: auto;
  }
}

.custom_table {
  width: calc(100% - 1px);
}
.custom_table .custom_th {
  color: #3a3b3f;
  font-size: 14px;
  font-weight: normal;
  padding: 0 20px 10px 20px;
  line-height: 20px;
}
.custom_table .custom_th--border-right {
  border-right: 1px solid #dcdcde;
}
.custom_table .custom_th--narrow {
  padding: 5px;
}
@media all and (max-width: 780px) {
  .custom_table .custom_th {
    padding: 0 5px;
  }
}
.custom_table .custom_td {
  padding: 20px 0 20px 20px;
}
.custom_table .custom_td:last-child {
  padding-right: 20px;
}
.custom_table .custom_td--border-right {
  border-right: 1px solid #dcdcde;
}
@media all and (max-width: 780px) {
  .custom_table .custom_td {
    max-width: 85px;
    padding: 5px;
    font-size: 14px;
  }
}
.custom_table .custom_tr {
  border-bottom: 1px solid #dcdcde;
}
.custom_table .custom_tr--border-right {
  border-right: 1px solid #dcdcde;
}
.custom_table .custom_tr--disabled {
  opacity: 0.4;
}
.custom_table .custom_thead :first-child {
  padding-left: 0;
}
.custom_table .custom_tbody {
  border-radius: 3px;
  border: solid 1px #dcdcde;
}
.custom_table--sortable {
  cursor: pointer;
  background-image: url(/sales/assets/images/icon_arrowupdown_blue-212128fb0c1f81a80d0e.svg);
  padding-left: 20px;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: right 0 center;
}
.custom_table--sortable--sorted--asc {
  background-image: url(/sales/assets/images/icon_arrowdown_blue-387619c0b019c03fbdb5.svg);
}
.custom_table--sortable--sorted--desc {
  background-image: url(/sales/assets/images/icon_arrowup_blue-2ce12eda2ad11b69caf8.svg);
}
.custom_table .custom_table__data--sm {
  padding: 10px;
}
.custom_table .custom_table__header--sm {
  padding: 0 10px;
}
.custom_table .custom_table__data--m {
  padding: 20px;
}
.custom_table .custom_table__data--narrow {
  width: 1px;
}
.custom_table .custom_table__data--nowrap {
  white-space: nowrap;
}

.no-insurance {
  font-size: 14px;
  white-space: nowrap;
  margin: auto;
}
.add-hardware-insurance {
  min-width: 167px;
  margin: auto;
}
#equipment-number {
  margin-top: 4px;
  font-size: 14px;
  color: var(--t2-color-sub-text, #6c6d73);
}

.email-missing-modal div.t2-input-text {
  margin-left: 0;
}

.t2-modal.select-offer-modal .t2-with-subtext > span {
  margin-left: 29px;
}
@media all and (min-height: 650px) {
  .t2-modal.select-offer-modal ul.t2-simple {
    max-height: 435px;
    overflow-y: auto;
  }
}

.alias-modal .alias-modal-text {
  font-size: 16px;
  color: #6c6d73;
}
.alias-modal .alias-inputs-div {
  margin-right: 0 !important;
}
.alias-button-section {
  font-size: 14px;
  margin-top: 4px;
  color: #6c6d73;
}
.alias-button-section span {
  margin-right: 4px;
}
.alias-button-section button {
  margin: 0 !important;
  padding: 0 !important;
  display: inline;
  border: 0;
}
.alias-button-section button:hover {
  background-color: #ffffff !important;
  border: 0;
}

.addon-selection > ul.t2-card > li {
  justify-content: flex-start;
}
.addon-selection .selected-addon:after {
  content: ',';
  margin-right: 5px;
}
.addon-selection .selected-addon:last-child:after {
  content: none;
}

section.customer-info > div.notification {
  margin-bottom: 16px;
}
section.customer-info div.card {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  border-radius: 2px;
}
section.customer-info div.card > div {
  padding: 14px 0 12px 14px;
}
section.customer-info div.card span {
  display: block;
}
section.customer-info div.card span:nth-child(1) {
  font-family: 'Tele2Sans-Medium', sans-serif;
  line-height: 20px;
}
section.customer-info div.card span:nth-child(2) {
  line-height: 24px;
}
section.customer-info .email-field {
  margin-left: 10px;
}
section.customer-info > .customer-address .t2-input-text > button.t2-btn {
  position: absolute;
  right: 4px;
  top: 6px;
}
section.customer-info > .customer-address .t2-input-text:last-child {
  margin-left: 16px;
}
section.customer-info > .customer-address .t2-checkbox {
  margin-top: 10px;
}

.villafiber-confirmation-error {
  color: var(--t2-color-red);
}

.organization-contact-person-section {
  display: flex;
  flex-grow: 1;
}
.organization-contact-person-section > div {
  flex-basis: 50%;
  margin: auto 10px auto 0;
}
.organization-contact-person-section > div:last-child {
  margin-right: 0;
}

.organization-information-section > div {
  margin-bottom: 32px;
}
.organization-information-section > div > h2 {
  margin-bottom: 8px !important;
}
.organization-information-section > div > p {
  font-size: 16px;
  color: #6c6d73;
}
.organization-information-section > div > div {
  margin-top: 24px;
}

.organization-signatory-input {
  margin-bottom: 32px;
}
.organization-signatory-input > h2 {
  margin-bottom: 8px !important;
}
.organization-signatory-input > p {
  font-size: 16px;
  color: #6c6d73;
}
.organization-signatory-input > div {
  margin-top: 24px;
}

.t2-price-summary {
  width: 480px;
}

.page-notification {
  position: fixed;
  bottom: 32px;
  left: 32px;
  padding: 16px;
  z-index: 20;
}
.page-notification ul {
  margin: 0 40px 0 12px;
}

.tradein-info > .more-info {
  background-color: #f5f5f5;
  border-radius: 4px;
  font-size: 14px;
  padding: 0 0 12px 12px;
  margin: 16px 0;
}
.tradein-info > .more-info > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tradein-info > .more-info > header > h4 {
  font-size: 14px;
}
.tradein-info > .more-info > header .t2-icon.t2-cross {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}
.tradein-info > .more-info > .content {
  padding-right: 12px;
  color: #3a3b3f;
}
.tradein-info > .more-info > .content > ol {
  padding-left: 16px;
}
.tradein-info > .more-info > .content > ol > li {
  padding-bottom: 8px;
}
.tradein-info > .more-info > .content > p {
  margin-top: 18px;
}
.tradein-info > .more-info > .content > p:not(:first-of-type) {
  font-size: 12px;
  color: #6c6d73;
}

.tradein-dialog .sub-text {
  color: #6c6d73;
  white-space: pre-line;
}
.tradein-dialog .t2-input-text {
  width: 235px;
}
.tradein-dialog .select-input__single {
  border: 1px solid #dcdcde;
}
.tradein-dialog .t2-icon.t2-mobile-phone {
  width: 36px;
  height: 36px;
  background-size: 36px 36px;
}
.tradein-dialog .t2-icon.t2-info {
  width: 36px;
  height: 36px;
  background-size: 36px 36px;
  filter: invert(13%) sepia(82%) saturate(4237%) hue-rotate(340deg) brightness(86%) contrast(101%);
}
.tradein-dialog .delivery-options {
  background-color: #f5f5f5;
  border-radius: 4px;
  color: #3a3b3f;
  padding: 8px 0 8px 8px;
  margin-bottom: 20px;
}
.tradein-dialog .trade-in-bonus-text {
  font-size: 20px;
  color: var(--t2-color-positive);
}

.t2-modal.tradein .t2-card > li > .t2-price {
  padding-right: 32px;
}
.t2-modal.tradein .t2-card > li > .t2-flex-row {
  align-items: center;
}
.t2-modal.tradein .t2-card > li button.t2-btn.t2-ghost > span.t2-icon.t2-trash {
  filter: invert(13%) sepia(82%) saturate(4237%) hue-rotate(340deg) brightness(86%) contrast(101%);
}

#loyaltyDiscountTierMessage {
  color: #3a3b3f;
}
#loyaltyDiscountTierMessage > .t2-icon {
  margin: 0 16px 0 8px;
}
#loyaltyDiscountTierMessage > div {
  margin-right: 32px;
}
#loyaltyDiscountTierMessage > div > span {
  display: block;
  margin: 8px 0;
  color: #000000;
}

.fmc-container {
  border: 1px solid #00a744;
  border-radius: 4px;
  width: 480px;
}
.fmc-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.fmc-info-wrapper {
  display: flex;
  justify-content: center;
}
.fmc-full-width {
  width: 100% !important;
  margin-bottom: 24px;
}
.fmc-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  font-size: 14px;
  color: #6c6d73;
}
.fmc-description {
  flex: 1;
  margin-left: 36px;
}
.fmc-price {
  flex: 1;
  text-align: right;
}
.fmc-price-highlight {
  color: #00a744;
}
.fmc-primary {
  font-size: 16px;
  color: #00a744;
  margin-top: 3px;
}
.fmc-icon {
  filter: invert(51%) sepia(75%) saturate(515%) hue-rotate(97deg) brightness(92%) contrast(83%);
}

.next-best-offers-sub-header {
  color: #6c6d73;
}
.next-best-offers-list {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
}
.next-best-offers-item {
  list-style: none;
  flex: 0 0 33.333333%;
}
@media (max-width: 700px) {
  .next-best-offers-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 500px) {
  .next-best-offers-item {
    flex: 0 0 100%;
  }
}
.next-best-offers-item > div {
  margin: 0 12px 16px 0;
  min-height: 160px;
  background-color: #f1f1f1;
  border-radius: 12px;
  padding: 16px;
}
.next-best-offers-item > div.accepted-offer {
  background-color: #fff;
  border: 3px solid #1067d0;
}
.next-best-offers-item-pill {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  background-color: #9fe5aa;
}
.next-best-offers-item-information-icon {
  float: right;
  height: 20px;
  width: 20px;
}
.next-best-offer-item-buttons button:hover {
  background-color: #f1f1f1;
}
.next-best-offer-rejected-offer-modal > div {
  width: 800px;
}
.next-best-offer-rejected-offer-modal > div > div {
  width: 800px !important;
}
.next-best-offers-information-spinner-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.next-best-offers-information {
  color: #3a3b3f;
  font-size: 16px;
  line-height: 24px;
}

.agreements-page > .flex-container {
  align-items: flex-end;
}
.agreements-page > .flex-container > * {
  margin-top: 16px;
  margin-top: 10px;
  margin-right: 20px;
}
.agreements-page > .flex-container > *:last-child {
  margin-right: 0;
}
.agreements-page .custom_table .custom_tr.cancellation {
  border-bottom: none;
}
.agreements-page .cancellation-info > td {
  padding: 0 10px 10px 10px;
}
.agreements-page .agreement-status .agreement-status-reason {
  font-size: 14px;
  color: var(--t2-color-alert);
}

.agreements-page button.t2-btn.t2-ghost:not([disabled]) > span.t2-icon.t2-trash {
  filter: invert(13%) sepia(82%) saturate(4237%) hue-rotate(340deg) brightness(86%) contrast(101%);
}

.signature-page {
  position: relative;
  min-height: 264px;
}
.signature-page .icon--bank-id {
  width: 48px;
  height: 48px;
  background-size: 48px 48px;
}
.page-divider {
  border-top: 1px solid #dcdcde;
  margin-bottom: 22px;
  margin-top: 40px;
}

.shipment-selection .equipment-delivery-details {
  display: flex;
  align-items: flex-start;
}
.shipment-selection div.t2-input-text {
  width: 270px;
}
.shipment-selection div.t2-checkbox {
  margin: 3px 0 0 8px;
}
.shipment-selection .device-information > span {
  display: block;
  font-size: 14px;
  color: var(--t2-color-sub-text, #6c6d73);
  margin-top: 4px;
}

.spinner-path {
  transform-origin: center;
}
#vendo-checkmark circle {
  transform-origin: center;
}

.confirmation-message > span.t2-icon.t2-check {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
.confirmation-message > p {
  color: #6c6d73;
}

.select-sign-options-page .email-field {
  margin-left: 10px;
}
.manual-identification-input {
  margin-top: 16px;
}
.manual-identification-input div.t2-input-text {
  width: 100%;
}
@media all and (min-width: 780px) {
  .manual-identification-input {
    display: flex;
  }
  .manual-identification-input > div.t2-input-text {
    width: auto;
  }
  .manual-identification-input > .input-field-wrapper,
  .manual-identification-input > .select-input__single {
    width: 250px;
    margin-right: 16px;
  }
  .manual-identification-input > .input-field-wrapper:not(:first-child),
  .manual-identification-input > .select-input__single:not(:first-child) {
    margin-left: 16px;
  }
}
label[for='include-terms'] .t2-link {
  margin: 0 4px;
}

/* TODO: Old stuff to cleanup */
/*BOXER  colors*/
@media screen and (min-width: 960px) {
  .t2-modal.digital-sign div[role='document'] {
    width: unset;
  }
}
@media screen and (min-width: 1280px) {
  .t2-modal.digital-sign div[role='document'] {
    width: unset;
  }
}
@media (hover: none) and (pointer: coarse) and (max-width: 960px) {
  .t2-modal.digital-sign {
    display: flex;
  }
  .t2-modal.digital-sign > .wrapper {
    top: 20%;
    bottom: unset;
    width: unset;
  }
  .t2-modal.digital-sign > .wrapper > .handle {
    display: none;
  }
  .t2-modal.digital-sign div[role='document'] {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
  }
  .t2-modal.digital-sign div[role='document'] > header > .t2-btn {
    display: unset;
  }
}
@media (hover: none) and (pointer: coarse) and (max-width: 960px) {
  .t2-modal.digital-sign.anim-in > .wrapper,
  .t2-modal.digital-sign.anim-out > .wrapper {
    animation-name: unset;
  }
}
.t2-modal.digital-sign .canvas-wrapper {
  position: relative;
}
.t2-modal.digital-sign .canvas-wrapper > button {
  position: absolute;
  top: 24px;
  right: 8px;
}
.t2-modal.digital-sign .canvas-wrapper > canvas {
  margin-top: 16px;
  border-radius: 3px;
  border: 1px solid #dcdcde;
}
.t2-modal.digital-sign .canvas-wrapper > canvas.signature-box-error {
  border: 1px solid #b50d2b;
}

/* TODO: Old stuff to cleanup */
/*BOXER  colors*/
.order-complete-summary > .details {
  display: grid;
  grid-template-columns: auto auto;
  row-gap: 16px;
}
.confirmation-message > p {
  text-align: center;
}

.tele2-play-offer.t2-card.t2-order-summary > li > section {
  align-items: center;
  position: relative;
}
.tele2-play-offer.t2-card.t2-order-summary > li > section div.t2-pic {
  background-image: url(/sales/assets/images/logo-comhemplay-21e0581a74a66c2408f0.svg);
  background-color: #000000;
  background-size: 46px 46px;
  border-radius: 16px;
}
.tele2-play-offer.t2-card.t2-order-summary > li > section > .t2-price {
  position: absolute;
  top: 21px;
  left: 80px;
  text-align: left;
}
.tele2-play-offer.t2-card.t2-order-summary > li > div.t2-msg {
  margin-bottom: 0;
}
.tele2-play-offer.card {
  display: flex;
  justify-content: center;
  color: #6c6d73;
}

.villa-fiber-help-text-container {
  margin-top: 16px;
}
.villa-fiber-help-text-container ol {
  padding: 0 18px;
}
.villa-fiber-help-text-container ol li {
  margin: 8px 0;
}
.villa-fiber-help-text-container .t2-msg {
  margin: 12px 0;
  padding: 12px 12px 12px 32px;
}

.manual-order-page table,
.manual-order-page th,
.manual-order-page tr,
.manual-order-page td {
  border: 1px solid black;
  border-collapse: collapse;
}
.manual-order-page td,
.manual-order-page th {
  padding: 6px;
  text-align: left;
}
.manual-order-page th {
  background-color: #1067d0;
  color: white;
  font-weight: normal;
}
.manual-order-page tr:nth-child(even) {
  background-color: #f2f2f2;
}
.manual-order-page .text-center {
  text-align: center;
}

.manual-orders a > span.t2-icon.t2-launch.blue {
  filter: invert(23%) sepia(65%) saturate(3144%) hue-rotate(204deg) brightness(97%) contrast(87%);
}

.addons-page .chips {
  width: 176px;
  background-color: #f5f5f5;
  padding: 8px 12px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  line-height: normal;
  cursor: pointer;
}
.addons-page .chips:hover {
  background-color: #dcdcde;
}
.addons-page .chips > .icon-s {
  padding: 0 8px;
}
.addons-page .chips > label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}

.multi-addon-selection {
  margin: -16px;
  padding: 12px;
}
.multi-addon-selection > div {
  display: flex;
  justify-content: space-between;
}
.multi-addon-selection > div > button.t2-btn.t2-icon-only {
  padding: 13px;
}
.multi-addon-selection > div > button.t2-btn.t2-icon-only > span.t2-icon {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  left: 1px;
}
.multi-addon-selection > div > button.t2-btn.t2-icon-only:not([disabled]):hover,
.multi-addon-selection > div > button.t2-btn.t2-icon-only:not([disabled]):focus {
  padding: 12px;
}
.multi-addon-selection > div > button.t2-btn.t2-icon-only:not([disabled]):hover > span.t2-icon,
.multi-addon-selection > div > button.t2-btn.t2-icon-only:not([disabled]):focus > span.t2-icon {
  left: 0;
}
.multi-addon-selection > div > span {
  margin: 0 12px;
  line-height: 28px;
}

.agreement-preview-page {
  min-height: 100%;
}
.agreement-preview-page > header.page.placeholder {
  margin-bottom: 0;
}
.agreement-preview-page > div {
  background-color: #3a3b3f;
  padding: 32px 0;
}
.agreement-preview-page > div > div {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 32px;
  width: fit-content;
}
@media all and (min-width: 420px) and (max-width: 780px) {
  .agreement-preview-page > div > div {
    margin: 0 32px;
  }
}
@media all and (max-width: 420px) {
  .agreement-preview-page > div > div {
    margin: 0 16px;
    padding: 16px;
  }
}

.cancellation-page .no-cancellable-engagements {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.cancellation-page .no-cancellable-engagements > .t2-exclamation-mark {
  filter: invert(13%) sepia(82%) saturate(4237%) hue-rotate(340deg) brightness(86%) contrast(101%);
  filter: invert(23%) sepia(65%) saturate(3144%) hue-rotate(204deg) brightness(97%) contrast(87%);
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
.cancellation-page .no-cancellable-engagements h1 {
  font-size: 22px;
}
.cancellation-page .no-cancellable-engagements li {
  color: #6c6d73;
  margin-bottom: 8px;
  list-style-position: inside;
}
.cancellation-page .no-cancellable-engagements p {
  color: #6c6d73;
}

.styleless-btn {
  border: none;
  box-shadow: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
}
.styleless-btn:focus {
  border: none;
  box-shadow: none;
  background-color: transparent;
  outline: none;
}
.list-header-with-brand {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.list-header-with-brand > .t2-logo.t2-tele2 {
  width: 40.7076923px;
  height: 22.4px;
  background-size: 40.7076923px 22.4px;
}
.list-header-with-brand > .t2-logo.t2-tele2-b2b {
  width: 36.0761194px;
  height: 28px;
  background-size: 36.0761194px 28px;
}
.list-header-with-brand > .t2-logo.t2-boxer {
  width: 66.818729px;
  height: 11.2px;
  background-size: 66.818729px 11.2px;
}
.list-header-with-brand > span:last-child {
  font-size: 14px;
  color: #6c6d73;
  margin-left: 12px;
}

.alias-component {
  font-size: 14px;
  margin-top: 4px;
  color: #6c6d73;
}

.data-usage-list li {
  display: flex;
  justify-content: space-between;
}
.data-usage-list li .capitalize {
  text-transform: capitalize;
}

.customer-card-individual-info .dropdown-select-menu-container > h1 {
  cursor: pointer;
}
.customer-card-individual-info .dropdown-select-menu-container > h1 > .t2-icon {
  vertical-align: middle;
}
.customer-card-individual-info .dropdown-select-menu-container > .dropdown-select-menu {
  min-width: 289px;
  left: -28px;
}
.customer-card-individual-info .dropdown-select-menu-container > .dropdown-select-menu > div {
  padding: 12px;
}
.customer-card-individual-info .dropdown-select-menu-container > .dropdown-select-menu > .dropdown-select-menu__content p:not(:last-child) {
  margin-bottom: 8px;
}

.styleless-btn {
  border: none;
  box-shadow: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
}
.styleless-btn:focus {
  border: none;
  box-shadow: none;
  background-color: transparent;
  outline: none;
}
.customer-card-connection-error .t2-icon {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  filter: invert(13%) sepia(82%) saturate(4237%) hue-rotate(340deg) brightness(86%) contrast(101%);
}

.t2-info {
  z-index: 2;
}

.t2-modal.invoices div[role='document'] > p {
  color: #6c6d73;
}
.t2-modal.invoices .invoice-amount {
  align-self: flex-start;
}
.t2-modal.invoices .t2-card > li > div > div.t2-with-subtext > span:not(:first-child).invoice-alert {
  color: #b50d2b;
}
.t2-modal.invoices ul.t2-card.t2-clickable.t2-arrow > li {
  background-position: right bottom;
}
@media screen and (max-width: 780px) {
  .invoice-payment-method {
    margin-top: 16px;
  }
}

.customer-blockers {
  margin-bottom: 24px;
}
.customer-blockers .customer-blockers-heading {
  margin-bottom: 8px;
}
.customer-blockers > ul {
  list-style: none;
}
.customer-blockers > ul > li {
  display: inline-flex;
  margin-right: 8px;
}
.customer-blockers .customer-blockers-item {
  margin: 0;
  padding-left: 0;
}


/*# sourceMappingURL=main.8d215656d4e37b28e8a2.css.map*/